@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: 0.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: #ff9900;
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, rgb(247, 166, 12) 10%, rgb(255, 34, 87) 40%, rgb(154, 39, 238) 68%, rgb(35, 102, 247) 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: 0px;
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: #ff9900;
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: 0.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: #ff9900;
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: 0.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 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: 0.4em 1.3em
}
.topics .link a:hover {
opacity: 0.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: 0.6em 0.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: 0.2em 1em;
border-radius: 50px;
position: relative;
}
.review_box .tl .in.bururu {
animation: hurueru 0.5s  infinite;
}
@keyframes hurueru {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
25% {transform: translate(2px, 2px) rotateZ(1deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
75% {transform: translate(2px, 0px) rotateZ(-1deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
.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 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: none;
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: none;
}
#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: 0px;
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 0 0 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: 0.2em 0.8em;
margin-bottom: 10px;
}
.topics dl dd .day span {
display: block;
line-height: 1.4;
padding: 0.4em 0.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: none;
}
.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:#ff6600;
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:#ff6600;
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; }
}