@charset "utf-8";
  .taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; } .fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; } .fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; } .fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; } .mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; } * html .clearfix {
zoom: 1;
}
*+html .clearfix {
zoom: 1;
}
.clearfix:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
} #main .content {
margin: 0 auto;
width: 1150px;
} #main .headLine01 {
margin-bottom: 28px;
text-align: center;
}
#main .headLine01 .inn {
margin-top: 12px;
display: block;
color: #005bac;
font-size: 30px;
line-height: 1.32;
}
#main .headLine01 .sml {
display: block;
color: #f7ab00;
font-size: 11px;
} #main .comImgList {
margin: -16px auto 46px;
width: 1150px;
}
#main .comImgList li {
margin-top: 16px;
padding: 6px;
width: 566px;
float: left;
position: relative; 
box-sizing: border-box;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/bg03.png) repeat left top;
}
#main .comImgList li:nth-child(2n) {
float: right;
}
#main .comImgList.works li {
background: #FFF url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/bg04.png) repeat left top;
}
#main .comImgList li .newIcon {
position: absolute;
left: 15px;
top: 0;
z-index: 1;
}
#main .comImgList li .photo {
width: 155px;
height: 126px;
overflow: hidden;
float: left;
position: relative;
}
#main .comImgList li .photo a {
display: block;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
#main .comImgList li .photo a img {
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
position: absolute;
width: 120%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#main .comImgList li .photo a:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}
#main .comImgList li .imgBox {
padding: 6px;
background-color: #fff;
}
#main .comImgList li .txtBox {
padding-top: 11px;
width: 372px;
float: right;
}
#main .comImgList li .txtBox .ttl {
margin-bottom: 13px;
font-weight: bold;
margin-bottom: 0;
}
#main .comImgList li .txtBox .ttl .cate {
padding: 3px 0;
width: 160px;
float: left;
color: #695c2d;
font-size: 16px;
text-align: center;
line-height: 1.5;
border-radius: 15px;
background-color: #FDE200;
margin: 0 7px 5px 0;
}
#main .comImgList li .txtBox .ttl .date {
padding: 7px 20px 0 0;
display: block;
float: right;
color: #695c2d;
font-size: 14px;
}
#main .comImgList li .txtBox p a {
color: #005bac;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
#main .comImgList li a:hover {
opacity: 0.6;
filter: alpha(opacity=60);
} #main .comBtn {
margin: 0 auto;
width: 300px;
text-align: center;
}
#main .comBtn.single {
margin-bottom: 60px;
}
#main .comBtn a {
padding: 12px 10px 24px;
display: block;
position: relative;
text-decoration: none;
background-color: #005BAC;
transition: 1s;
}
#main .comBtn a:after {
margin-left: -6px;
width: 13px;
height: 7px;
position: absolute;
left: 50%;
bottom: 8px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon03.png) no-repeat center bottom;
content: "";
}
#main .comBtn a span {
padding-bottom: 10px;
display: block;
color: #FFF;
font-size: 17px;
font-weight: bold;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line01.png) repeat-x left bottom;
}
#main .comBtn a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
transition: 1s;
} .fixBox {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
position: fixed;
right: 0;
top: 50%;
z-index: 1000;
}
.minhei .fixBox {
width: 120px;
}
.fixBox li {
margin-bottom: 10px;
}
.fixBox li img {
max-width: 100%;
}
.fixBox li:last-child {
margin-bottom: 0;
}
.fixBox li a {
display: block;
}
.fixBox li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.visibleTS {
display: none;
}
@media all and (max-width: 767px) { #main .content {
margin: 0 15px;
width: auto;
} #main .headLine01 {
margin-bottom: 12px;
}
#main .headLine01 img {
width: 26px;
}
#main .headLine01 .inn {
margin-top: 5px;
font-size: 15px;
}
#main .headLine01 .sml {
font-size: 9px;
} #main .comImgList {
margin: -10px 0 20px;
width: auto;
}
#main .comImgList li {
margin-top: 10px;
padding: 3px;
width: 49%;
background-size: 3px 3px;
}
#main .comImgList.works li {
background-size: 3px 3px;
}
#main .comImgList li .newIcon {
left: 5px;
}
#main .comImgList li .newIcon img {
width: 32px;
}
#main .comImgList li .photo {
width: auto;
float: none;
}
#main .comImgList li .txtBox .ttl .cate {
display: inline-block;
margin-bottom: 5px;
}
#main .comImgList li .photo img {
width: 100%;
}
#main .comImgList li .imgBox {
padding: 5px;
}
#main .comImgList li .txtBox {
padding-top: 4px;
width: auto;
float: none;
}
#main .comImgList li .txtBox .ttl {
margin-bottom: 0;
line-height: 1.5;
}
#main .comImgList li .txtBox .ttl .cate {
padding: 2px 10px;
width: auto;
float: none;
font-size: 11px;
}
#main .comImgList li .txtBox .ttl .date {
padding: 3px 0 0 4px;
float: none;
font-size: 10px;
}
#main .comImgList li .txtBox p {
line-height: 1.1;
}
#main .comImgList li .txtBox p a {
font-size: 12px;
line-height: 1.2;
}
#main .comImgList li a:hover {
opacity: 1;
filter: alpha(opacity=100);
} #main .comBtn {
width: 240px;
}
#main .comBtn.single {
margin-bottom: 20px;
}
#main .comBtn a {
padding: 8px 10px 10px;
}
#main .comBtn a:after {
margin-left: -3px;
width: 6px;
height: 3px;
bottom: 5px;
background-size: 6px 3px;
}
#main .comBtn a span {
padding-bottom: 8px;
font-size: 13px;
background-size: auto 1px;
}
#main .comBtn a:hover {
opacity: 1;
filter: alpha(opacity=100);
} .fixBox,
.minhei .fixBox {
margin-top: 0;
width: 100vw;
top: auto;
bottom: 0;
left: 0;
transform: none;
-webkit-transform: none;
background: #000;
}
.fixBox li {
margin-bottom: 0;
width: 25%;
float: left;
}
.fixBox li a img {
width: 100%;
}
.visiblePC {
display: none;
}
.visibleTS {
display: block;
}
}