@charset "utf-8";
@charset "utf-8";
html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 10px 10px 0;
} .remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px 0 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38; }
@media screen and (max-width: 751px){
.remodal {
padding: 35px 0px 0px;
}
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
color: #d10011;
border: 0;
outline: 0;
background: transparent;
background: #ffc006;
}
.remodal-close:hover,
.remodal-close:focus {
color: #d1757d;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 1250px;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 750px;
}

@import url(/assets/css/notosansjapanese.css);
* {
margin: 0;
padding: 0;
font-size: 100%;
font-style: normal;
}
html {
overflow-y: scroll;
color: #383838;
}
body {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.5;
font-family: 'NotoSansCJKjp', serif;
}
@media screen and (max-width: 750px) {
body {
font-size: 12px;
}
}
video {
width: 100%;
}
a {
outline: none;
}
a:link {
color: #383838;
text-decoration: underline;
}
a:visited {
color: #383838;
text-decoration: underline;
}
a:hover {
color: #d7000f;
text-decoration: none;
}
img {
vertical-align: bottom;
max-width: 100%;
}
a img  {
border: none;
}
li {
list-style-type: none;
}
input,label,select,textarea {
vertical-align: middle;
}
.red {
color: #d20212;
}
input::-webkit-input-placeholder {
color: #c6c6c4;
font-weight: normal;
}
input:-ms-input-placeholder {
color: #c6c6c4;
font-weight: normal;
}
input::-moz-placeholder {
color: #c6c6c4;
font-weight: normal;
}
input[type=text],
input[type=submit] {
-moz-appearance: none;
-webkit-appearance: none;
border: 0;
border-radius: 0;
background-color: inherit;
}
input[type=submit] {
cursor: pointer;
} .ma00{margin:0!important;} .mt00{margin-top:0!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;} .mr00{margin-right:0!important;}
.mr05{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}
.mr50{margin-right:50px!important;} .mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;} .ml00{margin-left:0!important;}
.ml05{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}
.ml50{margin-left:50px!important;} .pa00{padding:0!important;} .pt00{padding-top:0!important;}
.pt05{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt35{padding-top:35px!important;}
.pt40{padding-top:40px!important;}
.pt45{padding-top:45px!important;}
.pt50{padding-top:50px!important;} .pr00{padding-right:0!important;}
.pr05{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr25{padding-right:25px!important;}
.pr30{padding-right:30px!important;}
.pr35{padding-right:35px!important;}
.pr40{padding-right:40px!important;}
.pr45{padding-right:45px!important;}
.pr50{padding-right:50px!important;} .pb00{padding-bottom:0!important;}
.pb05{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}
.pb30{padding-bottom:30px!important;}
.pb35{padding-bottom:35px!important;}
.pb40{padding-bottom:40px!important;}
.pb45{padding-bottom:45px!important;}
.pb50{padding-bottom:50px!important;} .pl00{padding-left:0!important;}
.pl05{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.pl30{padding-left:30px!important;}
.pl35{padding-left:35px!important;}
.pl40{padding-left:40px!important;}
.pl45{padding-left:45px!important;}
.pl50{padding-left:50px!important;}  .fs10{font-size:10px!important;}
.fs11{font-size:11px!important;}
.fs12{font-size:12px!important;}
.fs13{font-size:13px!important;}
.fs14{font-size:14px!important;}
.fs15{font-size:15px!important;}
.fs16{font-size:16px!important;}
.fs17{font-size:17px!important;}
.fs18{font-size:18px!important;}
.fs19{font-size:19px!important;}
.fs20{font-size:20px!important;} .bold{font-weight:bold!important;} .center{text-align:center!important;}
.right{text-align:right!important;}
.left{text-align:left!important;} .floatR{float:right!important;}
.floatL{float:left!important;} .clear{clear:both!important;} .clearfix{_height:1px;min-height:1px;/*\*//*/height:auto;overflow:hidden;/**/}
.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both;}
.animated {
-webkit-animation-duration: 0.35s;
animation-duration: 0.35s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate-default {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp2 {
0% {
opacity:0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp2 {
-webkit-animation-name: fadeInUp2;
animation-name: fadeInUp2;
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes scaleDown {
0% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleDown {
0% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.scaleDown {
-webkit-animation-name: scaleDown;
animation-name: scaleDown;
}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }

html {
}
* {
outline: none !important;
}
body {
background: url(/assets/img/body_bg.png) center 0 repeat;
overflow-x: hidden;
}
@media screen and (min-width: 751px) { .scalup {
overflow: hidden;
}
.scalup img {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
a:hover .scalup img {
opacity: 0.8;
transform: scale(1.08);
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
}
body {
background-size: 115px auto;
}
}
#content {
overflow: hidden;
}
#header .inner, #content .inner, #footer .inner {
width: 1000px;
margin: 0 auto;
}
#header .inner {
width: 1256px;
position: relative;
}
@media screen and (max-width: 1256px) {
#header .inner {
width: auto;
}
}
@media screen and (max-width: 1000px) {
#header .inner, #content .inner, #footer .inner {
width: auto;
}
}
@media screen and (min-width: 751px) { .is-sp {
display: none;
}
.only-sp {
display: none;
}
}
@media screen and (min-width:768px) and ( max-width:768px) {
.seo_up {
padding: 30px 20px;
width: 80%!important;
}
.seo_up_img {
float: left;
}
.seo_img {
margin-right: 20px;
}
.seo_font {
font-size: 11px;
}
.seo_news {
margin-bottom: 40px;
} }
@media screen and (max-width: 768px) { }
@media screen and (max-width: 750px) { .is-pc {
display: none;
}
.only-pc {
display: none;
}
.only-sp {
display: block;
}
}
@media screen and (max-width: 767px) { .only-pc2 {
display: none;
}
} #header {
padding: 0 24px;
border-bottom: 1px solid #eee9da;
background: url(/assets/img/body_bg.png) center 0 repeat;
position: fixed;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
z-index: 11; }
#header.shop {
border-bottom: 0;
}
@media screen and (min-width: 1071px) {
.boubebkai {
width: 1000px;
margin: 0 auto;
}
.h-box_logo {
padding: 34px 0 20px;
margin-right: 40px;
width: 252px;
float: left;
}
.h-box {
display: block!important;
}
.h-navi {
overflow: hidden;
font-size: 18px;
font-weight: 700;
}
.h-navi_item {
margin-right: 40px;
float: left;
}
.h-navi_item:last-child {
margin-right: 0;
}
.h-navi_item a {
padding-top: 18px;
display: block;
text-decoration: none;
color: #63542b;
position: relative;
}
.h-navi_item a:after, .h-navi_item a.cur:after { }
.h-navi_item:hover a:after {
top: 0;
}
.h-navi_item a.cur:after {
top: 0;
}
.h-navi_item a:hover, .h-navi_item a.cur {
color: #d7000f;
}
.h-google_translate {
position: absolute;
top: 15px;
right: 200px;
}
.h-navi_sns {
position: absolute;
top: 48px;
right: 200px;
}
.h-navi_sns_store {
position: absolute;
top: 48px;
right: 200px;
display: none;
}
.h-navi_sns li {
width: 40px;
float: left;
margin-left: 8px;
}
.h-navi_btn {
position: absolute;
top: 0;
right: 0;
z-index: 12;
}
.h-navi_btn a {
display: block;
padding-top: 51px;
border-radius: 0 0 14px 14px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
width: 160px;
text-align: center;
height: 160px;
box-sizing: border-box;
background-color: #ffc800;
overflow: hidden;
}
.h-navi_btn a:hover img {
opacity: 1;
}
.h-navi_btn a.tel-none {
display: none;
}
.h-navi_btn .sp_img {
display: none;
}
.shop .h-box_logo {
padding: 32px 0 8px;
width: auto;
}
.shop .h-box_logo img {
width: 157px;
}
.shop .h-box_logo a {
text-decoration: none;
color: #d7000f;
}
.shop .h-box_logo .h-shop_name {
font-weight: bold;
}
.h-shop_name {
margin-left: 20px;
display: inline-block;
font-size: 23px;
line-height: 1.2;
position: relative;
top: -3px;
}
.h-shop_navi {
padding: 0 200px 0 0;
margin: 0 -24px;
clear: both;
background-color: #d7000f;
position: relative;
}
.h-shop_navi:before {
content: " ";
display: block;
width: 3000px;
height: 100%;
position: absolute;
top: 0;
left: -1000px;
background-color: #d7000f;
z-index: -1;
}
.h-shop_navi_item {
float: left;
font-size: 18px;
font-weight: bold;
}
.h-shop_navi_item a {
padding: 12px 2em;
display: block;
color: #fff;
text-decoration: none;
}
.h-shop_navi_item a:hover, .h-shop_navi_item a.cur {
background-color: #ffc800;
color: #d7000f;
}
.shop .h-google_translate {
top: 32px;
right: 200px;
}
.h-shop_link {
padding-top: 34px;
margin-right: 340px;
float: right;
}
.h-shop_link li {
margin-left: 24px;
float: left;
font-weight: bold;
}
.h-shop_link li:first-child {
margin-left: 0;
display: none;
}
.h-shop_link li a {
padding-left: 29px;
padding: 4px 0 4px 29px;
text-decoration: none;
color: #d7000f;
background-position: 0 1px;
background-repeat: no-repeat;
background-size: 22px auto;
}
.h-shop_link li:nth-child(1) a {
background-image: url(/assets/img/icon/icon_send.svg);
}
.h-shop_link li:nth-child(2) a {
background-image: url(/assets/img/icon/icon_cupon.svg);
}
.h-shop_link li:nth-child(3) a {
background-image: url(/assets/img/icon/icon_tel.svg);
}
.h-shop_link li a:hover {
text-decoration: underline;
}
.h-shop_link li:nth-child(3) a:hover {
text-decoration: none;
cursor: default;
}
}
@media screen and (max-width: 1290px) and (min-width: 1071px) {
.h-box_logo {
padding: 25px 0;
margin-right: 20px;
width: 200px
}
.h-navi_item {
margin-right: 20px;
}
.h-navi_item:last-child {
margin-right: 0;
}
.h-navi_item a {
padding-top: 8px;
}
.h-navi_item:hover a:after {
top: -10px;
}
.h-navi_item a.cur:after {
top: -10px;
}
.h-google_translate {
top: 12px;
}
.h-navi_sns {
top: 44px;
}
}
@media screen and (max-width: 1070px) {
#header {
padding: 15px 20px;
background: #fff;
}
#header.open {
position: absolute;
}
#header .inner {
position: static;
}
.h-spnavi_btn {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
right: 20px;
margin-top: -25px;
cursor: pointer;
}
.h-spnavi_btn span {
display: block;
width: 100%;
height: 1px;
background-color: #63542b;
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
}
.h-spnavi_btn span:before, .h-spnavi_btn span:after {
content: " ";
width: 100%;
height: 1px;
background-color: #63542b;
position: absolute;
left: 0;
}
.h-spnavi_btn span:before {
top: -12px;
}
.h-spnavi_btn span:after {
top: 12px;
}
.h-spnavi_btn.close span {
background: none;
}
.h-spnavi_btn.close span:before {
top: 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.h-spnavi_btn.close span:after {
top: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
}
.h-box_logo {
width: 180px;
}
.h-box {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 15px 20px;
background: #fff;
box-sizing: border-box;
display: none;
height: 500px;
z-index: 11;
}
.h-navi, .h-shop_navi {
font-size: 18px;
font-weight: 700;
}
.h-navi_item, .h-shop_navi_item {
text-align: center;
}
.h-navi_item a, .h-shop_navi_item a {
padding: 10px;
display: block;
text-decoration: none;
color: #63542b;
position: relative;
}
.h-google_translate {
margin-bottom: 15px;
text-align: center;
}
.h-navi_sns {
margin-bottom: 20px;
text-align: center;
}
.h-navi_sns_store {
margin-bottom: 20px;
text-align: center;
}
.h-navi_sns li {
margin: 0 20px;
display: inline-block;
width: 60px;
}
.h-navi_sns_store li {
margin: 0 20px;
display: inline-block;
width: 60px;
}
.h-navi_btn {
display: block!important;
text-align: center;
}
.h-navi_btn .sp_img {
max-width: 230px;
width: 90%;
}
.h-navi_btn .sp_img:hover {
opacity: 0.8;
}
.h-navi_btn .pc_img {
display: none;
}
.shop .h-spnavi_btn span {
background-color: #d7000f;
}
.shop .h-spnavi_btn span:before, .shop .h-spnavi_btn span:after {
background-color: #d7000f;
}
.shop .h-spnavi_btn.close span {
background: none;
}
#header.shop {
padding: 13px 10px;
}
.shop .h-box_logo {
padding: 0;
width: auto;
}
.shop .h-box_logo img {
width: 108px;
}
.shop .h-box_logo a {
text-decoration: none;
color: #d7000f;
}
.shop .h-box_logo .h-shop_name {
font-weight: bold;
}
.h-shop_name {
margin-left: 10px;
display: inline-block;
font-size: 12px;
line-height: 1.2;
position: relative;
top: -3px;
}
.shop .h-box {
height: auto !important;
background-color: #dc1f2c;
}
.h-shop_navi_item a {
color: #fff;
}
.shop .h-navi_btn { display: flex !important;
justify-content: center;
}
.h-shop_link {
display: none;
}
}
@media screen and (max-width: 750px) {
#header {
padding: 10px 15px;
}
.h-spnavi_btn {
width: 30px;
height: 30px;
right: 15px;
margin-top: -15px;
}
.h-spnavi_btn span:before {
top: -8px;
}
.h-spnavi_btn span:after {
top: 8px;
}
.h-box_logo {
width: 130px;
}
.h-box {
padding: 10px 15px;
height: 100vh !important;
}
.h-navi_item a {
padding: 10px;
display: block;
text-decoration: none;
color: #63542b;
position: relative;
}
.h-navi_sns {
margin-bottom: 15px;
text-align: center;
}
.h-navi_sns_store {
margin-bottom: 15px;
text-align: center;
}
.h-navi_sns li {
margin: 0 10px;
width: 45px;
}
.h-navi_sns_store li {
margin: 0 10px;
width: 45px;
}
}
#header.shop .inner .sp-tel {
display: block;
}
#header.shop .inner .sp-tel a {
color: #d7000f;
background-position: 0 1px;
background-repeat: no-repeat;
background-size: 22px auto;
font-weight: bold;
margin-left: 118px;
font-size: 16px;
line-height: 0;
}
@media screen and (min-width: 1070px) {
#header.shop .inner .sp-tel {
display: none;
}
} #content {
padding-bottom: 120px;
line-height: 1.75;
text-align: justify;
letter-spacing: 0.02em;
}
#content h2, #content h3, #content h4, #content h5 {
line-height: 1.6;
}
.m-top_bg {
background: url(/assets/img/m_top_bg.png) center 0 repeat;
}
@media screen and (max-width: 750px) {
.m-top_bg {
background-size: 342px auto;
}
}
.seo_up {
background-color: #eee9da;
}
.seo_last:last-child {
padding-bottom: 10px!important;
}
.seo_date, .seo_title2 {
color: #63542b;
}
.seo_title2 {
font-weight: bold;
overflow: hidden;
}
.seo_title2:hover {
color: #ffc800;
text-decoration: underline;
}
.seo_news {
padding: 10px 20px 0 20px;
}
.m-common_title {
padding-top: 50px;
margin-bottom: 15px;
font-size: 21px;
font-weight: 700;
text-align: center;
color: #837756;
letter-spacing: 2px;
background: url(/assets/img/icon/icon_title01.svg) center 10px no-repeat;
background-size: 42px auto;
}
.m-common_border {
padding-bottom: 10px;
display: inline-block;
min-width: 284px;
background: url(/assets/img/icon/border_title01.svg) center bottom repeat-x;
background-size: 12px auto;
}
.m-common_title_shopname {
text-align: center;
color: #837756;
font-weight: 700;
margin-top: -12px;
margin-bottom: 12px;
}
.m-common_title_lead {
font-family: sans-serif;
margin-bottom: 30px;
font-size: 48px;
text-align: center;
color: #63542b;
line-height: 1.3;
font-weight: 700;
font-style: italic;
}
.m-common_title_lead02 {
margin-bottom: 30px;
text-align: center;
}
.m-common_title_lead02 img {
width: 320px;
}
@media screen and (max-width: 750px) {
#content {
padding-bottom: 40px;
}
.m-common_title {
padding-top: 25px;
margin-bottom: 13px;
font-size: 18px;
letter-spacing: 1px;
background-size: 21px auto;
}
.m-common_border {
padding: 0 10px 12px;
min-width: 120px;
}
.m-common_title_lead {
padding: 0 20px;
margin-bottom: 20px;
font-size: 30px;
}
.m-common_title_lead02 {
margin-bottom: 20px;
}
.m-common_title_lead02 img {
width: 180px;
}
}
.m-common_btn {
text-align: center;
}
.m-common_btn a {
display: inline-block;
padding: 10px 20px;
min-width: 480px;
font-weight: bold;
background-color: #eee9da;
color: #d20212;
text-decoration: none;
position: relative;
}
.m-common_btn a:after {
content: " ";
width: 130px;
height: 16px;
background: url(/assets/img/icon/icon_arw01.svg) right center no-repeat;
background-size: auto 100%;
position: absolute;
top: 50%;
right: -26px;
margin-top: -8px;
}
@media screen and (min-width: 751px) {
.m-common_btn a {
position: relative;
transform: perspective(1px) translateZ(0);
-webkit-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
}
.m-common_btn a:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffc800;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
transform-origin: 0 50%;
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
}
.m-common_btn a:hover {
color: #d20212;
}
.m-common_btn a:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
}
.m-common_btn a:after {
transition: right 0.2s ease-out;
-webkit-transition: right 0.2s ease-out;
-moz-transition: right 0.2s ease-out;
}
.m-common_btn a:hover:after {
right: -31px;
}
}
@media screen and (max-width: 750px) {
.m-common_btn {
text-align: center;
}
.m-common_btn a {
min-width: 235px;
padding: 10px 10px;
}
.m-common_btn a:after {
content: " ";
width: 52px;
height: 14px;
right: -30px;
}
}
.m-common_btn02 a {
padding: 10px;
border-radius: 5px;
display: block;
text-align: center;
text-decoration: none;
background-color: #ffc800;
color: #63542b;
font-weight: bold;
overflow: hidden;
}
.m-common_btn02 span {
padding: 10px;
border-radius: 5px;
display: block;
text-align: center;
text-decoration: none;
background-color: #ececec;
color: #636363;
font-weight: bold;
overflow: hidden;
}
@media screen and (min-width: 751px) {
.m-common_btn02 a {
position: relative;
transform: perspective(1px) translateZ(0);
-webkit-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
}
.m-common_btn02 a:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #d7000f;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
transform-origin: 0 50%;
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
}
.m-common_btn02 a:hover {
color: #ffc800;
}
.m-common_btn02 a:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
}
}
@media screen and (max-width: 750px) {
.m-common_btn02 a, .m-common_btn02 span {
padding: 5px;
border-radius: 3px;
}
}
.m-common_btn03 a {
padding: 10px;
border-radius: 5px;
display: block;
text-align: center;
text-decoration: none;
background-color: #eee9da;
color: #d20212;
font-weight: bold;
overflow: hidden;
}
@media screen and (min-width: 751px) {
.m-common_btn03 a {
position: relative;
transform: perspective(1px) translateZ(0);
-webkit-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1psx) translateZ(0);
transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
}
.m-common_btn03 a:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffc800;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
transform-origin: 0 50%;
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
}
.m-common_btn03 a:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
}
}
@media screen and (max-width: 750px) {
.m-common_btn02 a {
padding: 5px;
border-radius: 3px;
}
}
.s-topicpath {
padding: 8px 0;
border-bottom: 1px solid #eee9da;
}
.s-topicpath ul {
width: 1000px;
margin: 0 auto;
}
.s-topicpath_item {
font-size: 14px;
margin-right: 40px;
float: left;
}
.s-topicpath_item:last-child {
margin: 0;
}
.s-topicpath_item a {
display: inline-block;
position: relative;
text-decoration: none;
}
.s-topicpath_item a:after {
content: " ";
width: 8px;
height: 12px;
background: url(/assets/img/icon/icon_topicpath.svg) 0 0 no-repeat;
background-size: 100%;
position: absolute;
top: 50%;
right: -25px;
margin-top: -6px;
}
@media screen and (max-width: 950px) {
.s-topicpath {
padding: 8px 10px;
border-bottom: 1px solid #eee9da;
display: none;
}
.s-topicpath_item {
margin-right: 20px;
}
.s-topicpath_item a:after {
content: " ";
width: 6px;
height: 9px;
right: -12px;
margin-top: -4px;
}
}
.s-maintitle {
margin-bottom: 0;
height: 280px;
overflow: hidden;
position: relative;
}
.s-maintitle_bg {
width: 100%;
height: 100%;
position: relative;
}
.s-maintitle_bg img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
max-width: inherit;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
z-index: 0;
}
.s-maintitle_svg {
padding-top: 90px;
background: url(/assets/img/icon/tori_r.svg) center 0 no-repeat;
background-size: 64px auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
z-index: 1;
}
@media screen and (max-width: 1304px) {
.s-maintitle_bg img {
width: auto;
height: 100%;
}
}
@media screen and (max-width: 750px) {
.s-maintitle {
margin-bottom: 0;
height: 150px;
}
.s-maintitle_svg {
padding-top: 50px;
background-size: 38px auto;
}
}
.s-navi {
background-color: #e6dfc9;
margin-bottom: 80px;
position: relative;
z-index: 1;
}
.s-navi_item {
width: 25%;
border-left: 1px solid #fffdf9;
float: left;
box-sizing: border-box;
}
.s-navi_item:last-child {
border-right: 1px solid #fffdf9;
}
.s-navi_item a {
display: block;
padding: 12px 5px;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #d20212;
background-color: #eee9da;
}
.s-navi_item a span.icon {
padding-left: 22px;
background: url(/assets/img/icon/icon_arw02.svg) 0 0 no-repeat;
background-size: 16px 16px;
}
.s-navi_item.cur a {
background-color: #ffc800;
}
@media screen and (min-width: 769px) {
.seo_up_img {
float: left;
}
.seo_img {
margin-right: 20px;
}
.seo_up {
padding: 30px 20px;
width: 800px!important;
}
.seo_font {
font-size: 14px;
}
.seo_news {
margin-bottom: 40px;
}
.seo_date {
float: left;
margin-right: 15px;
}
.seo_news {
padding: 30px 50px 20px 50px!important;
}
}
@media screen and (min-width: 751px) {
.s-navi_item a {
position: relative;
transform: perspective(1px) translateZ(0);
-webkit-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
}
.s-navi_item a:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffdd86;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
transform-origin: 0 50%;
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
}
.s-navi_item.cur a:before {
background: #ffc800;
}
.s-navi_item a:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
}
}
@media screen and (max-width: 750px) {
.seo_up {
padding: 30px 20px;
}
.seo_up_img {
text-align: center;
}
.seo_img {
margin-bottom: 15px;
width: 45%;
}
.seo_tatle {
font-size: 14px;
}
.seo_font {
font-size: 14px;
}
.s-navi {
padding: 0;
margin-bottom: 40px;
}
.s-navi_item:first-child {
border-left: 0;
}
.s-navi_item:last-child {
border-right: 0;
}
.s-navi_item a span.icon {
padding-left: 0;
background: none;
}
}
.m-pager {
margin-top: 40px;
text-align: center;
}
.m-pager li {
display: inline-block;
vertical-align: top;
}
.m-pager_item a, .m-pager_item span {
padding-top: 4px;
margin: 0 5px;
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #63542b;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
}
.m-pager_item a:hover, .m-pager_item span {
background-color: #ffc800;
color: #d20212;
}
.m-pager_prev a, .m-pager_next a, .m-pager_prev span, .m-pager_next span {
display: inline-block;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -1000px;
position: relative;
}
.m-pager_prev a:hover, .m-pager_next a:hover {
background-color: #ffc800;
}
.m-pager_prev a:after, .m-pager_next a:after, .m-pager_prev span:after, .m-pager_next span:after {
content: " ";
width: 18px;
height: 18px;
position: absolute;
top: 9px;
left: 4px;
border-top: 3px solid #d20212;
border-right: 3px solid #d20212;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.m-pager_prev a:after, .m-pager_prev span:after {
left: 14px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
}
.m-pager_prev span:after, .m-pager_next span:after {
border-color: #e6dfc9;
}
@media screen and (max-width: 750px) {
.m-pager {
margin-top: 25px;
}
.m-pager_item a, .m-pager_item span {
padding-top: 2px;
margin: 0 3px;
width: 30px;
height: 30px;
}
.m-pager_prev a, .m-pager_next a, .m-pager_prev span, .m-pager_next span {
width: 30px;
height: 30px;
}
.m-pager_prev a:after, .m-pager_next a:after, .m-pager_prev span:after, .m-pager_next span:after {
width: 12px;
height: 12px;
top: 7px;
left: 4px;
}
.m-pager_prev a:after, .m-pager_prev span:after {
left: 11px;
}
}
.l-background {
min-height: 200px;
position: relative;
}
.l-background_img {
height: 100%;
background-color: #f9f7f2;
width: 300%;
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
position: absolute;
top: 30px;
left: -100%;
z-index: 0;
}
.l-background_main {
position: relative;
z-index: 1;
}
.l-background02 {
max-width: 1760px;
margin: 0 auto 50px;
position: relative;
}
.l-background02_color_wrap {
width: 76.33%;
max-width: 864px;
height: 70%;
position: absolute;
top: 12%;
left: 0;
}
.l-background02_color {
width: 100%;
height: 100%;
background-color: #f9f7f2;
transform: skewY(-10deg);
-webkit-transform: skewY(-10deg);
-moz-transform: skewY(-10deg);
z-index: 0;
}
.vol02 .l-background02_color_wrap {
top: 20%;
left: inherit;
right: 0;
}
.l-background02_img {
position: relative;
z-index: 1;
width: 68.86%;
max-width: 896px;
float: right;
}
.l-background02_img img {
width: 100%;
}
.vol02 .l-background02_img {
float: left;
}
.l-background02_title {
position: absolute;
top: 38%;
left: 50%;
margin-left: -500px;
z-index: 2;
}
.l-background02_title h3 {
position: relative;
z-index: 2;
}
.l-background02_title_line {
position: absolute;
top: 45px;
left: -15px;
z-index: 1;
width: 336px;
}
.vol02 .l-background02_title {
top: 26%;
left: inherit;
right: 50%;
margin: 0 -500px 0 0;
}
.vol02 .l-background02_title_line {
width: 280px;
}
.l-background02_main {
top: -35px;
clear: both;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1000px) {
.l-background02_title {
left: 20px;
margin-left: 0;
}
.vol02 .l-background02_title {
right: 20px;
margin: 0;
}
}
@media screen and (max-width: 750px) {
.l-background02 {
margin-bottom: 20px;
}
.l-background02_main {
top: 0;
}
}
.l-threecolumn_item figure {
overflow: hidden;
margin-bottom: 10px;
}
.l-threecolumn_item h4 {
padding-bottom: 2px;
border-bottom: 2px solid #d20212;
margin-bottom: 8px;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 1000px) {
.l-threecolumn {
padding: 0 20px;
}
}
@media screen and (min-width: 751px) {
.l-threecolumn {
overflow: hidden;
}
.l-threecolumn_item {
margin: 0 2.6% 25px 0;
width: 31.6%;
float: left;
}
.l-threecolumn_item:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 750px) {
.l-threecolumn_item figure {
margin-bottom: 8px;
}
.l-threecolumn_item figure img {
width: 100%;
}
.l-threecolumn_item h4 {
padding-bottom: 1px;
margin-bottom: 5px;
font-size: 16px;
}
.l-threecolumn_item {
margin-bottom: 20px;
}
}
.l-twocolumn {
overflow: hidden;
}
@media screen and (min-width: 751px) {
.l-twocolumn_item {
margin-bottom: 40px;
width: 48.7%;
float: left;
}
.l-twocolumn_item:nth-child(2n) {
float: right;
}
.l-twocolumn_item:nth-child(2n+1) {
clear: both;
}
}
@media screen and (max-width: 750px) {
.l-twocolumn_item {
margin-bottom: 20px;
}
}
.l-img_box {
margin-bottom: 40px;
position: relative;
}
.l-img_box figure {
width: 61.1%;
float: left;
}
.l-img_box.even figure {
float: right;
}
.l-img_box_text {
width: 36%;
float: right;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
}
.l-img_box.even .l-img_box_text {
right: inherit;
left: 0;
}
.l-img_box_text h3 {
padding-bottom: 13px;
margin-bottom: 12px;
font-size: 28px;
color: #63542b;
position: relative;
}
.l-img_box_text h3:after {
content: " ";
width: 1000px;
height: 4px;
background-color: #d20212;
position: absolute;
bottom: 0;
left: 0;
}
.l-img_box.even .l-img_box_text h3:after {
left: inherit;
right: 0;
}
@media screen and (max-width: 1000px) {
.l-img_box {
padding: 0 20px;
}
.l-img_box_text {
position: static;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
}
.l-img_box.even .l-img_box_text {
float: left;
}
}
@media screen and (max-width: 750px) {
.l-img_box {
padding: 0 10px;
margin-bottom: 25px;
}
.l-img_box figure {
width: auto;
float: none!important;
text-align: center;
margin-bottom: 15px;
}
.l-img_box_text {
width: auto;
float: none!important;
}
.l-img_box_text h3 {
padding-bottom: 10px;
margin-bottom: 8px;
font-size: 24px;
}
}
.l-img_box02_item {
margin-bottom: 40px;
}
.l-img_box02_item figure {
position: relative;
z-index: 0;
}
.l-img_box02_text {
margin: -18px 40px 0;
padding: 12px 25px;
background-color: #fff;
position: relative;
z-index: 1;
}
.l-img_box02_text h3 {
padding-bottom: 8px;
margin-bottom: 2px;
font-size: 18px;
text-align: center;
position: relative;
}
.l-img_box02_text h3:after {
content: " ";
width: 24px;
height: 4px;
background-color: #63542b;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -12px;
}
@media screen and (min-width: 1000px) {
.l-img_box02 {
padding: 0 20px;
}
}
@media screen and (min-width: 751px) {
.l-img_box02_item {
width: 48.7%;
float: left;
}
.l-img_box02_item:nth-child(2n) {
float: right;
}
.l-img_box02_item:nth-child(2n+1) {
clear: both;
}
}
@media screen and (max-width: 750px) {
.l-img_box02 {
padding: 0 10px;
}
.l-img_box02_item {
margin-bottom: 30px;
}
.l-img_box02_text {
margin: -10px 10px 0;
padding: 12px 10px 16px;
}
.l-img_box02_item figure img {
width: 100%;
height: auto;
}
}
.l-img_box03 {
margin-bottom: 40px;
}
.l-img_box03_bg {
height: 320px;
position: relative;
z-index: 0;
overflow: hidden;
}
.l-img_box03_bg img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
max-width: inherit;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
z-index: 0;
}
.l-img_box03_text {
padding: 10px 25px 15px;
margin: -25px auto 40px;
max-width: 410px;
box-sizing: border-box;
background-color: #fff;
position: relative;
z-index: 1;
}
.l-img_box03_text h3 {
padding-bottom: 10px;
margin-bottom: 8px;
font-size: 18px;
position: relative;
text-align: center;
}
.l-img_box03_text h3:after {
content: " ";
width: 24px;
height: 4px;
background-color: #63542b;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -12px;
}
@media screen and (max-width: 1304px) {
.l-img_box03_bg img {
width: auto;
height: 100%;
}
}
@media screen and (max-width: 750px) {
.l-img_box03 {
margin-bottom: 20px;
}
.l-img_box03_bg {
height: 150px;
}
.l-img_box03_text {
padding: 10px 14px;
margin: -15px auto 20px;
max-width: 410px;
}
.l-img_box03_text h3 {
font-size: 16px;
}
}
@media screen and (max-width: 410px) {
.l-img_box03_text {
margin: -15px 15px 20px;
}
}
.l-img_box04_item {
margin-bottom: 25px;
line-height: 1.6;
}
.l-img_box04_item figure {
width: 51.2%;
float: left;
}
.l-img_box04_text {
padding: 17px 25px 95px;
width: 48.8%;
float: left;
box-sizing: border-box;
background: url(/assets/img/icon/tori_y.svg) no-repeat;
background-position: center bottom -20px;
background-size: 82px auto;
background-color: #fff;
}
.l-img_box04_item:nth-child(2) .l-img_box04_text {
background-image: url(/assets/img/icon/tori_b.svg);
}
.l-img_box04_item:nth-child(3) .l-img_box04_text {
background-image: url(/assets/img/icon/tori_r.svg);
}
.l-img_box04_item:nth-child(4) .l-img_box04_text {
background-image: url(/assets/img/icon/tori_b.svg), url(/assets/img/icon/tori_r.svg), url(/assets/img/icon/tori_y.svg);
background-position: left 20% bottom -20px, center bottom -20px, right 20% bottom -20px;
}
.l-img_box04_text h4 {
padding-bottom: 3px;
margin-bottom: 6px;
border-bottom: 2px solid #d20212;
font-size: 21px;
line-height: 1.3;
font-weight: bold;
color: #d20212;
}
.l-img_box04_lead {
margin-bottom: 5px;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 1000px) {
.l-img_box04 {
padding: 0 20px;
}
}
@media screen and (max-width: 750px) {
.l-img_box04 {
padding: 0 10px;
}
.l-img_box04_item {
margin-bottom: 15px;
}
.l-img_box04_item figure {
width: auto;
float: none;
position: relative;
z-index: 0;
}
.l-img_box04_item figure img {
width: 100%;
height: auto;
}
.l-img_box04_text {
margin: -25px 15px 0;
padding: 10px 15px 40px;
width: auto;
float: none;
background-position: center bottom -20px;
background-size: 48px auto;
position: relative;
z-index: 1;
}
.l-img_box04_text h4 {
padding-bottom: 2px;
margin-bottom: 5px;
font-size: 18px;
}
.l-img_box04_lead {
font-size: 16px;
}
}
.img_swiper_wrap {
position: relative;
}
.img_swiper_pagination {
width: ;
}
.img_swiper_pagination {
text-align: left;
line-height: 0;
position: absolute;
bottom: -12px;
left: 0;
width: 100%;
}
.img_swiper_pagination span {
margin: 0 8px 0 0;
width: 40px;
height: 4px;
background-color: #c6c6c4;
border-radius: 0;
opacity: 1;
}
.img_swiper_pagination .swiper-pagination-bullet-active {
background-color: #d20212;
}
.img_swiper_prev, .img_swiper_next {
width: 10%;
height: 100%;
position: absolute;
top: 0;
z-index: 1;
cursor: pointer;
}
.img_swiper_prev {
left: 0;
}
.img_swiper_next {
right: 0;
}
.img_swiper_prev:before, .img_swiper_next:before {
content: " ";
background: rgba(255, 255, 255, 0.5);
height: 40px;
width: 40px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
}
.img_swiper_prev:after, .img_swiper_next:after {
content: " ";
width: 12px;
height: 12px;
position: absolute;
top: 50%;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
margin-top: -7px;
}
.img_swiper_next:after {
right: 22px;
}
.img_swiper_prev:after {
left: 22px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
}
.img_swiper_prev:hover:before, .img_swiper_next:hover:before {
background: rgba(210, 2, 18, 0.5);
}
.img_swiper_prev:hover:after, .img_swiper_next:hover:after {
border-color: #d20212;
}
@media screen and (max-width: 750px) {
.img_swiper_pagination {
display: none;
}
}
.m-common_foot {
margin-top: 75px;
text-align: center;
position: relative;
z-index: 1;
}
.m-common_foot_btn img {
width: 100%;
max-width: 335px;
}
.m-common_foot_text {
font-size: 21px;
margin: -50px 0 10px;
font-weight: bold;
color: #63542b;
}
@media screen and (max-width: 750px) {
.m-common_foot {
padding: 0 10px;
margin-top: 35px;
}
.m-common_foot_text {
margin: -20px 0 10px;
font-size: 16px;
}
} #footer {
position: relative;
background-color: #fff;
}
.f-pagetop {
width: 144px;
position: absolute;
top: -116px;
right: 18px;
}
.f-pagetop a:hover img {
opacity: 1;
}
.f-link {
padding: 5px 0;
background-color: #3c3c3c;
font-size: 12px;
text-align: center;
}
.f-link li {
margin: 0 20px;
display: inline-block;
}
.f-link a {
color: #fff;
text-decoration: none;
}
.f-link a:hover {
text-decoration: underline;
}
.f-link_brand a {
display: inline-block;
padding-left: 12px;
position: relative;
} .f-box {
padding: 0 25px 0 45px;
overflow: hidden;
}
.f-box_logo {
width: 180px;
padding: 13px 0 10px;
float: left;
}
.f-copyright {
padding-top: 22px;
font-size: 14px;
float: right;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Verdana, Arial, Helvetica, sans-serif;
}
.f-privacy {
padding-top: 22px;
margin-right: 24px;
float: right;
font-size: 14px;
}
.f-privacy li {
margin-left: 30px;
float: left;
}
.f-privacy a {
text-decoration: none;
}
.f-sp_footbar {
display: none;
}
.f-shop_link {
display: none;
}
@media screen and (max-width: 750px) {
.f-pagetop {
width: 116px;
top: -126px;
right: 10px;
display: none;
}
.f-link {
padding: 5px 0;
font-size: 10px;
}
.f-link li {
margin: 0 10px;
display: inline-block;
}
.f-link a:hover {
text-decoration: none;
}
.f-link_brand a:after {
width: 6px;
height: 6px;
left: -2px;
margin-top: -3px;
}
.f-box {
padding: 25px 10px 20px;
}
.f-box_logo {
width: 180px;
padding: 0;
margin: 0 auto 20px;
float: none;
}
.f-copyright {
padding-top: 0;
font-size: 10px;
float: right;
}
.f-privacy {
padding-top: 0;
margin-right: 0;
float: left;
font-size: 10px;
}
.f-privacy li {
margin: 0 10px 0 0;
}
.f-sp_footbar {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #ffc800;
border-top: 2px solid #d4a600;
z-index: 10;
text-align: center;
display: none;
}
.f-sp_footbar a {
padding: 8px 0 0;
display: block;
}
.f-sp_footbar img {
max-width: 320px;
}
}
@media screen and (max-width: 1070px) {
.f-shop_link {
border-top: 2px solid #d3d3d1;
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 10;
color: #fff;
background-color: #d7000f;
}
.f-shop_link li {
width: 25%;
float: left;
text-align: center;
}
.fb-shop_link li {
width: 33.333%;
}
.f-shop_link li:last-child { }
.f-shop_link li a {
padding: 31px 0 5px;
display: block;
background-color: #d7000f;
text-decoration: none;
color: #fff;
font-size: 11px;
font-weight: bold;
background-position: center 8px;
background-repeat: no-repeat;
}
.fb-shop_link li a {
color: #d7000f;
background-color: #fff;
}
.f-shop_link li.cupon a {
background-image: url(/assets/img/icon/icon_cupon_sp.svg);
background-size: 23px auto;
}
.f-shop_link li.send a {
background-image: url(/assets/img/icon/icon_send_sp.svg);
background-size: 16px auto;
}
.f-shop_link li.reserve a {
background-image: url(/assets/img/icon/icon_tel_sp.svg);
background-size: 17px auto;
}
.f-shop_link li.reserve2 a {
background-image: url(/assets/img/icon/icon_calender_sp.svg);
background-size: 30px auto;
}
.fb-shop_link li.menu a {
background-image: url(//torimero.com/assets/img/icon/s-menu.svg);
background-size: 22px auto;
}
.fb-shop_link li.concept a {
background-image: url(//torimero.com/assets/img/icon/tori_r.svg);
background-size: 20px auto;
}
.fb-shop_link li.search a {
background-image: url(//torimero.com/assets/img/icon/s-search.svg);
background-size: 22px auto;
}
} #loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
background-color: #ffc800;
}
#loader.on {
background-color: #ffc800;
}
.loader_box {
width: 92px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
.loader_img {
width: 51px;
margin: 0 auto 12px;
-webkit-animation: spin 1.5s linear infinite;
-moz-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
.loader_text {
font-size: 18px;
font-weight: bold;
text-align: center;
color: #63542b;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.modal-send, .modal-reserv {
padding: 20px;
width: 100%;
max-width: 600px;
box-sizing: border-box;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
color: #65532b;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
z-index: 50;
}
.modal-send h3 {
padding: 50px 0 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd4b5;
font-size: 22px;
line-height: 1.3;
text-align: center;
background: url(/assets/img/icon/tori_r.svg) center 0 no-repeat;
background-size: 36px auto;
}
.modal-send p {
margin-bottom: 5px;
}
.modal-send .send_btn {
padding-top: 15px;
border-top: 1px solid #ddd4b5;
margin-top: 15px;
}
.modal-send .send_btn li {
width: 50%;
float: left;
text-align: center;
font-size: 14px;
font-weight: bold;
}
.modal-send .send_btn li a {
padding-top: 35px;
display: block;
text-decoration: none;
}
.modal-send .send_btn li:nth-child(1) a {
background: url(/assets/img/icon/icon_mail.svg) center 0 no-repeat;
background-size: 34px auto;
}
.modal-send .send_btn li:nth-child(2) a {
border-left: 1px solid #ddd4b5;
background: url(/assets/img/icon/icon_line.png) center 0 no-repeat;
background-size: 30px auto;
}
.modal-send .send_btn.vol02 li:nth-child(1) a {
background: url(/assets/img/icon/tori_r.svg) center 0 no-repeat;
background-size: 28px auto;
}
.modal-send .send_btn.vol02 li:nth-child(2) a {
background: url(/assets/img/icon/icon_tel_sp.svg) center 0 no-repeat;
background-size: 24px auto;
}
@media screen and (max-width: 750px) {
.modal-send, .modal-reserv {
padding: 10px 15px;
width: 80%;
}
.modal-send h3 {
padding: 38px 0 8px;
margin-bottom: 10px;
font-size: 18px;
background-size: 28px auto;
}
.modal-send p {
margin-bottom: 3px;
}
.modal-send .send_btn {
padding-top: 10px;
margin: 10px -15px 0;
}
.modal-send .send_btn li {
font-size: 13px;
}
.modal-send .send_btn li a {
padding-top: 28px;
}
.modal-send .send_btn li:nth-child(1) a {
background-size: 26px auto;
}
.modal-send .send_btn li:nth-child(2) a {
background-size: 24px auto;
}
.modal-send .send_btn.vol02 li:nth-child(1) a {
background-size: 22px auto;
}
.modal-send .send_btn.vol02 li:nth-child(2) a {
background-size: 20px auto;
}
} .mv-main {
margin: 1.5% 0 110px;
position: relative;
z-index: 1;
}
.mv-main_img_box {}
.mv-main_img {
position: relative;
margin-bottom: 40px;
}
.mv-main_img img {
width: 100%;
}
.mv-main_subimg {
height: 600px;
position: relative;
margin-bottom: 40px;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
}
.mv-main_subimg figure {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 1136px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
.swiper-slide img {
width: 100%;
}
.mv-main_subimg figure img {
width: 100%;
}
.mv-main_swiper_next:after, .mv-main_swiper_prev:after {
top: 33%;
}
.mv-main_swiper_next:after, .mv-main_swiper_prev:after {
background-size: 70%;
}
.mv-main_swiper_prev:after {
left: 18%;
}
.menu-wrap {
position: relative;
}
.menu-wrap .movie-box {
transform: skewY(-10deg);
-webkit-transform: skewY(-10deg);
-moz-transform: skewY(-10deg);
width: 100%;
position: absolute;
top: 5.5%;
overflow: hidden;
}
.menu-title-box {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.menu-position-box {
padding-top: 55%;
}
.movie-box video {
transform: skewY(10deg) scale(1.45);
}
@media screen and (max-width: 1304px) {
.mv-main_subimg {
background-size: auto 100%;
}
}
@media screen and (max-width: 750px) {
.mv-main_subimg {
height: 375px;
}
.mv-main_subimg figure {
max-width: 355px;
}
} .mv-main_img {
padding-top: 170px;
margin-bottom: 140px;
position: relative;
}
.s-shop .mv-main_img {
padding-top: 0;
}
.mv-main_img_box {
transform: skewY(-10deg);
-webkit-transform: skewY(-10deg);
-moz-transform: skewY(-10deg);
}
.mv-main_img_item {
position: relative;
overflow: hidden;
}
.mv-main_img_item span {
display: block;
}
.mv-main_img_item span figure {
transform: skewY(10deg);
-webkit-transform: skewY(10deg);
-moz-transform: skewY(10deg);
}
.mv-main_img .text01 {
position: absolute;
top: 11%;
left: 66px;
}
.mv-main_img .text01 img {
width: 787px;
}
.mv-main_img .text02 {
position: absolute;
bottom: -7%;
right: 177px;
}
.mv-main_img .text02 img {
width: 799px;
}
.mv-main_swiper_wrap {
position: relative;
padding: 0;
box-sizing: border-box;
}
.mv-main_swiper {
position: relative;
}
.mv-main_swiper_pagination {
text-align: center;
line-height: 0;
position: absolute;
bottom: -32px;
left: 0;
width: 100%;
}
.mv-main_swiper_pagination span {
margin: 0 6px;
width: 72px;
height: 8px;
background-color: #eee9da;
border-radius: 0;
opacity: 1;
}
.mv-main_swiper_pagination .swiper-pagination-bullet-active {
background-color: #d20212;
}
.mv-main_swiper_next, .mv-main_swiper_prev {
position: absolute;
top: 10%;
height: 100%;
width: 70px;
z-index: 1;
cursor: pointer; }
.mv-main_swiper_next {
right: 0;
}
.mv-main_swiper_prev {
left: 0;
}
.mv-main_swiper_next:after, .mv-main_swiper_prev:after {
content: " ";
width: 100%;
height: 30%;
position: absolute; }
.mv-main_swiper_next:after {
background: url(/assets/img/top/mv_slide_next.svg) no-repeat;
right: 2%;
background-size: 80%;
}
.mv-main_swiper_prev:after {
background: url(/assets/img/top/mv_slide_prev.svg) no-repeat;
left: 17%;
background-size: 80%;
}
.swiper-progressbar {
height: 4px;
width: 0;
background-color: #d20212;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: none;
-webkit-transition: none;
-moz-transition: none;
}
.swiper-progressbar.on {
width: 100%;
transition: width 2.9s linear;
-webkit-transition: width 2.9s linear;
-moz-transition: width 2.9s linear;
}
.m-concept_img01 .wrap {
width: 100%;
}
.movie-box video {
width: 95%;
}
.m-concept_img01 .wrap.movie01 {
margin-top: -3%;
}
.m-concept_img01 .wrap.movie02 {
padding-top: 0%;
}
.m-concept_img01 .wrap.movie03 {
margin-top: -3%;
}
@media screen and (min-width: 751px) {
.mv-main_img_item {
float: left;
width: 25%;
}
.mv-main_img_item:nth-child(1) {
width: 12.5%;
}
.mv-main_img_item:nth-child(5) {
width: 12.5%;
}
.mv-main_img_item span figure {
width: 120%;
height: auto;
position: absolute;
top: -10%;
left: -9%;
}
.mv-main_swiper_next {
right: -3%;
}
.mv-main_swiper_prev {
left: -3%;
}
.mv-main_img .text01 {
top: 17%;
left: 7%;
}
.mv-main_img .text01 img {
width: 495px;
}
.mv-main_img .text02 {
bottom: -13%;
right: 6%;
}
.mv-main_img .text02 img {
width: 260px;
}
.mv-main_img_item .icon {
position: absolute;
transform: skewY(10deg);
-webkit-transform: skewY(10deg);
-moz-transform: skewY(10deg);
transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}
.mv-main_img_item.animated .icon {
transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}
.mv-main_img_item:nth-child(2) .icon {
width: 156px;
left: -2px;
bottom: -21px;
}
.mv-main_img_item.animated:nth-child(2) .icon {
left: -300px;
bottom: -40px;
}
.mv-main_img_item:nth-child(3) .icon {
width: 94px;
right: -1px;
bottom: -40px;
}
.mv-main_img_item.animated:nth-child(3) .icon {
right: -300px;
bottom: -400px;
}
.mv-main_img_item:nth-child(4) .icon {
width: 186px;
top: -23px;
right: -5px;
}
.mv-main_img_item.animated:nth-child(4) .icon {
top: -400px;
right: -300px;
}
.mv-main_swiper_next:after, .mv-main_swiper_prev:after {
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
}
.mv-main_swiper_next:hover:after {
right: -20px;
}
.mv-main_swiper_prev:hover:after {
left: -20px;
}
.mv-main_swiper_next:after, .mv-main_swiper_prev:after {
background-image: 21px auto;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
.menu-title-box {
top: -2%;
}
.menu-position-box {
padding-top: 40%;
}
}
@media screen and (min-width: 1200px) {
.mv-main_img .text01 {
top: 16%;
left: 70px;
}
.mv-main_img .text01 img {
width: 575px;
}
.mv-main_img .text02 {
bottom: -4%;
right: 97px;
}
.mv-main_img .text02 img {
width: 300px;
}
.mv-main_img_item:nth-child(2) .icon {
width: 254px;
left: -2px;
bottom: -36px;
}
.mv-main_img_item:nth-child(3) .icon {
width: 137px;
right: 30px;
bottom: -62px;
}
.mv-main_img_item:nth-child(4) .icon {
width: 286px;
top: -36px;
right: -5px;
}
.menu-wrap .movie-box {
top: 7.5%;
}
.menu-title-box {
top: -1%;
}
.menu-position-box {
padding-top: 43%;
}
}
@media screen and (max-width: 750px) {
.mv-main {
margin: 0 0 60px;
}
.mv-main_img {
padding-top: 100px;
padding-bottom: 70px;
margin: 0;
position: relative;
}
.mv-main_img_box {
transform: skewY(-12deg);
-webkit-transform: skewY(-12deg);
-moz-transform: skewY(-12deg);
}
.mv-main_img_item span figure {
transform: skewY(12deg);
-webkit-transform: skewY(12deg);
-moz-transform: skewY(12deg);
position: absolute;
top: -30%;
left: 0;
width: 100%;
}
.mv-main_img_item .icon {
display: none;
}
.mv-main_img .text01 {
top: 20px;
left: 10px;
}
.mv-main_img .text01 img {
width: 350px;
}
.mv-main_img .text02 {
bottom: 20px;
right: 15px;
}
.mv-main_img .text02 img {
width: 232px;
}
.mv-main_swiper_wrap {
padding: 0;
}
.mv-main_swiper_pagination {
bottom: -15px;
}
.mv-main_swiper_pagination span {
margin: 0 3px;
width: 28px;
height: 3px;
}
.mv-main_swiper_next, .mv-main_swiper_prev {
width: 64px;
}
}
@media screen and (max-width: 600px) {
.mv-main_img {
padding-top: 140px;
padding-bottom: 80px;
}
.mv-main_img .text01 {
top: 10%;
right: auto;
left: 3%;
}
.mv-main_img .text01 img {
width: 90%;
}
.mv-main_img .text02 {
bottom: 0;
right: auto;
right: -5%;
width: 60%;
}
.mv-main_img .text02 img {
width: 90%;
}
}
.m-search {
margin-bottom: 120px;
}
.m-search .l-background_img {
background: url(/assets/img/top/search_bg.jpg) center no-repeat;
background-size: 60% auto;
opacity: 0.4;
top: -140px;
height: 110%;
}
.m-search .m-common_title_lead img {
height: 48px;
}
.m-search_box h3 {
background: url(/assets/img/icon/icon_title03.svg) center 0 no-repeat;
background-size: 22px auto;
padding-top: 20px;
font-size: 21px;
line-height: 1.3;
text-align: center;
color: #63542b;
}
.m-search_box>div {
padding: 16px 13px 24px;
border-radius: 5px;
box-sizing: border-box;
float: left;
background-color: #eee9da;
}
.m-search_here {
margin-right: 1.5%;
width: 23.8%;
}
.m-search_area {
margin-right: 1.5%;
width: 23.8%;
background: url(/assets/img/icon/bg_ashiato.svg) 11px 76px no-repeat #eee9da;
background-size: 200px auto;
}
.m-search_here .m-common_btn02, .m-search_area .m-common_btn02 {
padding-top: 75px;
max-width: 160px;
margin: 0 auto;
box-sizing: border-box;
}
.m-search_here .m-common_btn02 {
background: url(/assets/img/icon/tori_r.svg) center 10px no-repeat;
background-size: 86px auto;
}
.m-search_keyword {
width: 23.8%;
}
.m-search_keyword_box {
margin-top: 38px;
position: relative;
}
.m-search_keyword_box input[type=text] {
padding: 0 90px 0 10px;
border: 0;
border-radius: 3px 0 0 3px;
display: block;
width: 100%;
box-sizing: border-box;
height: 40px;
background-color: #fff;
}
.m-search_keyword_btn {
position: absolute;
top: 0;
right: 0;
line-height: 0;
}
.m-search_keyword_btn a {
display: inline-block;
padding: 9px 29px;
border-radius: 0 3px 3px 0;
background-color: #ffc800;
overflow: hidden;
}
.m-search_keyword_btn img {
width: 22px;
}
.m-search_keyword_btn a:hover img {
opacity: 1;
}
@media screen and (max-width: 1000px) {
.m-search_block {
padding: 0 20px;
}
}
@media screen and (max-width: 900px) {
.m-search_box h3 {
font-size: 16px;
}
.m-search_here .m-common_btn02 a, .m-search_area .m-common_btn02 a {
padding-left: 0;
padding-right: 0;
font-size: 14px;
}
}
@media screen and (max-width: 750px) {
.m-search {
margin-bottom: 10px;
}
.m-search .l-background_img {
top: -20px;
background-size: auto 140%;
width: 200%;
left: -50%;
height: 102%;
}
.m-search .m-common_title_lead img {
width: 220px;
}
.m-search_block {
padding: 0 10px;
}
.m-search_box h3 {
background-size: 16px auto;
padding-top: 18px;
font-size: 18px;
}
.m-search_box>div {
padding: 12px 8px 20px;
margin-bottom: 10px;
border-radius: 4px;
}
.m-search_box .m-search_here {
margin-right: 0;
width: 48.8%;
}
.m-search_box .m-search_area {
margin-right: 0;
width: 48.8%;
float: right;
background-image: none;
}
.m-search_here .m-common_btn02, .m-search_area .m-common_btn02 {
padding-top: 15px;
max-width: inherit;
}
.m-search_here .m-common_btn02 {
background: none;
}
.m-search_box .m-search_keyword {
padding: 12px 16px 20px;
width: 48.8%;
float: right;
}
.m-search_keyword_box {
margin-top: 13px;
}
.m-search_keyword_box input[type=text] {
padding: 0 70px 0 10px;
}
.m-search_keyword_box input[type=image] {
padding: 9px 19px;
}
}
.m-concept {
margin-bottom: 100px;
}
.s-tori_concept .m-concept_block {
padding-bottom: 40px;
}
.m-concept .m-common_title_lead img {
width: 440px;
}
@media screen and (max-width: 750px) {
.m-concept .m-common_title_lead img {
width: 320px;
}
}
.m-concept .l-background_img {
height: 80%;
}
.m-concept_list {
max-width: 1760px;
margin: 0 auto 130px;
width: 100%;
position: relative;
}
.m-concept_img01_wrap {
position: absolute;
max-width: 896px;
width: 68.71%;
top: 80px;
left: 0;
z-index: 1;
}
.m-concept_img01 {
position: relative;
z-index: 1;
transform: skewY(-14deg);
-webkit-transform: skewY(-14deg);
-moz-transform: skewY(-14deg);
overflow: hidden;
}    .m-concept_img01 figure {
position: absolute;
top: -20%;
left: -15%;
width: 130%;
transform: skewY(10deg);
-webkit-transform: skewY(10deg);
-moz-transform: skewY(10deg);
}
.m-concept_img01 figure img {
width: 100%;
height: auto;
}
.m-concept_img01 img {
width: 100%;
}
.m-concept_tori {
position: absolute;
z-index: 0;
}
.m-concept_tori img {
width: 100%;
height: 100%;
}
.m-concept_fukidashi {
position: absolute;
z-index: 1;
}
.vol01 .m-concept_tori {
width: 168px;
top: -50px;
left: 25px;
}
.vol01 .m-concept_fukidashi {
width: 110px;
top: -38px;
left: 174px;
}
.vol02 .m-concept_tori {
width: 168px;
bottom: -75px;
right: 25px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.vol02 .m-concept_fukidashi {
width: 110px;
bottom: -20px;
right: 196px;
}
.vol03 .m-concept_tori {
width: 168px;
top: -50px;
left: 25px;
}
.vol03 .m-concept_fukidashi {
width: 135px;
top: -38px;
left: 174px;
}
.m-concept_img02 {
max-width: 864px;
width: 66.33%;
position: absolute;
top: 60px;
right: 0;
z-index: 0;
}
.m-concept_img02 img {
width: 100%;
}
.m-concept_textbox {
padding-top: 333px;
position: relative;
z-index: 2;
}
.m-concept_title {
margin: 0 10px 20px 0;
text-align: right;
}
.m-concept_description {
padding: 20px 24px 40px;
margin-right: 103px;
background-color: #fff;
max-width: 408px;
box-sizing: border-box;
float: right;
position: relative;
}
.s-tori_concept .m-concept_description, .s-tori_concept .vol02 .m-concept_description {
margin-bottom: 50px;
}
.m-concept_description_title {
font-size: 20px;
padding-bottom: 25px;
position: relative;
}
.m-concept_description_title:before, .m-concept_description_title:after {
content: " ";
width: 232px;
height: 4px;
background-color: #ac9f4c;
position: absolute;
bottom: 14px;
left: -104px;
}
.m-concept_description_title:after {
width: 1000px;
left: 384px;
}
.m-concept_description_btn {
position: absolute;
bottom: -23px;
right: -24px;
}
.m-concept_description_btn a {
padding: 10px 40px;
min-width: inherit;
}
.m-concept_description_btn a:after {
width: 51px;
height: 16px;
}
.m-concept_list {
margin-top: 80px;
}
.m-concept_list.vol02 {
margin-bottom: 150px;
}
.vol02 .m-concept_title {
margin: 0 0 20px 20px;
text-align: left;
}
.vol02 .m-concept_img01_wrap {
left: inherit;
right: 0;
}
.vol02 .m-concept_img02 {
top: 245px;
right: inherit;
left: 0;
}
.vol02 .m-concept_description {
margin: 0 0 0 103px;
float: none;
}
.vol02 .m-concept_description_title:before, .vol02 .m-concept_description_title:after {
background-color: #52bbc0;
left: 280px;
}
.vol02 .m-concept_description_title:after {
left: -1024px;
}
.vol03 .m-concept_description_title:before, .vol03 .m-concept_description_title:after {
background-color: #d20212;
}
@media screen and (max-width: 750px) {
.m-concept_block {
padding-bottom: 30px;
}
.m-concept_list {
margin: 10px 0;
}
.m-concept_textbox {
padding-top: 0;
}
.m-concept_img02, .vol02 .m-concept_img02 {
top: 60px;
}
.vol01 .m-concept_tori {
width: 84px;
top: -45px;
left: 12px;
}
.vol01 .m-concept_fukidashi {
width: 55px;
top: -18px;
left: 87px;
}
.vol02 .m-concept_tori {
width: 84px;
bottom: -47px;
right: 12px;
}
.vol02 .m-concept_fukidashi {
width: 55px;
bottom: -20px;
right: 98px;
}
.vol03 .m-concept_tori {
width: 84px;
top: -45px;
left: 12px;
}
.vol03 .m-concept_fukidashi {
width: 67px;
top: -29px;
left: 87px;
}
.m-concept_title {
text-align: right;
padding: 20% 0 10%;
margin: 10px!important;
}
.m-concept_title img {
width: 75%;
}
.vol02 .m-concept_title img {
width: 73%;
}
.vol03 .m-concept_title img {
width: 62.5%;
}
.m-concept_description {
margin: 0 10px 65px;
padding: 14px 20px;
max-width: inherit;
float: none;
box-sizing: content-box;
}
.m-concept_description_title {
font-size: 20px;
padding-bottom: 20px;
}
.m-concept_description_title:before, .m-concept_description_title:after {
height: 2px;
bottom: 12px;
left: -104px;
}
.m-concept_description_title:after {
width: 1000px;
left: inherit;
right: -1020px;
}
.m-concept_description_btn {
position: absolute;
bottom: -65px;
right: 0;
width: 100%;
}
.m-concept_description_btn a:after {
width: 52px;
height: 14px;
}
.m-concept_list.vol02 {
margin-bottom: 20px;
}
.vol02 .m-concept_description {
margin: 35px 10px 65px;
float: none;
}
.vol02 .m-concept_description_title:before, .vol02 .m-concept_description_title:after {
background-color: #52bbc0;
left: inherit;
right: -104px;
}
.vol02 .m-concept_description_title:after {
left: -1020px;
}
}
.m-concept02 {
margin-bottom: 80px;
}
.m-concept02 .m-common_title_lead img {
width: 440px;
}
.m-concept02_text {
margin-bottom: 15px;
font-size: 21px;
font-weight: bold;
text-align: center;
}
.m-concept02 .l-background02_main {
margin-bottom: 150px!important;
top: 0;
}
.m-concept02 .l-background02_main:last-of-type {
margin-bottom: 50px!important;
}
@media screen and (max-width: 750px) {
.m-concept02 .m-common_title_lead img {
width: 338px;
}
.m-concept02 .l-background02_title {
top: 26%;
width: 30%;
}
.m-concept02 .vol02 .l-background02_title {
top: 18%;
}
.m-concept02 .l-background02_title_line {
width: 122%;
top: 20%;
left: -8%;
}
.m-concept02_text {
margin-bottom: 8px;
font-size: 18px;
}
.m-concept02 .l-background02_main {
margin-bottom: 40px!important;
}
.m-concept02 .l-background02_main:last-of-type {
margin-bottom: 40px!important;
}
}
.m-menu {
margin-bottom: 120px;
}
.m-menu .l-background_img {
height: 80%;
}
.m-menu .m-common_title_lead img {
width: 320px;
}
.m-menu .m-common_title_lead.vol02 img {
width: 488px;
}
@media screen and (max-width: 750px) {
.m-menu .m-common_title_lead img {
width: 240px;
}
.m-menu .m-common_title_lead.vol02 img {
width: 370px;
}
}
.m-menu_course_item {
padding-top: 80px;
margin-bottom: 40px;
position: relative;
}
.m-menu_course_tori {
width: 97px;
position: absolute;
top: 0;
z-index: 0;
}
.m-menu_course_tori.vol01 {
left: 15px;
}
.m-menu_course_tori.vol02 {
right: 15px;
}
.m-menu_course_fuki {
width: 98px;
position: absolute;
top: 12px;
z-index: 1;
}
.m-menu_course_fuki.vol01 {
left: 114px;
}
.m-menu_course_fuki.vol02 {
right: 114px;
}
.m-menu_course_item figure {
overflow: hidden;
position: relative;
z-index: 0;
}
.m-menu_course_textbox {
margin: 0 15px;
padding: 10px 18px;
margin-top: -24px;
background-color: #fff;
border-radius: 8px;
position: relative;
z-index: 1;
}
.m-menu_course_textbox h3 {
border-bottom: 1px solid #eee9da;
margin-bottom: 10px;
font-size: 26px;
color: #63542b;
text-align: center;
}
.m-menu_course_outline {
margin-bottom: 10px;
overflow: hidden;
font-size: 14px;
line-height: 1.5;
float: left;
}
.m-menu_course_outline dt {
min-width: 70px;
text-align: center;
background-color: #63542b;
border-radius: 5px;
color: #fff;
float: left;
}
.m-menu_course_outline dd {
padding: 0 14px 0 8px;
font-weight: bold;
color: #63542b;
float: left;
}
.m-menu_course_price {
margin-bottom: 10px;
float: right;
line-height: 1.4;
}
@media screen and (min-width: 751px) {
.m-menu_course_item {
width: 48.4%;
float: left;
}
.m-menu_course_item:nth-child(2n) {
float: right;
}
}
@media screen and (max-width: 1040px) {
.m-menu_course {
padding: 0 20px;
}
}
@media screen and (max-width: 750px) {
.m-menu {
margin-bottom: 60px;
}
.m-menu .l-background_img {
width: 300%;
left: -100%;
height: 96%;
}
.m-menu_course_item {
padding-top: 54px;
margin-bottom: 30px;
}
.m-menu_course_tori {
width: 66px;
}
.m-menu_course_tori.vol01 {
left: 11px;
}
.m-menu_course_tori.vol02 {
right: 11px;
}
.m-menu_course_fuki {
width: 67px;
top: 8px;
}
.m-menu_course_fuki.vol01 {
left: 79px;
}
.m-menu_course_fuki.vol02 {
right: 79px;
}
.m-menu_course_textbox {
margin: 0 10px;
padding: 8px 10px;
margin-top: -15px;
border-radius: 4px;
}
.m-menu_course_textbox h3 {
margin-bottom: 10px;
font-size: 22px;
text-align: left;
}
.m-menu_course_outline {
margin-bottom: 5px;
font-size: 12px;
}
.m-menu_course_outline dt {
padding: 0 5px;
min-width: inherit;
border-radius: 3px;
float: left;
}
.m-menu_course_outline dd {
padding: 0 10px 0 3px;
}
.m-menu_course_price {
margin-bottom: 5px;
font-size: 14px;
}
}
.m-menu_recommend_item {
padding-top: 66px;
margin-bottom: 40px;
position: relative;
}
.m-menu_recommend_tori {
width: 80px;
position: absolute;
top: 0;
left: 120px;
z-index: 0;
}
.m-menu_recommend_bar {
position: absolute;
top: 42px;
left: 24px;
z-index: 1;
width: 48px;
}
.m-menu_recommend_bar span {
display: none;
}
.m-menu_recommend_item figure {
position: relative;
z-index: 0;
}
.m-menu_recommend_textbox {
margin: 0 15px;
padding: 10px 13px;
margin-top: -24px;
background-color: #fff;
position: relative;
z-index: 1;
}
.m-menu_recommend_textbox h3 {
margin-bottom: 3px;
font-size: 18px;
text-align: center;
}
.m-menu_recommend_price {
margin-bottom: 3px;
text-align: center;
}
@media screen and (max-width: 750px) {
.m-menu_recommend_item {
padding-top: 0;
margin-bottom: 15px;
}
.m-menu_recommend_item:nth-child(3) {
margin-bottom: 30px!important;
}
.m-menu_recommend_tori {
width: 50px;
position: absolute;
top: 0;
left: 50%;
margin-left: -25px;
}
.m-menu_recommend_bar {
font-family: 'Hiragino Mincho ProN', serif;
width: auto;
padding-top: 37px;
margin-bottom: 10px;
position: relative;
top: 0;
left: 0;
}
.m-menu_recommend_bar img {
display: none !important;
}
.m-menu_recommend_bar span {
font-size: 20px;
background-color: #ac9f4c;
color: #fff;
text-align: center;
display: block;
position: relative;
overflow: hidden;
}
.m-menu_recommend_item:nth-child(2) .m-menu_recommend_bar span {
background-color: #52bdc0;
}
.m-menu_recommend_item:nth-child(3) .m-menu_recommend_bar span {
background-color: #d7000f;
}
.m-menu_recommend_bar span:after {
content: " ";
height: 40px;
width: 40px;
background-color: #eee9da;
position: absolute;
top: 50%;
margin-top: -20px;
right: -30px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.m-menu_recommend_item figure {
width: 130px;
float: left;
}
.m-menu_recommend_textbox {
margin: 0 0 0 140px;
padding: 0;
background-color: inherit;
}
.m-menu_recommend_textbox h3 {
margin-bottom: 3px;
font-size: 18px;
line-height: 1.3;
text-align: left;
}
.m-menu_recommend_price {
margin-bottom: 3px;
font-size: 14px;
text-align: left;
}
.m-menu_recommend .clear {
clear: inherit!important;
}
}
.m-news {
padding: 0 0 120px;
}
.m-news .m-common_title_lead img {
width: 440px;
}
@media screen and (max-width: 750px) {
.m-news .m-common_title_lead img {
width: 267px;
}
}
.m-news_top {
margin-bottom: 40px;
width: 48.8%;
float: left;
position: relative;
}
.m-news_top a {
display: block;
text-decoration: none;
color: #837756;
}
.m-news_top figure {
overflow: hidden;
position: relative;
z-index: 0;
}
.m-news_sub_item_pickup { }
.m-menu_news_tori {
width: 63px;
position: absolute;
top: 0;
left: -90px;
z-index: 1;
}
.m-menu_news_fuki {
width: 86px;
position: absolute;
top: -30px;
left: -26px;
z-index: 1;
}
.m-news_top_textbox {
padding: 10px 18px;
border-radius: 8px;
margin: -30px 24px 0;
background-color: #fff;
position: relative;
z-index: 1;
}
.m-news_top_category {
margin: -25px 0 5px;
padding: 2px 10px;
text-align: center;
font-weight: bold;
color: #fff;
}
.m-news_top_category.color01 {
background-color: #ffa000;
}
.m-news_top_category.color02 {
background-color: #96c864;
}
.m-news_top_category.color03 {
background-color: #868686;
}
.m-news_top_category.color04 {
background-color: #64a7c8;
}
.m-news_top_box {
padding: 0 90px 2px 0;
border-bottom: 1px solid #f4f1e8;
margin-bottom: 5px;
position: relative;
}
.m-news_top_shop {
padding-left: 30px;
background: url(/assets/img/icon/icon_title02.svg) 0 2px no-repeat;
background-size: 24px auto;
}
.m-news_top_date {
position: absolute;
top: 0;
right: 0;
}
.m-news_sub .s-search_shoplist_num {
margin: 20px 0;
}
.m-news_top h3 {
font-size: 20px;
color: #63542b;
}
.m-news_sub {
margin-bottom: 40px;
width: 48.8%;
float: right;
}
.m-news_sub_item {
padding-bottom: 10px;
border-bottom: 2px solid #eee9da;
margin-bottom: 10px;
position: relative;
}
.m-news_sub_item:last-child {
padding-bottom: 0;
border: 0;
margin: 0;
}
.m-news_sub a {
display: block;
text-decoration: none;
color: #837756;
overflow: hidden;
}
.m-news_sub figure {
overflow: hidden;
width: 174px;
float: left;
}
.m-news_sub_textbox {
margin-left: 192px;
line-height: 1.6;
}
.m-news_sub_category {
padding: 1px 10px;
margin-bottom: 4px;
color: #fff;
}
.m-news_sub_category.color01 {
background-color: #ffa000;
}
.m-news_sub_category.color02 {
background-color: #96c864;
}
.m-news_sub_category.color03 {
background-color: #868686;
}
.m-news_sub_category.color04 {
background-color: #64a7c8;
}
.m-news_sub_box {
padding: 0 0 2px 0;
margin-bottom: 2px;
overflow: hidden;
}
.m-news_sub_shop {
padding-left: 30px;
margin-bottom: 0;
background: url(/assets/img/icon/icon_title02.svg) 0 2px no-repeat;
background-size: 24px auto;
float: left;
}
.m-news_sub_date {
float: right;
}
.m-news_sub h3 {
font-size: 16px;
color: #63542b;
}
.m-news_main .m-common_btn {
clear: both;
}
@media screen and (max-width: 1200px) {
.m-menu_news_tori {
left: 10px;
}
.m-menu_news_fuki {
left: 74px;
}
}
@media screen and (max-width: 1000px) {
.m-news {
padding: 0 20px;
}
}
@media screen and (min-width: 751px) {
.m-news a h3, .m-news a .m-news_sub_conte {
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
}
.m-news a:hover h3, .m-news a:hover .m-news_sub_conte {
color: #ffc800;
text-decoration: underline;
}
.m-news a.mouseOn:hover h3 {
color: inherit;
text-decoration: none;
}
.m-news a.mouseOn:hover .scalup img {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
.m-news_top_category, .m-news_sub_category {
transition: opacity 0.3s ease-out;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
}
.m-news_top_category:hover, .m-news_sub_category:hover {
opacity: 0.7;
}
}
@media screen and (max-width: 750px) {
.m-news {
padding-bottom: 60px;
}
.m-news_top {
margin-bottom: 30px;
width: auto;
float: none;
}
.m-news_sub_item_pickup {
padding-top: 30px;
}
.m-menu_news_tori { width: 30px;
top: -30px;
left: -14px;
}
.m-menu_news_fuki { width: 40px;
top: 0;
left: 15px;
}
.m-news_top_textbox {
padding: 10px 10px;
border-radius: 4px;
margin: -17px 10px 0;
}
.m-news_top_category {
margin: -21px 0 5px;
padding: 1px 10px 2px;
}
.m-news_top_box {
padding: 0 75px 3px 0;
margin-bottom: 5px;
}
.m-news_top figure img {
width: 100%;
height: auto;
}
.m-news_top_shop {
padding-left: 24px;
background-position: 0 2px;
background-size: 19px auto;
}
.m-news_top h3 {
font-size: 16px;
}
.m-news_sub {
margin-bottom: 0;
width: auto;
float: none;
}
.m-news_sub_item {
padding-bottom: 12px;
margin-bottom: 12px;
}
.m-news_sub_item:last-child {
padding-bottom: 0;
border: 0;
margin: 0 0 25px;
}
.m-news_sub figure {
width: 130px;
}
.m-news_sub_textbox {
margin-left: 140px;
}
.m-news_sub_box {
padding: 0;
margin-bottom: 2px;
overflow: hidden;
}
.m-news_sub_shop {
padding-left: 24px;
background-size: 19px auto;
}
.m-news_sub_date {
position: static;
float: right;
}
.m-news_sub h3 {
font-size: 15px;
line-height: 1.3;
}
}
.a-other {
border-top: 2px solid #f6f2e9;
padding-top: 70px;
}
.a-other_item {
width: 48.8%;
float: left;
}
.a-other_item:nth-child(2n) {
float: right;
}
.a-other_title {
margin-bottom: 10px;
font-size: 32px;
font-weight: bold;
color: #63542b;
}
.a-other_img {
position: relative;
}
.a-other_img .movie_icon {
width: 64px;
height: 64px;
border-radius: 50%;
background-color: #d7000f;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
.a-other_img .movie_icon:before {
content: " ";
width: 0;
height: 0;
border: 20px solid transparent;
border-left: 26px solid #fff;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -10px;
}
.a-other_img .a-other_text {
text-align: center;
min-width: 300px;
font-size: 20px;
font-weight: bold;
color: #fff;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) {
.a-other_img .movie_icon {
transition: background-color 0.3s ease-out;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
}
.a-other_img a:hover .movie_icon {
background-color: #ffc800;
}
.a-other_img .a-other_text {
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
}
.a-other_img a:hover .a-other_text {
color: #ffc800;
}
}
@media screen and (max-width: 750px) {
.a-other {
padding: 15px 20px 0;
}
.a-other_item {
margin-bottom: 25px;
width: auto;
float: none;
}
.a-other_item:nth-child(2n) {
float: none;
}
.a-other_title {
margin-bottom: 5px;
font-size: 28px;
line-height: 1.3;
}
.a-other_img img {
width: 100%;
height: auto;
}
}
.m-sconcept {
margin-bottom: 120px;
}
.m-sconcept .l-background_img {
height: 88%;
}
.m-sconcept .m-common_title_lead img {
width: 744px;
}
@media screen and (max-width: 750px) {
.m-sconcept .m-common_title_lead img {
width: 327px;
}
}
.m-scene {
margin-bottom: 120px;
}
.m-scene .l-background_img {
height: 88%;
}
.m-scene .m-common_title_lead img {
width: 488px;
}
.m-scene .m-common_title_lead:nth-of-type(2) img {
width: 522px;
}
@media screen and (max-width: 750px) {
.m-scene {
margin-bottom: 60px;
}
.m-scene .l-background_img {
height: 92%;
}
.m-scene .m-common_title_lead img {
width: 350px;
}
.m-scene .m-common_title_lead:nth-of-type(2) img {
width: 289px;
}
}
.m-space {
margin-bottom: 120px;
}
.m-space .m-common_title_lead img {
width: 560px;
}
@media screen and (max-width: 750px) {
.m-space {
margin-bottom: 60px;
}
.m-space .m-common_title_lead img {
width: 286px;
}
}
.m-access_map {
margin: 40px 0 18px;
height: 400px;
}
.m-access_title {
padding: 0 0 6px 66px;
border-bottom: 1px solid #ddd4b5;
margin-bottom: 25px;
background: url(/assets/img/icon/tori_r.svg) 0 0 no-repeat;
background-size: 52px;
min-height: 66px;
color: #65532b;
}
.m-access_title h3 {
font-size: 22px;
line-height: 1.3;
}
.m-access dl {
margin-bottom: 15px;
line-height: 1.6;
overflow: hidden;
}
.m-access dt {
width: 5em;
float: left;
font-weight: bold;
}
.m-access dd {
margin-left: 5.2em;
}
.m-access dd span {
font-size: 14px;
}
@media screen and (max-width: 1000px) {
.m-access_main {
padding: 0 20px;
}
}
@media screen and (min-width: 751px) {
.tel-btn {
color: #383838;
cursor: default;
text-decoration: none!important;
}
.tel-btn:hover {
color: #383838;
}
}
@media screen and (max-width: 750px) {
.m-access_main {
padding: 0 10px;
}
.m-access_map {
margin: 20px 0 18px;
height: 375px;
}
.m-access_title {
padding: 4px 0 4px 60px;
margin-bottom: 20px;
background-size: 50px;
min-height: 64px;
}
.m-access_title h3 {
font-size: 19px;
}
.m-access_main .tel-btn {
color: #383838!important;
padding: 13px 13px 13px 32px;
border: 1px solid #ddd4b5;
text-decoration: none;
display: inline-block;
background: url(/assets/img/icon/icon_tel02_sp.svg) 13px center no-repeat;
background-size: 13px auto;
}
.m-access dd span {
font-size: 12px;
}
}
.m-error404 {
margin-top: 50px;
}
.m-error404 .l-background_img {
top: 180px;
height: 75%;
}
.m-error404_wrap {
margin: 0 auto;
max-width: 780px;
}
.m-error404_img {
margin-bottom: 25px;
text-align: center;
}
.m-error404_img img {
width: 334px;
}
.m-error404 h2 {
padding-bottom: 6px;
margin-bottom: 15px;
font-size: 21px;
color: #63542b;
text-align: center;
}
@media screen and (max-width: 750px) {
.m-error404 {
margin-top: 25px;
}
.m-error404 .l-background_img {
top: 80px;
height: 80%;
}
.m-error404_wrap {
padding: 0 20px;
max-width: inherit;
}
.m-error404_img {
margin-bottom: 20px;
}
.m-error404_img img {
width: 220px;
}
.m-error404 h2 {
font-size: 18px;
}
}
.s-tori_news .s-maintitle_svg {
width: 488px;
}
.s-tori_news .l-background_img {
height: 400px;
}
.s-tori_news .m-news {
padding-bottom: 0;
}
.s-tori_news .m-news_sub {
width: auto;
float: none;
}
.s-tori_news .m-news_sub figure {
width: 24.2%;
}
.s-tori_news .m-news_sub_textbox {
margin-left: 25.4%;
}
.s-tori_news .m-news_sub_category {
margin-bottom: 10px;
}
.s-tori_news .m-news_sub_conte {
margin-top: 5px;
}
.s-tori_news .m-pager {
margin-top: 40px;
}
.m-news_detail .l-background_img {
top: 210px;
}
.s-news_detail_box {
max-width: 792px;
margin: 50px auto 40px;
}
.s-news_detail_category {
padding: 2px 10px;
text-align: center;
font-weight: bold;
color: #fff;
}
.s-news_detail_category.color01 {
background-color: #ffa000;
}
.s-news_detail_category.color02 {
background-color: #96c864;
}
.s-news_detail_category.color03 {
background-color: #868686;
}
.s-news_detail_category.color04 {
background-color: #64a7c8;
}
.s-news_detail_textbody {
padding: 25px;
background-color: #fff;
}
.s-news_detail_mainimg {
margin-bottom: 20px;
}
.s-news_detail_mainimg img {
width: 100%;
}
.s-news_detail_textbody h2 {
padding-bottom: 8px;
border-bottom: 1px solid #eee9da;
margin-bottom: 15px;
font-size: 18px;
line-height: 1.3;
color: #63542b;
}
.s-news_detail_textbody h3 {
padding-left: 6px;
border-left: 4px solid #63542b;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.3;
color: #63542b;
}
.s-news_detail_textbody h1 {
padding-bottom: 8px;
border-bottom: 1px solid #eee9da;
margin-bottom: 15px;
font-size: 21px;
line-height: 1.3;
color: #63542b;
padding-left: 0;
border-left: none;
}
.s-news_detail_textbody p {
margin-bottom: 1.8em;
}
.s-news_detail_textbody .m-news_sub_date, .s-news_detail_textbody .m-news_sub_shop {
margin-bottom: 0;
}
.s-news_detail_textbody .img_box {
max-width: 448px;
margin: 0 auto 15px;
}
.s-news_detail_textbody .img_box img {
width: 100%;
height: auto;
}
.s-news_detail_textbody img {
height: auto;
}
.s-news_detail_textbody .img_box>div {
padding: 26px;
background-color: #f9f7f2;
text-align: center;
}
.s-news_detail_textbody .img_box p {
font-size: 14px;
margin-top: 5px;
}
.s-news_detail_textbody .text_btn a {
display: block;
padding: 10px;
margin: 0 auto;
max-width: 515px;
font-weight: bold;
background-color: #f9f7f2;
color: #d20212;
text-decoration: none;
position: relative;
text-align: center;
}
@media screen and (min-width: 751px) {
.s-news_detail_textbody .text_btn a {
position: relative;
transform: perspective(1px) translateZ(0);
-webkit-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
}
.s-news_detail_textbody .text_btn a:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffc800;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
transform-origin: 0 50%;
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
}
.s-news_detail_textbody .text_btn a:hover {
color: #d20212;
}
.s-news_detail_textbody .text_btn a:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
}
}
@media screen and (max-width: 750px) {
.s-tori_news .s-maintitle_svg {
width: 244px;
}
.s-tori_news .m-news_sub figure {
width: 130px;
}
.s-tori_news .m-news_sub_textbox {
margin-left: 140px;
}
.s-tori_news .m-news_sub_category {
margin-bottom: 6px;
}
.s-tori_news .m-news_sub_conte {
margin-top: 3px;
}
.s-tori_news .m-pager {
margin-top: 25px;
}
.m-news_detail .l-background_img {
top: 110px;
}
.s-news_detail_box {
margin: 30px auto;
}
.s-news_detail_textbody {
padding: 10px 15px;
}
.s-news_detail_textbody h1 {
margin-bottom: 10px;
font-size: 18px;
}
.s-news_detail_textbody h2 {
margin-bottom: 10px;
font-size: 16px;
}
.s-news_detail_textbody h3 {
margin-bottom: 8px;
font-size: 14px;
}
.s-news_detail_textbody p {
margin-bottom: 1.5em;
}
.s-news_detail_textbody .m-news_sub_date, .s-news_detail_textbody .m-news_sub_shop {
margin-bottom: 0;
}
.s-news_detail_textbody .img_box {
margin: 0 auto 12px;
}
.s-news_detail_textbody .img_box>div {
padding: 13px;
}
.s-news_detail_textbody .img_box p {
font-size: 11px;
margin-top: 5px;
}
}
.s-tori_concept .s-maintitle_svg {
width: 488px;
}
.s-tori_concept .l-background_img {
height: 300px;
top: 180px;
}
.s-tori_concept .m-concept_description {
padding-bottom: 20px;
}
.s-tori_concept .vol01 .l-threecolumn_item h4 {
border-color: #bfb575;
}
.s-tori_concept .vol02 .l-threecolumn_item h4 {
border-color: #9ad8d9;
}
.s-about_block .m-common_title_lead img {
width: 440px;
}
.s-about {
margin-bottom: 120px;
}
.s-about_tori {
text-align: center;
position: relative;
z-index: 0;
}
.s-about_tori li {
margin: 0 14px;
display: inline-block;
width: 106px;
}
.s-about_tori li img {
width: 100%;
height: auto;
}
.s-about_box {
padding: 18px 24px;
margin: -30px auto 0;
max-width: 560px;
box-sizing: border-box;
background-color: #fff;
position: relative;
z-index: 1;
}
.s-about_box h3 {
padding-bottom: 6px;
margin-bottom: 10px;
border-bottom: 2px solid #d20212;
font-size: 21px;
line-height: 1.3;
text-align: center;
}
@media screen and (max-width: 750px) {
.s-tori_concept .s-maintitle_svg {
width: 244px;
}
.s-tori_concept .l-background_img {
height: 250px;
top: 120px;
}
.s-tori_concept .m-concept_description {
margin-bottom: 20px;
}
.s-about_block .m-common_title_lead img {
width: 310px;
}
.s-about {
margin-bottom: 40px;
}
.s-about_tori li {
margin: 0 10px;
width: 60px;
}
.s-about_box {
padding: 10px 15px;
margin: -22px auto 0;
}
.s-about_box h3 {
padding-bottom: 4px;
font-size: 18px;
}
}
@media screen and (max-width: 560px) {
.s-about_box {
margin: -22px 10px 0;
}
}
.s-tori_menu .s-maintitle_svg {
width: 488px;
}
.s-tori_menu .m-menu_course {
margin-bottom: 80px!important;
}
.s-tori_menu .m-menu .l-background_img {
top: 80px;
height: 420px;
}
.s-tori_menu .m-menu_recommend {
margin-bottom: 80px!important;
}
@media screen and (max-width: 750px) {
.s-tori_menu .s-maintitle_svg {
width: 244px;
}
.s-tori_menu .m-menu_course {
margin-bottom: 40px!important;
}
.s-tori_menu .m-menu .l-background_img {
height: 250px;
top: 120px;
}
.s-tori_menu .m-menu_recommend {
margin-bottom: 40px!important;
}
.s-tori_menu .l-threecolumn_item {
margin-bottom: 5px;
overflow: hidden;
}
.s-tori_menu .l-threecolumn_item:last-child {
margin-bottom: 15px;
}
.s-tori_menu .l-threecolumn_item figure {
width: 130px;
float: left;
}
}
.s-course_item {
padding: 25px;
margin-bottom: 40px;
background-color: #fff;
position: relative;
z-index: 1;
}
.s-course_item.recommend {
margin-top: 82px;
}
.s-course_item.recommend .m-menu_course_tori {
top: -82px;
z-index: 0;
}
.s-course_item.recommend .m-menu_course_fuki {
top: -70px;
}
.s-course_item figure {
padding: 25px 0 0 25px;
width: 49%;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
}
.s-course_column01 {
width: 49%;
float: right;
}
.s-course_column01 .lead {
line-height: 1.3;
font-size: 18px;
}
.s-course_column01 h3 {
border-bottom: 2px solid #eee9da;
margin-bottom: 10px;
font-size: 28px;
line-height: 1.2;
color: #63542b;
}
.s-course_column01 .comment {
clear: both;
margin-left: 105px;
margin-bottom: 15px;
padding: 10px 25px;
border-radius: 10px;
box-sizing: border-box;
min-height: 100px;
background-color: #eee9da;
position: relative;
}
.s-course_column01 .comment:before {
content: " ";
width: 80px;
height: 100px;
background: url(/assets/img/icon/tori_r.svg) 0 0 no-repeat;
background-size: 100% auto;
position: absolute;
top: 50%;
left: -105px;
margin-top: -50px;
}
.s-course_column01 .comment:after {
content: " ";
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 16px solid #eee9da;
position: absolute;
top: 50%;
left: -23px;
margin-top: -16px;
}
.s-course_column01 .course_menu {
clear: both;
}
.s-course_column01 .course_menu dt {
padding: 2px 10px;
background-color: #eee9da;
font-weight: bold;
}
.s-course_column01 .course_menu dd {
padding: 10px 15px;
border: 2px solid #eee9da;
line-height: 1.6;
}
.s-course_column02 {
width: 49%;
float: left;
}
.s-course_column02 .img_wrap {
margin-bottom: 15px;
}
.s-course_column02 .course_outline {
overflow: hidden;
font-size: 14px;
}
.s-course_column02 .course_outline dt {
padding: 10px 0;
clear: both;
width: 7em;
float: left;
font-weight: bold;
}
.s-course_column02 .course_outline dd {
padding: 10px 0;
padding-left: 8em;
border-bottom: 1px solid #eee9da;
}
.s-course_column02 .course_outline dd:last-of-type {
border-bottom: 0;
}
@media screen and (max-width: 750px) {
.s-course_item {
padding: 0 15px 15px;
margin-bottom: 20px;
}
.s-course_item.recommend {
margin-top: 67px;
}
.s-course_item.recommend .m-menu_course_tori {
top: -57px;
}
.s-course_item.recommend .m-menu_course_fuki {
top: -45px;
}
.s-course_item figure {
margin: 0 -15px;
padding: 15px 15px 0;
width: auto;
position: relative;
}
.s-course_column01 {
padding-top: 12px;
margin-bottom: 10px;
width: auto;
float: none;
}
.s-course_column01 .lead {
font-size: 16px;
}
.s-course_column01 h3 {
padding-bottom: 4px;
margin-bottom: 15px;
font-size: 21px;
}
.s-course_column01 .m-menu_course_outline, .s-course_column01 .m-menu_course_price {
margin-bottom: 10px;
}
.s-course_column01 .comment {
margin-left: 80px;
padding: 10px 15px;
min-height: 75px;
}
.s-course_column01 .comment:before {
content: " ";
width: 60px;
height: 75px;
top: 50%;
left: -80px;
margin-top: -38px;
}
.s-course_column01 .course_menu dt {
padding: 4px 10px;
}
.s-course_column01 .course_menu dd {
padding: 8px 13px;
}
.s-course_column02 {
width: auto;
float: none;
}
.s-course_column02 .img_wrap {
display: none;
}
.s-course_column02 .course_outline {
font-size: 11px;
}
.s-course_column02 .course_outline dt {
padding: 6px 0;
width: 5em;
}
.s-course_column02 .course_outline dd {
padding: 6px 0;
padding-left: 6em;
}
}
.s-menu-box {
padding-top: 200px;
margin-top: -200px;
}
.s-menu-list {
padding: 25px 25px 17px;
margin-bottom: 40px;
background-color: #fff;
}
.s-menu-list h3 {
padding-left: 15px;
margin-bottom: 5px;
font-size: 21px;
line-height: 1.3;
border-left: 8px solid #d20212;
border-bottom: 1px solid #eee9da;
}
.s-menu-list_item {
padding: 8px 0;
border-top: 1px solid #eee9da;
line-height: 1.5;
}
.s-menu-list_name {
font-size: 18px;
font-weight: bold;
}
.s-menu-list_price {
margin-top: 2px;
font-size: 14px;
}
.s-menu-list_text {
margin-top: 4px;
}
@media screen and (min-width: 751px) {
.s-menu-list_item {
width: 49%;
float: left;
}
.s-menu-list_item:nth-child(2n) {
float: right;
}
.s-menu-list_item:nth-child(1), .s-menu-list_item:nth-child(2) {
border-top: 0;
}
}
@media screen and (max-width: 750px) {
.s-menu-list {
padding: 10px 15px 5px;
margin: 0 15px 20px;
}
.s-menu-list h3 {
padding-left: 10px;
margin-bottom: 5px;
font-size: 18px;
border-left: 5px solid #d20212;
}
.s-menu-list_item {
padding: 8px 0;
}
.s-menu-list_item:nth-child(1) {
border-top: 0;
}
.s-menu-list_name {
font-size: 14px;
}
.s-menu-list_price {
margin-top: 2px;
font-size: 12px;
}
}
.s-tori_search .s-maintitle_svg {
width: 488px;
}
.s-search_title {
padding-left: 8px;
border-left: 6px solid #63542b;
margin-bottom: 17px;
font-size: 21px;
color: #63542b;
line-height: 1.2;
}
.s-search_subtitle {
padding-left: 6px;
border-left: 4px solid #63542b;
border-bottom: 2px solid #63542b;
margin-bottom: 15px;
font-size: 18px;
font-weight: bold;
color: #63542b;
line-height: 1.2;
}
.s-search_area {
max-width: 800px;
margin: 0 auto;
}
.s-search_area label {
cursor: pointer;
}
.s-checkbox_label span {
padding-left: 27px;
position: relative;
}
.s-checkbox_label span:before {
content: " ";
border: 2px solid #837756;
width: 16px;
height: 16px;
background-color: #fff;
box-sizing: border-box;
position: absolute;
top: 5px;
left: 0;
}
.s-checkbox_label input[type=checkbox], .s-checkbox_label input[type=radio] {
display: none;
}
.s-checkbox_label input[type=checkbox]:checked+span:before {
border-color: #ffc800;
background: url(/assets/img/icon/icon_check.svg) center center no-repeat;
background-size: 10px auto;
background-color: #ffc800;
}
.m-search_back {
display: none;
}
.s-search_area_select_wrap {
margin-bottom: 35px;
}
.s-search_area_select_item {
border: 1px solid #eee9da;
width: 33.3%;
float: left;
height: 312px;
overflow: hidden;
overflow-y: scroll;
box-sizing: border-box;
background-color: #fff;
position: relative;
}
.s-search_region, .s-search_district {
border-right: 0;
}
.s-search_prefecture, .s-search_district {
border-left: 2px solid #fcfbf6;
}
.s-search_prefecture ul, .s-search_district ul {
display: none;
}
.s-search_area_select_item:nth-child(1) {
width: 33.4%;
}
.s-search_area_select_item li {
border-bottom: 1px solid #eee9da;
position: relative;
}
.s-search_area_select_item li:after {
content: " ";
width: 10px;
height: 10px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -5px;
border-top: 2px solid #837756;
border-right: 2px solid #837756;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.s-search_area_select_item.s-search_district li:after {
display: none;
}
.s-search_area_select_item label {
display: block;
padding: 12px 15px;
color: #63542b;
font-weight: bold;
position: relative;
}
.s-search_area_select_item.out label {
background-color: #e7e7e6;
}
.s-search_area_select_item label:hover, .s-search_area_select_item.out label:hover {
background-color: #ffe898;
}
.s-search_area_select_item label.cur, .s-search_area_select_item.out label.cur, .s-search_area_select_item.out label.cur:hover {
background-color: #ffc800;
}
.s-search_prefecture .s-checkbox_label input[type=checkbox]:checked+span:before {
border-color: #ffc800;
background-image: url(/assets/img/icon/icon_check03.svg);
background-size: 8px 4px;
background-color: #fff;
}
.s-search_district .s-checkbox_label.cur input[type=checkbox]:checked+span:before, .s-search_prefecture .s-checkbox_label.allcur input[type=checkbox]:checked+span:before {
border-color: #ffc800;
background-image: url(/assets/img/icon/icon_check02.svg);
background-color: #fff;
background-size: 10px auto;
}
.s-search_area_select_not {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #e7e7e6;
}
.s-search_area_select_not_wrap {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
.s-search_district .s-search_area_select_not_wrap {
display: none;
}
.s-search_area_select_not_text {
min-width: 8.2em;
padding: 10px 14px;
border-radius: 50px;
margin-bottom: 8px;
background-color: #fff;
font-size: 18px;
line-height: 1.2;
color: #63542b;
position: relative;
}
.s-search_area_select_not_text:after {
content: " ";
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 14px solid #fff;
position: absolute;
bottom: -17px;
left: 50%;
margin-left: -10px;
}
.s-search_area_select_not_img img {
width: 64px;
}
.s-search_area_check {
padding: 24px 24px 19px;
border-radius: 10px;
margin-bottom: 35px;
background-color: #fff;
}
.s-search_area_check_item {
width: 33%;
margin-bottom: 5px;
float: left;
color: #63542b;
font-weight: bold;
}
.s-search_area_keyword {
padding: 24px 24px;
border-radius: 10px;
margin-bottom: 35px;
background-color: #fff;
}
.s-search_area_keyword input[type=text] {
padding: 10px 12px;
border: 1px solid #eee9da;
border-radius: 6px;
box-sizing: border-box;
width: 100%;
}
.s-search_area_submit_wrap {
position: relative;
}
.s-search_area_submit {
padding: 10px 0 5px;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #e6dfc9;
z-index: 10;
transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
}
.s-search_area_submit.fixation {
position: absolute;
background-color: inherit;
}
.s-search_area_submit a {
padding: 10px 80px;
display: inline-block;
}
.s-search_area_submit.none a {
background-color: #e7e7e6;
color: #fff;
cursor: default;
}
@media screen and (min-width: 751px) {
.s-search_area_submit.none a:hover {
color: #fff;
}
.s-search_area_submit.none a:before {
display: none;
}
}
@media screen and (max-width: 750px) {
.s-tori_search .s-maintitle_svg {
width: 244px;
}
.s-search_title {
padding-left: 5px;
border-left: 4px solid #63542b;
margin-bottom: 12px;
font-size: 18px;
line-height: 1.2;
}
.s-search_subtitle {
padding-left: 5px;
border-left: 3px solid #63542b;
border-bottom: 1px solid #63542b;
margin-bottom: 10px;
font-size: 16px;
}
.s-checkbox_label span {
padding-left: 18px;
}
.s-checkbox_label span:before {
content: " ";
border: 1px solid #837756;
width: 12px;
height: 12px;
top: 3px;
}
.s-checkbox_label input[type=checkbox]:checked+span:before {
background-size: 8px auto;
}
.m-search_back {
margin-bottom: 5px;
display: inherit;
}
.m-search_back span {
display: inline-block;
padding: 8px 30px;
border-radius: 5px;
font-weight: bold;
position: relative;
background-color: #fff;
}
.m-search_back span.close {
background-color: #e7e7e6;
color: #fff;
}
.m-search_back span:after {
content: '';
display: block;
width: 5px;
height: 5px;
color: #46464c;
border-right: 1px solid #46464c;
border-bottom: 1px solid #46464c;
position: absolute;
top: 50%;
left: 10px;
-moz-transform: rotate(135deg) translate(0, -50%);
-webkit-transform: rotate(135deg) translate(0, -50%);
transform: rotate(135deg) translate(0, -50%);
-moz-transform-origin: top center;
-webkit-transform-origin: top center;
transform-origin: top center;
}
.m-search_back span.close:after {
border-color: #fff;
}
.s-search_area_select_wrap {
margin-bottom: 30px;
overflow: hidden;
}
.s-search_area_select {
position: relative;
width: 300%;
height: 220px;
transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
}
.s-search_area_select.move01 {
transform: translate(-33.4%, 0);
-webkit-transform: translate(-33.4%, 0);
-moz-transform: translate(-33.4%, 0);
}
.s-search_area_select.move02 {
transform: translate(-66.7%, 0);
-webkit-transform: translate(-66.7%, 0);
-moz-transform: translate(-66.7%, 0);
}
.s-search_area_select_item {
position: absolute;
top: 0;
left: 0;
float: none;
height: 220px;
}
.s-search_area_select_item:nth-child(1) {
border-right: 1px solid #eee9da;
border-left: 1px solid #eee9da;
}
.s-search_prefecture, .s-search_district {
border-right: 1px solid #eee9da;
border-left: 1px solid #eee9da;
}
.s-search_prefecture {
left: 33.4%;
}
.s-search_district {
left: 66.7%;
}
.s-search_prefecture, .s-search_district {
border-left: 1px solid #fcfbf6;
}
.s-search_area_select_item li:after {
width: 6px;
height: 6px;
right: 8px;
margin-top: -4px;
}
.s-search_area_select_item label {
padding: 8px 20px 8px 10px;
}
.s-search_area_select_not_text {
min-width: 6em;
padding: 10px 12px;
border-radius: 50px;
margin-bottom: 12px;
font-size: 11px;
}
.s-search_area_select_not_img img {
width: 32px;
}
.s-search_area_check {
padding: 12px 12px 10px;
border-radius: 6px;
margin-bottom: 30px;
}
.s-search_area_check_item {
width: 50%;
margin-bottom: 5px;
float: left;
}
.s-search_area_keyword {
padding: 12px 12px;
border-radius: 6px;
margin-bottom: 30px;
}
.s-search_area_submit {
padding: 6px 0 2px;
}
.s-search_area_submit a {
padding: 10px 62px;
}
}
.s-search_result_sum {
margin-bottom: 30px;
font-size: 21px;
font-weight: bold;
text-align: center;
color: #63542b;
}
.s-search_result_sum span {
padding: 0 25px;
display: inline-block;
position: relative;
}
.s-search_result_sum span:before {
content: " ";
width: 100%;
height: 12px;
background-color: #ffc800;
position: absolute;
bottom: 8px;
left: 0;
z-index: -1;
}
.s-search_result_sum strong {
font-size: 32px;
}
.s-search_result {
max-width: 800px;
margin: 0 auto;
}
.s-search_result_map {
border: 1px solid #63542b;
margin-bottom: 40px;
height: 400px;
box-sizing: border-box;
}
.s-search_result_word {
padding: 6px 25px;
border-radius: 8px;
margin-bottom: 40px;
background-color: #fff;
}
.s-search_result_word dl {
overflow: hidden;
color: #63542b;
line-height: 1.5;
}
.s-search_result_word dt {
padding: 7px 0;
clear: both;
width: 7em;
font-weight: bold;
float: left;
}
.s-search_result_word dd {
padding: 7px 0;
padding-left: 7.5em;
border-bottom: 1px solid #eee9da;
}
.s-search_result_word dd:last-child {
border-bottom: 0;
}
.s-search_shoplist {
margin-top: 30px;
color: #63542b;
}
.s-search_shoplist_num {
margin-bottom: 38px;
}
.s-search_shop_box {
margin-bottom: 40px;
border-radius: 8px;
overflow: hidden;
}
.s-search_shop_title {
padding: 12px 25px;
background-color: #eee9da;
}
.s-search_shop_name {
font-size: 24px;
float: left;
}
.s-search_shop_name span {
margin-left: 0.5em;
}
.s-search_shop_tel {
float: right;
}
.s-search_shop_tel a {
padding: 2px 0 0 29px;
font-size: 21px;
font-weight: bold;
display: inline-block;
color: #63542b;
background: url(/assets/img/icon/icon_tel.svg) 0 11px no-repeat;
background-size: 22px auto;
}
.s-search_shop_overview {
padding: 5px 25px 15px;
background-color: #fff;
}
.s-search_shop_overview dl {
overflow: hidden;
color: #63542b;
line-height: 1.5;
}
.s-search_shop_overview dl {
width: 48.8%;
float: left;
}
.s-search_shop_overview dl:nth-of-type(2) {
float: right;
}
.s-search_shop_overview dt {
padding: 10px 0;
clear: both;
width: 7em;
font-weight: bold;
float: left;
}
.s-search_shop_overview dd {
padding: 10px 0;
padding-left: 7.5em;
border-bottom: 1px solid #eee9da;
}
.s-search_shop_overview dd span {
font-size: 14px;
}
.s-search_shop_link {
padding-top: 22px;
clear: both;
}
.s-search_shop_link li {
margin: 0 2.4% 10px 0;
width: 18%;
float: left;
}
.s-search_shop_link li:nth-child(5) {
margin-right: 0;
}
.s-search_result_more {
margin-top: 40px;
display: none;
}
@media screen and (max-width: 750px) {
.s-search_result_sum {
margin-bottom: 20px;
font-size: 18px;
}
.s-search_result_sum span {
padding: 0 10px;
}
.s-search_result_sum span:before {
height: 10px;
}
.s-search_result_sum strong {
font-size: 24px;
}
.s-search_result_map {
border: 1px solid #63542b;
margin-bottom: 30px;
height: 250px;
}
.s-search_result_word {
padding: 6px 15px;
border-radius: 6px;
margin-bottom: 30px;
}
.s-search_result_word dt {
width: 6em;
}
.s-search_result_word dd {
padding-left: 6.5em;
}
.s-search_shoplist {
margin-top: 20px;
}
.s-search_shoplist_num {
margin-bottom: 12px;
}
.s-search_shop_box {
margin-bottom: 20px;
border-radius: 5px;
}
.s-search_shop_title {
padding: 10px 15px;
}
.s-search_shop_name {
margin-bottom: 5px;
font-size: 18px;
float: none;
}
.s-search_shop_tel {
padding: 0 0 0 26px;
font-size: 16px;
float: right;
background-position: 0 8px;
background-size: 18px auto;
}
.s-search_shop_tel a {
padding: 0 0 0 26px;
font-size: 16px;
float: right;
background-position: 0 8px;
background-size: 18px auto;
}
.s-search_shop_overview {
padding: 5px 15px 15px;
}
.s-search_shop_overview dl {
width: auto;
float: none;
}
.s-search_shop_overview dl:nth-of-type(2) {
float: none;
}
.s-search_shop_overview dt {
padding: 7px 0;
width: 5em;
}
.s-search_shop_overview dd {
padding: 7px 0;
padding-left: 5.5em;
}
.s-search_shop_overview dd span {
font-size: 10px;
}
.s-search_shop_link {
padding-top: 10px;
}
.s-search_shop_link li {
margin: 0 3% 10px 0;
width: 48.5%;
float: left;
}
.s-search_shop_link li:nth-child(2), .s-search_shop_link li:nth-child(4) {
margin-right: 0;
}
.s-search_result_more {
margin-top: 30px;
}
}
.s-shop_coupon .s-maintitle_svg {
width: 488px;
}
.s-shop_coupon .l-background_img {
top: 90px;
height: 550px;
}
.s-coupon .m-common_title_lead img {
width: 540px;
}
.s-coupon_box {
max-width: 800px;
margin: 0 auto;
}
.s-coupon_item {
padding: 14px 25px 24px 152px;
border-radius: 8px;
margin-bottom: 40px;
background: url(/assets/img/shop/coupon/icon.svg) 24px 23px no-repeat;
background-color: #fff;
background-size: 104px auto;
}
.s-coupon_lead {
font-size: 18px;
line-height: 1.5;
color: #63542b;
}
.s-coupon_title {
padding-bottom: 10px;
border-bottom: 1px solid #eee9da;
font-size: 24px;
line-height: 1.3;
font-weight: bold;
color: #63542b;
}
.s-coupon_item dl {
overflow: hidden;
color: #63542b;
line-height: 1.5;
}
.s-coupon_item dt {
padding: 10px 0;
clear: both;
width: 7em;
font-weight: bold;
float: left;
}
.s-coupon_item dd {
padding: 10px 0;
padding-left: 7.5em;
border-bottom: 1px solid #eee9da;
}
@media screen and (max-width: 1000px) {
.s-coupon {
padding: 0 15px;
}
}
@media screen and (max-width: 750px) {
.s-shop_coupon .s-maintitle_svg {
width: 244px;
}
.s-shop_coupon .l-background_img {
top: 60px;
height: 400px;
}
.s-coupon .m-common_title_lead img {
width: 420px;
}
.s-coupon_item {
padding: 10px;
border-radius: 5px;
margin-bottom: 20px;
background: url(/assets/img/shop/coupon/icon.svg) 15px 15px no-repeat;
background-color: #fff;
background-size: 50px auto;
}
.s-coupon_title_box {
border-bottom: 1px solid #eee9da;
min-height: 105px;
}
.s-coupon_lead {
padding-left: 65px;
font-size: 14px;
}
.s-coupon_title {
padding-left: 65px;
padding-bottom: 8px;
font-size: 18px;
border-bottom: 0;
}
.s-coupon_item dt {
padding: 8px 0;
}
.s-coupon_item dd {
padding: 8px 0;
}
}
.s-shop_space .s-maintitle_svg {
width: 244px;
}
.s-shop_space .l-background_img {
top: 90px;
height: 550px;
}
.s-space .m-common_title_lead img {
width: 560px;
}
.s-space_box .l-img_box04 {
margin-top: 80px;
}
.s-space_box .l-img_box04_item {
margin-bottom: 90px;
}
@media screen and (max-width: 750px) {
.s-shop_space .s-maintitle_svg {
width: 122px;
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@media screen and (min-width: 951px) {
.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
}
.gmap-info-window {
position: relative;
width: 290px !important;
padding: 15px 20px;
border: 2px solid #ff941f;
background-color: #fff;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gmap-info-window:before {
display: inline-block;
position: absolute;
left: 50%;
bottom: -10px;
width: 20px;
height: 10px;
transform: translate(-50%, 0);
background: url(/assets/img/gmap-info-window-frame-point.png) no-repeat 0 0;
content: '';
}
.gmap-info-window-title {
color: #ff941f;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.gmap-info-window-shop {
margin-top: 10px;
font-size: 14px;
font-weight: bold;
}
.gmap-info-window img {
width: 24px;
height: 24px;
left: 0;
top: 0;
} @media screen and (min-width: 751px) {
#content .mv-main_swiper_wrap.inner {
width: 80%;
margin: 0 auto;
padding: 0 60px;
}
.mv-main_swiper .swiper-wrapper li {
height: 60%;
}
.mv-main_swiper .swiper-wrapper li img {
width: 100%;
height: 100%
}
}
@media screen and (max-width: 480px) {
.menu-position-box {
padding-top: 70%;
}
}
@media screen and (max-width: 320px) {
.menu-position-box {
padding-top: 95%;
}
} .menu-hover {
transition: all 0.5s ease-out;
}
.menu-hover:nth-child(2n) {
margin-top: 10px;
}
.menu-hover:hover {
opacity: 0.7;
}
.menu-hover-text {
transition: all 0.5s ease-out;
text-decoration: none !important;
}
.menu-hover-text:hover {}
.bg-w {
background: #fff;
}
.menu-pop {
margin-bottom: 30px;
}
.nav-fukidashi {
position: absolute;
margin-top: 15px;
}
.nav-pc-none {
display: none;
}
@media screen and (max-width: 1070px) {
.nav-pc-none {
display: block;
}
.nav-sp-none {
display: none;
}
}
.nav-fukidashi ul { display: flex;
background: #d10011;
padding: 12px 36px 15px;
border-radius: 8px;
position: relative;
}
.nav-fukidashi ul:before {
content: "";
position: absolute;
top: -30px;
left: 53px;
margin-left: -23px;
border: 15px solid transparent;
border-bottom: 30px solid #d10011;
transform: rotate(-20deg);
}
.nav-fukidashi ul li {}
.nav-fukidashi ul li a {
padding-top: 0px;
color: #fff;
font-size: 16px;
padding: 5px 15px;
}
.nav-fukidashi li a:hover, .nav-fukidashi li a.cur {
color: #ffc006;
}
.h-shop_navi {}
.h-shop_navi .nav-fukidashi {
margin-left: 30px;
}
.h-shop_navi .nav-fukidashi ul {}
.h-shop_navi .nav-fukidashi ul li {
position: relative;
z-index: 10;
}
.h-shop_navi .nav-fukidashi ul li a {}
.h-shop_navi .nav-fukidashi ul li a:hover {
background: #d10011;
}
#header.shop {
padding-bottom: 50px;
}
@media screen and (max-width: 1070px) {
#header.shop {
padding-bottom: 13px;
}
.nav-fukidashi {
position: relative;
margin-top: 0px;
background-color: #eee9da;
padding: 5px 0;
margin: 0 -15px;
}
.nav-fukidashi ul {
background: none;
display: block;
}
.nav-fukidashi ul:before {
display: none;
}
.nav-fukidashi ul li { }
.nav-fukidashi ul li a {
color: #63542b;
font-size: 14px;
padding: 5px 0;
}
.h-shop_navi .nav-fukidashi {
margin-left: 0px;
background-color: #bb1717;
padding: 5px 0;
margin: 0 -15px;
}
.h-shop_navi .nav-fukidashi ul li a {
color: #ffffff;
font-size: 14px;
padding: 5px 0;
}
.h-shop_navi .nav-fukidashi ul li a:hover {
background: none;
}
} .m-menu-list {
margin-bottom: 3%;
}
.m-menu-list h3 {
font-size: 18px;
text-align: center;
margin: 30px 0 20px;
color: #d10011;
}
.m-menu_flex {
display: flex;
}
.m-menu_lineup_left {
width: 30%;
}
.m-menu_lineup_left a {
position: relative;
display: block;
}
.m-menu_lineup_left span {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 60%;
text-align: center;
color: #fff;
background-color: #d10011;
margin-bottom: 10px;
padding: 0 0 2px;
}
.m-menu_lineup_right {
width: 68%;
margin-left: 2%;
}
.m-menu_lineup_right ul {
display: flex;
flex-wrap: wrap;
}
.m-menu_lineup_right ul li {
width: 49%;
margin-bottom: 1.5%;
}
.m-menu_lineup_right ul li:nth-child(2n) {
margin-left: 2%;
}
.m-menu_lineup_right ul li a {
min-width: auto;
width: 100%;
padding: 10px 0;
}
.m-menu_lineup_right ul li a:after {
width: 2vw;
max-width: 24px;
height: 1.5vw;
max-height: 14px;
margin-top: -7px;
right: 7px;
}
.m-menu_lineup_right ul li a:hover:after {
right: 0px;
}
.m-menu_lineup_right h4 {
font-size: 16px;
margin-bottom: 10px;
color: #d10011;
}
.m-menu_all {
width: 440px !important;
}
@media screen and (max-width: 1000px) {
.m-menu-list {
padding: 0 20px;
}
}
@media screen and (max-width: 750px) {
.m-menu-list {
padding: 0 10px;
}
.m-menu_flex {
display: block;
}
.m-menu_lineup_left {
width: 100%;
text-align: center;
margin-bottom: 5%;
}
.m-menu_lineup_left span {
padding: 5px 0 7px;
}
.m-menu_lineup_right {
width: 100%;
margin-left: 0;
}
.m-menu_lineup_right h4 {
text-align: center;
margin-top: 2%;
margin-bottom: 2%;
}
.m-menu_lineup_right ul li {
margin-bottom: 2%;
}
.m-menu_lineup_right ul li a {
font-size: 11px;
}
.m-menu_lineup_right ul li a:after {
right: 3px;
width: 14px;
height: 10px;
margin-top: -6px;
}
.m-menu_lineup_right ul li a:hover:after {
right: 3px;
}
.m-menu_all {
width: 267px !important;
}
} .s-search_list {
font-size: 50px;
line-height: 1.5;
}
.list_box_inner {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #fff;
}
.list_box_inner:first-child {
border-top: none;
}
.list_box .head {
width: 200px;
background-color: #3c3c3c;
}
.list_box .head .head_inner {
padding: 0.5rem 0.7rem;
color: #fff;
}
.list_box .head .head_inner a, .list_box .head .head_inner a:visited, .list_box .head .head_inner a:link {
color: #fff;
text-decoration: none;
}
.list_box .head .head_inner a, .list_box .head .head_inner a:hover {
color: #d10011;
transition: all 0.3s ease-out;
}
.list_box .cont {
width: calc(100% - 200px);
background-color: #dfdfdf;
}
.list_box .cont .box {
display: flex;
flex-wrap: wrap;
}
.list_box .cont .box .box_inner {
padding: 0.5rem;
width: 15rem;
}
.list_box .cont .box .box_inner a {
text-decoration: none;
transition: all 0.3s ease-out;
}
@media screen and (max-width: 750px) {
.s-search_list {
font-size: 30px;
line-height: 1.8;
}
.list_box_inner {
display: block;
}
.list_box .head {
width: 100%;
border-bottom: 1px solid #fff;
}
.list_box .head .head_inner {
padding: 0.5rem;
}
.list_box .cont {
width: 100%;
}
.list_box .cont .box .box_inner {
width: 44%;
}
} .share-box {
width: 100%;
text-align: right;
}
.share-box div {
display: inline-grid;
} .foot-list-all {
background-color: #d10011;
color: #fff;
padding-bottom: 15px;
}
.foot-list-all a {
color: #fff;
text-decoration: none;
}
.foot-list-all a:hover {
color: #ffc006;
}
.foot-list-all .foot-list-all-inner {
display: flex;
justify-content: space-between;
}
.foot-list-box {
width: 100%;
}
.accordion1 p {
padding: 30px 0 5px;
font-size: 18px;
}
.shop-list, .menu-list {
display: flex;
margin-bottom: 40px;
}
.shop-list li, .menu-list ul {
width: 25%;
}
.shop-list li ul li, .menu-list ul li {
width: 100%;
position: relative;
padding-left: 1rem;
margin: 5px 0;
}
.shop-list li ul li a:before {
content: "";
width: 0.4rem;
height: 0.4rem;
background-color: #fff;
position: absolute;
border-radius: 50%;
top: 50%;
left: 0%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.shop-list li ul li a:hover:before {
background-color: #ffc006;
}
.menu-list ul li:first-of-type {
font-weight: bold;
padding-left: 0;
}
.menu-list ul li a:before {
content: "";
width: 0.5rem;
height: 0.1rem;
background-color: #fff;
position: absolute;
top: 50%;
left: 0%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.menu-list ul li a:hover:before {
background-color: #ffc006;
}
.menu-list ul li:first-of-type a:before {
content: none;
}
.foot-list-all .h-navi_btn {
position: relative;
z-index: 1;
}
.foot-list-all .h-navi_sns {
position: relative;
top: 15px;
right: 0;
overflow: hidden;
}
.brand-list {
padding: 40px 0 20px;
}
.brand-list ol {
display: flex;
flex-wrap: wrap;
}
.brand-list ol li {
width: 18%;
margin: 2% 1% 0;
}
.brand-list ol li:nth-child(5n+1) {
margin-left: 0;
}
.brand-list ol li:nth-child(5n) {
margin-right: 0;
}
.brand-list ol li a {
display: inline-block;
transition: all 0.5s ease-out;
}
.brand-list ol li a:hover {
opacity: 0.8;
}
.brand-list ol li img {
background-color: #fff;
}
@media screen and (max-width: 750px) {
.foot-list-all {
padding: 0 20px 10px;
}
.accordion1 p {
cursor: pointer;
}
.foot-list-all .foot-list-all-inner {
display: block;
}
.shop-list, .menu-list {
flex-wrap: wrap;
}
.shop-list li, .menu-list ul {
width: 50%;
}
.shop-list li ul li, .menu-list ul li {
width: auto
}
.foot-list-all .h-navi_sns {
top: 0;
margin-top: 10px;
margin-bottom: 0;
}
.brand-list ol li {
width: 47%;
margin: 6% 3% 0;
}
.brand-list ol li:nth-child(5n+1) {
margin-left: auto;
}
.brand-list ol li:nth-child(5n) {
margin-right: auto;
}
.brand-list ol li:nth-child(2n+1) {
margin-left: 0;
}
.brand-list ol li:nth-child(2n) {
margin-right: 0;
}
} .right-anchor {
position: fixed;
right: 0;
top: 50%;
z-index: 10;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.right-anchor .c-common_btn a:hover>figure:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
}
.right-anchor ul li a figure {
display: inline-block;
}
.right-anchor ul li a img {
width: 100%;
max-width: 23px;
vertical-align: middle;
padding: 0 10px;
}
.c-common_btn a {
padding: 10px;
display: block;
text-decoration: none;
background-color: #eee9da;
color: #d20212;
font-weight: bold;
overflow: hidden;
border-radius: 0;
text-align: right;
}
.c-common_btn span {
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: bold;
white-space: nowrap;
width: 10rem;
}
@media screen and (min-width: 751px) {
.c-common_btn a {
position: relative;
transform: perspective(1px) translateZ(0);
-webkit-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
}
.c-common_btn a:before {
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffc800;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
transform-origin: 0 50%;
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
}
.c-common_btn a:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
}
}
.right-anchor .c-common_btn {
border-bottom: 1px solid #fff;
height: 48px;
overflow: hidden;
}
.right-anchor .c-common_btn:last-child {
border-bottom: none;
}
.right-anchor .c-common_btn a {
padding: 10px 0;
} .sm span {
width: 0;
color: #eee9da;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.la span {
color: #d20212;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
@media screen and (max-width: 750px) {
.right-anchor {
display: none !important;
}
} @media screen and (min-width: 751px) {
.sp-shop-btn {
display: none !important;
}
}
@media screen and (max-width: 750px) {
.sp-shop-btn {
display: block;
position: fixed;
bottom: 0;
z-index: 10;
width: 100%;
background-color: #f9f7f2;
padding: 1.8vw 0;
box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.2);
}
.sp-shop-btn p {
text-align: center;
}
.sp-shop-btn img {
max-width: 180px;
width: 90%;
}
} .m-error404_shitemap {
display: block;
width: 100%;
max-width: 520px;
text-align: center;
margin: auto;
margin-bottom: 20px;
border-radius: 8px;
background: #fff;
}
.m-error404_shitemap .menu-list {
display: inline-block;
text-align: left;
padding: 12px 0;
margin: 0;
}
.m-error404_shitemap .menu-list ul {
width: auto;
display: inline-block;
vertical-align: top;
padding: 0 26px;
}
.m-error404_shitemap .menu-list li a {
color: #63542b;
}
.m-error404_shitemap .menu-list li a:hover {
color: #d10011;
}
.m-error404_shitemap .menu-list li a:before {
background-color: #63542b;
}
.m-error404_shitemap .menu-list li a:hover:before {
background-color: #d10011;
}
.m-error404_shitemap .menu-list a {
text-decoration: none;
}
@media screen and (max-width: 750px) {
.m-error404_shitemap .menu-list ul {
padding: 0 6vw;
}
} .m-news_sub_item figure img {
width: 100%;
}
.tag-list:first-of-type {
margin-bottom: 30px;
}
.tag-list li {
display: block;
margin-bottom: 6px;
line-height: 0;
}
.tag-list li:last-child {
margin-bottom: 0;
}
.tag-list a {
text-decoration: none;
display: inline-block;
padding: 4px 8px;
color: #383838;
font-weight: 600;
font-size: 12px;
letter-spacing: 1px;
line-height: 1;
border: solid 2px #383838;
border-radius: 5px;
transition: all 0.25s ease-out;
}
.tag-list a:hover {
color: #fff;
border: solid 2px #d10011;
background-color: #d10011;
} .m-news {
position: relative;
z-index: 1;
}
.m-news .tag-list {
margin-bottom: 10px;
}
.s-news_detail_box .tag-list {
margin-bottom: 30px;
}
.m-news .tag-list li {
display: inline-block;
margin-right: 6px;
}
.m-news .tag-list li:last-child {
margin-right: 0;
}
.m-news h5 {
display: inline-block;
background: none;
color: #d10011;
padding-bottom: 2px;
margin-bottom: 8px;
border-bottom: solid 3px #d10011;
} .s-news_detail_main ul, .s-news_main ul {
margin-bottom: 20px;
}
.s-news_detail_main li, .s-news_main ul {
display: inline-block;
margin-right: 8px;
}
.s-news_detail_main li:last-child, .s-news_main li:last-child {
margin-right: 0;
}
.s-news_side-month, .s-news_side-tag {
margin-top: 30px;
}
.s-news_side-month a {
text-decoration: none;
color: #383838;
font-weight: 600;
font-size: 14px;
transition: all 0.25s ease-out;
}
.s-news_side-month a:hover {
color: #d10011;
}
.monthly-list li {
display: inline-block;
margin: 0 6px 6px 0;
}
.monthly-list li:last-child {
margin: 0;
}
@media screen and (max-width: 750px) {
.s-news_detail_main, .s-news_main {
width: 100%;
}
.tag-list li {
display: inline-block;
margin-right: 6px;
}
.tag-list li:last-child {
margin-right: 0;
}
.monthly-list {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.monthly-list li {
width: 33.33%;
margin: 0;
}
}