@charset "utf-8";
 .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;
}
}