@charset "UTF-8";

html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}
img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}
summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{max-width:800px;margin:0 auto}.clr:after,.col:after,.container:after,.group:after,.row:after{content:"";display:table;clear:both}
.row{padding-bottom:0}.col{display:block;float:left;width:100%}@media(min-width:768px){.gutters .col{margin-left:2%}
.span_1{width:8.33333333333%}.span_2{width:16.6666666667%}.span_3{width:25%}.span_4{width:33.3333333333%}
.span_5{width:41.6666666667%}.span_6{width:50%}.span_7{width:58.3333333333%}.span_8{width:66.6666666667%}
.span_9{width:75%}.span_10{width:83.3333333333%}.span_11{width:91.6666666667%}.span_12{width:100%}
.gutters .span_1{width:6.5%}.gutters .span_2{width:15%}.gutters .span_3{width:23.5%}
.gutters .span_4{width:32%}.gutters .span_5{width:40.5%}.gutters .span_6{width:49%}
.gutters .span_7{width:57.5%}.gutters .span_8{width:66%}.gutters .span_9{width:74.5%}
.gutters .span_10{width:83%}.gutters .span_11{width:91.5%}.gutters .span_12{width:100%}
} .container{padding:0 1%}.container img{max-width:100%}
*+.container{margin-top:2em}.row:not(:last-child){margin-bottom:4%}.col{float:none}
.col:not(:last-child){margin-bottom:3%}@media(min-width:768px){.container{max-width:1000px;margin:auto;padding:0 10px}
*+.container{margin-top:40px}.col{float:left}.reverse>.col{float:right}.col:not(:last-child){margin-bottom:0}
.reverse>.col:last-child,:not(.reverse)>.col:first-child{margin-left:0}.col.offset_1{margin-left:8.33333333333%}
.gutters .col.offset_1{margin-left:10.5%}.gutters .col.offset_1:first-child{margin-left:8.5%}
.col.offset_2{margin-left:16.6666666667%}.gutters .col.offset_2{margin-left:19%}.gutters .col.offset_2:first-child{margin-left:17%}
.col.offset_3{margin-left:25%}.gutters .col.offset_3{margin-left:27.5%}.gutters .col.offset_3:first-child{margin-left:25.5%}
.col.offset_4{margin-left:33.3333333333%}.gutters .col.offset_4{margin-left:36%}.gutters .col.offset_4:first-child{margin-left:34%}
.col.offset_5{margin-left:41.6666666667%}.gutters .col.offset_5{margin-left:44.5%}
.gutters .col.offset_5:first-child{margin-left:42.5%}.col.offset_6{margin-left:50%}
.gutters .col.offset_6{margin-left:53%}.gutters .col.offset_6:first-child{margin-left:51%}
.col.offset_7{margin-left:58.3333333333%}.gutters .col.offset_7{margin-left:61.5%}
.gutters .col.offset_7:first-child{margin-left:59.5%}.col.offset_8{margin-left:66.6666666667%}
.gutters .col.offset_8{margin-left:70%}.gutters .col.offset_8:first-child{margin-left:68%}
.col.offset_9{margin-left:75%}.gutters .col.offset_9{margin-left:78.5%}.gutters .col.offset_9:first-child{margin-left:76.5%}
.col.offset_10{margin-left:83.3333333333%}.gutters .col.offset_10{margin-left:87%}
.gutters .col.offset_10:first-child{margin-left:85%}.col.offset_11{margin-left:91.6666666667%}
.gutters .col.offset_11{margin-left:95.5%}.gutters .col.offset_11:first-child{margin-left:93.5%}
.col.offset_12{margin-left:100%}:not(.reverse)>.col.break+.col{clear:left;margin-left:0}
.reverse>.col.break{margin-left:0}.reverse>.col.break+.col{clear:right;margin-right:0}
.col.break~.col{margin-top:2%}}@media(min-width :1024px){.container{padding:0}} .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}
25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}
}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}
}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}@keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}
to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}
@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}
}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.ofi{display:block;position:relative;overflow:hidden;padding-top:75%}.ofi img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;object-fit:contain;font-family:'object-fit: contain;';max-width:100%;max-height:100%} .slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}
.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}
.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:0}
.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden}
.sp-top-thumbnails,.sp-bottom-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}
.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}
.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}
.sp-thumbnails{position:relative}.sp-thumbnail{border:0}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}
.sp-top-thumbnails .sp-thumbnail-container,.sp-bottom-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}
.sp-top-thumbnails .sp-thumbnail-container:first-child,.sp-bottom-thumbnails .sp-thumbnail-container:first-child{margin-left:0}
.sp-top-thumbnails .sp-thumbnail-container:last-child,.sp-bottom-thumbnails .sp-thumbnail-container:last-child{margin-right:0}
.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}
.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}
.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}
.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0 !important}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid #F00;left:0;top:0;margin-left:13px}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid #F00;border-top:8px solid transparent;border-bottom:8px solid transparent}
.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid #F00;right:0;top:0;margin-right:13px}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid #F00;border-top:8px solid transparent;border-bottom:8px solid transparent}
.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0 !important}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid #F00;top:0;margin-top:13px}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid #F00;border-left:8px solid transparent;border-right:8px solid transparent}
.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid #F00;bottom:0;margin-bottom:13px}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid #F00;border-left:8px solid transparent;border-right:8px solid transparent}
.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}
.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,0.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,0.7)}
.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(//fuse-shika.com/wp-content/themes/fuseshika_theme/assets/css/images/openhand.cur),move}
.sp-grabbing{cursor:url(//fuse-shika.com/wp-content/themes/fuseshika_theme/assets/css/images/closedhand.cur),move}.sp-selectable{cursor:default}
.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0 !important;background-color:#000}
.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}
.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}
.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}
}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}
}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}
}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}
.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}
.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}
.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sp-horizontal .sp-previous-arrow{left:20px}.sp-horizontal .sp-next-arrow{right:20px}
.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px}
.sp-previous-arrow:before,.sp-previous-arrow:after,.sp-next-arrow:before,.sp-next-arrow:after{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}
.sp-previous-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0);-ms-transform:skew(145deg,0);transform:skew(145deg,0)}
.sp-previous-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0);-ms-transform:skew(-145deg,0);transform:skew(-145deg,0)}
.sp-next-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0);-ms-transform:skew(35deg,0);transform:skew(35deg,0)}
.sp-next-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0);-ms-transform:skew(-35deg,0);transform:skew(-35deg,0)}
.ie8 .sp-arrow,.ie7 .sp-arrow{width:0;height:0}.ie8 .sp-arrow:before,.ie8 .sp-arrow:after,.ie7 .sp-arrow:before,.ie7 .sp-arrow:after{content:none}
.ie8.sp-horizontal .sp-previous-arrow,.ie7.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}
.ie8.sp-horizontal .sp-next-arrow,.ie7.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}
.ie8.sp-vertical .sp-previous-arrow,.ie7.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}
.ie8.sp-vertical .sp-next-arrow,.ie7.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}
.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-top-thumbnails .sp-thumbnail-arrows,.sp-bottom-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}
.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}
.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sp-top-thumbnails .sp-previous-thumbnail-arrow,.sp-bottom-thumbnails .sp-previous-thumbnail-arrow{left:0}
.sp-top-thumbnails .sp-next-thumbnail-arrow,.sp-bottom-thumbnails .sp-next-thumbnail-arrow{right:0}
.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}
.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}
.sp-previous-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-next-thumbnail-arrow:after{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}
.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0);-ms-transform:skew(145deg,0);transform:skew(145deg,0)}
.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0);-ms-transform:skew(-145deg,0);transform:skew(-145deg,0)}
.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0);-ms-transform:skew(35deg,0);transform:skew(35deg,0)}
.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0);-ms-transform:skew(-35deg,0);transform:skew(-35deg,0)}
.ie8 .sp-thumbnail-arrow,.ie7 .sp-thumbnail-arrow{width:0;height:0}.ie8 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie7 .sp-thumbnail-arrow:after{content:none}
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}
.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}
a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:0}
a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.2);margin:auto;line-height:52px}
.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none !important;border-radius:0 !important;padding:0 !important;-webkit-box-shadow:none !important;-mox-box-shadow:none !important;box-shadow:none !important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}
.slider-pro a{position:static;transition:none !important;-moz-transition:none !important;-webkit-transition:none !important;-o-transition:none !important}
.slider-pro iframe,.slider-pro object,.slider-pro video,.slider-pro embed,.slider-pro canvas{max-width:none;max-height:none}
.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}
.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}
.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}
.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:0} html.swipebox-html.swipebox-touch{overflow:hidden !important}
#swipebox-overlay img{border:none !important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}
#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}
#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}
#swipebox-slider .slide .swipebox-video-container{background:0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}
#swipebox-slider .slide-loading{background:url(//fuse-shika.com/wp-content/themes/fuseshika_theme/assets/css/images/loader.gif) no-repeat center center}
#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}
#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}
#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//fuse-shika.com/wp-content/themes/fuseshika_theme/assets/css/images/icons.png);background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0}
#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}
#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}
.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}
.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}
.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}
.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}
@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}
}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}
}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}
}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}
@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}
}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}
#swipebox-top-bar{color:white !important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif} .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none} .slick-loading .slick-list{background:#fff url(//fuse-shika.com/wp-content/themes/fuseshika_theme/assets/css/images/ajax-loader.gif) center center no-repeat}
@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url(//fuse-shika.com/wp-content/themes/fuseshika_theme/assets/css/fonts/slick.eot);src:url(//fuse-shika.com/wp-content/themes/fuseshika_theme/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'),url(//fuse-shika.com/wp-content/themes/fuseshika_theme/assets/css/fonts/slick.woff) format('woff'),url(//fuse-shika.com/wp-content/themes/fuseshika_theme/assets/css/fonts/slick.ttf) format('truetype'),url(//fuse-shika.com/wp-content/themes/fuseshika_theme/assets/css/fonts/slick.svg#slick) format('svg')}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:18px;height:33px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}
.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}
.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:13px;height:13px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:#fff;border-radius:50%}
.slick-dots li.slick-active button{background:#449096;border-radius:50%}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:black}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 100;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 200;
} html {
font-size: 62.5%;
overflow-x: hidden;
}
html {
scroll-padding-top: 90px;
}
@media screen and (max-width: 1039px) {
html {
scroll-padding-top: 69px;
}
}
body {
background: #fff;
font-family: "Noto Sans JP", "-apple-system", BlinkMacSystemFont, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", YuGothic, Meiryo, sans-serif;
font-size: 15px;
font-size: 1.5em;
line-height: 1.4;
color: #444444;
height: auto !important;
overflow: hidden;
}
main {
overflow: hidden;
scroll-behavior: smooth;
}
figure {
margin: 0;
text-align: center;
}
figure figcaption {
margin-top: 0.5em;
text-align: left;
}
a {
color: #444444;
text-decoration: underline;
}
a:hover {
color: #444444;
text-decoration: none;
}
.highlight a {
color: #444444;
}
.highlight a:hover {
color: #444444;
}
img {
vertical-align: middle;
}
img.circle {
border-radius: 50%;
}
p {
margin: 0.5em 0 1em;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
ol,
ul {
margin: 0 0 1em;
padding: 0 0 0 2.5em;
line-height: 1.6;
}
ol:last-child,
ul:last-child {
margin-bottom: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0.5em 0;
padding-left: 2em;
}
ol ol:last-child,
ol ul:last-child,
ul ol:last-child,
ul ul:last-child {
margin-bottom: 0.5em;
}
ul.list-unstyled {
padding-left: 0;
list-style: none;
}
ul.list-unstyled ol,
ul.list-unstyled ul {
padding-left: 2em;
}
ul.list-inline {
margin: 0;
padding: 0;
list-style: none;
margin-left: -7px;
font-size: 0px;
font-size: 0rem;
margin-bottom: 15px;
}
ul.list-inline > li {
display: inline;
padding-left: 7px;
padding-right: 7px;
white-space: nowrap;
font-size: 15px;
font-size: 1.5rem;
}
dl {
margin: 0 0 1em;
line-height: 1.6;
}
dl:last-child {
margin-bottom: 0;
}
dl dt {
font-weight: bold;
}
dl dd {
margin-left: 0;
margin-bottom: 0.5em;
}
dl dd:last-child {
margin-bottom: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
main section {
margin-bottom: 15%;
}
main section.highlight:last-child {
margin-bottom: 0;
padding-bottom: 10%;
}
.sp-mask {
transition: none !important;
}
.highlight {
padding: 4% 0;
background: #F6FDFC;
color: #444444;
}
body:not(.home) .column_main .highlight {
padding-left: 4%;
padding-right: 4%;
}
#swipebox-overlay {
z-index: 10000002 !important;
}
@media (min-width: 768px) {
p {
margin: 0.5em 0 1em;
}
dl.dl-horizontal {
overflow: hidden;
}
dl.dl-horizontal dt {
float: left;
clear: left;
margin-right: 1em;
}
dl.dl-horizontal dd {
float: left;
}
main section {
margin-bottom: 7%;
}
main section:last-child {
margin-bottom: 9%;
}
main section.highlight:last-child {
margin-bottom: 0;
padding-bottom: 8%;
}
}
@media (max-width: 767px) {
.tile:not(.sp-tile) > * {
height: auto !important;
}
}
@media (min-width: 768px) {
.gutters .row.row_inline {
letter-spacing: -0.4em;
}
.gutters .row.row_inline > .col {
letter-spacing: normal;
vertical-align: top;
display: inline-block;
float: none;
margin-bottom: 5%;
}
.gutters .row.row_inline .span_1:nth-child(12n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_2:nth-child(6n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_3:nth-child(4n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_4:nth-child(3n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_5:nth-child(2n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_6:nth-child(2n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_7 {
width: 57.5%;
}
.gutters .row.row_inline .span_8 {
width: 66%;
}
.gutters .row.row_inline .span_9 {
width: 74.5%;
}
.gutters .row.row_inline .span_10 {
width: 83%;
}
.gutters .row.row_inline .span_11 {
width: 91.5%;
}
.gutters .row.row_inline .span_12 {
width: 100%;
}
}
main .column_main,
main .column_sub {
overflow: hidden;
min-height: 100px;
}
main .column_main .widget_header,
main .column_sub .widget_header {
font-size: 18px;
font-size: 1.8rem;
padding: 0.5em;
margin-bottom: 0;
}
main .column_main .widget_header + *:not(.calendar_wrap),
main .column_sub .widget_header + *:not(.calendar_wrap) {
padding: 0;
margin: 0 auto 1em;
}
main .column_main .widget_header + .epress_search,
main .column_main .widget_header + .textwidget,
main .column_sub .widget_header + .epress_search,
main .column_sub .widget_header + .textwidget {
padding: 10px 0;
}
main .column_main .widget_wrap .menu,
main .column_main .widget_wrap > ul,
main .column_sub .widget_wrap .menu,
main .column_sub .widget_wrap > ul {
margin: 0;
padding: 0;
list-style: none;
}
main .column_main .widget_wrap .menu ul,
main .column_main .widget_wrap > ul ul,
main .column_sub .widget_wrap .menu ul,
main .column_sub .widget_wrap > ul ul {
margin: 0;
padding: 0;
list-style: none;
}
main .column_main .widget_wrap .menu li,
main .column_main .widget_wrap > ul li,
main .column_sub .widget_wrap .menu li,
main .column_sub .widget_wrap > ul li {
padding: 0.5em 0.7em;
border-bottom: 1px solid #ccc;
}
main .column_main .widget_wrap .menu li:last-child,
main .column_main .widget_wrap > ul li:last-child,
main .column_sub .widget_wrap .menu li:last-child,
main .column_sub .widget_wrap > ul li:last-child {
border-bottom: 0;
}
main .column_main .widget_wrap .menu li a,
main .column_main .widget_wrap > ul li a,
main .column_sub .widget_wrap .menu li a,
main .column_sub .widget_wrap > ul li a {
display: block;
text-decoration: none;
}
main .column_main .widget_wrap .menu li a:hover,
main .column_main .widget_wrap > ul li a:hover,
main .column_sub .widget_wrap .menu li a:hover,
main .column_sub .widget_wrap > ul li a:hover {
text-decoration: underline;
}
main .column_main .widget_wrap ul > li.page_item,
main .column_sub .widget_wrap ul > li.page_item {
border-bottom: #ccc solid 1px;
}
main .column_main .widget_wrap ul > li.page_item.page_item_has_children,
main .column_sub .widget_wrap ul > li.page_item.page_item_has_children {
padding: 0.5em 0.7em 0.2em !important;
}
main .column_main .widget_wrap ul > li.page_item .children,
main .column_sub .widget_wrap ul > li.page_item .children {
border-top: #eee solid 1px;
margin: 0.5em 0 0 !important;
}
main .column_main .widget_wrap ul > li.page_item .children li,
main .column_sub .widget_wrap ul > li.page_item .children li {
font-weight: normal;
border-bottom: #eee solid 1px;
font-size: 96%;
padding: 0.5em 0.7em 0.5em 1em;
position: relative;
}
main .column_main .widget_wrap ul > li.page_item .children li:before,
main .column_sub .widget_wrap ul > li.page_item .children li:before {
content: "";
position: absolute;
left: 0;
top: 15px;
width: 5px;
height: 5px;
background: rgba(54, 46, 43, 0.4);
border-radius: 2.5px;
}
main .column_main .widget_wrap ul > li.page_item .children li li:before,
main .column_sub .widget_wrap ul > li.page_item .children li li:before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 5px;
height: 5px;
background: rgba(54, 46, 43, 0.15);
border-radius: 0;
}
@media (max-width: 900px) {
.gutters .span_3.column_sub,
.gutters .span_9.column_main {
float: none;
width: 100%;
margin-left: 0;
}
}
@media (min-width: 600px) and (max-width: 900px) {
.gutters .span_3.column_sub .sidebar {
letter-spacing: -0.4em;
}
.gutters .span_3.column_sub .sidebar .widget_wrap {
letter-spacing: normal;
display: inline-block;
vertical-align: top;
width: 49%;
margin-left: 2%;
}
.gutters .span_3.column_sub .sidebar .widget_wrap:nth-child(2n+1) {
margin-left: 0;
}
}
@media (min-width: 768px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1024px) {
.container {
padding: 0 10px;
}
}
.article_button {
margin-top: 5%;
}
@media (min-width: 768px) {
.article_detail:not(.reverse) .col.span_12 + .span_4,
.article_list:not(.reverse) .col.span_12 + .span_4 {
margin-left: 0;
}
.article_detail.reverse .col.span_12,
.article_list.reverse .col.span_12 {
margin-left: 0;
}
}
.sidebar {
visibility: hidden;
}
.sidebar > .widget_wrap {
visibility: visible;
}
.gutters .col.span_12 + .span_12 {
margin-left: 0;
}
.sitemap {
padding: 0;
margin: 0;
border-top: 1px solid #ccc;
}
.sitemap li {
list-style: none;
padding: 10px 0 10px 15px;
border-bottom: 1px solid #ccc;
}
.sitemap li > ul {
padding: 0;
border-top: #ccc solid 1px;
}
.sitemap li > ul > li {
border-bottom: 1px solid #ccc;
position: relative;
}
.sitemap li > ul > li:before {
content: "";
position: absolute;
left: 0;
top: 25px;
width: 6px;
height: 6px;
background: #ccc;
border-radius: 3px;
}
.sitemap li > ul > li:last-child {
border-bottom: none;
padding: 10px 0 0 15px;
}
.sitemap li > ul > li .children > li {
padding: 10px 0 0 15px;
}
.sitemap li > ul > li .children > li:before {
content: "";
position: absolute;
left: 0;
top: 25px;
width: 6px;
height: 6px;
background: #ccc;
border-radius: 0;
}
.sitemap a {
font-size: 16px;
font-size: 1.6rem;
text-decoration: none;
}
.sitemap a:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.sitemap a {
font-size: 22px;
font-size: 2.2rem;
}
}
.parallax_h1 {
height: 250px;
position: relative;
}
.parallax_h1:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: rgba(0, 0, 0, 0.3);
}
.parallax_h1 h1 {
color: #fff;
}
.parallax_h1 h1:after, .parallax_h1 h1:before {
background: #fff;
}
@media (min-width: 768px) {
.parallax_h1 {
height: 450px;
}
}
.map_wide #map_canvas,
.map_wide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map_wide img {
max-width: none;
}
.slick-track {
margin: 0 auto;
}
.col dl p {
line-height: 1.4;
margin: 0;
}
.col p {
line-height: 1.8;
letter-spacing: 0.08em;
}
.container {
padding: 0 10px;
}
@media (min-width: 1220px) {
.container {
padding: 0;
}
}
.container .container {
padding: 0;
}
#fb-root,
.fb-page {
font-family: "lucida grande", tahoma, verdana, arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif !important;
}
#swipebox-overlay {
background: rgba(13, 13, 13, 0.8);
}
img.wp-edited-image[width] {
width: auto !important;
}
img.wp-edited-image[height] {
height: auto !important;
}
img.wp-edited-image.aligncenter {
margin: 0 auto 10px;
display: block;
}
img.wp-edited-image.alignright {
margin: auto 0 auto auto;
display: block;
}
header {
position: relative;
z-index: 100;
width: 100%;
background: #fff;
color: #444444;
}
header .row {
margin: 0 3%;
}
@media (max-width: 767px) {
header .container .row {
margin: 0;
}
}
header .title {
margin: 0;
padding: 10px 0;
line-height: 1;
}
header .title a {
display: inline-block;
}
header .title img,
header .title object {
width: 250px;
height: 43px;
max-width: none;
}
@media (max-width: 600px) {
header .title img,
header .title object {
width: 170px;
height: 29.24px;
min-height: 45px;
-o-object-fit: contain;
object-fit: contain;
}
}
header .global_nav > ul {
position: absolute;
z-index: -1;
top: 100%;
left: 0;
right: 0;
margin: auto;
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #b3b3b3;
}
@media (min-width: 768px) {
header .global_nav > ul {
left: auto;
width: 50%;
max-width: 400px;
}
}
header .global_nav > ul > li {
border-bottom: 1px solid #b3b3b3;
}
header .global_nav > ul > li a {
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
background: rgba(98, 180, 221, 0.9);
}
header .global_nav > ul > li a:hover {
color: #fff;
}
header .global_nav > ul > li a:active {
background: #62B4DD;
color: #fff;
}
header .global_nav > ul > li > a {
background: rgba(98, 180, 221, 0.9);
}
header .global_nav .menu_icon {
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
z-index: 100;
}
header .global_nav .menu_icon a {
position: relative;
display: block;
width: 20px;
height: 20px;
padding: 0;
transition: transform 0.3s;
overflow: hidden;
}
header .global_nav .menu_icon a:after, header .global_nav .menu_icon a:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 4px;
background: #444444;
transition: transform 0.5s;
}
header .global_nav .menu_icon a:before {
top: 0;
}
header .global_nav .menu_icon a:after {
bottom: 0;
}
header .global_nav .menu_icon a span {
position: absolute;
top: 50%;
transform: translate(0, -50%);
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 4px;
background: #444444;
transition: transform 0.5s;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
header .global_nav .menu_icon a.close:not(.fix) {
background: none;
}
header .global_nav .menu_icon a.close:not(.fix):before {
top: 50%;
transform: translate(0, -50%) rotate(45deg);
background: #444444;
}
header .global_nav .menu_icon a.close:not(.fix):after {
bottom: 50%;
transform: translate(0, 50%) rotate(-45deg);
background: #444444;
}
header .global_nav .menu_icon a.close:not(.fix) span {
transform: translate(100%, -50%);
}
header .global_nav > ul {
transform-origin: center top;
transform: rotateX(90deg);
transition: transform 0.3s;
visibility: hidden;
opacity: 0;
pointer-events: none;
}
header.menu_open .global_nav > ul {
transform: rotateX(0deg);
transition: transform 0.3s;
visibility: visible;
opacity: 1;
pointer-events: auto;
} header#header.menu_open + main:before{
content: "";
display: block;
background: #000000;
opacity: 0.5;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 90;
} html:has(.menu_open){
overflow:hidden;
}
#google_translate_element,
.translate_gt {
position: absolute;
top: 50%;
right: 15%;
margin-top: -12px;
}
.translate_gt {
margin-top: -14px;
}
@media (min-width: 940px) {
header .row {
table-layout: fixed;
display: table;
width: 94%;
}
}
@media (min-width: 940px) and (max-width: 1199px) {
header .row {
margin: auto;
width: 100%;
}
}
@media (min-width: 940px) {
header .container {
max-width: none;
}
header .container .row {
width: auto;
}
header .global_nav,
header .title {
margin: 0;
vertical-align: middle;
height: 90px;
display: table-cell;
}
header .title {
max-width: none;
max-width: none;
padding: 10px 0;
}
header .global_nav {
text-align: right;
width: 100%;
padding: 0;
padding: 0 0 10px;
vertical-align: bottom;
}
header .global_nav > ul {
position: static;
display: inline-block;
width: auto;
border: none;
background: none;
visibility: visible;
font-size: 0px;
font-size: 0rem;
transform: none;
text-align: left;
overflow: visible;
max-width: none;
opacity: 1 !important;
pointer-events: all !important;
}
header .global_nav > ul > li {
display: inline-block;
vertical-align: middle;
border: none;
line-height: 1.5;
border-left: 1px;
font-size: 15px;
font-size: 1.5rem;
font-size: clamp(1.2rem, 0.336vw + 0.856rem, 1.5rem);
}
header .global_nav > ul > li:not(.gnav_search) {
text-align: center;
}
header .global_nav > ul > li:not(.gnav_search) > a {
position: relative;
}
header .global_nav > ul > li > a {
display: inline-block;
vertical-align: middle;
color: #444444;
text-decoration: none;
background: transparent;
text-align: center;
transition: 0.3s;
border-bottom: 2px solid transparent;
padding: 0.3em 1em;
}
}
@media (min-width: 940px) and (max-width: 1099px) {
header .global_nav > ul > li > a {
padding: 0.3em 0.3em;
}
}
@media (min-width: 940px) {
header .global_nav > ul > li > a:hover {
border-bottom: 2px solid #62B4DD;
color: #62B4DD;
}
header .global_nav > ul > li > a:active {
background: none;
}
header .global_nav > ul > li > a span {
display: block;
font-size: 13px;
font-size: 1.3rem;
}
header .global_nav .menu_icon {
display: none;
}
#google_translate_element,
.translate_gt {
position: static;
float: right;
margin-top: 3px;
margin-left: 1em;
}
.translate_gt {
margin-top: 0;
}
}
@media (max-width: 939px) {
header .global_nav > ul > li a > span,
header .global_nav > ul > li a > br {
display: none;
}
}
.hdr_info_wrap {
display: none;
display: block;
position: absolute;
top: 50%;
left: auto;
right: calc(10% + 20px);
transform: translateY(-50%);
margin: auto;
}
.hdr_info{
display: flex;
flex-wrap: nowrap;
column-gap: 8px;
}
.hdr_info a{
text-decoration: none;
}
@media (min-width: 640px) {
.hdr_info_wrap {
right: 10%;
}
}
.hdr_info_wrap .hdr_info_sp a {
position: relative;
display: block;
background: #62B4DD;
border-radius: 50%;
width: 34px;
height: 34px;
}
.hdr_info_wrap .hdr_info_sp a img {
max-width: 17px;
max-height: 19px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
@media (min-width: 940px) {
.hdr_info_wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
}
.hdr_info_wrap .hdr_info {
position: absolute;
right: 10px;
top: 12px;
right: calc(3% + 1em);
}
}
footer {
position: relative;
}
footer nav {
text-align: center;
}
footer nav ul {
margin: 0;
padding: 0;
list-style: none;
}
footer nav ul li + li {
border-top: 1px solid #b3b3b3;
}
footer nav a {
display: block;
padding: 0.7em 0;
text-decoration: none;
}
footer nav a:hover {
text-decoration: underline;
}
footer .footer_copyright_wrap {
text-align: center;
}
footer .footer_copyright_wrap p {
padding: 1em 0.3em;
}
@media (min-width: 768px) {
footer .row:not(:last-child) {
margin-bottom: 5px;
}
footer nav {
text-align: center;
padding: 0.7em 0 0;
}
footer nav ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0px;
font-size: 0rem;
white-space: normal;
}
footer nav ul > li {
display: inline;
padding-left: 0;
padding-right: 0;
white-space: nowrap;
font-size: 15px;
font-size: 1.5rem;
}
footer nav ul li {
line-height: 1.5;
white-space: normal;
}
footer nav ul li + li {
border: 0;
}
footer nav ul li:not(:first-child):before {
content: "|";
margin-right: 0.3em;
margin-left: 0.3em;
}
footer nav a {
display: inline;
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
footer nav ul li.tablet-break:after {
content: "\a";
white-space: pre;
}
footer nav ul li.tablet-break + li:before {
display: none;
}
} footer .footer_copyright_wrap {
background: #62B4DD;
color: #fff;
}
@media (min-width: 768px) {
footer .footer_copyright_wrap {
margin-top: 0.3em;
}
}
footer .footer_copyright_wrap a {
color: #fff;
}
footer .footer_copyright_wrap a:hover {
color: #fff;
}
@media (min-width: 768px) {
footer .container .row .col {
float: none;
width: 100%;
}
footer .container .row nav {
text-align: center;
}
footer .container .row nav ul {
display: inline-block;
}
footer .container .row nav a {
display: inline-block;
padding: 0.3em;
}
}
.slider-pro.contents {
overflow: hidden;
margin: 0 auto !important;
}
.slider-pro.contents .sp-caption-container {
width: 90%;
margin: 0 auto;
padding: 10px;
}
.slider-pro.contents .sp-caption-container h3 {
margin: 0 0 15px;
font-size: 14px;
font-size: 1.4rem;
}
.slider-pro.contents .sp-caption-container h3:last-child {
margin-bottom: 0;
}
.slider-pro.contents .sp-caption-container p {
font-size: 13px;
font-size: 1.3rem;
}
.slider-pro.contents.sp-horizontal .sp-previous-arrow {
left: 10px;
margin-top: 180px;
}
.slider-pro.contents.sp-horizontal .sp-next-arrow {
right: 10px;
margin-top: 180px;
}
.slider-pro.contents .sp-next-arrow:after,
.slider-pro.contents .sp-next-arrow:before,
.slider-pro.contents .sp-previous-arrow:after,
.slider-pro.contents .sp-previous-arrow:before {
background-color: #62B4DD;
}
@media (max-width: 767px) {
.slider-pro.contents .sp-arrow {
width: 10px;
height: 15px;
}
}
@media (min-width: 768px) {
.slider-pro.contents .sp-caption-container {
width: 450px;
min-height: 40px;
margin: 10px auto 0;
border-right: 1px dashed #999;
border-left: 1px dashed #999;
}
.slider-pro.contents .sp-arrow {
width: 10px;
height: 15px;
}
.slider-pro.contents.sp-horizontal .sp-previous-arrow {
left: 50%;
margin-top: 187.5px;
margin-left: -230px;
}
.slider-pro.contents.sp-horizontal .sp-next-arrow {
right: 50%;
margin-top: 187.5px;
margin-right: -230px;
}
}
.slider-pro.center {
overflow: hidden;
width: 100%;
}
.slider-pro.center .sp-button {
border: none;
background: #ccc;
}
.slider-pro.center .sp-selected-button {
background: #796957;
}
.slider-pro.center.sp-horizontal .sp-arrows {
left: 0;
right: 0;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.slider-pro.center.sp-horizontal .sp-previous-arrow {
left: 10px;
}
.slider-pro.center.sp-horizontal .sp-next-arrow {
right: 10px;
}
.slider-pro.center .sp-previous-arrow,
.slider-pro.center .sp-next-arrow {
width: 30px;
height: 30px;
background-color: rgba(255, 170, 85, 0.7);
background-position: center center;
background-repeat: no-repeat;
background-size: 8px;
}
.slider-pro.center .sp-previous-arrow {
background-image: url(//fuse-shika.com/wp-content/uploads/arrow_left_wh.png);
}
.slider-pro.center .sp-next-arrow {
background-image: url(//fuse-shika.com/wp-content/uploads/arrow_right_wh.png);
}
.slider-pro.center .sp-next-arrow:after,
.slider-pro.center .sp-next-arrow:before,
.slider-pro.center .sp-previous-arrow:after,
.slider-pro.center .sp-previous-arrow:before {
display: none;
}
.slider-pro.center .sp-layer {
line-height: 1.2;
white-space: normal !important;
font-size: 20px;
font-size: 2rem;
color: #444444;
}
.slider-pro.center .sp-layer small {
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.slider-pro.center .sp-layer {
font-size: 22px;
font-size: 2.2rem;
}
.slider-pro.center .sp-padding {
padding: 35px;
}
}
@media (min-width: 1100px) {
.slider-pro.center.sp-horizontal .sp-previous-arrow {
left: -15px;
}
.slider-pro.center.sp-horizontal .sp-next-arrow {
right: -15px;
}
}
.slider-pro.wide {
position: relative;
overflow: hidden;
width: 100%;
max-width: 1600px;
margin: 0 auto 10px;
}
.slider-pro.wide .sp-buttons {
position: absolute;
z-index: 2;
bottom: 10px;
right: 10px;
width: auto;
padding-top: 0;
text-align: right;
}
.slider-pro.wide .sp-button {
border: none;
background: #ccc;
}
.slider-pro.wide .sp-selected-button {
background: #796957;
}
.slider-pro.wide .sp-previous-arrow,
.slider-pro.wide .sp-next-arrow {
z-index: 2;
}
.slider-pro.wide .sp-next-arrow:after,
.slider-pro.wide .sp-next-arrow:before,
.slider-pro.wide .sp-previous-arrow:after,
.slider-pro.wide .sp-previous-arrow:before {
color: #fff;
}
.slider-pro.wide .hps-slider-mask {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slider-pro.wide .hps-slider-mask.stripe {
background-color: rgba(255, 255, 255, 0.2);
background-image: url(//fuse-shika.com/wp-content/uploads/mask_stripe.png);
}
.slider-pro.wide .hps-slider-copy {
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 0 50px;
color: #444444;
text-align: left;
font-size: 12px;
font-size: 1.2rem;
}
.slider-pro.wide .hps-slider-copy .lead {
margin: 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
text-align: center;
color: #444444;
}
.slider-pro.wide.disable-arrows .hps-slider-copy {
padding: 0 10px;
}
.slider-pro.wide .hps-slider-scroll {
display: none;
}
@media (max-width: 767px) {
.slider-pro.wide.sp-disable-arrows .hps-slider-copy {
padding: 0 10px;
}
}
@media (min-width: 768px) {
.slider-pro.wide .sp-buttons {
bottom: 20px;
right: 25px;
}
.slider-pro.wide .sp-button {
width: 18px;
height: 18px;
margin: 0 10px;
}
.slider-pro.wide .hps-slider-copy {
text-align: center;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.8;
}
.slider-pro.wide .hps-slider-copy .lead {
font-size: 46px;
font-size: 4.6rem;
}
.slider-pro.wide .hps-slider-scroll {
display: block;
position: absolute;
left: 0;
bottom: 15px;
width: 100%;
text-align: center;
}
.slider-pro.wide .hps-slider-scroll a {
display: inline-block;
width: 100px;
padding-bottom: 45px;
background: url(//fuse-shika.com/wp-content/uploads/arrow_down_white.png) center bottom no-repeat;
text-align: center;
color: #fff;
font-size: 12px;
font-size: 1.2rem;
text-decoration: none;
}
.slider-pro.wide .hps-slider-scroll.text-black a {
background: url(//fuse-shika.com/wp-content/uploads/arrow_down_black.png) center bottom no-repeat;
color: #000;
}
}
@media (min-width: 1024px) {
.slider-pro.wide .hps-slider-scroll {
display: block;
bottom: 45px;
}
}
@media (max-width: 767px) {
.bf-af .row:not(:last-child) {
margin-bottom: 10%;
}
.bf-af .before {
padding-bottom: 16%;
background: url(//fuse-shika.com/wp-content/uploads/arrow_down.svg) center bottom no-repeat;
background-size: 20%;
background-size: 45px auto;
}
.bf-af .after:not(:last-child) {
margin-bottom: 10%;
}
}
@media (min-width: 768px) {
.bf-af {
display: table;
table-layout: fixed;
width: 100%;
}
.bf-af .before,
.bf-af .after {
display: table-cell;
vertical-align: top;
}
.bf-af .before span {
display: block;
position: relative;
}
.bf-af .before span:after {
content: "";
display: block;
position: absolute;
top: 0;
height: 100%;
background: url(//fuse-shika.com/wp-content/uploads/arrow_right.svg) center center no-repeat;
background-size: 100%;
}
.bf-af.col2 .before {
width: 55%;
padding-right: 10%;
}
.bf-af.col2 .after {
width: 45%;
}
.bf-af.col2 .before span:after {
width: 10%;
right: -16%;
}
.bf-af.col4 .before:nth-child(1) {
width: 24%;
padding-left: 0;
padding-right: 2%;
}
.bf-af.col4 .after:nth-child(2) {
width: 26%;
padding-left: 3%;
padding-right: 1%;
}
.bf-af.col4 .before:nth-child(3) {
width: 26%;
padding-left: 1%;
padding-right: 3%;
}
.bf-af.col4 .after:nth-child(4) {
width: 24%;
padding-left: 2%;
padding-right: 0;
}
.bf-af.col4 .before span:after {
width: 13%;
right: -18%;
}
}
.bread_wrap {
margin-bottom: 2%;
}
.bread {
overflow: hidden;
margin: 0;
font-size: 12px;
font-size: 1.2rem;
}
.bread ul {
padding: 1em 0;
margin: 0 auto;
float: none;
}
.bread ul li {
list-style: none;
position: relative;
float: left;
padding-right: 2em;
margin-right: 1.5em;
}
.bread ul li a {
text-decoration: none;
color: #444444;
}
.bread ul li a:hover {
color: #444444;
text-decoration: none;
}
.bread ul li:after {
content: "";
display: block;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
width: 7px;
height: 7px;
transform: translate(0, -50%) rotate(45deg);
position: absolute;
top: 50%;
right: 0;
}
.bread ul li:last-child {
padding-right: 0;
margin-right: 0;
}
.bread ul li:last-child:after {
content: none;
}
.button, .inquiry .wpcf7-submit {
display: inline-block;
min-width: 0px;
margin: 0;
padding: 1em 1em;
border: 0;
border-radius: 4px;
line-height: 1;
background: #62B4DD;
color: #fff;
text-align: center;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: 0.3s;
}
.button:hover, .inquiry .wpcf7-submit:hover {
background: #ced4d2;
color: #62B4DD;
}
.highlight .button, .highlight .inquiry .wpcf7-submit, .inquiry .highlight .wpcf7-submit {
color: #fff;
}
.highlight .button:hover, .highlight .inquiry .wpcf7-submit:hover, .inquiry .highlight .wpcf7-submit:hover {
color: #62B4DD;
}
.button.block, .inquiry .block.wpcf7-submit {
display: block;
min-width: 0;
}
.button.inverse, .inquiry .inverse.wpcf7-submit {
border: 0;
border-radius: 4px;
background: #000;
color: #fff;
}
.button.inverse:hover, .inquiry .inverse.wpcf7-submit:hover {
background: #1a1a1a;
color: #fff;
}
.button.cancel, .inquiry .cancel.wpcf7-submit {
background: #888;
color: #fff;
}
.button.cancel:hover, .inquiry .cancel.wpcf7-submit:hover {
background: #6f6f6f;
}
.button.large, .inquiry .large.wpcf7-submit {
padding: 1em 2em;
font-size: 16px;
font-size: 1.6rem;
}
.button + .button, .inquiry .wpcf7-submit + .button, .inquiry .button + .wpcf7-submit, .inquiry .wpcf7-submit + .wpcf7-submit {
margin-left: 0.5em;
}
.button span, .inquiry .wpcf7-submit span {
line-height: 1;
padding-left: 20px;
background: url(//fuse-shika.com/wp-content/uploads/btn_icon.png) left center no-repeat;
background-size: auto 14px;
}
.feature {
color: #fff;
}
.feature h3 {
margin: 0;
text-align: center;
color: #fff;
font-size: 22px;
font-size: 2.2rem;
}
.feature img {
width: 100%;
}
.feature .col {
display: table;
table-layout: fixed;
}
.feature .col:not(:last-child) {
margin-bottom: 0;
}
.feature .col:nth-child(1) {
background: #49afe6;
}
.feature .col:nth-child(2) {
background: #8ed95d;
}
.feature .col:nth-child(3) {
background: #f6aa48;
}
.feature .col:nth-child(4) {
background: #f98282;
}
.feature .col .textbox {
display: table-cell;
width: 70%;
padding: 1em 3%;
vertical-align: middle;
}
.feature .col figure {
display: table-cell;
width: 30%;
vertical-align: middle;
}
.feature .col figure:first-child img {
text-align: left;
}
.feature .col figure:last-child img {
text-align: right;
}
@media (min-width: 768px) {
.feature h3 {
margin: 10px 0 15px;
font-size: 26px;
font-size: 2.6rem;
}
.feature .col {
display: block;
table-layout: auto;
}
.feature .col .textbox {
display: block;
width: auto;
height: 250px;
padding: 10px;
font-size: 13px;
font-size: 1.3rem;
}
.feature .col figure {
display: inline;
width: auto;
vertical-align: middle;
}
}
.grid {
display: block;
margin: 0;
}
.grid.row,
.grid .row, .grid.col,
.grid .col {
margin: 0;
}
.has-child-grid .grid {
display: -moz-flex;
display: flex;
-moz-justify-content: center;
justify-content: center;
-moz-align-items: stretch;
align-items: stretch;
}
.has-child-grid .grid .col {
display: -moz-flex;
display: flex;
-moz-flex-direction: column;
flex-direction: column;
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.has-child-grid .grid .col.span_12 {
padding: 20px 0;
}
.grid .grid-arrow {
position: relative;
overflow: hidden;
}
.grid .grid-arrow:after {
content: "";
display: block;
position: absolute;
right: -15px;
bottom: -15px;
width: 30px;
height: 30px;
background-color: #fff;
transform: rotate(45deg);
transition: 0.3s;
}
.grid p {
margin: 0;
padding: 0.2em 0;
}
.grid a {
color: #fff;
text-decoration: none;
transition: 0.3s;
}
.grid a > [style^=background-image],
.grid a img {
transition: 0.3s;
}
.grid a:hover > [style^=background-image],
.grid a:hover img {
opacity: 0.6;
}
.grid .grid-bg1 {
background-color: #e74c3c;
}
.grid .grid-bg1:hover {
background-color: #eb6d60;
}
.grid .grid-bg1:hover .grid-arrow:after {
background-color: #df2e1b;
}
.grid .grid-bg2 {
background-color: #3498db;
}
.grid .grid-bg2:hover {
background-color: #57aae1;
}
.grid .grid-bg2:hover .grid-arrow:after {
background-color: #2383c4;
}
.grid .grid-bg3 {
background-color: #f1c40f;
}
.grid .grid-bg3:hover {
background-color: #f3cd36;
}
.grid .grid-bg3:hover .grid-arrow:after {
background-color: #cba50c;
}
.grid .grid-bg4 {
background-color: #1abc9c;
}
.grid .grid-bg4:hover {
background-color: #1fe0ba;
}
.grid .grid-bg4:hover .grid-arrow:after {
background-color: #15987e;
}
.grid .grid-bg5 {
background-color: #9b59b6;
}
.grid .grid-bg5:hover {
background-color: #ac75c2;
}
.grid .grid-bg5:hover .grid-arrow:after {
background-color: #8646a0;
}
.grid .grid-bg6 {
background-color: #34495e;
}
.grid .grid-bg6:hover {
background-color: #435d78;
}
.grid .grid-bg6:hover .grid-arrow:after {
background-color: #253544;
}
.grid .grid-bg7 {
background-color: #2ecc71;
}
.grid .grid-bg7:hover {
background-color: #4cd787;
}
.grid .grid-bg7:hover .grid-arrow:after {
background-color: #26ab5f;
}
.ie .grid .grid-arrow:after {
display: none;
}
@media (min-width: 768px) {
.grid {
display: -moz-flex;
display: flex;
-moz-justify-content: center;
justify-content: center;
-moz-align-items: stretch;
align-items: stretch;
}
.grid .col {
display: -moz-flex;
display: flex;
-moz-flex-direction: column;
flex-direction: column;
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.grid .col.span_12 {
padding: 0;
}
.grid .col.has-child-grid > * {
-moz-flex-grow: 1;
flex-grow: 1;
}
.grid p {
margin: 0;
padding: 0.2em 0;
}
}
.guide figure {
margin-bottom: 1em;
}
.guide figure img {
width: auto;
max-width: 100%;
}
.guide .message .contents_link {
text-align: center;
}
@media (min-width: 768px) {
.guide {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
margin-top: -1em;
}
.guide figure {
flex: 1;
margin-bottom: 0;
min-width: 0;
}
.guide .message {
flex: 3;
padding-left: 2%;
padding-bottom: 45px;
}
.guide .message.text-only {
padding-bottom: 0;
}
.guide .message h2 {
margin-bottom: 1em;
}
.guide .message .contents_link {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.guide.reverse {
flex-direction: row-reverse;
}
.guide.reverse .message {
padding-left: 0;
padding-right: 2%;
}
.ie .guide {
display: table;
}
.ie .guide figure {
display: table-cell;
width: 23.5%;
vertical-align: middle;
}
.ie .guide .message {
display: table-cell;
width: 74.5%;
padding-left: 2%;
vertical-align: middle;
}
.ie .guide.reverse .message {
padding-left: 2%;
padding-right: 0;
}
} .inquiry fieldset {
margin: 0;
padding: 20px 10px;
border: 0;
background: #F6FDFC;
}
.inquiry fieldset .row {
margin: 0;
}
.inquiry dl {
margin: 0;
padding: 0;
}
.inquiry dt {
font-weight: normal;
}
.inquiry dt.col:not(:last-child) {
margin-bottom: 1em;
}
.inquiry dd {
margin: 0;
padding: 0;
}
.inquiry dd:last-child {
padding-bottom: 0;
}
.inquiry dd .confirm {
padding: 0 0 1em 1em;
border-bottom: 1px dashed #ccc;
}
.inquiry input[type=text],
.inquiry input[type=url],
.inquiry input[type=email],
.inquiry input[type=tel],
.inquiry input[type=date],
.inquiry input[type=number],
.inquiry select,
.inquiry textarea {
width: 100%;
padding: 5px;
color: #000;
font-size: 16px;
font-size: 1.6rem;
}
.inquiry input[type=number] {
width: 65px;
text-align: center;
}
.inquiry input[type=file] {
width: 100%;
box-sizing: border-box;
}
.inquiry input.p-postal-code {
width: 100px;
}
.inquiry input.p-region {
width: 100px;
}
.inquiry input.p-locality {
width: 150px;
}
.inquiry input.p-street-address {
width: 100%;
}
.inquiry input.p-extended-address {
width: 100%;
}
.inquiry .submit {
display: block;
overflow: hidden;
margin: 1em auto;
text-align: center;
}
.inquiry .submit .button,
.inquiry .submit .wpcf7-submit {
display: block;
margin: 0 auto 10px;
padding: 1em 1em;
border-radius: 0;
max-width: 280px;
width: 100%;
text-align: center;
text-decoration: none;
transition: 0.3s;
border: 1px solid #444444;
color: #fff;
background: #444444;
}
.inquiry .submit .button:hover,
.inquiry .submit .wpcf7-submit:hover {
border: 1px solid #444444;
color: #444444;
background: #fff;
}
.inquiry .submit .wpcf7-spinner {
display: block;
margin: 0 auto;
}
.inquiry .required {
color: #f00;
}
.inquiry label {
display: block;
margin-bottom: 0.5em;
}
@media (min-width: 768px) {
.inquiry {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
.inquiry fieldset {
margin: 0;
padding: 60px;
border: 0;
}
.inquiry dt {
clear: both;
padding: 6px 0;
}
.inquiry dd {
padding-bottom: 1.5em;
}
.inquiry dd .confirm {
min-height: 1.5em;
padding: 6px 0 0;
border: 0;
line-height: 1.4;
}
.inquiry input[type=text],
.inquiry input[type=url],
.inquiry input[type=email],
.inquiry input[type=tel],
.inquiry input[type=date],
.inquiry input[type=text],
.inquiry select {
width: 60%;
}
.inquiry input[type=number] {
width: 65px;
}
.inquiry input.p-postal-code {
width: 100px;
}
.inquiry input.p-region {
width: 100px;
}
.inquiry input.p-locality {
width: 150px;
}
.inquiry input.p-street-address {
width: 100%;
}
.inquiry input.p-extended-address {
width: 100%;
}
.inquiry textarea {
width: 100%;
}
.inquiry .submit {
margin: 60px 0 0;
}
.inquiry label {
display: inline-block;
margin-top: 6px;
margin-bottom: 0;
margin-right: 0.8em;
}
.gutters .inquiry dt.col {
margin-left: 0;
}
}
.movie {
position: relative;
overflow: hidden;
height: 0;
padding-top: 56.25%;
}
.movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.movie.ar16to9 {
padding-top: 56.25%;
}
.movie.ar4to3 {
padding-top: 75%;
}
.news .news_bg {
background: #F6FDFC;
}
.news.typeC .news_bg {
padding: 1em;
}
.news h2 {
color: #444444;
}
.news dl {
margin: 0;
overflow-y: auto;
max-height: 300px;
}
.news dl dt {
margin: 0.5em 0 0;
padding: 0 1em;
font-weight: normal;
}
.news dl dd {
margin: 0.5em 0;
padding: 0 1em 0.5em;
border-bottom: 1px solid #ccc;
}
.news dl dd a {
text-decoration: none;
}
.news dl dd a:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.news.typeA > div {
display: table;
width: 100%;
margin: 0 auto;
}
.news.typeA > div .heading {
display: table-cell;
width: 23.5%;
vertical-align: middle;
}
.news.typeA h2 {
margin: 0;
padding: 0;
}
.news.typeA h2:after {
display: none;
}
.news.typeA .content {
display: table-cell;
overflow: hidden;
width: 74.5%;
padding-left: 2%;
vertical-align: middle;
}
.news.typeC .news_bg {
height: 540px;
padding: 20px;
}
.news.typeC dl {
max-height: 500px;
}
.news dl {
overflow-y: auto;
max-height: 200px;
}
.news dl dt {
width: 100px;
clear: left;
float: left;
margin: 0;
padding: 1em 0 1em 1em;
}
.news dl dd {
margin: 0;
padding: 1em 0 1em 0;
}
.news dl dd:nth-child(2) {
border-top: 1px solid #ccc;
}
.news dl dt + dd {
padding-left: 120px;
}
}
.parallax {
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.parallax.ios {
background-attachment: scroll;
}
.parallax .parallax_contents {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.parallax .parallax_contents h1,
.parallax .parallax_contents .h1 {
margin: 0;
padding: 1em 0;
}
.qa h3.question {
font-size: 14px;
font-size: 1.4rem;
border: none;
}
.qa .question {
position: relative;
margin-bottom: 1em;
padding: 2.5em 2.5em 2.5em 81px;
background-color: #F6FDFC;
font-weight: 400;
font-family: "Noto Sans JP", "-apple-system", BlinkMacSystemFont, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", YuGothic, Meiryo, sans-serif;
}
.qa .question:before {
content: "Q";
font-size: 40px;
font-size: 4rem;
color: #62B4DD;
position: absolute;
top: 0;
bottom: 0;
left: 24px;
margin: auto;
display: -moz-flex;
display: flex;
-moz-align-items: center;
align-items: center;
line-height: 1.2;
font-family: "Shippori Mincho", "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}
@media screen and (max-width: 767px) {
.qa .question {
padding: 2em 2em 2em 53px;
}
.qa .question:before {
font-size: 30px;
font-size: 3rem;
left: 16px;
}
}
.qa .question:after {
content: none;
}
.qa .question.open:after {
transform: rotate(0);
}
.qa .answer {
position: relative;
padding: 1em 2.5em 2em 81px;
font-size: 14px;
font-size: 1.4rem;
border-bottom: 1px solid #796957;
}
.qa .answer:not(:last-child) {
margin-bottom: 2em;
}
.qa .answer:before {
content: "A";
font-size: 40px;
font-size: 4rem;
color: #62B4DD;
position: absolute;
top: 0;
bottom: 0;
left: 24px;
margin: auto;
display: -moz-flex;
display: flex;
-moz-align-items: center;
align-items: center;
line-height: 1.2;
font-family: "Shippori Mincho", "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}
@media screen and (max-width: 767px) {
.qa .answer {
padding: 1em 2em 2em 53px;
}
.qa .answer:before {
font-size: 30px;
font-size: 3rem;
left: 16px;
}
}
.qa.qa-open .question {
padding-right: 1em;
cursor: default;
}
.qa.qa-open .question:hover {
background-color: #F6FDFC;
}
.qa.qa-open .question:after {
display: none;
}
.qa.qa-open .answer {
display: block;
}
.highlight .qa .question {
background: white;
}
.highlight .qa .question:hover {
background: #fcf8f2;
}
.highlight .qa.qa-open .question:hover {
background: white;
}
.shopinfo figure {
max-width: 80%;
margin: 0 auto;
}
.shopinfo address {
text-align: center;
font-size: 20px;
font-size: 2rem;
font-style: normal;
}
.shopinfo dl {
margin: 2em 0;
line-height: 1.4;
}
.shopinfo dl:first-child {
margin-top: 0;
}
.shopinfo dl dt {
margin: 0 0 0.2em 0;
font-weight: normal;
}
.shopinfo dl dt:before {
content: "";
display: inline-block;
width: 8px;
height: 3px;
margin-right: 0.3em;
vertical-align: middle;
background: #62B4DD;
}
.shopinfo dl dd {
margin: 0 0 0.5em 1em;
padding: 0;
}
.shopinfo .map_container {
position: relative;
width: 100%;
height: 0;
padding-top: 90%;
}
.shopinfo .map_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.shopinfo .map_container + p {
margin-top: 2em;
}
.map_wide {
position: relative;
width: 100%;
height: 0;
padding-top: 90%;
}
.map_wide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.scroll .googlemap {
pointer-events: none;
}
@media (min-width: 768px) {
.shopinfo figure {
max-width: 100%;
}
.shopinfo address {
margin-bottom: 15px;
text-align: left;
font-size: 26px;
font-size: 2.6rem;
line-height: 1;
}
.shopinfo dl.dl-horizontal {
margin: 10px 0;
}
.shopinfo dl.dl-horizontal dd {
margin-bottom: 0.3em;
}
.shopinfo .map_container {
padding-top: 70%;
}
.shopinfo .span_12 .map_container,
.shopinfo .span12 .map_container {
padding-top: 50%;
}
.map_wide {
padding-top: 420px;
}
}
.sns_icons {
display: table;
margin: 0;
padding: 0;
list-style: none;
font-size: 0px;
font-size: 0rem;
margin: auto;
}
.sns_icons > li {
display: inline;
padding-left: 0;
padding-right: 0;
white-space: nowrap;
font-size: 15px;
font-size: 1.5rem;
}
.sns_icons li {
display: inline-block;
}
.sns_icons li:not(:last-child) {
margin-right: 10px;
}
.sns_icons a {
display: block;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
width: 34px;
height: 34px;
background-repeat: no-repeat;
background-size: contain;
}
.sns_icons a.icon_facebook {
background-image: url(//fuse-shika.com/wp-content/uploads/icon_facebook.png);
}
.sns_icons a.icon_twitter {
background-image: url(//fuse-shika.com/wp-content/uploads/icon_twitter.png);
}
.sns_icons a.icon_line {
background-image: url(//fuse-shika.com/wp-content/uploads/icon_line.png);
}
.sns_icons a.icon_google {
background-image: url(//fuse-shika.com/wp-content/uploads/icon_google.png);
}
.sns_icons a.icon_instagram {
background-image: url(//fuse-shika.com/wp-content/uploads/icon_instagram.png);
}
footer .sns_icons {
margin-top: 1.5em;
}
@media (min-width: 768px) {
.sns_icons {
margin: 0;
}
.sns_icons.center {
margin: auto;
}
.sns_icons li:not(:last-child) {
margin-right: 20px;
}
.sns_icons a {
width: 68px;
height: 68px;
}
footer .sns_icons {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col:not(:last-child) {
margin-bottom: 1em;
}
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure {
overflow: hidden;
}
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure img {
float: left;
width: 32%;
margin-bottom: 10px;
vertical-align: middle;
}
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure figcaption {
float: right;
width: 66%;
margin-top: 0;
vertical-align: middle;
}
.sp_image_cols.sp_col2 .col {
width: 49%;
}
.sp_image_cols.sp_col2 .col:nth-child(odd) {
clear: both;
float: left;
}
.sp_image_cols.sp_col2 .col:nth-child(even) {
float: right;
}
.sp_image_cols.sp_col3 .col {
float: left;
width: 32%;
}
.sp_image_cols.sp_col3 .col:nth-child(3n+1) {
clear: both;
margin-right: 2%;
}
.sp_image_cols.sp_col3 .col:nth-child(3n) {
float: right;
}
.sp_image_left {
overflow: hidden;
}
.sp_image_left .col:first-child {
display: inline-block;
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 0.5em;
}
.sp_image_left .col:last-child {
float: none;
}
.sp_image_right {
overflow: hidden;
}
.sp_image_right .col:first-child {
display: inline-block;
float: right;
width: 32%;
margin-left: 2%;
margin-bottom: 0.5em;
}
.sp_image_right .col:last-child {
float: none;
}
}
.step .row,
.step-h .col {
position: relative;
padding: 1em;
background: #F6FDFC;
}
.step .row:not(:last-child):after,
.step-h .col:not(:last-child):after,
.step-h .row.continue .col:last-child:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 0;
background: url(//fuse-shika.com/wp-content/uploads/sites/5/arrow_down.svg) center center no-repeat;
background-size: 45px auto;
}
@media (max-width: 767px) {
.step .row:not(:last-child),
.step-h .col:not(:last-child),
.step-h .row.continue .col:last-child {
margin-bottom: 18%;
}
.step .row:not(:last-child):after,
.step-h .col:not(:last-child):after,
.step-h .row.continue .col:last-child:after {
padding-top: 20%;
}
.step-h .row.continue {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.step .row {
display: table;
table-layout: fixed;
width: 100%;
padding: 2em;
}
.step .row .col {
float: none;
display: table-cell;
vertical-align: middle;
}
.step .row .col:not(:first-child) {
padding-left: 2%;
}
.step .row:not(:last-child) {
margin-bottom: 80px;
}
.step .row:not(:last-child):after {
top: 100%;
padding-top: 60px;
margin: 10px 0;
}
.step h3:last-child {
margin-bottom: 0;
font-size: 16px;
font-size: 1.6rem;
border: none;
}
.step h3:last-child:after, .step h3:last-child:before {
content: none;
}
.step .row:not(:last-child):after,
.step-h .col:not(:last-child):after,
.step-h .row.continue .col:last-child:after {
background-size: auto 100%;
}
.step-h.gutters .col {
margin: 0;
}
.step-h .col {
padding: 0;
background: none;
}
.step-h .col:not(:last-child) {
position: relative;
margin-right: 4%;
}
.step-h .col:not(:last-child):after {
display: none;
}
.step-h .col:not(:last-child) figure span {
display: inline-block;
position: relative;
width: 100%;
}
.step-h .col:not(:last-child) figure span:after {
content: "";
display: block;
width: 28px;
height: 100%;
position: absolute;
right: -30px;
top: 0;
background: url(//fuse-shika.com/wp-content/uploads/sites/5/arrow_right.svg) center center no-repeat;
background-size: contain;
}
.step-h .span_3 {
width: 22%;
}
.step-h .span_4 {
width: 30.66666666%;
}
.step-h .span_6 {
width: 48%;
}
}
@media (min-width: 1024px) {
.step-h .col:not(:last-child) figure span:after {
right: -34px;
}
}
table {
margin: 0 auto;
}
table td,
table th {
padding: 0.7em 1em;
}
@media (max-width: 767px) {
table td,
table th {
padding: 0.7em 0.3em;
}
}
table th {
text-align: center;
font-weight: normal;
}
.table-default {
width: 100%;
}
.table-default caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 20px;
font-size: 2rem;
}
.table-default td,
.table-default th {
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
padding: 1.5em 1em;
}
.table-default th {
font-weight: 700;
text-align: left;
}
.table-default td {
background: transparent;
}
.table-menu {
width: 100%;
}
.table-menu caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 20px;
font-size: 2rem;
}
.table-menu td,
.table-menu th {
padding: 0.7em 1em;
border-top: 1px solid #62B4DD;
border-bottom: 1px solid #62B4DD;
}
@media (max-width: 767px) {
.table-menu td,
.table-menu th {
padding: 0.7em 0.3em;
}
}
.table-menu tbody th {
text-align: left;
}
.table-menu td:last-child {
text-align: right;
white-space: nowrap;
}
.table-schedule {
width: 100%;
}
.table-schedule caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 20px;
font-size: 2rem;
}
.table-schedule td,
.table-schedule th {
border-top: 1.2px solid #D9D9D9;
border-bottom: 1.2px solid #D9D9D9;
padding: 0.7em 1em;
text-align: center;
}
@media (max-width: 767px) {
.table-schedule td,
.table-schedule th {
padding: 0.7em 0.3em;
}
}
.table-schedule th:nth-child(1) {
text-align: left;
}
.table-schedule thead th {
border-top: none;
}
.table-schedule tbody th {
background: transparent;
}
.table-schedule td {
background: transparent;
position: relative;
}
.table-schedule td span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.table-schedule td span.open {
width: 15px;
height: 15px;
border-radius: 100%;
background: #62B4DD;
}
.table-schedule td span.close {
width: 15px;
height: 1px;
background: #62B4DD;
}
.table-schedule td span.exception {
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #62B4DD transparent;
border-width: 0px 7.5px 12.99px 7.5px;
}
.table-summary {
border-top: 1px solid #D9D9D9;
width: 100%;
}
.table-summary caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 20px;
font-size: 2rem;
}
.table-summary td,
.table-summary th {
padding: 1em;
border-bottom: 1px solid #D9D9D9;
}
.table-summary th {
text-align: left;
font-weight: normal;
width: 20%;
}
@media (max-width: 767px) {
.responsive-stack {
display: block;
}
.responsive-stack thead {
display: none;
}
.responsive-stack tbody,
.responsive-stack td,
.responsive-stack th,
.responsive-stack tr {
display: block;
}
.responsive-stack td,
.responsive-stack th {
width: 100% !important;
}
.responsive-stack tr:not(:last-child) td,
.responsive-stack tr:not(:last-child) th {
border-bottom: 0;
}
.responsive-stack tr:last-child :not(:last-child) {
border-bottom: 0;
}
}
@media (max-width: 767px) {
.responsive-list {
display: block;
}
.responsive-list thead {
display: none;
}
.responsive-list tbody,
.responsive-list td,
.responsive-list th,
.responsive-list tr {
display: block;
}
.responsive-list tr:not(:last-child) td {
border-bottom: 0;
}
.responsive-list td {
position: relative;
padding-left: 40%;
white-space: normal;
text-align: left;
}
.responsive-list td:first-child {
border-bottom: 0;
}
.responsive-list td:last-child {
border-top: 0;
}
.responsive-list td:not(:first-child):not(:last-child) {
border-top: 0;
border-bottom: 0;
}
.responsive-list td:before {
content: attr(data-title);
position: absolute;
top: 6px;
left: 6px;
width: 35%;
padding-right: 10px;
white-space: normal;
text-align: left;
font-weight: bold;
}
}
@media (max-width: 767px) {
.responsive-scroll-container {
display: block;
width: 100%;
min-height: 0.01%;
overflow-x: scroll;
}
.responsive-scroll-container .responsive-scroll-inner {
width: 798px;
padding: 0 15px 15px;
}
.responsive-scroll-container table {
width: 768px;
margin: 0;
}
}
@media (max-width: 767px) {
table.combine tbody tr:last-child td,
table.combine tbody tr:last-child th {
border-bottom: 0;
}
}
table.table-default.typeA tr td,
table.table-default.typeA tr th {
border: 0;
}
table.table-default.typeA tr:nth-child(odd) th {
background: #62B4DD;
}
table.table-default.typeA tr:nth-child(odd) td {
background: #F6FDFC;
}
table.table-default.typeA tr:nth-child(even) th {
background: #ffc488;
}
table.table-default.typeA tr:nth-child(even) td {
background: white;
}
table.table-default.typeB {
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
table.table-default.typeB tbody td,
table.table-default.typeB tbody th {
background: transparent;
color: #444444;
border: 0;
border-bottom: 1px dashed #D9D9D9;
}
table.table-default.typeB tbody tr {
position: relative;
}
table.table-default.typeB tbody td {
transform: translateX(2px);
}
table.table-default.typeC th {
background: rgba(255, 170, 85, 0.7);
color: #fff;
}
table.table-default.typeC td,
table.table-default.typeC th {
border: 0;
}
table.table-default.typeC td:not(:last-child),
table.table-default.typeC th:not(:last-child) {
border-bottom: 2px #fff solid;
}
table.table-default.typeC tr {
position: relative;
}
table.table-default.typeC td {
transform: translateX(2px);
}
.highlight table.table-default.typeC td,
.highlight table.table-default.typeC th {
border: 0;
}
.highlight table.table-default.typeC td:not(:last-child),
.highlight table.table-default.typeC th:not(:last-child) {
border-bottom: 2px #F6FDFC solid;
}
._table_line .news dl {
border-top: 1px dotted #a6a6a6;
max-height: none;
}
._table_line .news dl dt {
width: 230px;
padding-left: 20px;
}
._table_line .news dl dt + dd {
border-bottom: 1px dotted #a6a6a6;
padding-left: 230px;
}
.wide_image img {
width: 100%;
vertical-align: top;
}
@media (min-width: 768px) {
.wide_image div {
margin: 0 auto;
}
}
.h1_wrap {
padding: 6.5em 0; background: #A7EEE5;
background: linear-gradient(110deg,rgba(167, 238, 229, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 70%, rgba(195, 226, 241, 1) 100%);
margin: 0 0 0.5em;
}
h1:not(.title) {
text-align: left;
position: relative;
font-size: 26px;
font-size: 2.6rem;
font-weight: normal;
color: #444444;
margin: 0 auto;
max-width: 1220px;
padding: 0 10px;
letter-spacing: 0.08em;
font-family: "Shippori Mincho", "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}
h1:not(.title) a {
text-decoration: none;
}
h1:not(.title) a:hover {
text-decoration: underline;
}
h1:not(.title) span,
.h1_wrap > span {
display: block;
font-size: 50px;
font-size: 5rem;
font-family: "Marcellus", serif;
color: #888888;
letter-spacing: 0.04em;
}
.h1_wrap > span {
max-width: 1220px;
margin: 0 auto;
padding: 0 10px;
}
@media (max-width: 767px) {
.h1_wrap { background: #A7EEE5;
background: linear-gradient(110deg,rgba(167, 238, 229, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 70%, rgba(195, 226, 241, 1) 100%);
padding: 3.5em 0;
}
h1:not(.title) {
font-size: 20px;
font-size: 2rem;
}
h1:not(.title):after {
height: 2px;
}
h1:not(.title) span,
  .h1_wrap > span {
font-size: 30px;
font-size: 3rem;
}
}
.h2_wrap{
display: block;
margin: 0 auto 1.5em;
position: relative;
border: 0;
padding-top: 36px;
}
h2 {
display: block;
text-align: left;
margin: 0 auto 1.5em;
position: relative;
border: 0;
word-wrap: break-word;
font-weight: normal;
font-size: 22px;
font-size: 2.2rem;
color: #444444;
letter-spacing: 0.1em;
margin: 0; font-family: "Shippori Mincho", "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}
h2 span,
.h2_wrap span {
font-size: 20px;
font-size: 2rem;
display: block;
color: #62B4DD;
font-family: "Aref Ruqaa", serif;
margin-bottom: 5px;
}
h2 a {
text-decoration: none;
}
h2 a:hover {
text-decoration: underline;
}
.h2_wrap:before, .h2_wrap:after {
content: "";
height: 1px;
position: absolute;
top: 0;
left: 0;
margin: auto;
}
.h2_wrap:before {
width: 100vw;
background: #D9D9D9;
}
.h2_wrap:after {
width: 100px;
background: #62B4DD;
}
@media (max-width: 767px) {
h2 {
font-size: 18px;
font-size: 1.8rem; }
h2:after {
width: 60px;
}
h2 span {
font-size: 16px;
font-size: 1.6rem;
}
}
body.home h2,
body.home .h2_wrap {
font-size: 18px;
font-size: 1.8rem;
padding-top: 0;
text-align: center;
}
body.home h2 span,
body.home .h2_wrap span {
font-size: 70px;
font-size: 7rem;
color: #C9E5EF;
margin-bottom: -10px;
line-height: 1;
}
body.home h2:before, body.home h2:after {
display: none;
}
body.home .h2_wrap:before,
body.home .h2_wrap:after {
display:none;
}
@media screen and (max-width: 767px) {
body.home h2 {
font-size: 16px;
font-size: 1.6rem;
}
body.home h2 span {
font-size: 50px;
font-size: 5rem;
}
}
h3 {
padding-left: 1em;
font-size: 16px;
font-size: 1.6rem;
position: relative;
color: #444444;
font-weight: 800;
letter-spacing: 0.1em;
font-family: "Shippori Mincho", "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}
h3 a {
text-decoration: none;
}
h3 a:hover {
text-decoration: underline;
}
h3:after {
content: "";
position: absolute;
bottom: 0;
top: 0;
left: 0;
margin: auto;
display: block;
width: 3px;
height: 16px;
margin: auto;
background: #796957;
}
h3.border_h3 {
padding: 0.5em 0;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}
h3.border_h3:after {
display: none;
}
@media (max-width: 767px) {
h3 {
font-size: 16px;
font-size: 1.6rem;
}
}
h4 {
margin: 0 0 0.7em;
font-size: 16px;
font-size: 1.6rem;
position: relative;
color: #444444;
font-weight: 800;
letter-spacing: 0.1em;
font-family: "Shippori Mincho", "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}
h4 a {
text-decoration: none;
}
h4 a:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
h4 {
font-size: 14px;
font-size: 1.4rem;
}
}
.widget_wrap .widget_header {
font-size: 16px;
font-size: 1.6rem;
color: #444444;
padding: 0.7em 0 0.7em 1em;
background: rgba(255, 170, 85, 0.05);
}
.widget_wrap .widget_header a {
text-decoration: none;
}
.widget_wrap .widget_header a:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.widget_wrap .widget_header {
font-size: 14px;
font-size: 1.4rem;
}
}
.main_visual {
position: relative;
table-layout: fixed;
}
.main_visual .main_visual_slick,
.main_visual .slick-track {
margin: 0;
padding: 0;
list-style: none;
height: 100% !important;
}
.main_visual .slick-track {
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.main_visual .slick-list {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
height: 100%;
}
.main_visual .main_visual_slick {
position: relative;
margin: 0 auto;
}
.main_visual .main_visual_slick li:not([id^=slick-slide]) {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
overflow: hidden;
}
.main_visual .main_visual_slick li:not([id^=slick-slide]):not(.slick-active) {
transition-delay: 0.5s !important;
}
.main_visual .main_visual_slick li:not([id^=slick-slide]) img {
position: absolute;
left: -300%;
right: -300%;
margin: auto;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.main_visual .main_visual_copy {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
margin: 0;
padding: 0;
list-style: none;
width: 1220px;
max-width: 100%;
margin: 0 auto;
z-index: 53;
}
.main_visual .main_visual_copy > li {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.main_visual .main_visual_copy > li img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 46.6666666667%;
max-width: 560px;
max-height: 560px;
z-index: 52;
}
.main_visual .main_visual_arrow {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 1200px;
max-width: 100%;
margin: 0 auto;
z-index: 53;
}
.main_visual .main_visual_arrow .slick-prev {
left: 25px;
}
.main_visual .main_visual_arrow .slick-next {
right: 25px;
}
.main_visual .main_visual_arrow .slick-prev:before,
.main_visual .main_visual_arrow .slick-next:before {
font-size: 30px;
font-size: 3rem;
}
@media (max-width: 750px) {
.main_visual .main_visual_arrow .slick-prev {
left: 10px;
}
.main_visual .main_visual_arrow .slick-next {
right: 10px;
}
.main_visual .main_visual_arrow .slick-prev:before,
.main_visual .main_visual_arrow .slick-next:before {
font-size: 20px;
font-size: 2rem;
}
}
@media (max-width: 750px) {
.main_visual .main_visual_copy > li img {
width: 90%;
}
}
.main_visual .main_visual_slick {
padding-top: 63.3333333333%!important;
}
@media (min-width: 1200px) {
.main_visual .main_visual_slick {
padding-top: 0 !important;
height: 760px !important;
}
}
@media (min-width: 1480px) {
.main_visual .main_visual_slick {
padding-top: 51.3513513514%!important;
}
}
@media (max-width: 750px) {
.main_visual .main_visual_slick {
padding-top: 141.3333333333%!important;
}
}
.slick-dots li button {
margin: 0 auto;
background: #ccc;
}
.slick-dots li.slick-active button {
background: #62B4DD;
}
.slide_scroll {
position: absolute;
bottom: 1%;
left: 50%;
transform: translateX(-50%);
padding-bottom: 45px;
background: url(//fuse-shika.com/wp-content/uploads/icon_scroll.png) center bottom no-repeat;
z-index: 55;
color: #fff;
text-decoration: none;
}
.slide_scroll:hover {
color: #fff;
}
.main_visual .main_visual_slick li:not(:first-child) img {
opacity: 0;
transition: opacity 1000ms ease 0s;
}
.main_visual .main_visual_slick.slick-initialized li:not(:first-child) img {
opacity: 1;
}
.epress_search {
padding: 3px;
width: 100%;
z-index: 1;
}
.epress_search form {
overflow: hidden;
border: 4px solid #62B4DD;
display: -moz-flex;
display: flex;
-moz-justify-content: space-between;
justify-content: space-between;
-moz-align-items: stretch;
align-items: stretch;
}
.epress_search input[type=text],
.epress_search input[type=submit] {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.epress_search input[type=text] {
color: #000;
margin: 0 0.3em;
width: 70%;
}
.epress_search input[type=submit] {
cursor: pointer;
padding: 0.6em 1em;
color: #fff;
width: 30%;
background: rgba(255, 170, 85, 0.7);
}
@media (min-width: 940px) {
.epress_search input[type=submit] {
min-width: 65px;
}
}
@media (max-width: 939px) {
header .global_nav > ul > li.gnav_search {
position: static;
}
header .global_nav > ul > li.gnav_search > a {
display: none !important;
}
header .global_nav > ul > li.gnav_search .epress_search {
display: block !important;
position: static !important;
width: 100% !important;
background: rgba(255, 170, 85, 0.9);
}
header .global_nav > ul > li.gnav_search .epress_search input[type=text],
header .global_nav > ul > li.gnav_search .epress_search input[type=submit] {
line-height: 1;
}
} .epress_search form {
background: #fff;
} header .global_nav > ul > li.gnav_search {
position: relative;
}
header .global_nav > ul > li.gnav_search a {
color: transparent !important;
display: inline-block;
vertical-align: middle;
background: url(//fuse-shika.com/wp-content/uploads/sites/5/search.png) no-repeat center center;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
width: 30px;
height: 30px;
}
header .global_nav > ul > li.gnav_search a:hover {
border-bottom: 0;
}
header .global_nav > ul > li.gnav_search .epress_search {
display: none;
position: absolute;
top: 100%;
right: 0;
}
@media (min-width: 940px) {
header .global_nav > ul > li.gnav_search .epress_search {
width: 230px;
}
header .global_nav > ul > li.gnav_search .epress_search input[type=submit] {
font-size: 12px;
font-size: 1.2rem;
padding: 0.5em;
}
}
.article_list {
padding: 0.5em;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.article_list {
padding: 1em;
}
}
.article_list:nth-child(even) {
color: #444444;
background: #F6FDFC;
}
.article_list:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: transparent;
transform: translate(-10px, -10px) rotate(45deg);
transition: 0.3s;
}
.article_list:hover:before {
background: #62B4DD;
}
.article_list .case_arrow {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
position: relative;
height: 245px;
}
@media (max-width: 767px) {
.article_list .case_arrow {
height: 80px;
}
}
.article_list .case_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
margin: auto;
width: 70px;
height: 70px;
border-top: 5px solid #62B4DD;
border-right: 5px solid #62B4DD;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s;
}
@media (max-width: 767px) {
.article_list .case_arrow:after {
left: 0;
bottom: 25%;
border-top: 5px solid #62B4DD;
border-right: 5px solid #62B4DD;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center;
}
}
.article_list .span_12 {
margin: 2% 0;
}
.pagination {
text-align: center;
}
.pagination > * {
display: inline-block;
padding: 0.5em;
border: 1px solid #ccc;
}
.pagination a {
text-decoration: none;
background: #F6FDFC;
transition: 0.3s;
}
.pagination a:hover {
background: #fff;
}
.article_single01 .article_single01_02 {
margin-top: 10px;
}
.article_single01 .article_single01_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single01 .article_single01_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single01 .ofi {
background: #F6FDFC;
}
.article_single01 .more {
display: block;
text-align: center;
}
.article_single02 .article_single02_01 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single02 .article_single02_01 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single02 .ofi {
background: #F6FDFC;
}
.article_single02 .more {
display: block;
text-align: center;
}
@media (min-width: 768px) {
.article_single03 .article_single03_02 .span_6 {
width: 45%;
margin-left: 10%;
}
.article_single03 .article_single03_02 .span_6:first-child {
margin-left: 0;
}
}
@media (min-width: 768px) {
.article_single03 .article_single03_02 .span_12 {
margin-left: 0;
margin-top: 20px;
}
}
.article_single03 .article_single03_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single03 .article_single03_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single03 .case_arrow {
position: relative;
}
@media (max-width: 767px) {
.article_single03 .case_arrow {
margin-bottom: 10%;
}
}
.article_single03 .case_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 108%;
margin: auto;
width: 35px;
height: 35px;
border-top: 3px solid #62B4DD;
border-right: 3px solid #62B4DD;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s;
}
@media (max-width: 767px) {
.article_single03 .case_arrow:after {
left: 0;
right: 0;
top: 105%;
width: 20px;
height: 20px;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center;
}
}
.article_single03 .ofi {
background: #F6FDFC;
}
.article_single03 .more {
display: block;
text-align: center;
}
.article_single04 ul {
margin: 0;
padding: 0;
list-style: none;
}
.article_single04 .article_single04_01_img1 .ofi {
padding-top: 75%;
}
.article_single04 .article_single04_01_img2 .ofi {
padding-top: 15%;
}
.article_single04 .article_single04_01_img3 .ofi {
padding-top: 10.8%;
}
.article_single04 .article_single04_01_img4 .ofi {
padding-top: 8.4%;
}
.article_single04 .article_single04_01_img5 .ofi {
padding-top: 6.9%;
}
.article_single04 .article_single04_01_img6 .ofi {
padding-top: 5.8%;
}
.article_single04 .article_single04_01_nav {
margin-top: 15px;
}
.article_single04 .article_single04_01_nav .ofi {
padding-top: 11.1%;
}
.article_single04 .article_single04_01_nav .slick-track {
width: 100% !important;
transform: none !important;
left: 0 !important;
}
.article_single04 .article_single04_01_nav li {
margin-left: 0.8%;
width: 16% !important;
}
.article_single04 .article_single04_01_nav li:nth-child(1) {
margin-left: 0;
}
.article_single04.article_container .article_single04_01_img1 .ofi {
padding-top: 74.5%;
}
.article_single04.article_container .article_single04_01_img2 .ofi {
padding-top: 18.7%;
}
.article_single04.article_container .article_single04_01_img3 .ofi {
padding-top: 14.9%;
}
.article_single04.article_container .article_single04_01_img4 .ofi {
padding-top: 12.5%;
}
.article_single04.article_container .article_single04_01_img5 .ofi {
padding-top: 10.7%;
}
.article_single04.article_container .article_single04_01_img6 .ofi {
padding-top: 9.4%;
}
.article_single04.article_container .article_single04_01_nav {
margin-top: 15px;
}
.article_single04.article_container .article_single04_01_nav .ofi {
padding-top: 12%;
}
.article_single04.article_container .article_single04_01_nav .slick-track {
width: 100% !important;
transform: none !important;
left: 0 !important;
}
.article_single04.article_container .article_single04_01_nav li {
margin-left: 0.8%;
width: 16% !important;
}
.article_single04.article_container .article_single04_01_nav li:nth-child(1) {
margin-left: 0;
}
.article_single04 .article_single04_02 {
margin-top: 10px;
}
.article_single04 .article_single04_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single04 .article_single04_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single04 .slick-next,
.article_single04 .slick-prev {
z-index: 1;
}
.article_single04 .slick-next:before,
.article_single04 .slick-prev:before {
content: none;
}
.article_single04 .slick-next:after,
.article_single04 .slick-prev:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin: auto;
width: 35px;
height: 35px;
border-top: 3px solid #62B4DD;
transition: 0.2s;
z-index: 1;
}
.article_single04 .slick-prev {
left: 0;
}
.article_single04 .slick-prev:after {
left: 0;
border-left: 3px solid #62B4DD;
transform: translate(0, -50%) rotate(-45deg);
transform-origin: right top;
}
.article_single04 .slick-next {
right: 0;
}
.article_single04 .slick-next:after {
right: 0;
border-right: 3px solid #62B4DD;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
}
.article_single04 .ofi {
background: #F6FDFC;
height: auto !important;
}
.article_single04 .more {
display: block;
text-align: center;
}
@media (min-width: 768px) {
.article_list_case02 .article_list_case02_01 {
width: 67%;
}
.article_list_case02 .article_list_case02_02 {
width: 31%;
}
.article_list_case02.article_single01 .article_single01_02 {
margin-top: 0;
}
}
.article_container .article_single01_02 {
margin-top: 10px;
}
.article_container .article_single01_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_container .article_single01_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_detail {
background: rgba(255, 170, 85, 0.05);
padding: 4%;
margin-bottom: 4%;
font-size: 15px;
font-size: 1.5rem;
}
.article_detail .article_date {
margin-bottom: 1em;
}
.article_detail .article_thumbnail {
float: left;
margin: 0 2% 2% 0;
}
.article_detail .article_content {
float: none;
width: 100%;
margin-left: 0;
}
.article_detail .case_arrow {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
position: relative;
height: 245px;
}
@media (max-width: 767px) {
.article_detail .case_arrow {
height: 80px;
}
}
.article_detail .case_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
margin: auto;
width: 70px;
height: 70px;
border-top: 5px solid #62B4DD;
border-right: 5px solid #62B4DD;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s;
}
@media (max-width: 767px) {
.article_detail .case_arrow:after {
left: 0;
bottom: 25%;
border-top: 5px solid #62B4DD;
border-right: 5px solid #62B4DD;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center;
}
}
.article_detail .span_12 {
margin: 2% 0;
}
.epress_social {
letter-spacing: -0.4em;
text-align: right;
padding: 2%;
}
.epress_social > * {
letter-spacing: normal;
vertical-align: top;
display: inline-block;
margin-right: 10px;
}
.epress_pager {
overflow: hidden;
margin-bottom: 5%;
}
.epress_pager .epress_pager_prev {
float: left;
}
.epress_pager .epress_pager_prev a {
display: block;
position: relative;
padding-left: 15px;
text-decoration: none;
}
.epress_pager .epress_pager_prev a:before, .epress_pager .epress_pager_prev a:after {
content: "";
display: block;
position: absolute;
left: 2px;
margin: auto;
width: 8px;
height: 1px;
background: #444444;
transition: 0.2s;
}
.epress_pager .epress_pager_prev a:before {
transform: translateY(-50%) rotate(-45deg);
top: calc(50% - 2px);
}
.epress_pager .epress_pager_prev a:after {
transform: translateY(-50%) rotate(-135deg);
top: calc(50% + 3px);
}
.epress_pager .epress_pager_prev a:hover {
text-decoration: underline;
}
.epress_pager .epress_pager_prev a:hover:before {
left: 0;
}
.epress_pager .epress_pager_prev a:hover:after {
left: 0;
}
.epress_pager .epress_pager_next {
float: right;
}
.epress_pager .epress_pager_next a {
display: block;
position: relative;
padding-right: 15px;
text-decoration: none;
}
.epress_pager .epress_pager_next a:before, .epress_pager .epress_pager_next a:after {
content: "";
display: block;
position: absolute;
right: 2px;
margin: auto;
width: 8px;
height: 1px;
background: #444444;
transform-origin: center;
transition: 0.2s;
}
.epress_pager .epress_pager_next a:before {
transform: translateY(-50%) rotate(45deg);
top: calc(50% - 2px);
}
.epress_pager .epress_pager_next a:after {
transform: translateY(-50%) rotate(135deg);
top: calc(50% + 3px);
}
.epress_pager .epress_pager_next a:hover {
text-decoration: underline;
}
.epress_pager .epress_pager_next a:hover:before {
right: 0;
}
.epress_pager .epress_pager_next a:hover:after {
right: 0;
}
#commentform {
background: transparent;
padding: 2% 5%;
border: 1px solid #333;
}
#commentform #comment {
width: 100%;
}
#commentform #submit {
background: #62B4DD;
color: #fff;
border: 0;
font-size: 14px;
font-size: 1.4rem;
padding: 3px 10px;
margin: 0 auto;
display: table;
}
#commentform input[type=submit] {
background: #62B4DD;
color: #fff;
border: 0;
font-size: 14px;
font-size: 1.4rem;
padding: 0.3em 1em;
margin: 0 auto;
display: table;
border-radius: 5px;
}
@media (min-width: 768px) {
#commentform #submit {
font-size: 18px;
font-size: 1.8rem;
}
#commentform input[type=submit] {
font-size: 18px;
font-size: 1.8rem;
}
}
#biz_calendar,
#biz_calendar1,
#biz_calendar2 {
max-width: none;
margin: 2% auto 0;
font-family: inherit;
padding: 0.3em 1em;
background: #F6FDFC;
font-size: 18px;
font-size: 1.8rem;
}
#biz_calendar p,
#biz_calendar1 p,
#biz_calendar2 p {
margin: 0;
line-height: 170%;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
}
#biz_calendar p span.boxholiday,
#biz_calendar1 p span.boxholiday,
#biz_calendar2 p span.boxholiday {
background-color: #ffb0c3;
padding-left: 25px;
margin-right: 10px;
}
#biz_calendar p span.boxeventday,
#biz_calendar1 p span.boxeventday,
#biz_calendar2 p span.boxeventday {
background-color: #64bdeb;
padding-left: 25px;
margin-right: 10px;
}
#biz_calendar table.bizcal,
#biz_calendar1 table.bizcal,
#biz_calendar2 table.bizcal {
margin: 10px 0;
width: 100%;
table-layout: fixed;
border: none;
line-height: 1.6;
cursor: default;
vertical-align: middle;
font-size: 18px;
font-size: 1.8rem;
border-collapse: collapse;
border-spacing: 1px;
background: transparent;
}
#biz_calendar table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today),
#biz_calendar1 table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today),
#biz_calendar2 table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today) {
background: #fff;
}
#biz_calendar table.bizcal th,
#biz_calendar1 table.bizcal th,
#biz_calendar2 table.bizcal th {
text-align: center;
border-width: 0;
padding: 0.5em 0.2em;
color: #444444;
background-color: #dedede;
}
#biz_calendar table.bizcal th:first-child,
#biz_calendar1 table.bizcal th:first-child,
#biz_calendar2 table.bizcal th:first-child {
color: red;
}
#biz_calendar table.bizcal th:nth-last-of-type(1),
#biz_calendar1 table.bizcal th:nth-last-of-type(1),
#biz_calendar2 table.bizcal th:nth-last-of-type(1) {
color: blue;
}
#biz_calendar table.bizcal td,
#biz_calendar1 table.bizcal td,
#biz_calendar2 table.bizcal td {
text-align: center;
border: 1px solid rgba(0, 57, 122, 0.3);
padding: 0.5em 0.2em;
color: #444444;
}
#biz_calendar table.bizcal .calmonth,
#biz_calendar1 table.bizcal .calmonth,
#biz_calendar2 table.bizcal .calmonth {
text-align: left;
font-weight: bold;
padding: 2px 7px;
border: none;
}
#biz_calendar table.bizcal .calbtn,
#biz_calendar1 table.bizcal .calbtn,
#biz_calendar2 table.bizcal .calbtn {
border: none;
cursor: pointer;
}
#biz_calendar table.bizcal .holiday,
#biz_calendar1 table.bizcal .holiday,
#biz_calendar2 table.bizcal .holiday {
background-color: #ffb0c3;
color: red;
}
#biz_calendar table.bizcal .eventday,
#biz_calendar1 table.bizcal .eventday,
#biz_calendar2 table.bizcal .eventday {
background-color: #64bdeb;
color: #ffffff;
}
#biz_calendar table.bizcal .eventday a,
#biz_calendar1 table.bizcal .eventday a,
#biz_calendar2 table.bizcal .eventday a {
color: #ffffff;
}
#biz_calendar table.bizcal .today,
#biz_calendar1 table.bizcal .today,
#biz_calendar2 table.bizcal .today {
font-weight: bold;
text-decoration: underline;
color: #444444;
}
#biz_calendar table.bizcal .today a,
#biz_calendar1 table.bizcal .today a,
#biz_calendar2 table.bizcal .today a {
font-weight: bold;
color: #444444;
}
#biz_calendar table.bizcal img,
#biz_calendar1 table.bizcal img,
#biz_calendar2 table.bizcal img {
vertical-align: middle;
box-shadow: none;
margin: 0;
}
#biz_calendar table.bizcal .down-img,
#biz_calendar1 table.bizcal .down-img,
#biz_calendar2 table.bizcal .down-img {
text-align: right;
}
#biz_calendar table.bizcal .today-img,
#biz_calendar1 table.bizcal .today-img,
#biz_calendar2 table.bizcal .today-img {
text-align: center;
}
#biz_calendar table.bizcal .up-img,
#biz_calendar1 table.bizcal .up-img,
#biz_calendar2 table.bizcal .up-img {
text-align: left;
}
#biz_calendar table.bizcal td,
#biz_calendar table.bizcal th {
padding: 0.5em 0.2em;
}
.column_sub #biz_calendar,
.column_sub #biz_calendar1,
.column_sub #biz_calendar2 {
font-size: 12px;
font-size: 1.2rem;
}
.column_sub #biz_calendar p span.boxholiday,
.column_sub #biz_calendar1 p span.boxholiday,
.column_sub #biz_calendar2 p span.boxholiday {
background-color: #ffb0c3;
padding-left: 25px;
margin-right: 10px;
}
.column_sub #biz_calendar p span.boxeventday,
.column_sub #biz_calendar1 p span.boxeventday,
.column_sub #biz_calendar2 p span.boxeventday {
background-color: #64bdeb;
padding-left: 25px;
margin-right: 10px;
}
.column_sub #biz_calendar table.bizcal,
.column_sub #biz_calendar1 table.bizcal,
.column_sub #biz_calendar2 table.bizcal {
font-size: 12px;
font-size: 1.2rem;
}
.column_sub #biz_calendar table.bizcal td,
.column_sub #biz_calendar table.bizcal th,
.column_sub #biz_calendar1 table.bizcal td,
.column_sub #biz_calendar1 table.bizcal th,
.column_sub #biz_calendar2 table.bizcal td,
.column_sub #biz_calendar2 table.bizcal th {
padding: 0.3em 0.2em;
}
@media (max-width: 767px) {
#biz_calendar,
#biz_calendar1,
#biz_calendar2 {
font-size: 12px;
font-size: 1.2rem;
}
#biz_calendar p span.boxholiday,
#biz_calendar1 p span.boxholiday,
#biz_calendar2 p span.boxholiday {
background-color: #ffb0c3;
padding-left: 25px;
margin-right: 10px;
}
#biz_calendar p span.boxeventday,
#biz_calendar1 p span.boxeventday,
#biz_calendar2 p span.boxeventday {
background-color: #64bdeb;
padding-left: 25px;
margin-right: 10px;
}
#biz_calendar table.bizcal,
#biz_calendar1 table.bizcal,
#biz_calendar2 table.bizcal {
font-size: 12px;
font-size: 1.2rem;
}
#biz_calendar table.bizcal td,
#biz_calendar table.bizcal th,
#biz_calendar1 table.bizcal td,
#biz_calendar1 table.bizcal th,
#biz_calendar2 table.bizcal td,
#biz_calendar2 table.bizcal th {
padding: 0.3em 0.2em;
}
}
.calendar_wrap {
position: relative;
padding: 4em 1.8em 2em;
display: inline-block;
background: rgba(255, 170, 85, 0.05);
font-size: 10px;
font-size: 1rem;
}
.calendar_wrap caption {
position: absolute;
top: 24px;
left: 0;
right: 0;
margin: auto;
}
.calendar_wrap table {
border-spacing: 0;
border-collapse: collapse;
}
.calendar_wrap table thead th {
background: rgba(255, 170, 85, 0.7);
color: #fff;
border: 1px solid #D9D9D9;
border-bottom: none;
}
.calendar_wrap table tfoot {
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: auto;
}
.calendar_wrap table tfoot #prev a {
width: 26px;
height: 25px;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
display: block;
position: absolute;
top: 0;
left: 40px;
}
.calendar_wrap table tfoot #prev a:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #444444;
transition: 0.2s;
}
.calendar_wrap table tfoot #prev a:after {
transform: translate(0, -50%) rotate(-45deg);
border-left: 1px solid #444444;
left: 15%;
}
.calendar_wrap table tfoot #prev a:hover:after {
left: 2%;
}
.calendar_wrap table tfoot #next a {
width: 26px;
height: 25px;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
display: block;
position: absolute;
top: 0;
right: 40px;
}
.calendar_wrap table tfoot #next a:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #444444;
transition: 0.2s;
}
.calendar_wrap table tfoot #next a:after {
transform: translate(0, -50%) rotate(45deg);
border-right: 1px solid #444444;
right: 15%;
}
.calendar_wrap table tfoot #next a:hover:after {
right: 2%;
}
.calendar_wrap table tbody td {
text-align: center;
background: #fff;
border: 1px solid #D9D9D9;
}
@media (min-width: 768px) {
.column_sub .calendar_wrap {
padding: 40px 5px 5px;
width: 100%;
margin: 0 auto 1em;
}
.column_sub .calendar_wrap caption {
top: 10px;
font-size: 14px;
font-size: 1.4rem;
}
.column_sub .calendar_wrap table {
width: 100%;
}
.column_sub .calendar_wrap table th,
.column_sub .calendar_wrap table td {
padding: 0.5em 0.2em;
}
.column_sub .calendar_wrap table tfoot #prev a {
width: 18px;
height: 18px;
top: 0;
left: 20px;
}
.column_sub .calendar_wrap table tfoot #next a {
width: 18px;
height: 18px;
top: 0;
right: 20px;
}
}
@media (max-width: 767px) {
.calendar_wrap {
padding: 40px 5px 5px;
width: 100%;
}
.calendar_wrap caption {
top: 10px;
}
.calendar_wrap table {
width: 100%;
}
.calendar_wrap table th,
.calendar_wrap table td {
padding: 0.5em 0.2em;
}
.calendar_wrap table tfoot #prev a {
width: 12px;
height: 12px;
top: 0;
left: 20px;
}
.calendar_wrap table tfoot #next a {
width: 12px;
height: 12px;
top: 0;
right: 20px;
}
} .add_arrow {
display: block;
position: relative;
}
.add_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 5%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #444444;
border-right: 1px solid #444444;
transform: translate(0, -50%) rotate(45deg);
transition: 0.2s;
}
.add_arrow.inverse:after {
border-top: 1px solid #444444;
border-right: 1px solid #444444;
}
.add_arrow.inverse:hover {
border-color: #fff;
color: #fff;
background: #444444;
}
.add_arrow.inverse:hover:after {
border-color: #fff;
}
.add_arrow.blank_link1:after {
width: 15px;
height: 13px;
border: none;
background: url(//fuse-shika.com/wp-content/uploads/icon_blank01.svg) no-repeat center/contain;
transform: translate(0, -50%) rotate(0);
}
.add_arrow.blank_link1:hover {
color: #fff;
background: #444444;
}
.add_arrow.blank_link2:after {
width: 13px;
height: 13px;
border: none;
background: url(//fuse-shika.com/wp-content/uploads/icon_blank02.svg) no-repeat center/contain;
transform: translate(0, -50%) rotate(0);
}
.add_arrow.blank_link2:hover {
color: #fff;
background: #444444;
}
.add_arrow:hover {
border: 1px solid #444444;
color: #fff;
background: #444444;
}
.add_arrow:hover:after {
right: 4%;
border-color: #fff;
} .more {
display: block;
overflow: hidden;
margin: auto;
}
.more a {
display: block;
border: 1px solid #444444;
color: #444444;
background: transparent;
padding: 0.5em;
margin: 0 auto 1px;
max-width: 235px;
width: 100%;
text-align: center;
text-decoration: none;
transition: 0.3s;
font-weight: 600;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
border-radius: 100px;
}
.more a.inverse {
border: 1px solid #444444;
color: #444444;
background: #fff;
}
.more a.anchor_link {
background: transparent;
color: #444444;
max-width: 280px;
}
.more a.anchor_link:after {
border-color: #444444;
transform: translate(0, -50%) rotate(135deg);
width: 8px;
height: 8px;
}
.more a.anchor_link:hover {
background: #444444;
color: #fff;
}
.more a.anchor_link:hover:after {
border-color: #fff;
}
@media screen and (min-width: 768px) {
.more.pc-btn-left a {
margin-left: 0;
}
} .effect01 {
overflow: hidden;
position: relative;
z-index: 0;
}
.effect01:before {
content: "";
position: absolute;
display: block;
width: 0;
height: 100%;
top: 0;
left: -35%;
z-index: -1;
background: #fff;
transform: skew(50deg);
transform-origin: top left;
transition-duration: 0.5s;
}
.effect01:hover {
background: #444444;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
}
.effect01:hover:before {
height: 100%;
width: 135%;
}
header .global_nav > ul > li.has_under > a {
position: relative;
}
header .global_nav > ul > li.has_under > a:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 6%;
margin: auto;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translate(0, -50%) rotate(135deg);
transition: 0.2s;
}
header .global_nav > ul > li.has_under > a.menu_under_open:after {
transform: translate(0, 0) rotate(-45deg);
}
header .global_nav > ul > li > ul {
margin: 0;
padding: 0;
list-style: none;
display: none;
}
header .global_nav > ul > li > ul > li {
border-bottom: 1px solid #b3b3b3;
}
@media (max-width: 939px) {
header .global_nav > ul > li > ul > li a {
background: rgba(255, 160, 65, 0.9);
}
}
@media (min-width: 940px) {
header .global_nav > ul > li.has_under {
position: relative;
}
header .global_nav > ul > li.has_under > a {
padding-right: 1.5em;
}
header .global_nav > ul > li.has_under > a:after {
border-color: #444444;
width: 6px;
height: 6px;
}
header .global_nav > ul > li.has_under > a:after {
transform: translate(0, -50%) rotate(135deg);
}
header .global_nav > ul > li.has_under > a.menu_under_open:after {
transform: translate(0) rotate(-45deg);
}
header .global_nav > ul > li.has_under > ul {
position: absolute;
width: 100%;
left: 0;
right: 0;
margin: auto;
top: 100%;
letter-spacing: -0.4em;
background: rgba(255, 170, 85, 0.9);
z-index: 52;
}
header .global_nav > ul > li.has_under > ul > li {
letter-spacing: normal;
display: inline-block;
vertical-align: middle;
width: 25%;
width: 100%;
text-align: center;
border-bottom: 0;
padding: 0;
}
header .global_nav > ul > li.has_under > ul > li a {
background: transparent;
padding: 1em;
overflow-wrap: break-word;
}
}
.pagetop {
position: fixed;
bottom: 5%;
right: 5%;
z-index: 99;
}
.pagetop a {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
display: inline-block;
position: relative;
width: 50px;
height: 50px;
padding: 0;
border-radius: 50%;
background: #62B4DD;
opacity: 0.9;
}
@media (min-width: 768px) {
.pagetop a {
width: 70px;
height: 70px;
}
}
.pagetop a:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: auto;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
transform: translate(-50%, -20%) rotate(45deg);
transition: 0.2s;
}
footer.high .pagetop {
position: absolute;
bottom: auto;
right: 5%;
top: 0;
margin: 0;
transform: translateY(-95%);
} .footer_fixed_content {
position: fixed;
bottom: 0;
width: 100%;
z-index: 99;
padding: 0;
background: #fff;
color: #444444;
}
.footer_fixed_content .pc_ftr {
max-width: 1238px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.footer_fixed_content .pc_ftr .box01 {
width: 35%;
padding: 2em 0;
background: #62B4DD;
}
.footer_fixed_content .pc_ftr .box01 .title {
text-align: center;
font-weight: 600;
font-size: 22px;
font-size: 2.2rem;
color: #fff;
font-family: "Shippori Mincho", "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}
.footer_fixed_content .pc_ftr .box02 {
width: 25%;
margin-left: 2%;
text-align: center;
}
.footer_fixed_content .pc_ftr .box02 .tel {
position: relative;
font-size: 30px;
font-size: 3rem;
padding-left: 35px;
letter-spacing: 0.08em;
}
.footer_fixed_content .pc_ftr .box02 .tel:before {
content: "";
background: url(//fuse-shika.com/wp-content/uploads/icon_tel.png) no-repeat center/contain;
width: 24px;
height: 24px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.footer_fixed_content .pc_ftr .box03,
.footer_fixed_content .pc_ftr .box04 {
width: 18%;
margin-left: 2%;
}
.footer_fixed_content .pc_ftr .box03 .more a,
.footer_fixed_content .pc_ftr .box04 .more a {
font-size: 16px;
font-size: 1.6rem;
}
.footer_fixed_content .pc_ftr .box03 .more a:after,
.footer_fixed_content .pc_ftr .box04 .more a:after {
display: none;
}
.footer_fixed_content .pc_ftr .box03 .more a span,
.footer_fixed_content .pc_ftr .box04 .more a span {
position: relative;
padding-left: 30px;
}
.footer_fixed_content .pc_ftr .box03 .more a span:before,
.footer_fixed_content .pc_ftr .box04 .more a span:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
width: 24px;
height: 24px;
}
.footer_fixed_content .pc_ftr .box03 .more a span:before {
background: url(//fuse-shika.com/wp-content/uploads/icon_calendar.png) no-repeat center/contain;
}
.footer_fixed_content .pc_ftr .box04 .more a {
background: #41982A;
border-color: #41982A;
opacity: 1;
transition: 0.2s;
}
.footer_fixed_content .pc_ftr .box04 .more a span:before {
background: url(//fuse-shika.com/wp-content/uploads/icon_line.png) no-repeat center/contain;
}
.footer_fixed_content .pc_ftr .box04 .more a:hover {
opacity: 0.8;
}
.footer_fixed_content .pc_ftr .row {
max-width: 1238px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.footer_fixed_content .sp_ftr .inner {
display: flex;
align-items: center;
}
.footer_fixed_content .sp_ftr a {
text-decoration: none;
width: 50%;
text-align: center;
padding: 8px;
position: relative;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
}
.footer_fixed_content .sp_ftr a img {
display: block;
margin: 0 auto 5px;
width: 24px;
height: 24px;
}
.footer_fixed_content .sp_ftr a:nth-child(1) {
color: #444444;
}
.footer_fixed_content .sp_ftr a:nth-child(2) {
background: #50473D;
}
.footer_fixed_content .sp_ftr a:nth-child(3) {
background: #41982A;
}
.footer_fixed_content .row p {
margin: 0;
}
@media screen and (max-width: 1199px) {
.footer_fixed_content .pc_ftr .box01 .title {
font-size: 18px;
font-size: 1.8rem;
}
.footer_fixed_content .pc_ftr .box02 .tel {
font-size: 18px;
font-size: 1.8rem;
}
.footer_fixed_content .pc_ftr .box03 .more a,
.footer_fixed_content .pc_ftr .box04 .more a {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (min-width: 768px) {
.footer_fixed_content {
padding: 0 10px;
}
.footer_fixed_content:after {
content: "";
width: 20%;
height: 100%;
background: #62B4DD;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: -1;
}
}
@media screen and (min-width: 2050px) {
.footer_fixed_content:after {
width: 30%;
}
}
footer.high .footer_fixed_content {
position: relative;
}
footer:not(.high) .pagetop {
bottom: 100px !important;
}
@media screen and (max-width: 767px) {
footer:not(.high) .pagetop {
bottom: 60px !important;
}
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.lead {
color: #62B4DD;
font-size: 20px;
font-size: 2rem;
}
.text-xxlarge {
font-size: 24px;
font-size: 2.4rem;
}
.text-xlarge {
font-size: 20px;
font-size: 2rem;
}
.text-large {
font-size: 16px;
font-size: 1.6rem;
}
.text-small {
font-size: 12px;
font-size: 1.2rem;
}
.text-xsmall {
font-size: 10px;
font-size: 1rem;
}
.text-white {
color: #fff !important;
}
.text-black {
color: #000 !important;
}
.text-red {
color: #f00 !important;
}
.text-primary {
color: #62B4DD !important;
}
@media (max-width: 767px) {
.sp-hide,
.pc-only,
.tablet-only {
display: none !important;
}
.sp-text-center {
text-align: center;
}
.sp-text-left {
text-align: left;
}
.sp-text-right {
text-align: right;
}
}
@media (min-width: 768px) {
.lead {
font-size: 28px;
font-size: 2.8rem;
}
.text-xxlarge {
font-size: 36px;
font-size: 3.6rem;
}
.text-xlarge {
font-size: 28px;
font-size: 2.8rem;
}
.text-large {
font-size: 20px;
font-size: 2rem;
}
.text-medium {
font-size: 16px;
font-size: 1.6rem;
}
.text-small {
font-size: 12px;
font-size: 1.2rem;
}
.text-xsmall {
font-size: 10px;
font-size: 1rem;
}
.pc-hide,
.sp-only {
display: none !important;
}
.pc-text-center {
text-align: center;
}
.pc-text-left {
text-align: left;
}
.pc-text-right {
text-align: right;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.tablet-hide {
display: none !important;
}
}
@media (min-width: 1024px) {
.tablet-only {
display: none !important;
}
}
@media (max-width: 939px) {
.sp-hide02,
.pc-only02,
.tablet-only02 {
display: none !important;
}
}
@media (min-width: 940px) {
.pc-hide02,
.sp-only02 {
display: none !important;
}
}
@media (max-width: 750px) {
.sp-hide03,
.pc-only03,
.tablet-only03 {
display: none !important;
}
}
@media (min-width: 751px) {
.pc-hide03,
.sp-only03 {
display: none !important;
}
}
.arial {
font-family: "Arial", arial !important;
}
.arial_n {
font-family: "Arial Narrow", arial !important;
}
.color_pri {
color: #62B4DD;
}
.mt0 {
margin-top: 0 !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.m-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.inverse h2,
.inverse h3,
.inverse h4,
.inverse p {
color: #fff;
}
.inverse h2:after {
background: #fff;
}
.inverse h2 small,
.inverse h2 span {
color: #fff;
}
.link-tel {
text-decoration: none;
}
@media (min-width: 768px) {
.link-tel {
pointer-events: none;
cursor: default;
}
}
@media screen and (min-width: 940px) {
body:not(.scrollTop) header .global_nav {
transform: translateY(-100%);
transition: transform 0.2s;
}
}
header .hdr_info_wrap .hdr_info a img {
width: 30px;
}
@media screen and (min-width: 940px) {
header .global_nav.fixed_active {
position: fixed;
left: 0;
top: 0;
right: 0;
margin: auto;
background: #fff;
height: auto;
width: 100%;
display: block;
padding: 10px;
z-index: 999;
transform: translateY(0) !important;
transition: transform 0.2s;
}
}
@media screen and (max-width: 939px) {
header {
position: fixed;
top: 0;
}
}
.main_visual {
position: relative;
z-index: 1;
}
.main_visual .main_visual_copy:after {
content: "";
background: url(//fuse-shika.com/wp-content/uploads/top_deco01.png) no-repeat center/contain;
width: 222px;
height: 209px;
position: absolute;
bottom: 5%;
right: 20%;
left: 0;
margin: auto;
z-index: -1;
}
.main_visual .main_visual_copy li .main_copy_txt {
position: absolute;
left: 10px;
bottom: 5%;
margin: auto;
font-size: 34px;
font-size: 3.4rem;
color: #444444;
line-height: 2.5;
letter-spacing: 0.35em;
opacity: 0;
transform: translateY(-20px);
transition: 1s;
font-family: "Aref Ruqaa", serif;
}
.main_visual .main_visual_copy li .main_copy_txt span {
font-size: 20px;
font-size: 2rem;
display: block;
margin-top: 12%;
letter-spacing: 0.25em;
}
.main_visual .main_visual_calender {
width: 100%;
max-width: 700px;
position: absolute;
right: 0;
bottom: -100px;
margin: auto;
border-radius: 20px 0 0 20px;
overflow: hidden;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
z-index: 55;
transform: translateX(20px);
opacity: 0;
transition: 1s;
}
.main_visual.animated .main_visual_copy li .main_copy_txt {
opacity: 1;
transform: translateY(0);
}
.main_visual.animated .main_visual_calender {
transform: translateX(0);
opacity: 1;
transition-delay: 0.3s;
}
@media screen and (min-width: 751px) {
.main_visual .main_visual_slick {
width: 79%;
margin-right: 0;
overflow: hidden;
border-radius: 30px 0 0 30px;
}
.main_visual .main_visual_copy {
width: 21%;
margin-left: 0;
}
.main_visual .main_visual_copy li .main_copy_txt {
writing-mode: vertical-rl;
display: table;
top: 0;
right: 20%;
left: auto;
bottom: 0;
height: 100%;
padding-top: 20%;
}
}
@media screen and (min-width: 1000px) {
.main_visual .main_visual_slick {
height: calc(100vh - 190px) !important;
max-height: 760px;
padding-top: 0 !important;
}
}
@media screen and (max-width: 1199px) and (min-width: 751px) {
.main_visual .main_visual_slick {
width: 70%;
}
.main_visual .main_visual_copy {
width: 30%;
}
}
@media screen and (max-width: 999px) and (min-width: 751px) {
.main_visual .main_visual_slick {
width: 75%;
}
.main_visual .main_visual_copy {
width: 25%;
}
.main_visual .main_visual_copy:after {
height: 0;
width: 65%;
max-width: 222px;
padding-top: 62%;
bottom: 10%;
}
.main_visual .main_visual_copy li .main_copy_txt {
font-size: 3.4vw;
}
.main_visual .main_visual_copy li .main_copy_txt span {
font-size: 2vw;
}
}
@media screen and (max-width: 750px) {
.main_visual .main_visual_copy:after {
height: 0;
left: auto;
right: 5%;
width: 30%;
max-width: 222px;
padding-top: 28%;
bottom: 14%;
}
.main_visual .main_visual_copy li .main_copy_txt {
font-size: 7vw;
bottom: 20%;
padding: 0 10px;
line-height: normal;
}
.main_visual .main_visual_copy li .main_copy_txt span {
font-size: 4vw;
margin-top: 0;
}
.main_visual .main_visual_calender {
right: 0;
width: calc(100% - 10px);
border-radius: 15px 0 0 15px;
}
}
.calendar_box {
background: #F9F8F4;
padding: 4%;
}
.calendar_box.white {
background: #fff;
}
.calendar_box table {
margin-bottom: 4%;
}
.calendar_box .table_info {
display: -moz-flex;
display: flex;
}
.calendar_box .table_info p {
margin: 0;
font-size: 13px;
font-size: 1.3rem;
}
.calendar_box .table_info p:last-child {
margin-left: 10%;
}
.calendar_box .table_info p .exception {
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #62B4DD transparent;
border-width: 0px 7.5px 12.99px 7.5px;
display: inline-block;
}
.sec_wrap {
position: relative;
}
.sec_wrap:after {
content: "";
width: 100%;
height: 100%; background-color:hsla(0,0%,100%,1);
background-image:
radial-gradient(at 100% 1%, hsla(199,66%,83%,1) 0px, transparent 50%),
radial-gradient(at 36% 50%, hsla(205,63%,97%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(191,76%,93%,1) 0px, transparent 50%),
radial-gradient(at 100% 100%, hsla(172,67%,85%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(189,59%,96%,1) 0px, transparent 50%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: -1;
}
@media screen and (min-width: 751px) {
.sec_wrap:after {
height: calc(100% + 176px); background-color:hsla(0,0%,100%,1);
background-image:
radial-gradient(at 100% 1%, hsla(199,66%,83%,1) 0px, transparent 50%),
radial-gradient(at 36% 50%, hsla(205,63%,97%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(191,76%,93%,1) 0px, transparent 50%),
radial-gradient(at 100% 100%, hsla(172,67%,85%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(189,59%,96%,1) 0px, transparent 50%);
top: -176px;
}
}
.sec_news {
padding: calc(100px + 3%) 0 0;
}
body.home .sec_news h2 {
font-size: 22px;
font-size: 2.2rem;
margin: 0;
padding-left: 0;
font-weight: 400;
}
.sec_news h3:after {
display: none;
}
.sec_news .heading {
display: -moz-flex;
display: flex;
-moz-justify-content: space-between;
justify-content: space-between;
margin-bottom: 1em;
}
.sec_news .heading p {
margin: 0;
}
.sec_news .heading p a {
position: relative;
padding-right: 25px;
text-decoration: none;
}
.sec_news .heading p a:hover {
text-decoration: underline;
}
.sec_news .heading p a:after, .sec_news .heading p a:before {
content: "";
width: 18px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.sec_news .heading p a:before {
width: 18px;
height: 1px;
background: #444444;
}
.sec_news .heading p a:after {
width: 4px;
height: 4px;
border-top: 1px solid #444444;
border-right: 1px solid #444444;
transform: rotate(45deg);
}
.sec_news .container > .row:last-child {
max-width: 700px;
margin: 0 auto;
}
.sec_news .reservation_wrap p {
margin: 0 auto;
}
.sec_news .reservation_wrap .more {
width: 221px;
}
@media screen and (max-width: 767px) {
.sec_news .reservation_wrap .more {
width: 100%;
}
}
.sec_news .reservation_wrap .tel {
position: relative;
font-size: 20px;
font-size: 2rem;
padding-left: 35px;
margin-top: 0;
display: table;
}
.sec_news .reservation_wrap .tel:before {
content: "";
width: 24px;
height: 24px;
background: url(//fuse-shika.com/wp-content/uploads/icon_tel.png) no-repeat center/contain;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media screen and (min-width: 768px) {
.sec_news .reservation_wrap {
display: -moz-flex;
display: flex;
-moz-align-items: center;
align-items: center;
-moz-justify-content: center;
justify-content: center;
}
.sec_news .reservation_wrap > *:not(:first-child) {
margin-left: 2%;
}
}
@media screen and (max-width: 767px) {
.sec_news {
padding: 120px 0 0;
}
.sec_news .reservation_wrap > * {
margin: 0 auto;
}
.sec_news .reservation_wrap > *:not(:last-child) {
margin-bottom: 4%;
}
}
.more a.web_reservation, .more a.line_reservation, .more a.tel_btn {
font-size: 16px;
font-size: 1.6rem;
max-width: 221px;
}
.more a.web_reservation:after, .more a.line_reservation:after, .more a.tel_btn:after {
display: none;
}
.more a.web_reservation span, .more a.line_reservation span, .more a.tel_btn span {
position: relative;
padding-left: 30px;
}
.more a.web_reservation span:before, .more a.line_reservation span:before, .more a.tel_btn span:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
width: 24px;
height: 24px;
}
@media screen and (max-width: 767px) {
.more a.web_reservation, .more a.line_reservation, .more a.tel_btn {
max-width: 300px;
}
}
.more a.web_reservation {
background: #62B4DD;
border-color: #62B4DD;
color: #fff;
opacity: 1;
transition: 0.2s;
}
.more a.web_reservation span:before {
background: url(//fuse-shika.com/wp-content/uploads/icon_calendar.png) no-repeat center/contain;
}
.more a.web_reservation:hover {
opacity: 0.8;
}
.more a.line_reservation {
background: #41982A;
border-color: #41982A;
color: #fff;
opacity: 1;
transition: 0.2s;
}
.more a.line_reservation span:before {
background: url(//fuse-shika.com/wp-content/uploads/icon_line.png) no-repeat center/contain;
}
.more a.line_reservation:hover {
opacity: 0.8;
}
.more a.tel_btn {
background: #fff;
border-color: #444444;
color: #444444;
}
.more a.tel_btn span:before {
background: url(//fuse-shika.com/wp-content/uploads/icon_tel.png) no-repeat center/contain;
}
.sec_features .row.bnr_wrap {
display: -moz-flex;
display: flex;
}
.sec_features .bnr {
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
background: #fff;
overflow: hidden;
border-radius: 20px;
}
.sec_features .bnr .content {
padding: 3% 7% 5%;
}
.sec_features .bnr .main_txt {
font-weight: 600;
font-size: 18px;
font-size: 1.8rem;
font-family: "Shippori Mincho", "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
line-height: 1;
}
.sec_features .bnr .main_txt .num {
display: block;
margin-bottom: -10px;
}
.sec_features .bnr .main_txt .num img {
width: 44px;
}
@media screen and (min-width: 768px) {
.sec_features .row.bnr_wrap {
flex-wrap: wrap;
-moz-justify-content: center;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.sec_features {
padding-bottom: 10%;
}
.sec_features .container {
padding: 0;
}
.sec_features h2 {
padding: 0 10px;
}
.sec_features .slick-slider {
margin-bottom: 45px;
}
.sec_features .slick-slider .slick-track {
display: -moz-flex;
display: flex;
}
.sec_features .bnr_wrap .slick-list {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.sec_features .bnr_wrap .bnr {
margin: 0 10px;
margin-bottom: 0;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
height: auto !important;
border-radius: 15px;
}
.sec_features .slick-next,
.sec_features .slick-prev {
z-index: 10;
width: 15px;
height: 15px;
border-top: 1px solid #444444;
border-left: 1px solid #444444;
}
.sec_features .slick-next:before,
.sec_features .slick-prev:before {
display: none;
}
.sec_features .slick-prev {
left: 9%;
transform: rotate(-45deg);
}
.sec_features .slick-next {
right: 9%;
transform: rotate(135deg);
}
}
.sec_clinic {
position: relative;
z-index: 0;
margin-bottom: 0;
padding-bottom: 5%;
}
.sec_clinic .more {
margin-top: 5%;
}
.sec_clinic table.table-default tbody tr th,
.sec_clinic table.table-default tbody tr td {
padding: 2em 0.5em;
}
@media screen and (min-width: 768px) {
.sec_clinic .large_img {
position: relative;
height: 550px;
max-width: 1400px;
margin: 0 auto;
}
.sec_clinic .large_img img {
width: 1680px;
max-width: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
border-radius: 35px 0 0 35px;
}
.sec_clinic .shopinfo .map_container {
padding-top: 53.5%;
}
}
@media screen and (max-width: 1420px) {
.sec_clinic .large_img {
margin-left: 10px;
}
}
@media screen and (max-width: 767px) {
.sec_clinic {
padding-bottom: 15%;
}
.sec_clinic .row .col:first-child {
margin-bottom: 8%;
}
.sec_clinic .large_img img {
max-width: 100%;
border-radius: 15px 0 0 15px;
}
}
.sec_about {
position: relative;
z-index: 0;
padding: 5% 0; background-color:hsla(0,0%,100%,1);
background-image:
radial-gradient(at 0% 0%, hsla(198,63%,82%,1) 0px, transparent 50%),
radial-gradient(at 100% 1%, hsla(186,78%,87%,1) 0px, transparent 50%),
radial-gradient(at 100% 100%, hsla(214,76%,95%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(170,69%,79%,1) 0px, transparent 50%),
radial-gradient(at 36% 50%, hsla(205,63%,97%,1) 0px, transparent 50%);
}
.sec_about p {
font-weight: 500;
}
.sec_about .container {
max-width: 1440px;
}
.sec_about .about_box {
background: #fff;
margin: 0 auto;
padding: 4%;
margin-bottom: 4%;
position: relative;
z-index: 0;
}
.sec_about .about_box:after {
content: "";
width: 100vw;
height: 100%;
background: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: -1;
}
.sec_about .about_box .inner {
max-width: 1200px;
margin: 0 auto;
}
.sec_about .about_box .inner h3 {
font-size: 20px;
font-size: 2rem;
font-weight: 400;
}
.sec_about .about_box .inner figure img {
border-radius: 13px;
}
.sec_about .main_txt {
font-size: 22px;
font-size: 2.2rem;
font-weight: 500;
color: #739795;
}
.sec_about .medical_box {
position: relative;
padding: 0 4%;
z-index: 0;
}
.sec_about .medical_box:after {
content: "";
background: url(//fuse-shika.com/wp-content/uploads/top_deco02.png) no-repeat center/contain;
width: 336px;
height: 317px;
position: absolute;
top: -5%;
right: -11%;
margin: auto;
z-index: -1;
}
.sec_about .medical_box .inner {
max-width: 1200px;
margin: 0 auto;
}
.sec_about .medical_box .inner h3 {
font-size: 26px;
font-size: 2.6rem;
padding: 0;
text-align: center;
font-weight: 500;
}
.sec_about .medical_box .inner h3:after {
display: none;
}
.sec_about .medical_btn a {
display: block;
text-decoration: none;
background: #ffffff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 20px;
padding: 8%;
opacity: 1;
transition: 0.2s;
}
.sec_about .medical_btn a:hover {
opacity: 0.8;
}
.sec_about .medical_btn a .img {
text-align: center;
margin-bottom: 1em;
display: block;
}
.sec_about .medical_btn a .img img {
width: 117px;
}
.sec_about .medical_btn a .img .medical_icon{
display: flex;
justify-content: center;
align-items: center;
max-width: 117px;
width: 100%;
border-radius: 100vw;
background: #F4FAFB;
aspect-ratio: 1 / 1;
margin: 0 auto;
}
.sec_about .medical_btn a .img .medical_icon::before{
content: "";
display: block;
background: #62B4DD;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center center;
width: 56%;
height: 56%;
}
.sec_about .medical_btn.medical01 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon001.svg);}
.sec_about .medical_btn.medical02 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon002.svg);}
.sec_about .medical_btn.medical03 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon003.svg);}
.sec_about .medical_btn.medical04 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon004.svg);}
.sec_about .medical_btn.medical05 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon005.svg);}
.sec_about .medical_btn.medical06 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon006.svg);}
.sec_about .medical_btn.medical07 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon007.svg);}
.sec_about .medical_btn.medical08 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon008.svg);}
.sec_about .medical_btn.medical09 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon009.svg);}
.sec_about .medical_btn.medical10 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon010.svg);}
.sec_about .medical_btn.medical11 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon011.svg);}
.sec_about .medical_btn.medical12 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon012.svg);}
.sec_about .medical_btn.medical13 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon013.svg);}
.sec_about .medical_btn.medical14 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon014.svg);}
.sec_about .medical_btn.medical15 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon015.svg);}
.sec_about .medical_btn.medical16 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon016.svg);}
.sec_about .medical_btn.medical17 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon017.svg);}
.sec_about .medical_btn.medical18 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon018.svg);}
.sec_about .medical_btn.medical19 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon019.svg);}
.sec_about .medical_btn.medical20 a .img .medical_icon::before{mask-image: url(//fuse-shika.com/wp-content/uploads/top_icon020.svg);}
.sec_about .medical_btn a .txt {
position: relative;
padding: 0 1em;
display: table;
margin: 0 auto;
font-size: 18px;
font-size: 1.8rem;
font-weight: 500;
}
.sec_about .medical_btn a .txt:after {
content: "";
display: block;
position: absolute;
top: 53%;
right: 0;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #444444;
border-right: 1px solid #444444;
transform: translate(0, -50%) rotate(45deg);
transition: 0.2s;
}
@media screen and (min-width: 768px) {
.sec_about .row.row_inline > .col {
margin-bottom: 2%;
}
}
@media screen and (max-width: 1460px) {
.sec_about .container {
padding: 0 10px;
}
}
@media screen and (max-width: 999px) {
.sec_about .medical_box:after {
width: 34%;
padding-top: 32%;
max-width: 336px;
height: 0;
}
}
@media screen and (max-width: 767px) {
.sec_about {
padding: 10% 0;
}
.sec_about:after {
width: 100%;
}
.sec_about .about_box {
padding: 10% 4%;
}
.sec_about .about_box .inner h3 {
font-size: 18px;
font-size: 1.8rem;
}
.sec_about .about_box .inner figure img {
border-radius: 8px;
}
.sec_about .medical_box:after {
top: -2%;
}
.sec_about .medical_box .inner h3 {
font-size: 20px;
font-size: 2rem;
}
.sec_about .main_txt {
font-size: 18px;
font-size: 1.8rem;
}
.sec_about .medical_btn a {
display: -moz-flex;
display: flex;
-moz-align-items: center;
align-items: center;
padding: 0.8em;
border-radius: 15px;
}
.sec_about .medical_btn a .img {
margin-bottom: 0;
}
.sec_about .medical_btn a .img img {
width: 70px;
}
.sec_about .medical_btn a .img .medical_icon {
width: 70px;
}
.sec_about .medical_btn a .txt {
width: calc(100% - 70px - 2%);
margin-left: 2%;
}
}
.sec_message p {
font-weight: 500;
}
.sec_message p:last-child {
margin-top: 8%;
font-size: 18px;
font-size: 1.8rem;
}
.sec_message .main_txt {
font-size: 22px;
font-size: 2.2rem;
font-weight: 500;
color: #739795;
}
.sec_message figure img {
border-radius: 20px;
}
@media screen and (min-width: 768px) {
.sec_message .row .col:last-child {
height: 700px;
width: 55.5%;
margin-left: 4%;
}
.sec_message .row .col:last-child figure {
position: relative;
height: 100%;
overflow: hidden;
}
.sec_message .row .col:last-child figure img {
position: absolute;
margin: auto;
}
.sec_message .row .col:last-child figure img:nth-child(1) {
top: 0;
left: 0;
z-index: 1;
}
.sec_message .row .col:last-child figure img:nth-child(2) {
bottom: 0;
right: 0;
z-index: 0;
}
}
@media screen and (max-width: 1199px) {
.sec_message .row .col:last-child figure {
height: 100%;
}
.sec_message .row .col:last-child figure img:nth-child(1) {
width: 74%;
max-width: 500px;
}
.sec_message .row .col:last-child figure img:nth-child(2) {
max-width: 360px;
width: 55%;
bottom: auto;
top: 50%;
}
}
@media screen and (max-width: 767px) {
.sec_message figure img {
border-radius: 15px;
}
.sec_message .main_txt {
font-size: 18px;
font-size: 1.8rem;
}
.sec_message p:last-child {
font-size: 16px;
font-size: 1.6rem;
}
.sec_message .row .col:last-child figure img {
position: relative;
display: block;
}
.sec_message .row .col:last-child figure img:nth-child(1) {
max-width: 80%;
margin: 0 auto 0 0;
z-index: 1;
max-width: 500px;
}
.sec_message .row .col:last-child figure img:nth-child(2) {
max-width: 40%;
margin: -40% 0 0 auto;
z-index: 0;
max-width: 360px;
}
}
.sec_info { background-color:hsla(173,72%,90%,1);
background-image:
radial-gradient(at 0% 0%, hsla(189,56%,95%,1) 0px, transparent 50%),
radial-gradient(at 100% 1%, hsla(187,56%,83%,1) 0px, transparent 50%),
radial-gradient(at 100% 100%, hsla(195,62%,80%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(189,75%,85%,1) 0px, transparent 50%);
padding: 4% 0;
margin-bottom: 0 !important;
}
.sec_info p {
font-size: 13px;
font-size: 1.3rem;
margin: 0;
}
.sec_info .clinic_name {
font-size: 24px;
font-size: 2.4rem;
}
.sec_info .tel {
font-size: 24px;
font-size: 2.4rem;
}
.sec_info .calendar_box {
margin-top: 1em;
}
@media screen and (min-width: 768px) {
.sec_info .row {
display: -moz-flex;
display: flex;
}
.sec_info .shopinfo .map_container {
padding-top: 0;
height: 100%;
}
}
@media screen and (max-width: 1480px) {
.sec_info {
padding: 4% 0 80px;
}
}
@media screen and (max-width: 767px) {
.sec_info {
padding: 10% 0 60px;
}
.sec_info .clinic_name {
font-size: 20px;
font-size: 2rem;
margin-bottom: 1em;
}
.sec_info .tel {
font-size: 20px;
font-size: 2rem;
margin-bottom: 0.5em;
}
}
body:not(.home) main > section section .container {
overflow: hidden;
}
@media screen and (min-width: 768px) {
body:not(.home) main > section section .container .row .col:has(h2) + .col {
padding-top: 64px;
}
}
.overflow_txt_hidden {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
margin-bottom: 4%;
}
.overflow_txt_hidden + .more a {
max-width: 201px;
background: transparent;
color: #444444;
}
.overflow_txt_hidden + .more a:after {
border-color: #444444;
transform: translate(0, -50%) rotate(135deg);
right: 15%;
}
.overflow_txt_hidden + .more a.close:after {
transform: translate(0) rotate(-45deg);
}
@media screen and (min-width: 768px) {
.overflow_txt_hidden + .more a {
margin-left: 0;
}
}
.staff_box {
padding: 6%;
background: #F6FDFC;
}
.staff_box:not(:last-child) {
margin-bottom: 4%;
}
.staff_box .main_txt {
font-size: 22px;
font-size: 2.2rem;
font-weight: 500;
color: #739795;
}
.staff_box .staff_name {
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
padding-left: 0;
}
.staff_box .staff_name::after{
display: none;
}
.staff_box h4 {
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.staff_box .row:not(:last-child) {
margin-bottom: 8%;
}
.staff_box .row .col:not(:last-child) {
margin-bottom: 8%;
}
.staff_box .main_txt {
font-size: 20px;
font-size: 2rem;
}
.staff_box h4 {
font-size: 16px;
font-size: 1.6rem;
}
}
.fees_box:not(:last-child) {
margin-bottom: 4%;
}
.fees_box table.table-default tr th {
background: #fff;
width: 28%;
}
.fees_box .fees_txt .price {
display: block;
text-align: right;
}
@media screen and (min-width: 768px) {
.fees_box .fees_txt {
display: -moz-flex;
display: flex;
-moz-align-items: center;
align-items: center;
-moz-justify-content: space-between;
justify-content: space-between;
}
.fees_box .fees_txt .price {
margin-left: 2%;
}
}
.trouble_box h3 {
font-size: 18px;
font-size: 1.8rem;
margin-top: 0;
margin-bottom: 1.5em;
padding-bottom: 0.5em;
padding-left: 0;
font-weight: 500;
border-bottom: 1px solid #D9D9D9;
}
.trouble_box h3:after {
display: none;
}
.trouble_box .inner {
background: #fff;
padding: 4%;
}
.trouble_box ul {
padding: 0;
margin-bottom: 0;
}
.trouble_box ul li {
position: relative;
list-style: none;
padding-left: 20px;
font-weight: 500;
letter-spacing: 0.08em;
}
.trouble_box ul li:not(:last-child) {
margin-bottom: 1em;
}
.trouble_box ul li:before {
content: "";
width: 9px;
height: 5px;
border-left: 2px solid #BC9D7C;
border-bottom: 2px solid #BC9D7C;
position: absolute;
top: 5px;
left: 0;
margin: auto;
transform: rotate(-45deg);
}
@media screen and (min-width: 768px) {
.trouble_box .inner {
display: -moz-flex;
display: flex;
}
.trouble_box ul {
width: 49%;
}
.trouble_box ul:not(:first-child) {
margin-left: 2%;
}
}
@media screen and (max-width: 767px) {
.trouble_box {
padding: 6% !important;
}
.trouble_box h3 {
font-size: 16px;
font-size: 1.6rem;
}
.trouble_box ul:not(:last-child) {
margin-bottom: 1em;
}
}
.merit_box h3 {
font-size: 18px;
font-size: 1.8rem;
margin-top: 0;
margin-bottom: 1.5em;
padding-bottom: 0.5em;
padding-left: 0;
font-weight: 500;
border-bottom: 1px solid #D9D9D9;
}
.merit_box h3:after {
display: none;
}
.merit_box .inner {
background: #fff;
padding: 4%;
}
.merit_box ul {
padding: 0;
margin-bottom: 0;
}
.merit_box ul li {
position: relative;
list-style: none;
padding-left: 20px;
font-weight: 500;
letter-spacing: 0.08em;
}
.merit_box ul li:not(:last-child) {
margin-bottom: 1em;
}
.merit_box ul li:before {
content: "";
position: absolute;
top: 7px;
left: 0;
margin: auto;
}
.merit_box ul.list_merit li:before {
width: 12px;
height: 12px;
border-radius: 100%;
border: 2px solid #62B4DD;
box-sizing: border-box;
}
.merit_box ul.list_demerit li:before {
--b: 2.5px;
width: 12px;
aspect-ratio: 1/0.8660254038;
-webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%, 50% 0, 50% var(--b), calc(var(--b) * 0.8660254038) calc(100% - var(--b) / 2), calc(100% - var(--b) * 0.8660254038) calc(100% - var(--b) / 2), 50% var(--b));
clip-path: polygon(50% 0, 100% 100%, 0 100%, 50% 0, 50% var(--b), calc(var(--b) * 0.8660254038) calc(100% - var(--b) / 2), calc(100% - var(--b) * 0.8660254038) calc(100% - var(--b) / 2), 50% var(--b));
background: #62B4DD;
}
@media screen and (max-width: 767px) {
.merit_box {
padding: 6% !important;
}
.merit_box h3 {
font-size: 16px;
font-size: 1.6rem;
}
}
.row.hr-border-top {
padding-top: 4%;
border-top: 1px solid #D9D9D9;
}
ul.commitment_list {
padding: 0;
}
ul.commitment_list li {
list-style: none;
}
ul.commitment_list li:not(:last-child) {
margin-bottom: 4%;
}
ul.commitment_list li .main_txt {
font-size: 22px;
font-size: 2.2rem;
font-weight: 800;
color: #62B4DD;
display: block;
margin-bottom: 0.4em;
}
ul.commitment_list li .main_txt .num {
display: block;
}
ul.commitment_list li .main_txt .num img {
width: 21px;
}
@media screen and (max-width: 767px) {
ul.commitment_list li .main_txt {
font-size: 18px;
font-size: 1.8rem;
}
}
.flow_wrap .step {
background: #F6FDFC;
padding: 6%;
}
.flow_wrap .step:not(:last-child) {
position: relative;
margin-bottom: 63px;
}
.flow_wrap .step:not(:last-child):after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-color: #e2d6c3 transparent transparent transparent;
border-width: 38px 94px 0px 94px;
position: absolute;
left: 0;
right: 0;
bottom: -52.5px;
margin: auto;
}
.flow_wrap .step .main_txt {
font-weight: 500;
font-size: 18px;
font-size: 1.8rem;
display: -moz-flex;
display: flex;
-moz-align-items: center;
align-items: center;
}
.flow_wrap .step .main_txt .num {
font-size: 50px;
font-size: 5rem;
color: #62B4DD;
margin-right: 15px;
font-family: "Shippori Mincho", "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}
.flow_wrap .step .main_txt + p {
font-size: 14px;
font-size: 1.4rem;
}
.flow_wrap table.table-default tr th {
background: #fff;
width: 30%;
}
@media screen and (min-width: 768px) {
.flow_wrap table.table-default tbody {
display: -moz-flex;
display: flex;
flex-wrap: wrap;
}
.flow_wrap table.table-default tr {
width: 50%;
}
.flow_wrap table.table-default tr th {
text-align: center;
width: 20%;
}
.flow_wrap table.table-default tr td {
width: 30%;
}
}
@media screen and (max-width: 767px) {
.flow_wrap .step:not(:last-child) {
margin-bottom: 42px;
}
.flow_wrap .step:not(:last-child):after {
width: 0;
height: 0;
border-style: solid;
border-color: #e2d6c3 transparent transparent transparent;
border-width: 22px 60px 0px 60px;
bottom: -32px;
}
.flow_wrap .step .main_txt {
font-size: 16px;
font-size: 1.6rem;
}
.flow_wrap .step .main_txt .num {
font-size: 40px;
font-size: 4rem;
}
}
.list_box {
padding: 6% !important;
}
.list_box ul {
padding: 0;
}
.list_box ul li {
list-style: none;
}
.list_box ul li:not(:last-child) {
margin-bottom: 1em;
}
.payment_box {
padding: 6% !important;
}
.payment_box .white_box {
background: #fff;
padding: 4%;
} .payment_box .patment_icon_list{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
list-style: none;
padding: 0;
}
.payment_box .patment_icon_list li{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 20%;
max-width: 80px;
max-width: ;
height: auto;
aspect-ratio: 1;
background-size: contain;
background-repeat: no-repeat;
background-size: contain;
}
h3.payment_title{
padding-left: 0;
}
h3.payment_title::after{
display: none;
}
.payment_box .patment_icon_list li.payment_icon_01{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_01.jpg);}
.payment_box .patment_icon_list li.payment_icon_02{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_02.jpg);}
.payment_box .patment_icon_list li.payment_icon_03{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_03.jpg);}
.payment_box .patment_icon_list li.payment_icon_04{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_04.jpg);}
.payment_box .patment_icon_list li.payment_icon_05{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_05.jpg);}
.payment_box .patment_icon_list li.payment_icon_06{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_06.jpg);}
.payment_box .patment_icon_list li.payment_icon_07{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_07.jpg);}
.payment_box .patment_icon_list li.payment_icon_08{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_08.jpg);}
.payment_box .patment_icon_list li.payment_icon_09{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_09.jpg);}
.payment_box .patment_icon_list li.payment_icon_10{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_10.jpg);}
.payment_box .patment_icon_list li.payment_icon_11{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_11.jpg);}
.payment_box .patment_icon_list li.payment_icon_12{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_12.jpg);}
.payment_box .patment_icon_list li.payment_icon_13{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_13.jpg);}
.payment_box .patment_icon_list li.payment_icon_14{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_14.jpg);}
.payment_box .patment_icon_list li.payment_icon_15{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_15.jpg);}
.payment_box .patment_icon_list li.payment_icon_16{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_16.jpg);}
.payment_box .patment_icon_list li.payment_icon_17{ background-image: url(//fuse-shika.com/wp-content/uploads/payment_icon_17.jpg);} .payment_box .white_box figure {
text-align: left;
}
.payment_box h4 {
font-weight: 400;
}
@media screen and (min-width: 768px) {
.payment_box .row.row_inline {
display: -moz-flex;
display: flex;
flex-wrap: wrap;
}
.payment_box .row.row_inline > .col {
display: -moz-flex;
display: flex;
-moz-flex-direction: column;
flex-direction: column;
}
.payment_box .row.row_inline > .col .white_box {
flex-grow: 1;
}
.payment_box .row.row_inline .col.span_12 {
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
.gallery_wrap {
margin-bottom: 50px;
}
.gallery_wrap .col {
margin-bottom: 0;
padding: 0 5px;
}
}
.gallery_wrap .slick-next,
.gallery_wrap .slick-prev {
z-index: 10;
width: 15px;
height: 15px;
border-top: 1px solid #444444;
border-left: 1px solid #444444;
}
.gallery_wrap .slick-next:before,
.gallery_wrap .slick-prev:before {
display: none;
}
.gallery_wrap .slick-prev {
left: 4%;
transform: rotate(-45deg);
}
.gallery_wrap .slick-next {
right: 4%;
transform: rotate(135deg);
}
.article_list {
padding: 6%;
background: #F9F8F4;
}
.article_list:before {
display: none;
}
.article_list:not(:last-child) {
margin-bottom: 4%;
}
.article_list .col {
margin: 0;
}
.article_list p {
font-size: 13px;
font-size: 1.3rem;
}
.article_list .article_date {
font-size: 12px;
font-size: 1.2rem;
color: #858585;
font-weight: 500;
margin-bottom: 0;
}
.article_list h3 {
font-size: 15px;
font-size: 1.5rem;
font-weight: 500;
padding: 0;
margin-bottom: 0.5em;
}
.article_list h3:after {
display: none;
}
.article_list .tags {
padding: 0;
display: -moz-flex;
display: flex;
flex-wrap: wrap;
margin-bottom: 0.5em;
}
.article_list .tags li {
position: relative;
list-style: none;
background: #fff;
font-size: 12px;
font-size: 1.2rem;
font-weight: 500;
padding: 0.2em 1em 0.2em calc(1em + 16px);
margin-right: 5px;
margin-bottom: 5px;
}
.article_list .tags li:before {
content: "";
background: url(//fuse-shika.com/wp-content/uploads/tag.png) no-repeat center/contain;
width: 16px;
height: 16px;
position: absolute;
top: 0;
bottom: 0;
left: 1em;
margin: auto;
}
.article_list .tags li a {
text-decoration: none;
}
.article_list .more a {
background: transparent;
color: #444444;
}
.article_list .more a:after {
border-color: #444444;
}
.article_list .more a:hover {
background: #444444;
color: #fff;
}
.article_list .more a:hover:after {
border-color: #fff;
}
.slick-dots li {
width: 8px;
height: 8px;
margin: 0 10px;
}
.slick-dots li button {
width: 8px;
height: 8px;
background: #E1EAEF;
}
.slick-dots li.slick-active button {
background: #62B4DD;
}
.fadeUp {
transform: translateY(20px);
opacity: 0;
transition: 1s;
}
.fadeUp.animated {
transform: translateY(0);
opacity: 1;
transition-delay: 0.3s;
}
.fadeUpWrap [class*=ani] {
transform: translateY(20px);
opacity: 0;
transition: 1s;
visibility: visible !important;
}
@media screen and (min-width: 768px) {
.fadeUpWrap.animated [class*=ani] {
transform: translateY(0);
opacity: 1;
}
.fadeUpWrap.animated .ani01 {
transition-delay: 0.3s;
}
.fadeUpWrap.animated .ani02 {
transition-delay: 0.6s;
}
.fadeUpWrap.animated .ani03 {
transition-delay: 0.9s;
}
.fadeUpWrap.animated .ani04 {
transition-delay: 1.2s;
}
.fadeUpWrap.animated .ani05 {
transition-delay: 1.5s;
}
.fadeUpWrap.animated .ani06 {
transition-delay: 1.8s;
}
}
@media screen and (max-width: 767px) {
.fadeUpWrap [class*=ani].animated {
transform: translateY(0);
opacity: 1;
transition-delay: 0.3s;
}
}
@media screen and (max-width: 939px) {
footer .footer_nav_wrap {
display: none;
}
footer .footer_copyright_wrap {
margin-top: 0;
}
} .visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
@media screen and (min-width: 768px) {
.footer_fixed_content:after {
width: 40%;
}
}
.footer_fixed_content .pc_ftr .box01 {
width: 35%;
}
.footer_fixed_content .pc_ftr .box02 {
width: 35%;
margin-left: 0;
}