@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
background: transparent;
border: 0;
outline: 0;
font-size: 1em;
}
body {
font-size: 62.5%;
}
body,
table,
input, textarea, select, option {
font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
img {
vertical-align: top;
}
a,
a:link {
color: #000;
text-decoration: none;
transition: 0.7s;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
a:active {
color: #000;
text-decoration: underline;
} body {
min-width: 1280px;
color: #000;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
text-size-adjust: none;
-webkit-text-size-adjust: none;
background-color: #FFF;
}
#container {
text-align: left;
padding-top: 150px;
}
#main {
margin-bottom: 20px;
}
a[href^="tel:"] {
cursor: default;
pointer-events: none;
}
.sp {
display: none !important;
}
@media all and (max-width: 767px) {
#container {
padding-top: 50px;
}
}
@media all and (max-width: 767px) {
body {
min-width: inherit;
}
a:hover,
a:hover img {
opacity: 1 !important;
}
.sp {
display: block !important;
}
.pc {
display: none !important;
}
a[href^="tel:"] {
cursor: pointer;
pointer-events: auto;
}
#container {
padding-bottom: 15.52vw;
}
#main {
margin-bottom: 10px;
}
} #gHeader {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 150px;
background: #fff;
z-index: 1000;
}
@media all and (max-width: 767px) {
#gHeader {
height: 50px;
}
}
#gHeader .hBox {
margin-bottom: 25px;
padding: 5px;
background-color: #D3EEF7;
}
#gHeader .hInner {
margin: 0 auto;
width: 1150px;
}
#gHeader .hInner .ttl {
width: 50%;
float: left;
color: #333;
font-weight: bold;
}
#gHeader .hInner .rTxt {
padding-right: 10px;
width: 50%;
float: right;
color: #333;
font-weight: bold;
text-align: right;
box-sizing: border-box; 
}
#gHeader .logoBox {
margin: 0 auto;
padding-right: 0;
width: 1150px;
box-sizing: border-box;
}
#gHeader h1 {
padding-top: 18px;
float: left;
}
#gHeader .linkBox {
width: 900px;
padding-right: 1px;
float: right;
box-sizing: border-box;
}
#gHeader .tel {
padding-top: 14px;
width: 660px;
float: left;
}
#gHeader .tel a {
display: block;
float: left;
}
#gHeader .tel span {
display: block;
float: right;
color: #005bac;
font-weight: bold;
line-height: 1.4;
letter-spacing: -0.04em;
}
#gHeader .contact {
float: right;
width: 236px;
text-align: center;
}
#gHeader .contact a {
padding: 2px;
display: block;
color: #FFF;
font-size: 17px;
font-weight: bold;
text-decoration: none;
border-radius: 2px;
background-color: #F7AB00;
}
#gHeader .contact a .txt {
padding: 16px 0 13px;
display: block;
border: 1px solid #FFF;
}
#gHeader .contact a .inn {
padding: 0 15px 0 45px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon01.png) no-repeat left center;
}
#gHeader .contact a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
@media all and (max-width: 767px) {
#gHeader {
padding: 2px 0 0 8px;
border-top: 5px solid #CFECF6;
box-sizing: border-box;
}
.fixed #gHeader {
z-index: 1002;
}
body.fixed {
position: fixed;
left: 0;
top: 0;
width: 100%;
}
#gHeader .logoBox {
width: auto;
}
#gHeader h1 {
padding-top: 12px;
float: left;
}
#gHeader .linkBox {
width: 218px;
padding-right: 0;
float: right;
}
#gHeader .tel {
padding-top: 0;
width: auto;
float: left;
border-right: 2px solid #F6F6F6;
}
#gHeader .tel a {
padding: 12px 10px 7px;
display: block;
float: none;
}
#gHeader .tel span {
display: none;
}
#gHeader .spTxt {
padding: 5px 2px 5px 0;
width: 120px;
float: left;
font-size: 10px;
font-weight: bold;
letter-spacing: -0.5px;
border-right: 2px solid #F6F6F6;
box-sizing: border-box;
}
#gHeader .menu {
float: left;
}
#gHeader .menu a {
padding: 12px 14px 11px;
display: block;
}
#gHeader .cover {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background:rgba(0,0,0,0.5);
z-index: 1002;
display: none;
}
#gHeader .menuBox {
padding: 0 0;
width: 70%;
height: 100vh;
overflow: auto;
position: fixed;
right: 0;
top: 0;
z-index: 1003;
background-color: rgba(26,84,159,0.94);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.Android #gHeader .menuBox {
height: 100vh !important;
}
#gHeader .menuBox .innerBox {
padding: 17px 0;
}
#gHeader .menuBox.open {
transform: translateX(0);
-webkit-transform: translateX(0);
}
#gHeader .menuBox .close {
padding-right: 17px;
float: right;
}
#gHeader .menuBox .navi {
margin-top: -2px;
}
#gHeader .menuBox .navi li a {
padding: 12px 10px 11px 30px;
display: block;
color: #FFF;
font-size: 12px;
font-weight: bold;
line-height: 1.3;
text-decoration: none;
position: relative;
border-bottom: 1px solid #2E7AC8;
}
#gHeader .menuBox .navi .liStyle a:before {
width: 10px;
height: 10px;
position: absolute;
left: 10px;
top: 15px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/sp_icon01.png) no-repeat center center;
background-size: 10px 10px;
content: "";
}
#gHeader .menuBox .navi .liStyle a.on:before {
background-image: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/sp_icon01_on.png);
}
#gHeader .menuBox .navi li ul {
margin: 0;
display: none;
background-color: #FFF;
}
#gHeader .menuBox .navi li li {
border-bottom: 1px dotted #005bac;
}
#gHeader .menuBox .navi li li:last-child {
border-bottom: none;
}
#gHeader .menuBox .navi li li a {
color: #005bac;
border-bottom: none;
}
#gHeader .menuBox .navi li li:last-child a {
border-bottom: 1px solid #2E7AC8;
}
#gHeader .menuBox .navi li li a:before {
display: none;
}
#gHeader .menuBox .contact {
margin: 13px 22px;
width: auto;
float: none;
}
#gHeader .menuBox .contact a {
font-size: 11px;
text-decoration: none;
}
#gHeader .menuBox .contact a .txt {
padding: 9px 0;
}
#gHeader .menuBox .contact a .inn {
background-size: 18px auto;
}
#gHeader .menuBox .sns {
text-align: center;
}
#gHeader .menuBox .sns li {
margin: 0 8px;
display: inline-block;
}
#gHeader .menuBox .sns li img {
height: 22px;
}
}
@media all and (min-width: 768px) {
#gHeader .menuBox {
display: none !important;
}
}
@media all and (max-width: 520px) {
#gHeader h1 {
width: 142px;
}
#gHeader h1 a img {
max-width: 100%;
}
} .gNaviBox {
margin-bottom: 10px;
position: relative;
height: 118px;
}
#gNavi {
padding: 10px 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 100;
background-color: #005BAC;
}
#gNavi.fix {
position: fixed;
top: 150px;
}
#gNavi .naviList {
margin: 0 auto;
position: relative;
width: 1150px;
}
#gNavi .naviList:before {
width: 2px;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line02.png) repeat-y left top;
content: "";
}
#gNavi .naviList li {
padding-bottom: 2px;
width: 230px;
float: left;
position: relative;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line01.png) repeat-x right bottom;
}
#gNavi .naviList li:after {
width: 2px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line02.png) repeat-y right top;
content: "";
}
#gNavi .naviList li a {
padding: 2px 0;
width: 100%;
min-height: 43px;
display: table;
color: #FFF;
font-size: 15px;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
}
#gNavi .naviList li a span {
display: table-cell;
vertical-align: middle;
}
#gNavi .naviList li a:hover,
#gNavi .naviList li.hover a {
background-color: #398FDA;
}
#gNavi .naviList li:nth-child(6),
#gNavi .naviList li:nth-child(7),
#gNavi .naviList li:nth-child(8),
#gNavi .naviList li:nth-child(9),
#gNavi .naviList li:last-child {
background: none;
}
#gNavi .area {
padding-top: 19px;
position: absolute;
left: 0;
top: 50px;
width: 100%;
visibility: hidden;
opacity: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
z-index: 100;
}
#gNavi .area:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: calc(100% - 19px);
background: #fff;
content: "";
z-index: -1;
}
#gNavi .area.hover {
opacity: 1;
visibility: visible;
}
#gNavi .area03 {
top: 90px;
}
.area.area01 .subNavi li:nth-child(3n) {
border: none !important;
}
.area.area02 .subNavi li:nth-child(5n) {
border: none !important;
}
.area.area03 .subNavi li:nth-child(4n) {
border: none !important;
}
#gNavi .area:before {
margin-left: -18px;
content: "";
width: 36px;
height: 19px;
position: absolute;
left: 50%;
top: 0;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon06.png) no-repeat center bottom;
background-size: 100% 100%;
}
#gNavi .area01:before {
margin-left: -250px;
}
#gNavi .area02:before,
#gNavi .area03:before {
margin-left: 210px;
}
#gNavi .area04:before {
margin-left: -480px;
}
#gNavi .area ul {
margin: 0 auto;
width: 1150px;
}
#gNavi .area li {
margin: 10px 0;
width: 383px;
float: left;
text-align: center;
box-sizing: border-box;
border-right: 2px dotted #1A57A7;
}
#gNavi .area .liStyle {
border: none;
}
#gNavi .area li a {
padding: 12px 5px;
display: block;
color: #005bac;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
#gNavi .area li a:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
#gNavi .area02 li {
width: 228px;
}
#gNavi .area03 li {
width: 228px;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
#gNavi .naviList li a:hover {
background-color: #005BAC;
}
#gNavi .naviList li.hover a{
background-color: #398FDA;
}
#gNavi .area li a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
}
@media all and (max-width: 767px) {
#gNavi,
.gNaviBox {
display: none;
}
} #pagePath {
}
#pagePath li {
display: inline;
color: #000;
font-size: 1.2em;
}
#pagePath li a {
} #block_online {
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/bg_online.jpg) no-repeat center center;
text-align: center;
padding: 30px 5% 18px;
margin-bottom: 20px;
}
#block_online .img {
margin-bottom: 20px;
}
#block_online .img img {
max-width: 100%;
}
#block_online ul {
max-width: 640px;
margin: auto;
}
#block_online ul li {
display: inline-block;
width: 42%;
margin-right: 6%;
}
#block_online ul li:last-child {
margin-right: 0;
}
#block_online ul li a {
display: block;
}
#block_online ul li a img {
max-width: 100%;
}
@media all and (min-width: 1920px) {
#block_online {
background-size: cover;
}
}
@media all and (max-width: 767px) {
#block_online {
padding: 15px 5% 7px;
}
#block_online .img {
margin-bottom: 10px;
}
}
#gFooter {
overflow: hidden;
background-color: #FBFAF6;
}
#gFooter .pageTop {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 1001;
}
#gFooter .pageTop a {
display: block;
}
#gFooter .pageTop a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
#gFooter .fBox01 {
padding: 50px 0 45px;
}
#gFooter .fInner {
margin: 0 auto;
width: 1152px;
}
#gFooter .lBox {
width: 400px;
float: left;
}
#gFooter .fLogo {
margin-bottom: 34px;
}
#gFooter .tel {
margin-bottom: 23px;
}
#gFooter .tel span {
margin-top: 11px;
display: block;
font-size: 13px;
font-weight: bold;
line-height: 1.4;
}
#gFooter .fLinkList {
margin-bottom: 23px;
width: 230px;
text-align: center;
}
#gFooter .fLinkList li:first-child {
margin-bottom: 19px;
}
#gFooter .fLinkList li a {
padding: 2px;
display: block;
color: #FFF;
font-size: 15px;
font-weight: bold;
text-decoration: none;
border-radius: 2px;
background-color: #F7AB00;
}
#gFooter .fLinkList li a:hover {
opacity: 0.7;
filter: alpha(oapcity=70);
}
#gFooter .fLinkList li a .txt {
padding: 12px 0 11px;
display: block;
border: 1px solid #FFF;
}
#gFooter .fLinkList li a .inn {
padding: 0 40px 0 50px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon01.png) no-repeat left center;
}
#gFooter .fLinkList .web a {
color: #000;
background-color: #FFEA4F;
}
#gFooter .fLinkList .web a .txt {
padding-top: 11px;
}
#gFooter .fLinkList .web a .inn {
padding: 0 0 0 30px;
background-image: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon04.png);
}
#gFooter .snsList li {
margin-right: 15px;
float: left;
}
#gFooter .snsList li a {
display: block;
}
#gFooter .snsList li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
#gFooter .rBox {
padding-top: 1px;
width: 684px;
float: right;
}
#gFooter .rBox .fNavi > li {
width: 450px;
float: left;
}
#gFooter .rBox .fNavi > li:last-child {
width: 225px;
float: right;
}
#gFooter .rBox .fNavi li a,
#gFooter .rBox .fNavi li span {
display: block;
font-size: 14px;
font-weight: bold;
}
#gFooter .rBox .fNavi > li li {
padding-left: 20px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon05.png) no-repeat left top 5px;
}
#gFooter .rBox .subList li {
margin-bottom: 24px;
}
#gFooter .rBox .subList li:last-child {
margin-bottom: 0;
}
#gFooter .rBox .subList ul {
margin: 12px 0 28px;
}
#gFooter .rBox .subList li li {
margin-bottom: 9px;
padding-left: 0;
background: none;
}
#gFooter .rBox .subList li li a {
font-weight: 500;
}
#gFooter .fBox02 {
padding: 20px 0 16px;
background-color: #005BAC;
}
#gFooter .fBox02 .fTxtBox {
padding-top: 55px;
width: 460px;
float: left;
}
#gFooter .fBox02 .fTxtBox .ttl {
margin-bottom: 18px;
color: #ff9900;
font-size: 20px;
font-weight: bold;
}
#gFooter .fBox02 .fTxtBox .ttl .en {
display: block;
color: #FFF;
font-size: 10px;
}
#gFooter .fBox02 .fTxtBox .txt {
margin-bottom: 14px;
color: #FFF;
font-size: 18px;
line-height: 1.3;
}
#gFooter .fBox02 .fTxtBox .txt .sml {
display: block;
font-size: 14px;
}
#gFooter .fBox02 .fTxtBox .text {
margin-bottom: 90px;
color: #FFF;
line-height: 1.85;
}
#gFooter .fBox02 .fTxtBox .copyright {
color: #FFF;
font-size: 12px;
font-weight: bold;
}
#gFooter .fBox02 .map {
width: 690px;
float: right;
}
#gFooter .fBox02 .map iframe {
width: 694px;
height: 350px;
vertical-align: top;
background-color: #333;
}
@media all and (max-width: 767px) {
#gFooter .pageTop {
position: fixed;
right: 10px;
bottom: 60px;
display: none;
z-index: 1001;
}
#gFooter .pageTop a img {
width: 40px;
}
#gFooter .fBox01 {
padding: 15px 0 13px;
text-align: center;
}
#gFooter .fInner {
width: auto;
}
#gFooter .lBox {
width: auto;
float: none;
}
#gFooter .lBox .spTxt {
margin-bottom: 8px;
font-size: 9px;
font-weight: bold;
}
#gFooter .fLogo {
margin-bottom: 19px;
}
#gFooter .fLogo img {
margin: 0 auto;
}
#gFooter .tel {
margin-bottom: 15px;
}
#gFooter .tel img {
margin: 0 auto;
}
#gFooter .tel span {
margin-top: 12px;
font-size: 9px;
line-height: 1.4;
}
#gFooter .fLinkList {
display: none;
}
#gFooter .snsList {
margin: 0 auto;
width: 110px;
}
#gFooter .snsList li {
margin-right: 15px;
float: left;
}
#gFooter .snsList li:last-child {
margin-right: 0;
}
#gFooter .rBox {
display: none;
}
#gFooter .fBox02 {
padding: 10px 15px 8px;
text-align: center;
}
#gFooter .fBox02 .fTxtBox {
padding-top: 0;
width: auto;
float: none;
}
#gFooter .fBox02 .fTxtBox .ttl {
margin-bottom: 12px;
font-size: 15px;
}
#gFooter .fBox02 .fTxtBox .ttl .en {
margin-top: -2px;
font-size: 9px;
}
#gFooter .fBox02 .fTxtBox .txt {
margin-bottom: 5px;
font-size: 11px;
line-height: 1.4;
}
#gFooter .fBox02 .fTxtBox .txt .sml {
font-size: 11px;
}
#gFooter .fBox02 .fTxtBox .text {
margin-bottom: 8px;
font-size: 10px;
line-height: 1.5;
}
#gFooter .copyright {
padding: 5px 0;
color: #010101;
font-size: 9px;
text-align: center;
background-color: #D0EDF5;
}
#gFooter .fBox02 .map {
width: auto;
float: none;
}
#gFooter .fBox02 .map iframe {
width: 100%;
height: 178px;
}
#gFooter .fBox02 .btn {
margin: 8px auto 0;
width: 150px;
text-align: center;
}
#gFooter .fBox02 .btn a {
padding: 12px 0;
display: block;
color: #005bac;
font-size: 10px;
font-weight: bold;
text-decoration: none;
background-color: #FFF;
}
}
@media all and (max-width: 667px) {
#gFooter .pageTop {
display: none !important;
}
}
@media all and (-ms-high-contrast:none){
#gHeader .contact a .txt {
padding: 18px 0 11px;
}
#gNavi .naviList li a {
padding: 4px 0 0;
}
#gFooter .fLinkList li a .txt {
padding: 14px 0 10px;
}
#gFooter .fLinkList .web a .txt {
padding: 12px 0 10px;
}
}
  .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;
}
}
.mainVisual{margin:0 0 10px;padding-bottom:15px;background-color:#eefcff}.mainVisual .whiteBox{position:relative;background-color:#FFF}.mainVisual .whiteBox .arrow li{margin-top:-24px;position:absolute;top:50%;z-index:10;cursor:pointer}.mainVisual .whiteBox .arrow .prev{left:30px}.mainVisual .whiteBox .arrow .next{right:30px}.mainVisual .slider{text-align:center}.mainVisual .slider li{margin:0 5px}.mainVisual .slider li a{display:block}.mainVisual .slider li a:hover{opacity:.7;filter:alpha(opacity=70)}.mainVisual .slider li.online{position:relative}.mainVisual .slider li.online .button{position:absolute;bottom:42px;left:0;right:0;max-width:880px;margin:auto}.mainVisual .slider li.online .button a{display:inline-block}.mainVisual .slider li.online .button a:first-child{margin-right:75px}.mainVisual .small{margin:0 auto;width:1150px;position:relative;z-index:10}.mainVisual .small li{margin-right:10px;float:left}.mainVisual button{display:none !important}.mainVisual .small li:last-child{margin-right:0}.mainVisual .small li a{padding-top:20px;display:block;position:relative}.mainVisual .small li a:after{display:none;width:222px;height:119px;position:absolute;left:0;bottom:0;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/main_visual_bg.png) no-repeat;content:""}.mainVisual .small li a:hover:after,.mainVisual .small li.slick-current a:after{display:block}#main .sec01{margin-bottom:10px;padding:10px;background-color:#eefcff}#main .sec01 dl{margin:0 auto;width:1150px}#main .sec01 dt{padding:0 20px;width:442px;height:170px;float:left;display:table;color:#0b6bc1;font-size:28px;font-weight:bold;box-sizing:border-box;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/sec01_bg.png) no-repeat left center}#main .sec01 dt h2{display:table-cell;vertical-align:middle}#main .sec01 dd{padding-top:46px;width:670px;float:right}#main .sec01 dd p{color:#0b6bc1;font-size:16px;font-weight:500;line-height:1.3}#main .sec01 dd .ttl{margin-bottom:10px;font-size:26px;font-weight:bold}#main .sec01 dd .ttl .inn{background:linear-gradient(transparent 60%,#fef200 60%)}#main .sec01 dd .num{font-size:49px}#main .good_deal_banner{margin:0 auto 30px;text-align:center}#main .good_deal_banner .sp{max-width:94%;margin:auto}#main .sec02{margin-bottom:25px}#main .sec02 .txtBox{margin:0 auto;width:1150px;display:table}#main .sec02 h2{padding-left:20px;width:172px;display:table-cell;color:#002f8e;font-size:20px;vertical-align:middle;box-sizing:border-box;border-right:1px solid #d6d6d6}#main .sec02 h2 span{display:block;color:#f90;font-size:10px}#main .sec02 dl{padding:25px 0 25px 58px;width:900px;display:table-cell;font-size:15px;font-weight:500;vertical-align:middle;box-sizing:border-box}#main .sec02 dt{float:left}#main .sec02 dt .new{display:none}#main .sec02 dd{padding:0 0 18px 6.5em}#main .sec02 dd:last-child{padding-bottom:0}#main .sec02 dd a{text-decoration:underline}#main .sec02 dd a:hover{color:#005bac}#main .sec02 dd .new{margin:-6px 15px 0 -12px;padding:2px 17px 1px;display:inline-block;color:#FFF;font-size:12px;font-weight:bold;vertical-align:middle;background-color:#c72f00}#main .instagram{margin:80px 0}#main .instagram .inbox{width:550px;margin:auto;background:linear-gradient(150deg,#f7a60c 10%,#ff2257 40%,#9a27ee 68%,#2366f7 90%);border-radius:16px;padding:5px;position:relative}#main .instagram .inbox .ob{position:absolute;height:202px;top:0;bottom:0;left:-333px;margin:auto 0}#main .instagram .inbox .cont{background:#fff;text-align:center;border-radius:12px;padding:20px}#main .instagram .inbox .cont p{background:#fff;font-size:16px;margin:-33px 0 20px}#main .sec03{padding:24px 0 52px;background-color:#f4f3ee}#main .sec03 .image{margin-bottom:26px;text-align:center}#main .sec03 h2{margin:0 auto 45px;width:580px;font-size:34px;line-height:1.2;text-align:center;position:relative}#main .sec03 h2 .sml{margin-top:0;display:block;font-size:20px}#main .sec03 h2:before{width:54px;height:56px;position:absolute;left:0;top:8px;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line04.png) no-repeat left center;content:""}#main .sec03 h2:after{width:54px;height:56px;position:absolute;right:0;top:8px;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line05.png) no-repeat left center;content:""}#main .sec03 ul{margin:-30px auto 0;max-width:1330px}#main .sec03 li{margin:30px 1.43% 0 0;width:23.9%;float:left}#main .sec03 li:nth-child(4n){margin-right:0}#main .sec03 li a{padding:5px;display:block;position:relative;text-decoration:none;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/bg05.png) repeat-y left top}#main .sec03 li a:after{display:none;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,0.6);content:""}#main .sec03 li a:hover:after{display:block}#main .sec03 li a .inner{padding:25px 10px 1px;background-color:#FFF}#main .sec03 li .ttl{margin:0 auto 19px;width:200px;color:#005bac;font-size:22px;font-weight:bold;text-align:center;line-height:1.3;background:linear-gradient(transparent 60%,#fef200 60%)}#main .sec03 li .photo{margin-bottom:13px}#main .sec03 li .photo img{max-width:100%}#main .sec03 li .text{margin-bottom:0;color:#695c2d;font-size:18px;font-weight:bold;text-align:center}#main .sec03 li .price{margin-left:6px;font-size:18px;font-weight:bold}#main .sec03 li .price .num{margin:0 8px;display:inline-block;color:#f90;font-size:34px}#main .sec04{padding:34px 0 43px}#main .sec05{padding:46px 0 52px;background:#fbf8f1 url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/sec05_bg.png) no-repeat left bottom}#main .sec05 .headLine01{margin-bottom:30px}#main .sec05 .headLine01 .inn{margin-top:9px}#main .sec05 .comImgList{margin-bottom:42px}#main .sec05 .comImgList li .imgBox{background-color:#FFF}#main .sec05 .comImgList li .txtBox .ttl .cate{padding:4px 0 2px}#main .sec06{padding:45px 0}#main .sec06 .headLine01{margin-bottom:42px}#main .sec06 .headLine01 .inn{margin-top:10px}#main .sec06 .movie{text-align:center}#main .sec06 .movie iframe{margin:0 auto;width:768px;height:432px;background-color:#e5e5e5}#main .sec07{position:relative}#main .sec07 .txtImg{position:absolute;left:10px;top:22%}#main .sec07 .line{height:20px;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line06.png) repeat left top}#main .sec07 .imgBoxL{margin:70px auto 0;padding-bottom:39px;width:1186px;position:relative}#main .sec07 .photoBox{width:460px;float:left}#main .sec07 .photoBox .photo{margin-bottom:50px;padding:39px 16px 0 0;text-align:center;position:relative}#main .sec07 .photoBox .photo h2{position:absolute;right:-29px;top:0}#main .sec07 .txtBox{padding-top:7px;width:654px;float:right}#main .sec07 .txtBox h4{margin-bottom:35px;color:#005bac;font-size:39px;line-height:1.4;font-weight:bold}#main .sec07 .txtBox h4 span{background:linear-gradient(transparent 75%,#ffe100 75%)}#main .sec07 .txtBox p{margin-bottom:28px;color:#000;font-size:18px;line-height:1.55;text-align:justify}#main .sec07 .txtBox .txt{margin-bottom:13px}#main .sec07 .txtBox .rTxt{padding-right:18px;text-align:right}#main .sec07 .imgBoxL .bdBox{width:460px;position:absolute;left:0;bottom:-51px;background-color:#FFF}#main .sec07 .imgBoxL .bdBox .inner{padding:32px 10px 20px 34px;position:relative;border:5px solid #005bac}#main .sec07 .imgBoxL .bdBox .img{position:absolute;left:0;top:0}#main .sec07 .imgBoxL .bdBox h3{margin:0 0 23px 34px;color:#005bac;font-size:31px;font-weight:bold}#main .sec07 .imgBoxL .bdBox h3 .sml{margin-top:-8px;display:block;font-size:21px}#main .sec07 .imgBoxL .bdBox .pho{margin-bottom:30px}#main .sec07 .imgBoxL .bdBox p{font-size:16px;line-height:1.8}#main .sec08{padding:130px 0 112px}#main .sec08 .headLine01{margin-bottom:40px}#main .sec08 ul{margin:0 auto;max-width:1420px}#main .sec08 li{width:49.25%;float:left}#main .sec08 li a{display:block}#main .sec08 li a:hover{opacity:.7;filter:alpha(opacity=70)}#main .sec08 li img{max-width:100%}#main .sec08 li:last-child{float:right}#main .sec09{margin-bottom:20px;width:100%;display:table;height:244px;background-color:#f2f2f2}#main .sec09 .lBox{width:37.5%;display:table-cell;vertical-align:middle;background-color:#005bac}#main .sec09 .lBox p{padding-right:16px;float:right;clear:right;color:#f90;font-size:20px;font-weight:bold}#main .sec09 .lBox p .en{margin-top:-1px;display:block;color:#FFF;font-size:10px}#main .sec09 .rBox{padding:0 45px 7px;width:62.5%;display:table-cell;vertical-align:middle;box-sizing:border-box;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/sec08_bg.png) no-repeat right 40% top}#main .sec09 .rBox .imgBox{width:766px;display:table}#main .sec09 .rBox .imgBox .map{display:table-cell;vertical-align:middle}#main .sec09 .rBox .imgBox .txtBox{display:table-cell;vertical-align:middle}#main .sec09 .rBox p{width:510px;font-size:16px;font-weight:500}#main .sec10 .sliderBox{margin:0 auto;width:1280px;position:relative}#main .sec10 .sliderBox .arrow li{margin-top:-25px;position:absolute;top:50%;z-index:10;cursor:pointer}#main .sec10 .sliderBox .arrow .prev{left:0}#main .sec10 .sliderBox .arrow .next{right:0}#main .sec10 .slideList{margin:0 auto;width:1160px}#main .sec10 .slideList li{margin:0 10px;float:left}#main .sec10 .slideList li a{display:block}#main .sec10 .slideList li a:hover{opacity:.6;filter:alpha(opacity=60)}#main .sec10 .slideList li img{width:100%;height:auto}.topics{border:double 6px #0b6bc1;box-sizing:border-box;max-width:1150px;margin:auto;padding:30px;position:relative}.topics dl{text-align:center}.topics dl dt{display:inline-block;font-size:20px;font-weight:bold;color:#0b6bc1;margin-bottom:20px;background:linear-gradient(transparent 70%,#fef200 70%)}.topics dl dd{font-size:16px;line-height:1.8;text-align:left}.topics dl dd .day{text-align:center;margin-bottom:10px}.topics dl dd .day span{display:inline-block;background:#ededed;font-weight:bold;padding:0 .7em}.topics .photo{width:88px;position:absolute;top:-20px;left:16%;transform:rotate(-17deg)}.topics .photo img{max-width:100%;border:solid 5px #fff}.topics .link{max-width:500px;margin:15px auto 0}.topics .link a{display:block;background:#e50012 url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/icon07.png) no-repeat 22px center;font-size:18px;font-weight:bold;color:#fff;text-align:center;text-decoration:underline;padding:.4em 1.3em}.topics .link a:hover{opacity:.7;text-decoration:none}.preopen{max-width:1150px;margin:0 auto 50px;text-align:center}.preopen img{max-width:100%}.preopen .text{background:#015bac;text-align:center;padding:.6em .7em}.preopen .text span{font-size:28px;font-weight:bold;color:#fff;background:linear-gradient(transparent 60%,#ffe100 60%)}.preopen_greeting{max-width:1150px;margin:0 auto 50px;border:solid 5px #000;box-sizing:border-box;text-align:center;padding:35px 1.3em;position:relative}.preopen_greeting:before{content:'';background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/greeting_ob_l.png) no-repeat;width:259px;height:219px;position:absolute;top:0;left:0}.preopen_greeting:after{content:'';background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/greeting_ob_r.png) no-repeat;width:259px;height:219px;position:absolute;top:0;right:0}.preopen_greeting img{margin-bottom:50px;max-width:100%}.preopen_greeting p{font-size:16px;font-weight:bold;margin-bottom:1.5em}.review_header_contents{cursor:pointer}.review_box{max-width:980px;margin:0 auto 80px}.review_box .tl{background:#85c322;text-align:center;margin:auto}.review_box .tl .in{display:inline-block;background:#fff;vertical-align:middle;padding:.2em 1em;border-radius:50px;position:relative}.review_box .tl .in.bururu{animation:hurueru .5s infinite}@keyframes hurueru{0%{transform:translate(0,0) rotateZ(0)}25%{transform:translate(2px,2px) rotateZ(1deg)}50%{transform:translate(0,2px) rotateZ(0)}75%{transform:translate(2px,0) rotateZ(-1deg)}100%{transform:translate(0,0) rotateZ(0)}}.review_box .tl .in:before{content:"";position:absolute;width:0;height:0;bottom:-12px;left:calc(19% - 14px);border-top:12px solid #fff;border-left:2px solid transparent;border-right:13px solid transparent}.review_box .tl .in img{width:70px;vertical-align:middle}.review_box .tl .in p{display:inline-block;font-size:18px;font-weight:bold;vertical-align:middle}.review_box .tl .in .c01{color:#4285f4}.review_box .tl .in .c02{color:#e94235}.review_box .tl .in .c03{color:#fabb05}.review_box.cont .tl{padding:2em 1em}.review_box.cont .tl .in img{display:inline;width:96px}.review_box.cont .tl .in p{display:inline;font-size:24px}.review_box.cont .tl .in p br{display:none}.review_box .comBtn{display:none;margin-top:40px !important}.review_box .comBtn a{background-color:#85c322 !important}#main .review_box .comBtn a span{background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line01_green.jpg) repeat-x left bottom}@media screen and (max-width:520px){.review_box{margin:0 auto 30px}.review_box.cont .tl{padding:1em}.review_box .tl .in p{font-size:12px}.review_box.cont .tl .in p{font-size:15px}.review_box.cont .tl .in p br{display:block}}@media all and (max-width:880px){.mainVisual .slider li.online .button{width:96%}.mainVisual .slider li.online .button a{width:46%}.mainVisual .slider li.online .button a:first-child{margin-right:4%}}@media all and (max-width:767px){.mainVisual{margin:0;padding-bottom:0}.mainVisual .whiteBox .arrow{display:none}.mainVisual .slider{margin-bottom:0}.mainVisual .slider li{margin:0}.mainVisual .slider li img{width:100%}.mainVisual .small{display:none}.mainVisual .foo{padding:0;text-align:center}.mainVisual .foo li,.mainVisual .foo li.slick-active{margin:0 3px;width:7px;height:7px;display:inline-block;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/sp_icon03.png) no-repeat center center;background-size:7px 7px}.mainVisual .foo li.slick-active{background-image:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/sp_icon02.jpg)}.mainVisual .foo li button{display:none}#main .sec01{margin-bottom:10px;padding:5px 15px}#main .sec01 dl{width:auto}#main .sec01 dt{padding:12px 0 6px;width:auto;height:auto;float:none;display:block;font-size:16px;text-align:center;background:#fbf341 url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/sp_sec01_bg.jpg) no-repeat center bottom;background-size:130px auto}#main .sec01 dt h2{display:block}#main .sec01 dd{padding-top:4px;width:auto;float:none}#main .sec01 dd p{font-size:12px;line-height:1.4;font-weight:500;padding:0 .5em}#main .sec01 dt .ttl{margin-bottom:0;font-size:14px;line-height:1.2}#main .sec01 dt .ttl .inn{margin:0 auto;display:block;width:128px;background:linear-gradient(transparent 60%,#ffa331 60%)}#main .sec01 dt .num{font-size:24.5px}#main .sec02{margin:0 15px 16px}#main .sec02 .txtBox{width:auto;display:block}#main .sec02 h2{margin-bottom:10px;padding:0 0 2px;width:auto;display:block;font-size:14px;border-right:0;text-align:center;border-bottom:1px solid #d6d6d6}#main .sec02 h2 span{margin-top:-4px;font-size:9px}#main .sec02 dl{padding:0;width:auto;display:block;font-size:12px}#main .sec02 dt{float:none;font-size:10px;letter-spacing:1px}#main .sec02 dd{margin-bottom:8px;padding:0 0 6px;border-bottom:1px dotted #d6d6d6}#main .sec02 dd a{display:block}#main .sec02 dd:last-child{padding-bottom:0}#main .sec02 dt .new{margin:-3px 0 0 5px;padding:2px 10px 1px;display:inline-block;color:#FFF;font-size:7.43px;font-weight:bold;vertical-align:middle;background-color:#c72f00}#main .sec02 dd .new{display:none}#main .instagram{margin:20px 0}#main .instagram .inbox{width:80%;border-radius:12px;padding:4px}#main .instagram .inbox .ob{display:none}#main .instagram .inbox .cont{border-radius:10px;padding:10px}#main .instagram .inbox .cont p{background:#fff;font-size:13px;margin:-21px 0 10px}#main .instagram .inbox .cont a img{width:60%}#main .sec03{padding:14px 15px 25px;background-color:#faf9f5}#main .sec03 .image{margin-bottom:9px}#main .sec03 .image img{height:39px}#main .sec03 h2{margin:0 auto 19px;width:260px;font-size:15px;line-height:1.4}#main .sec03 h2 .sml{margin-top:0;font-size:11px}#main .sec03 h2:before{width:24px;height:24px;top:6px;background-size:24px 24px}#main .sec03 h2:after{width:24px;height:24px;top:6px;background-size:24px 24px}#main .sec03 ul{margin:-10px auto 0;max-width:inherit}#main .sec03 li{margin:10px 0 0 0;width:49%}#main .sec03 li:nth-child(2n){float:right}#main .sec03 li a{padding:3px;border-radius:2px;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/bg03.png) repeat left top;background-size:4px 4px}#main .sec03 li a:hover:after{display:none}#main .sec03 li a .inner{padding:10px 5px 1px}#main .sec03 li .ttl{margin-bottom:5px;width:auto;font-size:14px;position:relative;background:0}#main .sec03 li .ttl span{display:inline-block;position:relative;z-index:1;background:linear-gradient(transparent 60%,#fef200 60%)}#main .sec03 li .photo{margin-bottom:5px;text-align:center}#main .sec03 li .photo img{width:100%}#main .sec03 li .text{margin-bottom:0;font-size:11px}#main .sec03 li .price{margin-left:0;font-size:10px;text-align:center}#main .sec03 li .price .num{margin:0 2px;font-size:17px}#main .sec04{padding:12px 15px 17px}#main .sec05{padding:15px 0 20px;background:#fbf8f1 url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/sec05_bg.png) no-repeat left bottom;background-size:auto 116px}#main .sec05 .headLine01{margin-bottom:12px}#main .sec05 .headLine01 img{width:33px}#main .sec05 .headLine01 .inn{margin-top:5px}#main .sec05 .comImgList{margin-bottom:20px}#main .sec05 .comImgList li .txtBox .ttl .cate{padding:2px 10px}#main .sec05 .comImgList li .txtBox .ttl{margin-bottom:2px}#main .sec05 .comImgList li .txtBox p{line-height:1}#main .sec05 .comImgList li .txtBox p a{line-height:1}#main .sec05 .comImgList li .txtBox{padding-top:5px}#main .sec05 .comImgList li .txtBox .ttl .date{padding-top:6px}#main .sec06{padding:15px 0}#main .sec06 .headLine01{margin-bottom:8px}#main .sec06 .headLine01 img{width:28px}#main .sec06 .headLine01 .inn{margin-top:7px}#main .sec06 .movie iframe{margin:0;width:100%;height:162px}#main .sec07{margin:0 15px;padding:5px;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line06.png) repeat left top;background-size:auto 12px}#main .sec07 .txtImg{left:10px;top:15px;z-index:1}#main .sec07 .line{display:none}#main .sec07 .imgBoxL{margin:0 auto;padding:30px 18px 13px;width:auto;background-color:#FFF}#main .sec07 .photoBox{margin:0 2px;width:auto;float:none}#main .sec07 .photoBox .photo{margin:0 auto;padding:0}#main .sec07 .photoBox .photo img{margin:0 auto;padding-right:10%;width:59.5%}#main .sec07 .photoBox .photo h2{right:0;top:-18px}#main .sec07 .photoBox .photo h2 img{width:91px}#main .sec07 .txtBox{padding-top:25px;width:auto;float:none}#main .sec07 .txtBox h4{margin-bottom:12px;font-size:16px}#main .sec07 .txtBox p{margin-bottom:15px;font-size:13px;line-height:1.46}#main .sec07 .txtBox .txt{margin-bottom:13px}#main .sec07 .txtBox .rTxt{padding-right:0}#main .sec07 .txtBox .rTxt img{width:157px}#main .sec07 .imgBoxL .bdBox{margin:0 -2px;width:auto;position:static;left:inherit;bottom:inherit}#main .sec07 .imgBoxL .bdBox .img img{width:45px}#main .sec07 .imgBoxL .bdBox .inner{padding:15px 16px 8px;border:3px solid #005bac}#main .sec07 .imgBoxL .bdBox h3{margin:0 0 11px 18px;font-size:18px}#main .sec07 .imgBoxL .bdBox h3 .sml{margin-top:-3px;font-size:14px}#main .sec07 .imgBoxL .bdBox .pho{margin-bottom:7px;text-align:center}#main .sec07 .imgBoxL .bdBox .pho img{max-width:100%}#main .sec07 .imgBoxL .bdBox p{font-size:12px;line-height:1.5}#main .sec08{padding:18px 0 16px}#main .sec08 .headLine01{margin-bottom:10px}#main .sec08 .headLine01 img{width:28px}#main .sec08 ul{margin:0 15px;max-width:inherit}#main .sec08 li{width:auto;float:none;text-align:center}#main .sec08 li a img{margin:0 auto;width:100%}#main .sec08 li:last-child{margin-top:11px;float:none}#main .sec09{margin-bottom:10px;display:block;height:auto}#main .sec09 .lBox{padding:8px 0 4px;width:auto;display:block;text-align:center}#main .sec09 .lBox p{padding-right:0;float:none;clear:inherit;font-size:15px}#main .sec09 .lBox p .en{margin-top:-1px;font-size:9px}#main .sec09 .rBox{padding:40px 15px 35px;width:auto;display:block;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/sp_sec08_bg.png) no-repeat right 8% top;background-size:133px auto}#main .sec09 .rBox .imgBox{width:auto;display:block}#main .sec09 .rBox p{width:180px;font-size:11px}#main .sec10 .sliderBox{width:auto}#main .sec10 .sliderBox .arrow li{margin-top:-12px}#main .sec10 .sliderBox .arrow li img{width:25px}#main .sec10 .sliderBox .arrow .prev{left:2px}#main .sec10 .sliderBox .arrow .next{right:2px}#main .sec10 .slideList{margin:0 auto;width:auto}#main .sec10 .slideList li{margin:0 5px}.topics{margin:0 20px;padding:15px}.topics dl dt{display:inherit;font-size:15px;background:#0b6bc1;color:#fff;padding:.2em .8em;margin-bottom:10px}.topics dl dd .day span{display:block;line-height:1.4;padding:.4em .7em}.topics dl dd .day span b{display:block}.topics dl dd{font-size:13px}.topics .photo{width:100%;position:inherit;top:inherit;left:inherit;transform:inherit;margin-bottom:5px}.topics .photo img{border:0}.topics .link{width:80%}.topics .link a{background:#e50012;font-size:13px}.preopen{margin:0 20px 40px}.preopen .text span{font-size:18px}.preopen_greeting{margin:0 20px 40px}}@media all and (max-width:520px){.mainVisual .slider li.online .button{bottom:20px}.preopen{margin-bottom:20px}.preopen .text span{font-size:12px}.preopen_greeting{border-width:3px;margin-bottom:20px;padding:15px 1.3em}.preopen_greeting:before,.preopen_greeting:after{width:104px;height:88px;background-size:100%}.preopen_greeting img{max-width:60%;margin-bottom:20px}.preopen_greeting p{font-size:13px;font-weight:500;text-align:left;margin-bottom:1em}.preopen_greeting p:last-child{text-align:right}.preopen_greeting p br{display:none}}@media all and (-ms-high-contrast:none){#main .sec01 dd .ttl .inn{background:linear-gradient(transparent 50%,#fef200 50%)}#main .comImgList li .txtBox .ttl .cate{padding:6px 0 0}#main .sec02 dd .new{padding:3px 17px 0}#main .sec05 .comImgList li .txtBox .ttl .cate{padding:6px 0 0}}.topsale{background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/bg_worksarea.jpg) no-repeat center center;padding:30px 0;margin-bottom:20px}.salebox{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:2;width:62%;line-height:1.2}.salebox .txt01{font-size:51px;font-weight:bold}.salebox .txt01 .col01{color:#f7ab00}.salebox .txt01 .col02{color:#6fabe3}.salebox .txt01 .col03{color:#40b0ad}.salebox .txt01 .col04{color:#b9a11c}.salebox .txt01 i{font-size:41px;font-style:normal}.salebox .txt02{color:#6fc8e3;font-size:102px;font-weight:bold;text-align:center;background:#f0f;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff,0 0 70px #fff}.salebox .txt02 span{font-size:51px;color:#222}.topsale .txt03{text-align:center}.topsale .txt03 span{display:inline-block;padding:10px 115px;font-size:24px;line-height:1.3;text-shadow:0 0 4px #fff,0 0 10px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff}.topsale .txt03 i{display:block;color:#f60;font-size:40px;font-weight:bold;font-style:normal}.saletab{max-width:820%;margin:20px auto 0;text-align:center}.saletab th{text-align:center;background:rgba(218,245,244,0.8);padding:15px 0;font-size:18px;color:#005bac;font-weight:bold;border:1px solid #6fc8e3;width:164px}.saletab td{background:rgba(255,255,255,0.8);padding:5px 0;font-size:18px;color:#005bac;font-weight:bold;border:1px solid #6fc8e3}.saletab td span{display:inline-block;padding:0 5px;color:#f60;font-size:36px;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/bg_line02.png) 0 80% repeat-x}@media screen and (min-width:1921px){.topsale{background-size:cover}}@media screen and (min-width:1640px){.topsale{background-size:cover}}@media screen and (max-width:959px){.topsale{padding-bottom:20px}.salebox .txt01{font-size:31px}.salebox .txt01 i{font-size:21px}.salebox .txt02{text-align:left;display:inline-block;padding:0 10px;font-size:70px;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/bg_line01.png) 0 90% repeat-x}.salebox .txt02 span{font-size:25px}.topsale .txt03 span{padding:10px 50px;font-size:14px;font-weight:bold;line-height:1.3;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff,0 0 70px #fff}.topsale .txt03 i{font-size:20px}.saletab{width:90%;margin:20px auto 0;text-align:center}.saletab th{padding:10px 0;font-size:14px;width:50%}.saletab td{padding:10px 0;font-size:14px}.saletab tr:first-child th,.saletab tr:first-child td{border-bottom:double 4px #6fc8e3}.saletab td span{padding:0 5px;font-size:18px;background:url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/index/bg_line02.png) 0 80% repeat-x;background-size:auto 5px}}@media screen and (max-width:768px){.salebox{width:45%}}@media screen and (max-width:767px){.salebox{position:absolute;bottom:25%;width:auto}.salebox .txt01{font-size:21px}.salebox .txt01 i{font-size:15px}.salebox .txt02{font-size:40px;background-size:auto 10px}.salebox .txt02 span{font-size:20px}}@media screen and (max-width:520px){.topsale{padding:0 0 10px;margin-bottom:10px;background-size:cover}.salebox .txt01{font-size:18px}.salebox .txt01 i{font-size:13px}.saletab{margin:0 auto}.salebox{bottom:20%}.topsale.bottom{margin-top:20px}.saletab th{font-size:12px;padding:5px 0}.saletab td{font-size:12px;padding:5px 0}}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}body {
margin:0;
padding: 0;
}
@media screen and (max-width: 1024px){ .review_contents_wrap {
font-size: 14px !important;  
}
}
@media screen and (max-width: 480px){ .under_review_contents {
padding-bottom: 45px !important;
}
.review_contents_wrap {
font-size: 12px !important;  
margin-left: 0 !important;
padding: 20px;
}
.rating {
margin-right: 10px !important;
}
.review_body_header .ymd, .review_body_header .name {
margin-left: 10px !important;
font-size: 0.8rem !important;
}
.review_body_area p {
font-size: 0.8rem !important;
}
.rating {
font-size: 0.8rem !important;
}
.rate {
font-size: 0.8rem !important;
}
.rating_wrapper .label { 
font-size: 0.8rem !important;
}  .sp_none {
display: none;
}
.review_header_contents .speach_baloon {
left: 5%;
}
.baloon_for_contents {
display:none;
}
}
.review_parts_top {
position: relative;
}
.review_parts_top::before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #fff;
animation: lightAnimation 3s ease-in-out infinite;
}
.review_for_header {
height: 56px;
width: 100%;
background-color: #85c322; position: relative;  }
.review_header_contents {
max-width: 980px;
margin:0 auto;
position: relative;
display: flex;
align-items: center;
height: 100%;
}
.speach_baloon  {
box-sizing: border-box;
width: 70px;
background: #fff;
padding: 6px 8px 5px;
left: 0%;
top: 25%;
margin-right: 3px;
position: absolute;
border-radius: 30px;
-webkit-transform-origin:center; -webkit-animation: move_baloon 4s ease-in-out infinite;
} @-webkit-keyframes move_baloon{
5% { -webkit-transform: rotate(-10deg); }  
10% { -webkit-transform: rotate(6deg); }
15% { -webkit-transform: rotate(-3deg); }   
20% { -webkit-transform: rotate(3deg); }    
25% { -webkit-transform: rotate(-2deg); }
30% { -webkit-transform: rotate(1deg); }
35% { -webkit-transform: rotate(-1deg); }
40% { -webkit-transform: rotate(1deg); }
45% { -webkit-transform: rotate(-1deg); }
50% { -webkit-transform: rotate(0deg); }
}
.baloon_wrapper {
width: 100px;  
}
.speach_baloon::before {
content: '';
border: 14px solid transparent;
border-bottom-color: #FFF;
position: absolute;
top: 8px;
left: -12px;
transform: rotate(-23deg);
z-index: 1;
}
.review_body_header .ymd, .review_body_header .name {
font-size: 1.1rem;
}
.rating {
font-size: 1.1rem;
}
.rate {
font-size: 1.1rem;
}
.review_total {
font-weight: bold;
background: #ff2323;
color: #fff;
padding: 3px;
font-size: 0.8rem;
display: inline-block;
line-height: 1em;
border-radius: 10px;
position: absolute;
border: solid 1px #fff;
top: -8px;
right: -7px;
min-width: 1em;
text-align: center;
}
.rating {
margin-right: 20px;
}
.rating_wrapper {
display: flex;
align-items: center;
}
.rating_wrapper .label {
font-weight: bold;
color: #FFF;
margin-right: 25px;
font-size: 1.1rem;
}
.fa {
color: #666;
}
.checked {
color: #fff000;
}
.review_contents {
max-width: 980px;
margin:0 auto;
margin-top: 10px;
margin-bottom: 20px;
}
.review_contents_header {
height: 100px;
}
.review_contents_header p{
margin: 0;
}
.baloon_for_contents {
left: 20px;
top: 27%;
}
.review_contents_wrap {
margin-left: 20px;
}
.review_contents_wrap p{
color: #FFF;
font-size: 1.3rem;
}
.rate {
color: #FFF;
font-weight: bold;
}
.review_contents_total {
color: #FFF;
}
.review_contents_wrap {
font-size: 1.3rem;
font-weight: bold;
}
.review_body_header {
margin-top: 20px;
display: flex;
align-items: center;
}
.review_body_header .ymd,
.review_body_header .name{
margin-left: 20px;
}
.review_contents_body {
padding: 20px;
border: solid #eee 1px;
border-top: none;
box-shadow: 0px 0px 7px 0px #efefef inset;
}
.review_body_area p{
font-size: 1.1rem;
}
.review_row {
border-bottom: 1px dashed #ccc;
margin-bottom: 20px;
}
.review_row:last-of-type {
border-bottom: none;
}
#main .sec08 {
padding-bottom: 30px;
}
.under_review_contents {
padding-bottom: 112px;
}
@keyframes lightAnimation {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(12) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(90) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes lightAnimation {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(12) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(90) rotate(45deg); opacity: 0; }
}
@media screen and (max-width: 768px){
.lightAnimation { background-color: #fff;}
@keyframes lightAnimation {
0% { transform: scale(0) rotate(45deg); opacity: 0; }
80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { transform: scale(12) rotate(45deg); opacity: 1; }
100% { transform: scale(90) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes lightAnimation {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}