@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap");
a {
outline: none;
}
.sp {
display: block;
}
@media screen and (min-width: 1080px) {
.sp {
display: none;
}
}
.pc {
display: none;
}
@media screen and (min-width: 1080px) {
.pc {
display: block;
}
}
.slide_button {
display: block;
position: fixed;
right: -60px;
top: 50%;
z-index: 100;
}
hr.cf {
margin: 8px 0;
padding: 0;
clear: both;
height: 0;
border: none;
}
hr.invisible {
margin: 20px 0 60px;
padding: 0;
clear: both;
height: 0;
border: none;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} body::before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -2;
width: 100vw;
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
-webkit-background-size: cover; }
body::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/cover.jpg);
}
body.home::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/home/cover_mobile.jpg);
}
body.page-strengths::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/ourstrengths/cover.jpg);
}
body.page-strengths .main .cover_index h1 span
body.page-strengths main .cover_index h1 span {
font-size: 70px;
padding-left: 0;
}
body.single-bi::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/bi/cover.jpg);
}
body.post-type-archive-erp::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/erp/cover.jpg);
}
body.single-erp::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/erp/cover.jpg);
}
body.post-type-archive-seminars::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/seminars/cover.jpg);
}
body.single-seminars::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/seminars/cover.jpg);
}
body.page-about-child::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/about/cover_child.jpg);
}
body.post-type-archive-news::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/news/cover.jpg);
}
body.single-news::before {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/news/cover.jpg);
}
#loader-bg {
display: none;
}
#loader {
display: none;
}
.table_of_contents {
margin-top: 40px;
padding: 5px 0 5px 20px;
border-left: 8px solid #ccc;
}
.table_of_contents:before {
content: "目次";
font-weight: bold;
font-size: 18px;
}
.table_of_contents li {
padding: 10px 0 0;
}
.table_of_contents li a {
color: #333;
}
.table_of_contents li a:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border: 5px solid transparent;
border-left: 7px solid #e72a31;
}
.table_of_contents li a:hover {
color: #e72a31;
}
.page-id-12739 .main .cover_index h1
.page-id-12739 main .cover_index h1 {
line-height: 1.3;
}
.main section.cover-top,
main section.cover-top {
background-color: rgba(0, 0, 0, 0.5);
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/mesh400.png);
background-size: 100px 100px;
padding-top: 50px;
padding-bottom: 50px;
color: #fff;
text-align: center;
}
@media screen and (min-width: 1080px) {
.main section.cover-top,
main section.cover-top {
padding-top: 130px;
}
}
.main section.cover-top h1,
main section.cover-top h1 {
font-family: 'Roboto Condensed', sans-serif;
margin-top: 60px;
display: inline-block;
}
.main section.cover-top h1 b,
main section.cover-top h1 b {
display: block;
font-size: 70px;
line-height: 1em;
}
@media screen and (min-width: 1080px) {
.main section.cover-top h1 b,
main section.cover-top h1 b {
font-size: 120px;
}
}
.main section.cover-top h1 small,
main section.cover-top h1 small {
display: block;
font-size: 50px;
line-height: 1em;
}
@media screen and (min-width: 1080px) {
.main section.cover-top h1 small,
main section.cover-top h1 small {
font-size: 100px;
}
}
.main section.cover-top h1 span,
main section.cover-top h1 span {
display: block;
font-size: 16px;
line-height: 1em;
letter-spacing: 1px;
padding-top: 15px;
border-top: 4px solid #e72a31;
}
.main section.cover-top h2,
main section.cover-top h2 {
font-size: 20px;
margin-top: 40px;
padding: 0 20px;
text-align: left;
}
@media screen and (min-width: 768px) {
.main section.cover-top h2,
main section.cover-top h2 {
font-size: 24px;
text-align: center;
}
}
.main section.cover-top p,
main section.cover-top p {
width: 100%;
padding: 0 20px;
margin: 20px 0 0;
font-size: 14px;
line-height: 2em;
text-align: justify;
}
@media screen and (min-width: 768px) {
.main section.cover-top p,
main section.cover-top p {
width: 680px;
margin: 40px auto 0;
padding: 0;
}
}
.page-template-page-en .main section.cover-top p, .page-template-page-en
main section.cover-top p {
text-align: left;
}
.main .cover_index,
main .cover_index {
width: 100%;
text-align: center;
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/mesh400.png);
background-size: 100px 100px;
padding-top: 50px;
background-color: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 1080px) {
.main .cover_index,
main .cover_index {
padding-top: 130px;
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/mesh.png);
}
}
.main .cover_index .container,
main .cover_index .container {
width: 100%;
box-sizing: border-box;
color: #fff;
padding: 20px 20px;
}
@media screen and (min-width: 1080px) {
.main .cover_index .container,
main .cover_index .container {
padding: 100px 0;
width: 1000px;
margin: 0px auto;
}
}
.main .cover_index h1,
main .cover_index h1 {
padding-bottom: 10px;
font-size: 36px;
border-bottom: solid 4px #e72d31;
margin-bottom: 10px;
display: inline-block;
line-height: 1.3;
letter-spacing: 0.05em;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
}
.main .cover_index h1 span,
main .cover_index h1 span {
color: #fff;
font-size: 12px;
padding-left: 20px;
}
.main .cover_index h1 small,
main .cover_index h1 small {
font-size: 66.6666%;
}
.page-template-page-special .main .cover_index h1, .page-template-page-fashion .main .cover_index h1, .page-template-page-special
main .cover_index h1, .page-template-page-fashion
main .cover_index h1 {
font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Sawarabi Mincho", "HGS明朝E", "メイリオ", "Meiryo", serif;
font-weight: 400;
font-size: 24px;
}
@media screen and (min-width: 1080px) {
.page-template-page-special .main .cover_index h1, .page-template-page-fashion .main .cover_index h1, .page-template-page-special
main .cover_index h1, .page-template-page-fashion
main .cover_index h1 {
font-size: 36px;
}
}
.main .cover_index h2,
main .cover_index h2 {
font-size: 16px;
font-weight: bold;
padding-bottom: 30px;
display: block;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
}
.main .cover_index h2 span.date,
main .cover_index h2 span.date {
font-size: 18px;
}
.main .cover_index p,
main .cover_index p {
line-height: 2.4;
column-count: 1;
font-size: 14px;
}
@media screen and (min-width: 1080px) {
.main .cover_index p,
main .cover_index p {
column-count: 1;
}
}
.main .cover,
main .cover {
width: 100%;
padding-top: 50px;
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/mesh400.png);
background-size: 100px 100px;
background-color: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 1080px) {
.main .cover,
main .cover {
padding-top: 130px;
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/mesh.png);
}
}
.main .cover .container,
main .cover .container {
width: 100%;
box-sizing: border-box;
color: #fff;
padding: 20px 20px;
}
@media screen and (min-width: 1080px) {
.main .cover .container,
main .cover .container {
padding: 50px 0;
width: 1000px;
margin: 0px auto;
}
}
.main .cover h1,
main .cover h1 {
padding-bottom: 10px;
font-size: 30px;
line-height: 1;
border-bottom: solid 2px #e72d31;
margin-bottom: 10px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
letter-spacing: 0.05em;
}
@media screen and (min-width: 1080px) {
.main .cover h1,
main .cover h1 {
font-size: 50px;
}
}
.main .cover h1 span,
main .cover h1 span {
color: #fff;
font-size: 14px;
padding-left: 10px;
}
.main .cover h1 span b,
main .cover h1 span b {
font-size: 50px;
}
.main .cover h1#fourStrength,
main .cover h1#fourStrength {
font-size: 36px;
}
.main .cover h1#fourStrength span,
main .cover h1#fourStrength span {
font-size: 50px;
}
.main .cover h2,
main .cover h2 {
font-size: 18px;
letter-spacing: 0.1em;
}
@media screen and (min-width: 1080px) {
.main .cover h2,
main .cover h2 {
font-size: 24px;
}
}
.main .cover h2 time,
main .cover h2 time {
display: inline-block;
font-size: 18px;
margin-right: 10px;
}
.main .cover h2 ul.blog-tag,
main .cover h2 ul.blog-tag {
display: block;
}
@media screen and (min-width: 1080px) {
.main .cover h2 ul.blog-tag,
main .cover h2 ul.blog-tag {
display: inline-block;
}
}
.main .cover h2 ul.blog-tag li,
main .cover h2 ul.blog-tag li {
display: inline-block;
}
.main .cover h2 ul.blog-tag li a,
main .cover h2 ul.blog-tag li a {
display: inline-block;
margin-right: 10px;
padding: 5px 10px;
font-size: 14px;
color: #fff;
border: 1px solid #fff;
border-radius: 3px;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main .cover h2 ul.blog-tag li a:hover,
main .cover h2 ul.blog-tag li a:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.main .cover p,
main .cover p {
line-height: 1.8;
column-count: 1;
font-size: 14px;
margin-top: 15px;
text-align: justify;
letter-spacing: 0.05em;
}
@media screen and (min-width: 1080px) {
.main .cover p,
main .cover p {
column-count: 1;
margin-top: 30px;
line-height: 2.4;
}
}
.page-template-page-en .main .cover p, .page-template-page-en
main .cover p {
text-align: left;
}
.main section.mesh,
main section.mesh {
width: 100%;
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/mesh400.png);
background-size: 100px 100px;
text-align: center;
}
@media screen and (min-width: 1080px) {
.main section.mesh,
main section.mesh {
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/mesh.png);
}
}
.main section.mesh .container,
main section.mesh .container {
width: 100%;
box-sizing: border-box;
color: #fff;
padding: 20px 20px;
}
@media screen and (min-width: 1080px) {
.main section.mesh .container,
main section.mesh .container {
padding: 50px 0;
width: 1000px;
margin: 0px auto;
}
}
.main section.mesh h1,
main section.mesh h1 {
display: inline-block;
padding-bottom: 10px;
font-size: 44px;
border-bottom: solid 2px #e72d31;
margin-bottom: 10px;
}
.main section.mesh h1 span,
main section.mesh h1 span {
color: #fff;
font-size: 12px;
padding-left: 20px;
}
.main section.mesh h2,
main section.mesh h2 {
font-size: 24px;
padding-bottom: 30px;
}
.main section.mesh p,
main section.mesh p {
line-height: 2.4;
column-count: 1;
font-size: 14px;
}
@media screen and (min-width: 1080px) {
.main section.mesh p,
main section.mesh p {
column-count: 2;
}
}
.main section.content,
main section.content {
width: 100%;
background: rgba(255, 255, 255, 0.9);
padding-bottom: 50px;
}
.main section.content .container,
main section.content .container {
box-sizing: border-box;
width: 100%;
padding: 20px 20px;
}
@media screen and (min-width: 1080px) {
.main section.content .container,
main section.content .container {
padding: 50px 0 0;
width: 1000px;
margin: 0px auto;
}
.main section.content .container.seminar-container,
main section.content .container.seminar-container {
padding: 0 0 0;
}
}
.main section.content.reading,
main section.content.reading {
background: rgba(255, 255, 255, 0.94);
}
.main section.content.reading .container h2,
main section.content.reading .container h2 {
overflow: hidden;
position: relative;
color: #000;
max-width: 750px;
margin: 60px auto 0;
padding: 0;
font-size: 24px;
line-height: 1.3;
letter-spacing: 0.05em;
font-weight: 700;
background: transparent;
box-sizing: border-box;
letter-spacing: 0.02em;
border-radius: 0;
-webkit-font-smoothing: antialiased;
font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Sawarabi Mincho", "HGS明朝E", "メイリオ", "Meiryo", serif;
z-index: 0;
}
@media screen and (min-width: 1080px) {
.main section.content.reading .container h2,
main section.content.reading .container h2 {
text-align: center;
margin: 90px auto 0;
font-size: 36px;
font-weight: 700;
}
}
.main section.content.reading .container h2:before,
main section.content.reading .container h2:before {
display: none;
}
.main section.content.reading .container h3,
main section.content.reading .container h3 {
margin: 45px 0 0;
padding: 0;
font-size: 18px;
letter-spacing: 0.05em;
text-align: center;
font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Sawarabi Mincho", "HGS明朝E", "メイリオ", "Meiryo", serif;
}
@media screen and (min-width: 1080px) {
.main section.content.reading .container h3,
main section.content.reading .container h3 {
margin: 60px 0 0;
font-size: 24px;
}
}
.main section.content.reading .container h3 + p,
main section.content.reading .container h3 + p {
margin: 30px auto 0;
}
.main section.content.reading .container > p,
main section.content.reading .container > p {
max-width: 750px;
margin: 30px auto 0;
letter-spacing: 0.05em;
}
@media screen and (min-width: 1080px) {
.main section.content.reading .container > p,
main section.content.reading .container > p {
margin: 45px auto 0;
}
}
.main section.content.reading .container > p.readtxt,
main section.content.reading .container > p.readtxt {
font-size: 18px;
line-height: 1.8;
text-align: center;
font-family: "Sawarabi Mincho", serif;
text-align: justify;
}
@media screen and (min-width: 1080px) {
.main section.content.reading .container > p.readtxt,
main section.content.reading .container > p.readtxt {
text-align: center;
font-size: 24px;
}
}
.main section.content.reading .container > p.readtxt em,
main section.content.reading .container > p.readtxt em {
background: linear-gradient(transparent 66%, #ff6d6d 66%);
}
.main section.content.reading .container img,
main section.content.reading .container img {
margin: 30px 0 0;
}
@media screen and (min-width: 1080px) {
.main section.content.reading .container img,
main section.content.reading .container img {
margin: 45px 0 0;
}
}
.main section.content.reading .container img.aligncenter,
main section.content.reading .container img.aligncenter {
padding: 0;
}
.main section.content h2,
main section.content h2 {
overflow: hidden;
position: relative;
color: #fff;
margin: 0 0 30px;
padding: 10px 10px 10px 20px;
font-size: 18px;
line-height: 1.5;
font-weight: bold;
background: #000;
box-sizing: border-box;
letter-spacing: 0.02em;
border-radius: 3px;
-webkit-font-smoothing: antialiased;
clear: both;
}
.main section.content h2:before,
main section.content h2:before {
content: "";
display: block;
width: 100px;
height: 100px;
background-color: #cc0000;
position: absolute;
top: -32px;
left: -90px;
-webkit-transform: rotate(19deg);
-ms-transform: rotate(19deg);
transform: rotate(19deg);
}
.main section.content .blog-left h2,
main section.content .blog-left h2 {
margin-bottom: 20px;
}
.main section.content h2.logo,
main section.content h2.logo {
overflow: hidden;
position: relative;
color: #000;
margin: 0 0 30px;
padding: 10px 0px 10px 0px;
font-size: 20px;
line-height: 1.5;
font-weight: bold;
background: none;
box-sizing: border-box;
letter-spacing: 0.02em;
}
.main section.content h2.logo:before,
main section.content h2.logo:before {
content: none;
}
.main section.content h2.logo em,
main section.content h2.logo em {
width: 170px;
display: inline-block;
}
.main section.content h2.logo em img,
main section.content h2.logo em img {
width: 100%;
}
.main section.content h2.logo span,
main section.content h2.logo span {
padding-bottom: 10px;
margin-left: 20px;
border-bottom: 2px solid #ea0000;
}
.main section.content h3,
main section.content h3 {
display: block;
min-height: 28px;
margin: 0 0 15px;
margin-top: -70px;
padding-top: 70px;
font-size: 18px;
line-height: 1.5;
}
@media screen and (min-width: 768px) {
.main section.content h3,
main section.content h3 {
margin-top: -100px;
padding-top: 100px;
}
}
.main section.content h3::before,
main section.content h3::before {
content: "";
display: inline-block;
vertical-align: top;
width: 20px;
height: 28px;
margin-right: 10px;
background-image: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/contents/red.png);
background-position: center center;
background-repeat: no-repeat;
}
.main section.content h4,
main section.content h4 {
font-size: 16px;
line-height: 1.5;
margin: 20px 0 10px;
}
.main section.content h4.center,
main section.content h4.center {
text-align: center;
}
.main section.content .aligncenter,
main section.content .aligncenter {
width: 100%;
height: auto;
padding: 0 5%;
margin: 0 auto;
display: block;
}
@media screen and (min-width: 768px) {
.main section.content .aligncenter,
main section.content .aligncenter {
width: auto;
clear: both;
display: block;
margin: 0 auto 20px;
padding: 0;
}
}
.main section.content .alignright,
main section.content .alignright {
width: 100%;
max-width: 500px;
height: auto;
padding: 0 5%;
margin: 0 auto;
display: block;
}
@media screen and (min-width: 768px) {
.main section.content .alignright,
main section.content .alignright {
clear: both;
width: auto;
float: right;
margin: 0 0 20px 20px;
padding: 0;
}
}
.main section.content .alignleft,
main section.content .alignleft {
width: 100%;
max-width: 500px;
height: auto;
padding: 0;
margin: 0 auto 20px;
display: block;
}
@media screen and (min-width: 768px) {
.main section.content .alignleft,
main section.content .alignleft {
clear: both;
width: auto;
float: left;
margin: 0 20px 20px 0;
padding: 0;
}
}
.main section.content ol,
main section.content ol {
list-style: decimal;
}
.main section.content ol li,
main section.content ol li {
margin: 0 0 10px 30px;
line-height: 2;
}
.main section.content .page-list,
main section.content .page-list {
width: 100%;
letter-spacing: -.4em;
margin: 40px 0 20px;
}
.main section.content .page-list li,
main section.content .page-list li {
display: inline-block;
letter-spacing: normal;
width: 33.3333%;
margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
.main section.content .page-list li,
main section.content .page-list li {
width: 15%;
}
}
.main section.content .page-list li a,
main section.content .page-list li a {
display: block;
margin: 0 10px;
background-color: #fff;
border: 1px solid #ccc;
}
.main section.content .page-list li a img,
main section.content .page-list li a img {
display: block;
max-width: 100%;
height: auto;
}
.main section.content .page-list li a:hover,
main section.content .page-list li a:hover {
opacity: 0.8;
}
.main section.content .absolute-size,
main section.content .absolute-size {
width: auto;
margin: 0;
}
.main section.content p,
main section.content p {
margin: 20px 0 20px;
line-height: 2;
letter-spacing: 0.05em;
}
.main section.content p.center,
main section.content p.center {
text-align: center;
}
.main section.content p.right,
main section.content p.right {
text-align: right;
}
.main section.content p.cap,
main section.content p.cap {
font-size: 1.2rem;
line-height: 1.5;
padding-top: 10px;
}
.main section.content p.copy,
main section.content p.copy {
font-size: 1.6rem;
line-height: 1.5;
font-weight: bold;
}
.main section.content p.question,
main section.content p.question {
font-size: 18px;
font-weight: bold;
}
.main section.content p.question span,
main section.content p.question span {
color: #e61519;
font-size: 24px;
}
.main section.content p.answer span,
main section.content p.answer span {
font-weight: bold;
color: #3161cd;
font-size: 24px;
}
.main section.content p .red,
main section.content p .red {
font-weight: bold;
color: #e72d31;
}
.main section.content p .blue,
main section.content p .blue {
font-weight: bold;
color: #467DC0;
}
.main section.content p .green,
main section.content p .green {
font-weight: bold;
color: #7CAE5C;
}
.main section.content p .orange,
main section.content p .orange {
font-weight: bold;
color: #FAAA4F;
}
.main section.content .youtube,
main section.content .youtube {
text-align: center;
margin-bottom: 40px;
}
@media screen and (max-width: 1080px) {
.main section.content .youtube,
main section.content .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.main section.content .youtube iframe,
main section.content .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
}
.main section.content img.size-large,
main section.content img.size-large {
margin-bottom: 20px;
}
.main section.content img.left,
main section.content img.left {
float: left;
margin-right: 25px;
margin-bottom: 20px;
width: 48%;
}
.main section.content img.right,
main section.content img.right {
float: right;
margin-left: 25px;
margin-bottom: 20px;
width: 48%;
}
.main section.content img.center,
main section.content img.center {
margin: 0 auto;
}
.main section.content img.boader,
main section.content img.boader {
border: solid 1px #f0f0f0;
}
.main section.content div.middle,
main section.content div.middle {
margin: 0 auto;
width: 70%;
}
@media screen and (min-width: 768px) {
.main section.content div.middle,
main section.content div.middle {
width: 100%;
}
}
.main section.content img.thumb,
main section.content img.thumb {
width: 100%;
height: auto;
}
.main section.content figure.left,
main section.content figure.left {
float: left;
margin-right: 25px;
margin-bottom: 20px;
width: 48%;
}
.main section.content figure.left img,
main section.content figure.left img {
padding-bottom: 10px;
}
.main section.content figure.left figcaption,
main section.content figure.left figcaption {
font-size: 12px;
line-height: 1.8;
}
.main section.content figure.right,
main section.content figure.right {
float: right;
margin-left: 25px;
margin-bottom: 20px;
width: 48%;
}
.main section.content figure.right img,
main section.content figure.right img {
padding-bottom: 10px;
}
.main section.content figure.right figcaption,
main section.content figure.right figcaption {
font-size: 12px;
line-height: 1.8;
}
.main section.content figure.left_w,
main section.content figure.left_w {
float: left;
margin-right: 25px;
margin-bottom: 20px;
}
.main section.content figure.left_w img,
main section.content figure.left_w img {
padding-bottom: 10px;
}
.main section.content figure.left_w figcaption,
main section.content figure.left_w figcaption {
font-size: 12px;
line-height: 1.8;
}
.main section.content figure.right_w,
main section.content figure.right_w {
float: right;
margin-left: 25px;
margin-bottom: 20px;
}
.main section.content figure.right_w img,
main section.content figure.right_w img {
padding-bottom: 10px;
}
.main section.content figure.right_w figcaption,
main section.content figure.right_w figcaption {
font-size: 12px;
line-height: 1.8;
}
.main section.content .news ul, .main section.content ul.disc, .main section.content ul.none, .main section.content ul.circle, .main section.content ul.monthry-list, .main section.content ul.year-list, .main section.content ul.check, .main section.content ol.decimal, .main section.content ol.circle, .main section.content ol.square, .main section.content ol.eng,
main section.content .news ul,
main section.content ul.disc,
main section.content ul.none,
main section.content ul.circle,
main section.content ul.monthry-list,
main section.content ul.year-list,
main section.content ul.check,
main section.content ol.decimal,
main section.content ol.circle,
main section.content ol.square,
main section.content ol.eng {
margin: 10px 1.5em 20px;
line-height: 2;
}
.main section.content .news ul li, .main section.content ul.disc li, .main section.content ul.none li, .main section.content ul.circle li, .main section.content ul.monthry-list li, .main section.content ul.year-list li, .main section.content ul.check li, .main section.content ol.decimal li, .main section.content ol.circle li, .main section.content ol.square li, .main section.content ol.eng li,
main section.content .news ul li,
main section.content ul.disc li,
main section.content ul.none li,
main section.content ul.circle li,
main section.content ul.monthry-list li,
main section.content ul.year-list li,
main section.content ul.check li,
main section.content ol.decimal li,
main section.content ol.circle li,
main section.content ol.square li,
main section.content ol.eng li {
position: relative;
margin-bottom: .5em;
}
.main section.content .news ul li:before, .main section.content ul.disc li:before, .main section.content ul.none li:before, .main section.content ul.circle li:before, .main section.content ul.monthry-list li:before, .main section.content ul.year-list li:before, .main section.content ul.check li:before, .main section.content ol.decimal li:before, .main section.content ol.circle li:before, .main section.content ol.square li:before, .main section.content ol.eng li:before,
main section.content .news ul li:before,
main section.content ul.disc li:before,
main section.content ul.none li:before,
main section.content ul.circle li:before,
main section.content ul.monthry-list li:before,
main section.content ul.year-list li:before,
main section.content ul.check li:before,
main section.content ol.decimal li:before,
main section.content ol.circle li:before,
main section.content ol.square li:before,
main section.content ol.eng li:before {
display: block;
content: '';
position: absolute;
top: .49em;
left: -1em;
}
.main section.content .news ul li a, .main section.content ul.disc li a, .main section.content ul.none li a, .main section.content ul.circle li a, .main section.content ul.monthry-list li a, .main section.content ul.year-list li a, .main section.content ul.check li a, .main section.content ol.decimal li a, .main section.content ol.circle li a, .main section.content ol.square li a, .main section.content ol.eng li a,
main section.content .news ul li a,
main section.content ul.disc li a,
main section.content ul.none li a,
main section.content ul.circle li a,
main section.content ul.monthry-list li a,
main section.content ul.year-list li a,
main section.content ul.check li a,
main section.content ol.decimal li a,
main section.content ol.circle li a,
main section.content ol.square li a,
main section.content ol.eng li a {
text-decoration: underline;
color: #000;
}
.main section.content .news ul li a:hover, .main section.content ul.disc li a:hover, .main section.content ul.none li a:hover, .main section.content ul.circle li a:hover, .main section.content ul.monthry-list li a:hover, .main section.content ul.year-list li a:hover, .main section.content ul.check li a:hover, .main section.content ol.decimal li a:hover, .main section.content ol.circle li a:hover, .main section.content ol.square li a:hover, .main section.content ol.eng li a:hover,
main section.content .news ul li a:hover,
main section.content ul.disc li a:hover,
main section.content ul.none li a:hover,
main section.content ul.circle li a:hover,
main section.content ul.monthry-list li a:hover,
main section.content ul.year-list li a:hover,
main section.content ul.check li a:hover,
main section.content ol.decimal li a:hover,
main section.content ol.circle li a:hover,
main section.content ol.square li a:hover,
main section.content ol.eng li a:hover {
text-decoration: underline;
color: #444;
}
.main section.content ul.monthry-list, .main section.content ul.year-list,
main section.content ul.monthry-list,
main section.content ul.year-list {
margin-left: 0;
}
.main section.content ul.monthry-list li, .main section.content ul.year-list li,
main section.content ul.monthry-list li,
main section.content ul.year-list li {
display: inline-block;
margin: 0 10px 10px 0;
padding: 0 0 0 15px;
border-left: 1px solid #888;
}
.main section.content .news ul > li:before, .main section.content ul.disc > li:before,
main section.content .news ul > li:before,
main section.content ul.disc > li:before {
width: 8px;
height: 8px;
background-color: #878787;
border-radius: 100%;
}
.main section.content ul.none > li,
main section.content ul.none > li {
margin-bottom: 25px;
}
.main section.content ul.none > li:before,
main section.content ul.none > li:before {
width: 8px;
height: 8px;
background-color: none;
border-radius: 100%;
}
.main section.content ul.circle > li:before,
main section.content ul.circle > li:before {
width: 8px;
height: 8px;
border: 1px solid #e72a31;
border-radius: 100%;
}
.main section.content ul.check li:before,
main section.content ul.check li:before {
left: -1.2em;
width: 12px;
height: 6px;
border-left: 2px solid #e72a31;
border-bottom: 2px solid #e72a31;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.main section.content ol.decimal,
main section.content ol.decimal {
counter-reset: n;
}
.main section.content ol.decimal > li:before,
main section.content ol.decimal > li:before {
counter-increment: n;
content: counter(n) ".";
top: 0em;
left: -1.4em;
}
.main section.content ol.circle,
main section.content ol.circle {
counter-reset: n;
}
.main section.content ol.circle > li:before,
main section.content ol.circle > li:before {
counter-increment: n;
content: counter(n);
top: 0em;
left: -1.8em;
color: #fff;
line-height: 19px;
text-align: center;
width: 19px;
height: 19px;
background-color: #000;
border-radius: 100%;
}
.main section.content ol.square,
main section.content ol.square {
counter-reset: n;
}
.main section.content ol.square > li:before,
main section.content ol.square > li:before {
counter-increment: n;
content: counter(n);
top: 0em;
left: -1.8em;
color: #fff;
line-height: 19px;
text-align: center;
width: 19px;
height: 19px;
background-color: #e60019;
}
.main section.content ol.eng,
main section.content ol.eng {
counter-reset: n;
margin-left: 3em;
}
.main section.content ol.eng li,
main section.content ol.eng li {
top: 0em;
left: -1.4em;
list-style: lower-latin;
}
.main section.content .text_wrap,
main section.content .text_wrap {
padding: 15px 20px 0px;
margin: 10px 0 20px;
background: #f3f3f3;
border: 1px solid #CCC;
clear: both;
}
@media screen and (min-width: 768px) {
.main section.content .text_wrap,
main section.content .text_wrap {
padding: 10px 30px 10px;
}
}
.main section.content dl.basic, .main section.content dl.table,
main section.content dl.basic,
main section.content dl.table {
margin: 20px 0 10px;
line-height: 1.6em;
overflow: hidden;
*zoom: 1;
}
.main section.content dl.basic,
main section.content dl.basic {
margin: 20px 0 10px;
}
.main section.content dl.basic dt,
main section.content dl.basic dt {
float: left;
clear: left;
width: 10em;
margin-bottom: 10px;
font-weight: bold;
}
.main section.content dl.basic dd,
main section.content dl.basic dd {
margin-left: 10em;
margin-bottom: 10px;
padding-left: 20px;
border-left: 1px solid #7b7b7b;
}
.main section.content dl.table,
main section.content dl.table {
overflow: hidden;
background-color: #e3e3e3;
border: 1px solid #999;
border-top: none;
}
.main section.content dl.table dt,
main section.content dl.table dt {
width: 100%;
float: none;
clear: both;
font-weight: bold;
padding: 10px;
border-top: 1px solid #999;
}
@media screen and (min-width: 768px) {
.main section.content dl.table dt,
main section.content dl.table dt {
width: 240px;
float: left;
clear: left;
padding: 20px;
}
}
.main section.content dl.table dd,
main section.content dl.table dd {
margin-left: 0px;
width: 100%;
padding: 10px;
background-color: #f2f2f2;
border-top: 1px solid #999;
}
@media screen and (min-width: 768px) {
.main section.content dl.table dd,
main section.content dl.table dd {
width: calc(100% - 240px);
margin-left: 240px;
padding: 20px;
border-left: 1px solid #999;
}
}
.main section.content table.basic,
main section.content table.basic {
font-size: 14px;
line-height: 1.5;
width: 100%;
margin: 20px auto 20px;
}
.main section.content table.basic th, .main section.content table.basic td,
main section.content table.basic th,
main section.content table.basic td {
padding: 10px 20px;
border: 1px solid #ccc;
background-color: #fff;
}
.main section.content table.basic th,
main section.content table.basic th {
background-color: #f0f0f0;
text-align: left;
font-weight: normal;
line-height: 1.3;
}
.main section.content table.basic thead th,
main section.content table.basic thead th {
background-color: #444;
color: #fff;
text-align: center;
border-color: #6e6e6e;
white-space: nowrap;
}
.main section.content table.mid,
main section.content table.mid {
font-size: 12px;
line-height: 1.5;
width: 100%;
margin: 60px auto 20px;
}
.main section.content table.mid th, .main section.content table.mid td,
main section.content table.mid th,
main section.content table.mid td {
border: 1px solid #ccc;
padding: 6px;
}
.main section.content table.mid th,
main section.content table.mid th {
background-color: #f0f0f0;
text-align: left;
font-weight: normal;
}
.main section.content table.mid thead th,
main section.content table.mid thead th {
background-color: #444;
color: #fff;
text-align: center;
border-color: #6e6e6e;
padding: 6px;
}
.main section.content table.small,
main section.content table.small {
font-size: 12px;
line-height: 1.5;
width: 100%;
margin: 60px auto 20px;
}
.main section.content table.small th, .main section.content table.small td,
main section.content table.small th,
main section.content table.small td {
border: 1px solid #ccc;
padding: 3px;
}
.main section.content table.small th,
main section.content table.small th {
background-color: #f0f0f0;
text-align: left;
font-weight: normal;
}
.main section.content table.small thead th,
main section.content table.small thead th {
background-color: #444;
color: #fff;
text-align: center;
border-color: #6e6e6e;
padding: 3px;
}
.main section.content table.simple,
main section.content table.simple {
line-height: 1.5;
margin: 60px auto 20px;
border-spacing: 5px 10px;
border-collapse: separate;
}
.main section.content table.simple th, .main section.content table.simple td,
main section.content table.simple th,
main section.content table.simple td {
padding: 10px;
}
.main section.content table.simple th,
main section.content table.simple th {
text-align: left;
font-weight: bold;
border-right: 2px solid #888;
white-space: nowrap;
padding-right: 10px;
}
.main section.content table.simple thead th,
main section.content table.simple thead th {
background-color: #444;
color: #fff;
text-align: center;
border-color: #6e6e6e;
padding: 5px 10px;
}
.main section.content table.zendesk tr:nth-child(odd) td,
main section.content table.zendesk tr:nth-child(odd) td {
background-color: #f8f8f8;
}
.main section.content table.zendesk tr:nth-child(odd) td:nth-child(even),
main section.content table.zendesk tr:nth-child(odd) td:nth-child(even) {
background-color: #f0f0f0;
}
.main section.content table.zendesk tr:nth-child(odd) td.category,
main section.content table.zendesk tr:nth-child(odd) td.category {
background-color: #555555;
color: #ffffff;
}
.main section.content table.zendesk tr:nth-child(even) td:nth-child(even),
main section.content table.zendesk tr:nth-child(even) td:nth-child(even) {
background-color: #fcfcfc;
}
.main section.content table.zendesk tr:nth-child(even) td.category,
main section.content table.zendesk tr:nth-child(even) td.category {
background-color: #555555;
color: #ffffff;
}
.main section.content table.zendesk th, .main section.content table.zendesk td,
main section.content table.zendesk th,
main section.content table.zendesk td {
text-align: center;
}
.main section.content table.zendesk th:first-child, .main section.content table.zendesk td:first-child,
main section.content table.zendesk th:first-child,
main section.content table.zendesk td:first-child {
padding: 4px 6px;
text-align: left;
}
.main section.content table.zendesk th,
main section.content table.zendesk th {
color: #ffffff;
background-color: #c06565;
}
.main section.content table.zendesk th:nth-child(even),
main section.content table.zendesk th:nth-child(even) {
background-color: #bf4848;
}
.main section.content table.zendesk td.category,
main section.content table.zendesk td.category {
background-color: #555555;
color: #ffffff;
}
.main section.content .responsive-table,
main section.content .responsive-table {
overflow: auto;
margin-bottom: 15px;
}
.main section.content .responsive-table::-webkit-scrollbar,
main section.content .responsive-table::-webkit-scrollbar {
height: 5px;
}
.main section.content .responsive-table::-webkit-scrollbar-track,
main section.content .responsive-table::-webkit-scrollbar-track {
background: #F1F1F1;
}
.main section.content .responsive-table::-webkit-scrollbar-thumb,
main section.content .responsive-table::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.main section.content .banner-wrap,
main section.content .banner-wrap {
text-align: center;
}
.main section.content .banner-wrap .banner,
main section.content .banner-wrap .banner {
display: inline-block;
margin: 0 auto;
transition: all .4s ease-in-out;
}
.main section.content .banner-wrap .banner:hover,
main section.content .banner-wrap .banner:hover {
opacity: .7;
}
.main section.content .photo-block,
main section.content .photo-block {
margin: 60px 0 0;
}
.main section.content .photo-block br,
main section.content .photo-block br {
display: block;
}
@media screen and (min-width: 768px) {
.main section.content .photo-block br,
main section.content .photo-block br {
display: none;
}
}
.main section.content .photo-block.number3,
main section.content .photo-block.number3 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}
.main section.content .photo-block.number3 img,
main section.content .photo-block.number3 img {
width: 100%;
height: auto !important;
margin: 2px 0 0;
border: 0;
}
@media screen and (min-width: 768px) {
.main section.content .photo-block.number3 img,
main section.content .photo-block.number3 img {
width: 50%;
height: auto;
margin: 0;
border: 1px solid #fff;
}
}
.main section.content .photo-block.number3 img:first-child,
main section.content .photo-block.number3 img:first-child {
width: 100%;
height: auto;
}
.main section.content .profile-block,
main section.content .profile-block {
max-width: 750px;
margin: 45px auto 0;
padding: 30px;
background-color: #fff;
}
.main section.content .profile-block figure,
main section.content .profile-block figure {
display: block;
}
.main section.content .profile-block figure img,
main section.content .profile-block figure img {
margin: 0 !important;
padding: 0;
}
.main section.content .profile-block .profile,
main section.content .profile-block .profile {
margin: 15px 0 0;
}
.main section.content .profile-block .profile > *,
main section.content .profile-block .profile > * {
display: block;
width: 100%;
}
.main section.content .profile-block .profile > * .ttl-profile,
main section.content .profile-block .profile > * .ttl-profile {
font-size: 18px;
margin: 0 0 15px;
}
.main section.content .profile-block .profile > * p,
main section.content .profile-block .profile > * p {
font-size: 12px;
line-height: 1.6;
margin: 0;
text-align: left;
}
@media screen and (min-width: 768px) {
.main section.content .profile-block,
main section.content .profile-block {
display: flex;
justify-content: space-between;
}
.main section.content .profile-block figure,
main section.content .profile-block figure {
width: 30%;
}
.main section.content .profile-block .profile,
main section.content .profile-block .profile {
display: flex;
align-items: center;
width: calc(70% - 30px);
margin: 0 0 0 30px;
}
.main section.content .profile-block .profile > *,
main section.content .profile-block .profile > * {
display: block;
width: 100%;
}
.main section.content .profile-block .profile > * .ttl-profile,
main section.content .profile-block .profile > * .ttl-profile {
font-size: 18px;
margin: 0 0 15px;
}
.main section.content .profile-block .profile > * p,
main section.content .profile-block .profile > * p {
font-size: 12px;
line-height: 1.6;
margin: 0;
text-align: left;
}
}
.main section.content p a,
main section.content p a {
text-decoration: underline;
}
.main section.content a.arrow-red,
main section.content a.arrow-red {
background: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/link_arrow_red.svg) no-repeat 0px 50%;
background-size: 9px 9px;
padding-left: 15px;
color: #000;
text-decoration: none !important;
}
.main section.content a.arrow-red:hover,
main section.content a.arrow-red:hover {
text-decoration: underline !important;
color: #444;
}
.main section.content a.arrow-red-l,
main section.content a.arrow-red-l {
background: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/link_arrow_red.svg) no-repeat 0px 50%;
background-size: 13px 13px;
padding-left: 22px;
color: #000;
font-size: 16px;
text-decoration: none !important;
}
.main section.content a.arrow-red-l:hover,
main section.content a.arrow-red-l:hover {
text-decoration: underline !important;
color: #444;
}
.main section.content a.arrow-grey,
main section.content a.arrow-grey {
background: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/link_arrow_grey.svg) no-repeat 0px 50%;
background-size: 9px 9px;
padding-left: 15px;
color: #000;
text-decoration: none !important;
}
.main section.content a.arrow-grey:hover,
main section.content a.arrow-grey:hover {
text-decoration: underline !important;
color: #444;
}
.main section.content a.blank,
main section.content a.blank {
background: url(//www.granvalley.co.jp/wp/wp-content/themes/granvalley_verx/img/common/link_blank.svg) no-repeat 0px 50%;
background-size: 18px 16px;
padding-left: 23px;
color: #000;
text-decoration: none !important;
}
.main section.content a.blank:hover,
main section.content a.blank:hover {
text-decoration: underline !important;
color: #444;
}
.main section.content a.button, .main section.content a.button-black, .main section.content a.button-gray,
main section.content a.button,
main section.content a.button-black,
main section.content a.button-gray {
position: relative;
display: inline-block;
margin: 20px 10px 10px 0;
padding: 10px 15px 10px 30px;
font-size: 1.4rem;
line-height: 1.5;
color: #fff;
border-radius: 3px;
text-decoration: none !important;
transition: 0.4s ease;
}
.main section.content a.button .center, .main section.content a.button-black .center, .main section.content a.button-gray .center,
main section.content a.button .center,
main section.content a.button-black .center,
main section.content a.button-gray .center {
margin: 20px 10px 10px;
}
.main section.content a.button:after, .main section.content a.button-black:after, .main section.content a.button-gray:after,
main section.content a.button:after,
main section.content a.button-black:after,
main section.content a.button-gray:after {
content: "";
position: absolute;
display: block;
top: 50%;
left: 13px;
width: 5px;
height: 5px;
margin-top: -3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s ease;
}
.main section.content a.button,
main section.content a.button {
background-color: #e72a31;
max-width: 450px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.main section.content a.button:hover,
main section.content a.button:hover {
background-color: #c30b0b;
}
.main section.content a.button-black,
main section.content a.button-black {
background-color: #000;
}
.main section.content a.button-black:hover,
main section.content a.button-black:hover {
background-color: #444;
}
.main section.content a.button-gray,
main section.content a.button-gray {
background-color: #777;
}
.main section.content a.button-gray:hover,
main section.content a.button-gray:hover {
background-color: #ccc;
}
.seminars-cat-list {
text-align: left;
letter-spacing: -.4em;
margin: 0 0 40px;
padding: 20px 15px 10px;
background-color: #fff;
}
.seminars-cat-list li {
display: inline-block;
letter-spacing: normal;
margin: 0 5px 10px;
width: calc(100% / 3 - 10px);
}
@media screen and (min-width: 768px) {
.seminars-cat-list li {
width: calc(100% / 7 - 10px);
}
}
.seminars-cat-list li a {
display: block;
padding: 15px 0 15px;
font-size: 13px;
line-height: 1.3;
font-weight: 700;
text-align: center;
-moz-transition: liner,.5s;
-o-transition: liner,.5s;
-webkit-transition: liner,.5s;
transition: liner,.5s;
color: #fff;
border-radius: 3px;
}
.seminars-cat-list li a:hover, .seminars-cat-list li a.current {
cursor: pointer;
background-color: #8b7a36;
opacity: 0.7;
}
.seminars-cat-list li a.current {
pointer-events: none;
}
.seminars-list {
margin-bottom: 40px;
}
.seminars-list li {
display: block;
margin-top: 10px;
}
.seminars-list li a {
display: block;
padding: 10px 15px 5px;
font-size: 14px;
line-height: 1.3;
background-color: #fff;
color: #333;
letter-spacing: -.4em;
}
@media screen and (min-width: 768px) {
.seminars-list li a {
padding: 15px 20px;
display: flex;
align-items: center;
}
}
.seminars-list li a span {
letter-spacing: normal;
display: inline-block;
min-width: auto;
margin-right: 5px;
padding: 7px 10px;
text-align: center;
color: #fff;
border-radius: 2px;
}
@media screen and (min-width: 768px) {
.seminars-list li a span {
min-width: 100px;
margin-right: 10px;
}
}
.seminars-list li a span.date {
min-width: auto;
text-align: left;
color: #333;
width: auto;
font-weight: bold;
padding: 5px 0;
}
@media screen and (min-width: 768px) {
.seminars-list li a span.date {
min-width: 220px;
}
}
.seminars-list li a span.nodate {
min-width: auto;
color: #333;
width: auto;
font-weight: bold;
padding: 5px 0;
}
@media screen and (min-width: 768px) {
.seminars-list li a span.nodate {
min-width: 200px;
}
}
.seminars-list li a:hover {
background-color: #eee;
}
.seminars-list li p {
letter-spacing: normal;
display: inline-block;
width: 90%;
margin: 0px !important;
padding: 7px 0;
line-height: 1.3 !important;
}
@media screen and (min-width: 1080px) {
.seminars-list li p {
padding: 7px 0 7px 20px;
width: 505px;
}
}
.main .news-list,
.main .information-list,
.main .blog-list {
margin-bottom: 40px;
}
.main .news-list li,
.main .information-list li,
.main .blog-list li {
display: block;
margin-top: 10px;
}
.main .news-list li a,
.main .information-list li a,
.main .blog-list li a {
display: block;
padding: 15px 20px;
font-size: 14px;
line-height: 1.5;
background-color: #fff;
color: #333;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
*zoom: 1;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main .news-list li a:hover,
.main .information-list li a:hover,
.main .blog-list li a:hover {
color: #e72a31;
}
.main .news-list li a img.thumb,
.main .information-list li a img.thumb,
.main .blog-list li a img.thumb {
width: 100%;
height: auto;
margin-bottom: 5px;
}
@media screen and (min-width: 1080px) {
.main .news-list li a img.thumb,
.main .information-list li a img.thumb,
.main .blog-list li a img.thumb {
float: left;
width: 33%;
}
}
.main .news-list li a h3,
.main .information-list li a h3,
.main .blog-list li a h3 {
font-size: 18px;
line-height: 1.5;
margin: 0 0 5px;
padding: 0;
min-height: auto;
background-image: none;
}
.main .news-list li a span,
.main .information-list li a span,
.main .blog-list li a span {
display: inline-block;
min-width: 100px;
margin-right: 10px;
padding: 5px 10px;
font-size: 13px;
text-align: center;
color: #fff;
border-radius: 3px;
}
.main .news-list li a span.date,
.main .information-list li a span.date,
.main .blog-list li a span.date {
color: #999;
width: auto;
font-weight: bold;
padding: 5px 0;
}
.main .news-list li a p,
.main .information-list li a p,
.main .blog-list li a p {
margin: 0;
line-height: 1.5;
}
@media screen and (min-width: 1080px) {
.main .news-list li a .post-detail,
.main .information-list li a .post-detail,
.main .blog-list li a .post-detail {
margin-left: 35%;
}
}
.main .news-list li a.col1 img.thumb,
.main .information-list li a.col1 img.thumb,
.main .blog-list li a.col1 img.thumb {
width: 100%;
height: auto;
margin-bottom: 5px;
}
@media screen and (min-width: 1080px) {
.main .news-list li a.col1 img.thumb,
.main .information-list li a.col1 img.thumb,
.main .blog-list li a.col1 img.thumb {
float: none;
width: 100%;
}
}
@media screen and (min-width: 1080px) {
.main .news-list li a.col1 .post-detail,
.main .information-list li a.col1 .post-detail,
.main .blog-list li a.col1 .post-detail {
margin-left: 0;
}
}
.blog-list li a span.date {
padding: 0;
width: auto;
text-align: left;
}  .page-nav {
margin-top: 30px;
}
.page-nav .prev-link, .page-nav .next-link {
position: relative;
display: block;
margin: 20px 10px 10px 0;
font-size: 1.4rem;
line-height: 1.5;
color: #fff;
border-radius: 3px;
text-decoration: none !important;
background-color: #e72a31;
}
.page-nav .prev-link:hover, .page-nav .next-link:hover {
background-color: #c30b0b;
}
.page-nav .prev-link {
float: left;
max-width: 450px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px 15px 10px 30px;
}
.page-nav .prev-link:after {
content: "";
position: absolute;
display: block;
top: 50%;
left: 13px;
width: 5px;
height: 5px;
margin-top: -3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
transition: 0.3s ease;
}
.page-nav .next-link {
float: right;
max-width: 450px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px 30px 10px 15px;
text-align: right;
}
.page-nav .next-link:after {
content: "";
position: absolute;
display: block;
top: 50%;
right: 13px;
width: 5px;
height: 5px;
margin-top: -3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s ease;
}  .cp-page-nav {
margin-top: 30px;
display: flex;
}
.cp-page-nav a {
width: 100%;
height: 160px;
display: table-cell;
vertical-align: middle;
}
.sitemap-list .no-link {
position: relative;
display: block;
margin-bottom: 2px;
padding: 10px 15px 10px 15px;
border: 1px solid #999;
color: #333;
border-radius: 3px;
}
.sitemap-list .gv-item > a {
position: relative;
display: block;
margin-bottom: 2px;
padding: 10px 15px 10px 15px;
background-color: #333;
color: #fff;
border-radius: 3px;
}
.sitemap-list .gv-item > a:hover {
background-color: #E72D33;
color: #fff;
}
.sitemap-list .gv-item > a:after {
content: "";
position: absolute;
display: block;
top: 50%;
right: 13px;
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s ease;
}
.sitemap-list .second-item > a {
position: relative;
display: block;
margin-bottom: 2px;
padding: 10px 15px 10px 30px;
background-color: #eee;
color: #333;
border-radius: 3px;
}
.sitemap-list .second-item > a:hover {
background-color: #E72D33;
color: #fff;
}
.sitemap-list .second-item > a:after {
content: "";
position: absolute;
display: block;
top: 50%;
left: 13px;
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 1px solid #999;
border-right: 1px solid #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s ease;
}
.sitemap-list .third-item > a {
position: relative;
display: block;
margin-bottom: 2px;
padding: 10px 15px 10px 45px;
color: #333;
border-bottom: 1px solid #eee;
border-radius: 3px;
}
.sitemap-list .third-item > a:hover {
background-color: #E72D33;
color: #fff;
}
.sitemap-list .third-item > a:after {
content: "";
position: absolute;
display: block;
top: 50%;
left: 26px;
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 1px solid #999;
border-right: 1px solid #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s ease;
}
.sitemap-list .third-item:last-child a {
border-bottom: 0;
}  .wp-pagenavi {
margin: 30px 15px 0;
text-align: center;
letter-spacing: -.40em;
}
@media screen and (min-width: 1080px) {
.wp-pagenavi {
margin: 60px 30px 0;
}
}
.wp-pagenavi a {
position: relative;
letter-spacing: normal;
display: inline-block;
width: 32px;
height: 32px;
margin: 0 5px;
font-size: 14px;
line-height: 32px;
text-align: center;
color: #333;
border-bottom: 3px solid #333;
}
.wp-pagenavi a:hover {
color: #e72d31;
border-bottom: 3px solid #e72d31;
}
.wp-pagenavi .current {
position: relative;
letter-spacing: normal;
display: inline-block;
width: 32px;
height: 32px;
margin: 0 5px;
font-size: 14px;
line-height: 32px;
text-align: center;
color: #e72d31;
border-bottom: 3px solid #e72d31;
} .blog-left {
margin-bottom: 40px;
}
@media screen and (min-width: 1080px) {
.blog-left {
padding-right: 20px;
}
}
.blog-right {
margin-bottom: 40px;
}
@media screen and (min-width: 1080px) {
.blog-right {
padding-left: 20px;
}
}
.blog-right h2 {
margin-bottom: 20px;
}
.blog-right .featured-list {
margin: 0 0 40px;
}
.blog-right .featured-list li {
margin-bottom: 15px;
}
.blog-right .featured-list li a {
color: #333;
}
.blog-right .featured-list li a:hover {
color: #e72a31;
}
.blog-right .featured-list li a img {
margin-bottom: 5px;
}
.blog-right .featured-list li a time {
display: block;
font-size: 12px;
color: #999;
}
.blog-right .monthly-list {
margin: 30px 0;
}
.blog-right .monthly-list li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
color: #999;
}
.blog-right .monthly-list li a {
position: relative;
padding: 10px 5px 10px 40px;
color: #333;
}
.blog-right .monthly-list li a:hover {
color: #e72a31;
}
.blog-right .monthly-list li a:before {
content: "";
position: absolute;
top: 50%;
left: 20px;
margin-top: -5px;
width: 0;
height: 0;
border: 5px solid transparent;
border-left-color: #e72a31;
}
.blog-tag-list {
letter-spacing: -.40em;
margin: 0 0 40px;
}
.blog-tag-list li {
display: inline-block;
margin: 0 8px 8px 0;
letter-spacing: normal;
letter-spacing: 0.05em;
}
.blog-tag-list li span {
position: relative;
display: inline-block;
margin-right: 8px;
padding: 5px 15px;
border: 1px solid #333;
border-radius: 3px;
color: #fff;
background-color: #333;
}
.blog-tag-list li span:after {
content: "";
position: absolute;
top: 50%;
right: -16px;
margin-top: -8px;
border: 8px solid transparent;
border-left-color: #333;
}
.blog-tag-list li a {
display: inline-block;
padding: 5px 10px;
border: 1px solid #666;
border-radius: 3px;
color: #333;
background-color: #fff;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.blog-tag-list li a:hover {
color: #fff;
background-color: #e72a31;
border: 1px solid #e72a31;
}
.blog-tag-list li.current-cat a {
border: 1px solid #e72a31;
color: #e72a31;
}
.blog-tag-list li.current-cat a:hover {
color: #fff;
}
.page-strengths section.content {
background-color: rgba(255, 255, 255, 0.9);
}
.page-strengths section.content li a {
position: relative;
display: block;
height: 100px;
color: #fff;
background-position: 50% 50%;
background-size: cover;
text-align: center;
}
@media screen and (min-width: 768px) {
.page-strengths section.content li a {
height: 160px;
}
}
.page-strengths section.content li a:before {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 50%;
width: 0%;
height: 100%;
transition: all .3s;
background-color: #e72d31;
}
.page-strengths section.content li a span.title {
position: relative;
height: 100px;
display: table-cell;
vertical-align: middle;
width: 33.33%;
font-size: 12px;
}
@media screen and (min-width: 768px) {
.page-strengths section.content li a span.title {
height: 160px;
font-size: 18px;
}
}
.page-strengths section.content li a span.title::after {
content: '';
position: absolute;
width: 0;
height: 1px;
bottom: -10px;
left: 50%;
transition: all .3s ease-out;
}
@media screen and (min-width: 1080px) {
.page-strengths section.content li a:hover {
color: #fff;
}
.page-strengths section.content li a:hover:before {
left: 0;
width: 100%;
}
}