@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html{
overflow-y: scroll;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
input, textarea{
margin: 0;
padding: 0;
}
ol, ul{
list-style:none;
}
table{
border-collapse: collapse; 
border-spacing:0;
}
caption, th{
text-align: left;
}
input:focus,
a:focus {
outline:none;
}
.clearfix::after {
content: ""; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px; /*/*/}
.both{
clear:both;
}
.clear{
clear:both;
}
.clear hr{
display: none;
}
hr.clear{
clear:both;
border: none;
}
img,
a img {
display: inline-block;
vertical-align:top;
line-height: 0;
max-width:100%;
height: auto;
border: 0;
padding: 0;
}
table {
width:100%;
}
 .intro-section {
text-align: center;
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.content-section {
--scroll-length: 1.5;
height: calc( var(--scroll-length) * 100vh );
width: 100%;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.content-section .content .subheading,
.content-section .content .paragraph {
opacity: 1;
opacity: calc( 1 + var(--viewport-y) );
margin: 1em 0 0;
}
.figure {
width: 100%;
height: 100vh;
margin: 0;
position: absolute;
top: 0;
left: 0;
}
.figure > img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 45em;
display: grid;
grid-template-rows: 1fr 1fr;
color: #fff;
padding: 2em;
font-size: 2.5vmin;
}
.content * {
text-shadow: 0 0 4vmin rgba(0, 0, 0, 0.25);
}
.content > .header {
grid-row: 1 / 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.content > .paragraph {
grid-row: 2 / 3;
line-height: 1.5;
font-size: 1.8rem;
text-shadow:1px 1px 0 rgba(0,0,0,0.3), -1px -1px 0 rgba(0,0,0,0.3),
-1px 1px 0 rgba(0,0,0,0.3), 1px -1px 0 rgba(0,0,0,0.3),
0px 1px 0 rgba(0,0,0,0.3),  0-1px 0 rgba(0,0,0,0.3),
-1px 0 0 rgba(0,0,0,0.3), 1px 0 0 rgba(0,0,0,0.3);
}
.heading {
font-size: 2.75em;
margin: 0;
}
.subheading {
font-size: 1.25em;
font-weight: 600;
margin-bottom: .5em;
} .figure {
--scale: calc(.8 +
(.2 * var(--scroll-length) * var(--visible-y))
);
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
margin: 0;
display: block;
overflow: hidden;
will-change: transform;
-webkit-transform: scale(var(--scale));
transform: scale(var(--scale));
}
.figure:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; opacity: calc( var(--visible-y) );
}
.figure > img {
display: block;
will-change: transform;
-webkit-transform: scale(calc(1 / var(--scale)));
transform: scale(calc(1 / var(--scale)));
} .char {
display: inline-block;
opacity: calc(  1 + (  ( var(--viewport-y) * 1.5 ) - var(--char-percent) ) );
}
*,
*:before,
*:after {
position: relative;
box-sizing: border-box;
}
.heading,
.intro-heading {
font-weight: 700;
background: transparent;
padding: 0;
text-align: left;
}
body, html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
line-height: 1.05;
font-weight: 400;
letter-spacing: -.015em;
font-family: "SF Pro Display","Helvetica Neue","Helvetica","Arial",sans-serif;
} @media screen and (max-width:767px){
}
 body , html {
}
body{
position: relative;
color: #333333; font-family: 'Kosugi Maru', sans-serif;
line-height: 1.8;
word-wrap: break-word;
}
.mincho{
font-family: A1 Mincho,Times New Roman, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}
.en01{
font-family: 'Raleway', sans-serif;
}
.pc-on{ display: block!important; }
.sp-on{ display: none !important; }
a:hover.opacity img,
a:hover.opacity,
a:hover img{ }
a img,
a:hover img{
-webkit-transition: all 0.2s linear;
-webkit-transition: -webkit-all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.fade image,
.fade{
-webkit-transition: all 0.2s linear;
-webkit-transition: -webkit-all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.w-fit{
width: 100%;
height: auto;
}
.h-fit{
width: auto;
height: 100%;
}
.center{
text-align: center;
}
a{
color: #0099ff;
text-decoration: underline;
}
a:hover{
text-decoration: underline;
}
.anchor{
margin-top: -120px;
padding-top: 120px;
}
::selection {
background:#E8E8E8;
}
::-moz-selection {
background:#E8E8E8;
}
strong{
font-weight: bold;
}
.small {font-size:80%;}
.price {font-size:160%;}
.noon {background:#ff6666;}
.night {background:#6699ff;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f27{font-size:27px;}
.f28{font-size:28px;}
.f29{font-size:29px;}
.f30{font-size:30px;}
.bold{font-weight: bold;} #wrapper{
}
#wrapper{
margin-top: 83px;
}
.wrapper{
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.content-wrapp{
margin: 0px 0 60px;
padding: 0px 0 0;
} header#header{
background: #FFD9E8;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
padding: 24px 0;
}
header#header.single,
header#header.bg{
background: #FFD9E8;
}
header#header.active{
background: #FFD9E8;
padding: 16px 0;
}
header#header .wrapper{
display: table;
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
}
header#header #navi,
header#header #logo{
display: table-cell;
vertical-align: middle;
}
header#header #logo{
width: 20%;
}
header#header #logo img{
width: 100%;
height: auto;
table-layout: fixed;
}
header#header #navi{
width: auto;
}
header#header #navi .menu-trigger{
display: none;
}
header#header #navi nav{
float: right;
width: 540px;
}
header#header #navi nav ul{
display: table;
width: 100%;
}
header#header #navi nav ul li{
display: table-cell;
vertical-align: middle;
}
header#header #navi nav ul li a{
display: block;
font-size: 14px;
color: #00469b;
padding: 0 1em;
text-decoration: none;
border-bottom: 2px solid transparent;
}
header#header #navi nav li a:hover,
header#header #navi nav li.current a{
color: #00469b;
border-bottom: 2px solid #4982f8;
}
header#header #navi nav li.reservation a:hover,
header#header #navi nav li.reservation.current a{
border-bottom: 2px solid transparent;
}
header#header #navi nav li a .bt{
display: inline-block;
line-height: 1;
border: 2px solid #00469b;
padding: 6px 12px;
border-radius: 4px;
}
header#header #navi nav li a:hover .bt,
header#header #navi nav li.current a .bt{
background: #fff;
color: #00469b;
}
header#header #navi nav li a i{
margin-right: 6px;
} main{
padding: 80px 0 80px;
} #page-top{
position: fixed;
right: 40px;
bottom: 40px;
display: none;
z-index: 999;
width: 70px;
}
#page-top a:hover img,
#page-top a:hover{
opacity: 1;
}
#page-top:hover{ }
@keyframes hurueru {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
25% {transform: translate(2px, 2px) rotateZ(1deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
75% {transform: translate(2px, 0px) rotateZ(-1deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
footer{
background: #4169e1;
padding: 48px 0 16px;
}
footer #footer_main{ margin: 0 auto;*/
display: block;
font-size: 14px;
}
footer #footer_main .footer-box{
float: left;
}
footer #footer_main .footer-box a{
display: block;
line-height: 1;
color: #fff;
text-decoration: none;
padding-left: 17px;
position: relative;
font-size: 12px;
}
footer #footer_main .footer-box.type04 a:before,
footer #footer_main .footer-box.type03 a:before,
footer #footer_main .footer-box.type02 a:before,
footer #footer_main .footer-box.type01 a:before{
content: "■";
position: absolute;
top: 0;
left: 0;
display: inline-block;
}
footer #footer_main .footer-box > ul > li{
margin: 0 0 8px;
}
footer #footer_main .footer-box .area-listbox > li{
float: left;
width: 32%;
}
footer #footer_main .footer-box .area-listbox > li.li02{
width: 23%;
}
footer #footer_main .footer-box .area-listbox > li.li03{
width: auto;
}
footer #footer_main .footer-box .area-listbox > li > ul{
margin: 0 0 12px;
}
footer #footer_main .footer-box .area-listbox > li > ul > li{
margin: 0 0 8px;
}
footer #footer_main .footer-box.type01{
width: 35%;
}
footer #footer_main .footer-box.type02{
width: 9%;
}
footer #footer_main .footer-box.type03{
width: 13%;
}
footer #footer_main .footer-box.type04{
width: 14%;
}
footer #footer_main .footer-box .f-title{
color: #fff;
margin: 0 0 6px;
}
footer #footer_main .footer-box .f-area{
color: #fff;
margin: 0 0 6px;
}
footer #footer_main .footer-box.type05{
float: right;
text-align: center;
}
footer #footer_main .footer-box.type05 .sns{
display: inline-block;
margin: 18px 0 0;
}
footer #footer_main .footer-box.type05 .sns li{
display: inline-block;
font-size: 32px;
margin: 0 8px;
}
footer #footer_main .footer-box.type05 .sns li a{
padding: 0;
font-size: 26px;
}
footer #copyright{
font-size: 13px;
text-align: center;
color: #fff;
} #breadcrumbs{
margin: 0 auto 40px;
}
#breadcrumbs .bc-wrapp{
width: 1200px;
margin: 0 auto;
}
#page h1{
text-align: center;
line-height: 1;
font-size: 26px;
font-weight: bold;
margin: 0;
padding: 60px 0 60px;
color: #000;
}
#page h1 span{
font-weight: bold;
}
.column-single h3,
h2{
text-align: center;
line-height: 1;
font-size: 26px;
font-weight: bold;
margin: 0 0 40px;
color: #e82438;
}
.column-single h3 span,
h2 span{
position: relative;
display: block;
font-weight: bold;
letter-spacing: 3px; box-shadow: 0px 10px 20px -20px rgba(0,0,0,0.8);
padding: 20px 20px; color: #000; background: linear-gradient(#fff, #ffffad);
} h3.heading,
h2.heading{
color: #fff;
line-height: 1.2;
}
h3.heading span,
h2.heading span{
box-shadow: none;
padding: 0;
}
h2.heading span::after,
h2.heading span::before{
width: 0;
height: 0;
}
h3.heading span.char,
h2.heading span.char{
text-shadow:1px 1px 0 rgba(0,0,0,0.6), -1px -1px 0 rgba(0,0,0,0.6),
-1px 1px 0 rgba(0,0,0,0.6), 1px -1px 0 rgba(0,0,0,0.6),
0px 1px 0 rgba(0,0,0,0.6),  0-1px 0 rgba(0,0,0,0.6),
-1px 0 0 rgba(0,0,0,0.6), 1px 0 0 rgba(0,0,0,0.6);
}
#page h2{
text-align: left;
border-top: none;
border-bottom: none;
border-left: 10px solid #4169e1;
line-height: 1;
font-size: 20px;
font-weight: normal;
padding: 0 0 0 14px;
margin: 0 0 40px;
}
#page .cont-wrapp{
margin: 0 6%;
}
p{
line-height: 1.6;
margin: 0 0 1em;
}
#in-house_info .section-block{
padding: 82px 0 0;
} .list_container{
width: auto;
margin: 0 auto;
position: relative;
}
.list_container .item{
margin: 10px;
width: 240px;
padding: 8px;
border: 1px solid #eee;
border-radius: 6px;
box-sizing: border-box;
-webkit-transition: all 0.2s linear;
-webkit-transition: -webkit-all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.list_container .item a{
display: block;
}
.list_container .item img {
width: 100%;
}
.list_container .item:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} #shop-list .item {
margin: 10px;
width: 240px;
padding: 8px;
border: 1px solid #eee;
border-radius: 6px;
box-sizing: border-box;
}
#shop-list .item a{
color: #000;
text-decoration: none;
}
#shop-list .item .image{
display: block;
margin: 0 0 14px;
}
#shop-list .item .title{
display: block;
font-size: 18px;
line-height: 1;
margin: 0 0 9px;
}
#shop-list .item .phone{
display: block;
font-size: 16px;
line-height: 1;
margin: 0 0 11px;
}
#shop-list .item .phone i{
margin-right: 6px;
}
#shop-list .item a .more{
background: #4169e1;
display: block;
text-align: center;
color: #fff;
line-height: 31px;
border-radius: 4px;
}
#shop-list .item a:hover .more{
background: #e43e50;
} .cat_wrapp{
margin: 0 0 40px;
position: relative;
overflow: hidden;
}
.cat_wrapp ul{
position: relative;
left: 50%;
float: left;
}
.cat_wrapp ul li{
position: relative;
left: -50%;
float: left;
display: inline-block;
margin: 0 10px 20px;
}
.cat_wrapp ul li a{
display: block;
line-height: 1;
padding: 6px 8px;
background: #e43e50;
font-size: 14px;
color: #fff;
text-decoration: none;
border-radius: 6px;
} .readmore_btn{
width: 180px !important;
margin: -17px auto 60px;
background: #e43e50;
line-height: 1;
color: #fff;
padding: 8px 0;
text-align: center;
text-decoration: none;
border-radius: 6px;
}
.post_cont_wrapp{
width: 100%;
max-width: 880px;
margin: 0 auto 60px;
padding: 0 20px;
box-sizing: border-box;
}
.post_cont{
max-width: 1060px;
margin: 0 auto 40px;
}
.post_cont .text_box{
margin: 0 6%;
}
.upcont-wrapp{
border: 2px solid #ccc;
padding: 20px 0 0;
border-radius: 8px;
} #cont-linkbox{
width: 860px;
margin: 120px auto 0;
position: relative;
overflow: hidden;
}
#cont-linkbox ul{
position: relative;
left: 50%;
float: left;
}
#cont-linkbox ul li{
position: relative;
left: -50%;
float: left;
width: 200px;
margin: 0 30px;
}
#cont-linkbox ul li a{
display: block;
width: 230px;
height: 230px;
border-radius: 50%;
background: #4169e1;
box-sizing: border-box;
text-align: center;
color: #fff;
text-decoration: none;
padding: 86px 0 0;
}
#cont-linkbox ul li a:hover{
background: #e43e50;
}
#cont-linkbox ul li a span{
display: block;
}
#cont-linkbox ul li a span.m-title{
font-size: 22px;
font-weight: bold;
line-height: 1;
margin: 0 0 8px;
text-shadow:1px 1px 2px #13216e;
}
#cont-linkbox ul li a span.s-title{
font-size: 15px;
line-height: 1.4;
} #notfound-wrap{
text-align: center;
padding: 180px 0 70px;
}
#notfound-wrap h1{
font-size: 70px;
color: #4169e1;
font-weight: bold;
margin: 0 0 24px;
}
#notfound-wrap h2{
color: #4169e1;
}  #column-single-head{
width: 100%;
max-width: 960px;
margin: 22px auto 14px;
padding: 0 20px;
box-sizing: border-box;
line-height: 1;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
}
}
#column-single-head .category{
float: left;
}
#column-single-head .category .c-icon{
margin: 0 8px 0 0;
}
#column-single-head .category .c-icon a{
display: inline-block;
background: #6FC7C8;
font-size: 12px;
line-height: 1;
color: #fff;
text-decoration: none;
border-radius: 4px;
padding: 6px 12px;
}
#column-single-head .category .c-icon a:hover{
opacity: 0.8;
}
#column-single-head .category .c-icon a.baguio_school{
background: #0F4A24;
}
#column-single-head .category .c-icon a.baguio{
background: #3399FF;
}
#column-single-head .category .c-icon a.student_life{
background: #FA962C;
}
#column-single-head .category .c-icon a.learning_english{
background: #FF3333;
}
#column-single-head .date{
font-size: 14px;
}
.sns{
margin-left: 30px;
}
.sns .sns-link{
display: inline-block;
width: 28px;
height: 28px;
border-radius: 4px;
overflow: hidden;
margin: 0 0 0 10px;
}
.sns .sns-link li a img {
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
}
.sns .sns-link:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.column-single #main_image{
margin: 0 0 40px;
text-align: center;
}
.column-single #main_caption{
margin: 0 20px 40px;
text-align: center;
}
.column-single .normal_wrapp{
max-width: 960px;
margin: 0 auto 40px;
}
.column-single .text_box{
margin: 0 20px;
}
.column-single .text_box p{
margin: 0 0 16px;
}
.column-single .text_box p:last-child{
margin-bottom: 0;
}
.column-single h4{
text-align: center;
margin: 0 0 30px;
}
.column-single h4 span{
display: inline-block;
position: relative;
line-height: 1.4;
padding: 0 30px 8px;
margin: 0 20px;
font-size: 20px;
border-bottom: 1px solid #C89393;
}
.column-single h4 span:before{
content: '';
position: absolute;
top: 0;
left: 10px;
width: 8px;
height: 30px;
background: #C89393;
border-radius: 4px;
}
.column-single h4 span:after{
content: '';
position: absolute;
top: 0;
right: 10px;
width: 8px;
height: 30px;
background: #C89393;
border-radius: 4px;
}
.column-single h5{
position: relative;
display: inline-block;
padding-left: 24px;
margin: 0 20px 8px;
font-size: 20px;
font-weight: bold;
}
.column-single h5:before {
content: '';
width: 18px;
height: 18px;
background: #E32D62;
border-radius: 50%;
position: absolute;
top: 50%;
left: 0;
margin-top: -9px;
}
.column-single h5:after {
content: '';
width: 0;
height: 0;
border: solid 5px transparent;
border-left: solid 7px #ffffff;
position: absolute;
top: 50%;
left: 6px;
margin-top: -4px;
}
.column-single .image_box{
margin: 0 20px 40px;
text-align: center;
}
.column-single .image_box.left{
float: left;
width: 40%;
margin: 0 15px 12px 20px;
}
.column-single .image_box.right{
float: right;
width: 40%;
margin: 0 20px 12px 15px;
}
.column-single .map_box{
margin: 0 20px 40px;
}
.column-single .map_box iframe{
width: 100%;
height: 260px;
}
.column-single .link_box_image,
.column-single .link_box{
margin: 0 20px 40px;
text-align: center;
}
.column-single .link_box a{
display: inline-block;
background: #fff;
padding: 4px 46px 6px 24px;
border: 1px solid #4169e1;
border-radius: 50px;
text-decoration: none;
color: #4169e1;
position: relative;
}
.column-single .link_box a:hover{
background-color: #4169e1;
color: #fff;
}
.column-single .link_box a:before {
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #4169e1;
border-right: solid 2px #4169e1;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 14px;
margin-top: -4px;
-webkit-transition: all 0.2s linear;
-webkit-transition: -webkit-all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.column-single .link_box a:hover:before {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
#toc{
border: 1px solid #e6e6e6;
padding: 15px;
margin: 0 0 40px;
border-radius: 6px;
}
#toc ol li a{
display: inline-block;
font-size: 14px;
position: relative;
padding: 0 0 0 12px;
margin: 0 0 4px 8px;
line-height: 1.2;
}
#toc ol li a:before {
content: '';
width: 0;
height: 0;
border: solid 4px transparent;
border-left: solid 6px #E32D62;
position: absolute;
top: 11px;
left: 0;
margin-top: -4px;
display: inline-block;
}
.talk_wrapp{
display: flex;
flex-direction: row;
align-items: center;
width: 680px;
margin: 0 auto 40px;
}
.talk_wrapp.right{
flex-direction: row-reverse;
}
.talk_wrapp .image_box{
width: 140px;
margin: 0 !important;
padding: 0 !important;
}
.talk_wrapp .image_box .img_wrapp{
display: block;
width: 140px;
text-align: center;
}
.talk_wrapp .image_box .img_wrapp img{
width: 100%;
height: auto;
}
.talk_wrapp .text_box{
width: 540px;
margin: 0 !important;
padding: 0 0 0 40px !important;
box-sizing: border-box;
}
.talk_wrapp.right .text_box{
padding: 0 40px 0 0 !important;
}
.talk_wrapp .text_box .text_wrapp{
display: block;
border-style: solid;
border-width: 2px;
box-sizing: border-box;
padding: 6px;
border-radius: 10px;
position: relative;
}
.talk_wrapp .text_box .text_wrapp:before {
content: "";
position: absolute;
top: 50%;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #FFF;
z-index: 2;
}
.talk_wrapp .text_box .text_wrapp:after {
content: "";
position: absolute;
top: 50%;
left: -29px;
margin-top: -14px;
border: 14px solid transparent;
z-index: 1;
}
.talk_wrapp.right .text_box .text_wrapp:before {
left: auto;
right: -24px;
border-left: 12px solid #FFF;
border-right: 12px solid transparent;
}
.talk_wrapp.right .text_box .text_wrapp:after {
left: auto;
right: -29px;
border-right: 14px solid transparent;
} .bg_yellow_dot {
background:#fff7c0;
} .bg_yellow_borderR{
background-color:#fff7c0;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px,transparent 0, transparent 14px);
} .bg_yellow_borderL{
background-color:#fff7c0;
background-image: repeating-linear-gradient(45deg, #fff, #fff 7px,transparent 0, transparent 14px);
}
#wrapper h1{
text-align: center;
line-height: 1;
font-size: 26px;
font-weight: bold; margin: 0px 0 70px; }
#wrapper h1 span{ position: relative;
display: block;
font-weight: bold;
letter-spacing: 3px;
box-shadow: 0px 10px 20px -20px rgba(0,0,0,0.8);
padding: 20px 20px;
color: #000;
background: -moz-linear-gradient(#fff, #ffffad);
background: -webkit-linear-gradient(#fff, #ffffad);
background: linear-gradient(#fff, #ffffad);
}
#news h2,
#handling_model h2,
#in-house_info h2{
margin: 0 0 0;
padding: 50px 0;
}
#news .caption,
#handling_model .caption,
#in-house_info .caption{
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 0 0 50px;
} .tax-list{
width: 800px;
margin: 0 auto;
}
.tax-list > li{
display: table;
width: 100%;
padding: 14px 0;
}
.tax-list li .text-box,
.tax-list li .image-box{
display: table-cell;
vertical-align: top;
}
.tax-list li .image-box{
width: 240px;
}
.tax-list li .image-box figure{
border-radius: 6px;
overflow: hidden;
}
.tax-list li .text-box a{
text-decoration: none;
color: #000;
}
.tax-list li .text-box{
padding: 12px 16px 36px 28px;
position: relative;
}
.tax-list li .text-box h2{
text-align: left;
font-size: 20px;
margin: 0 0 16px;
}
.tax-list li .text-box h2 a{
color: #4169e1;
}
.tax-list li .text-box .text{
font-size: 14px;
margin: 0 0 6px;
}
.tax-list li .text-box .category ul li{
float: left;
margin: 0 8px 8px 0;
}
.tax-list li .text-box .category ul li a{
display: inline-block;
line-height: 1;
background: #e43e50;
padding: 4px 6px;
font-size: 13px;
color: #fff;
border-radius: 4px;
}
.tax-list li .text-box .more{
position: absolute;
right: 0px;
bottom: 0px;
}
.tax-list li .text-box .more a{
display: inline-block;
background: #4169e1;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #fff;
padding: 0 48px 0 14px;
letter-spacing: 2px;
border-radius: 20px;
-webkit-transition: all 0.2s linear;
-webkit-transition: -webkit-all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
position: relative;
}
.tax-list li .text-box .more a:hover{
background: #5277E4;
}
.tax-list li .text-box .more a:before {
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 12px;
margin-top: -4px;
} #pager{
margin: 60px 0 0;
text-align: center;
}
#pager span,
#pager a{
display: inline-block;
text-decoration: none;
font-size: 16px;
color: #4169e1;
line-height: 22px;
border: 1px solid #4169e1;
border-radius: 4px;
padding: 0 10px;
margin: 0 3px;
-webkit-transition: all 0.2s linear;
-webkit-transition: -webkit-all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#pager a:hover,
#pager span{
background: #4169e1;
color: #fff;
} ul.guide-wrapp h2{
text-align: center;
line-height: 1;
font-size: 26px;
font-weight: bold;
padding: 10px;
color: #fff;
background:#e43e50; } .redirect_cont{
position: relative;
width: 100%;
height: 100vh;
margin-bottom: -80px;
}
.redirect_cont .cont{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.redirect_cont .cont p{
font-size: 18px;
color: #4169e1;
text-align: center;
margin: 0 0 30px;
}
.redirect_cont .cont .link{
margin: 0 0 40px;
text-align: center;
}
.redirect_cont .cont .link a{
display: inline-block;
position: relative;
padding: 0 21px 0 0;
color: #4169e1;
font-size: 18px;
line-height: 1;
text-decoration: none;
}
.redirect_cont .cont .link a:before {
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 1px #4169e1;
border-right: solid 1px #4169e1;
position: absolute;
top: 50%;
right: 0;
transform: rotate(45deg) translate(0, -50%);
}
.redirect_cont .cont figure{
width: 200px;
margin: 0 auto;
} @media(max-width:768px){
header#header #logo {
width: 190px;
}
.tax-list{
width: 90%;
}
} @media screen and (max-width:480px){
html { font-size: 62.5%; }
body {
font-size: 1.5rem;
-webkit-text-size-adjust:100%;
}
.sp-on{ display: block !important; }
.pc-on{ display: none !important; }
.anchor{
margin-top: -80px;
padding-top: 80px;
} #wrapper{
margin-top: 60px;
}
.wrapper{
max-width: 100%;
margin: 0 0;
}
.content-wrapp{
margin: 0px 0 40px;
padding: 0px 0 0;
} header#header{
padding: 0;
height: 13.333333vw;
background: #FFD9E8;
}
header#header .wrapper{
display: block;
overflow-x: hidden;
position: relative;
padding: 0;
width: 100%;
height: 100%;
}
header#header #navi,
header#header #logo{
display: block;
}
header#header #logo{
width: 40%;
position: absolute;
top: 50%;
left: 6%;
transform: translate(0, -50%);
line-height: 1;
}
header#header #logo img {
width: 100%;
height: 100%;
}
header#header #navi{
width: auto;
}
header#header #navi .menu-trigger{
display: inline-block;
}
header#header #navi nav{
float: none;
width: 238px;
}
header#header #navi nav ul{
display: block;
}
header#header #navi nav ul li{
display: block;
}
header#header #navi nav ul li a{
font-size: 1.6rem;
color: rgba(255,255,255,1);
padding: .7em 1em;
border-bottom: 1px solid #fff;
text-align: left;
position: relative;
}
header#header #navi nav ul li.reservation.current a,
header#header #navi nav ul li.reservation a{
border-bottom: none;
text-align: center;
}
header#header #navi nav li a:hover,
header#header #navi nav li.current a{
color: rgba(255,255,255,1);
border-bottom: 1px solid #fff;
}
header#header #navi nav ul li a:after{
content: '';
width: 0;
height: 0;
border: solid 4px transparent;
border-left: solid 6px #fff;
position: absolute;
top: 50%;
right: 6%;
margin-top: -4px;
}
header#header #navi nav ul li.reservation a:after{
border: none;
}
header#header #navi nav li a .bt{
padding: 6px 0;
width: 90%;
text-align: center;
background: #fff;
color: #00469b;
font-size: 1.8rem;
font-weight: bold;
}
header#header #navi nav li a:hover .bt,
header#header #navi nav li.current a .bt{
background: #fff;
color: #00469b;
}
#sp_banner{
width: 90%;
margin: 0 auto 20px;
border-radius: 8px;
overflow: hidden;
}
.overlay {
content: "";
display: block;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
transition: opacity .5s;
position: fixed;
top: 0;
left: 0;
}
.overlay.open {
width: 100%;
height: 100%;
opacity: 1;
}
.menu-trigger {
display: inline-block;
width: 9.066667vw;
height: 9.066667vw;
vertical-align: middle;
cursor: pointer;
position: fixed;
top: 2.4vw;
right: 4%;
z-index: 100;
background: transparent;
border-radius: 50%;
}
.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 2.4vw;
width: 50%;
height: 2px;
background-color: #00469b;
transition: all .5s;
}
.menu-trigger.active span {
background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
top: 2.933333vw
}
.menu-trigger.active span:nth-of-type(1) {
transform: translateY(1.6vw) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
top: 4.533333vw;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
bottom: 2.4vw;
}
.menu-trigger.active span:nth-of-type(3) {
transform: translateY(-1.6vw) rotate(45deg);
}
nav {
width: 238px;
height: 100%;
padding-top: 60px;
background-color: #4169e1;
position: fixed;
top: 0;
right: 0;
z-index: 10;
transform: translate(250px);
transition: all .5s;
box-shadow:-1px 0px 8px 2px #171717;
}
nav.open {
transform: translateZ(0);
}
nav li {
color: #fff;
text-align: center;
padding: 0 0;
} main {
padding: 0 0 0;
transition: all .5s;
}
main.open {
transform: translateX(-250px);
} #page-top{
position: fixed;
right: 2.666667vw;
bottom: 2.133333vw;
width: 10.666667vw;
}
#page-top a:hover img,
#page-top a:hover{
opacity: 1;
}
#page-top:hover{
animation: hurueru .2s  infinite;
}
@keyframes hurueru {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
25% {transform: translate(2px, 2px) rotateZ(1deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
75% {transform: translate(2px, 0px) rotateZ(-1deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
footer{
padding: 0 0 14.4vw;
}
footer #footer_main{ display: block;
font-size: 1.4rem;
}
footer #footer_main .footer-box{
float: none;
}
footer #footer_main .footer-box a{
padding: 3.2vw 6% 3.2vw 8vw;
border-bottom: 1px solid #fff;
font-size: 2.933333vw;
}
footer #footer_main .footer-box > ul{
}
footer #footer_main .footer-box > ul > li{
float: left;
width: 50%;
border-right: 1px solid #fff;
box-sizing: border-box;
}
footer #footer_main .footer-box > ul > li:nth-child(even){
float: right;
}
footer #footer_main .footer-box ul li ul li a{
background: #708FE4;
}
footer #footer_main .footer-box.type04 a:before,
footer #footer_main .footer-box.type03 a:before,
footer #footer_main .footer-box.type02 a:before,
footer #footer_main .footer-box.type01 a:before{
content: "■";
position: absolute;
top: 3.2vw;
left: 6%;
display: inline-block;
}
footer #footer_main .footer-box.type01 ul li{
float: none;
width: 100%;
}
footer #footer_main .footer-box > ul > li{
margin: 0;
}
footer #footer_main .footer-box .area-listbox > li{
float: none;
width: auto;
}
footer #footer_main .footer-box .area-listbox > li.li02{
width: auto;
}
footer #footer_main .footer-box .area-listbox > li.li03{
width: auto;
}
footer #footer_main .footer-box .area-listbox > li > ul{
margin: 0 0 0;
}
footer #footer_main .footer-box .area-listbox > li > ul > li{
margin: 0 0 0;
}
footer #footer_main .footer-box.type01{
width: auto;
}
footer #footer_main .footer-box.type02{
width: auto;
}
footer #footer_main .footer-box.type03{
width: auto;
}
footer #footer_main .footer-box.type04{
width: auto
}
footer #footer_main .footer-box .f-title{
display: block;
width: 100%;
margin: 0 ;
padding: 6px 6%;
border-bottom: 1px solid #fff;
position: relative;
}
footer #footer_main .footer-box .f-title:after{
content: '';
width: 10px;
height: 10px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
top: 50%;
right: 6%;
margin-top: -6px;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
footer #footer_main .footer-box .f-title.active:after{
margin-top: -2px;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
footer #footer_main .footer-box .f-area{
display: none;
}
footer #footer_main .footer-box.type05{
float: none;
padding: 16px 0 5px;
}
footer #footer_main .footer-box.type05 .footer-logo{
width: 38%;
margin: 0 auto;
}
footer #footer_main .footer-box.type05 .sns{
display: inline-block;
margin: 22px 0 20px;
}
footer #footer_main .footer-box.type05 .sns li{
display: inline-block;
font-size: 4.3rem;
margin: 0 12px;
}
footer #footer_main .footer-box.type05 .sns li a{
padding: 0;
border-bottom: none;
}
footer #copyright{
font-size: 2.133333vw;
}
.footer_linkbox{
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.footer_linkbox ul{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
width: 100%;
}
.footer_linkbox ul li{
width: 29%;
border-right: 3px solid #fff;
box-sizing: border-box;
}
.footer_linkbox ul li.totop{
width: 13%;
}
.footer_linkbox ul li:last-child{
border-right: none;
}
.footer_linkbox ul li a{
display: block;
padding: 3.2vw 0;
text-align: center;
font-size: 3.2vw;
color: #fff;
text-decoration: none;
position: relative;
}
.footer_linkbox ul li a::before{
content: '';
width: 3.2vw;
height: 3.2vw;
display: inline-block;
border-top: 2px solid rgba(255,255,255,0.4);
border-right: 2px solid rgba(255,255,255,0.4);
position: absolute;
top: 1.0666667vw;
right: 1.0666667vw;
}
.footer_linkbox ul li a::after{
content: '';
width: 3.2vw;
height: 3.2vw;
display: inline-block;
border-bottom: 2px solid rgba(255,255,255,0.4);
border-left: 2px solid rgba(255,255,255,0.4);
position: absolute;
bottom: 1.0666667vw;
left: 1.0666667vw;
}
.footer_linkbox ul li.totop a::after,
.footer_linkbox ul li.totop a::before{
content: none;
}
.footer_linkbox ul li a i{
margin-right: 0.4em;
font-size: 1.4em;
vertical-align: middle;
}
.footer_linkbox ul li.totop a i{
margin-right: 0;
}
.footer_linkbox ul li.li01 a{
background: #e43e50;
}
.footer_linkbox ul li.li02 a{
background: #e43e50;
}
.footer_linkbox ul li.li03 a{
background: #e43e50;
}
.footer_linkbox ul li.totop a{
background: #e43e50;
} #breadcrumbs .bc-wrapp {
width: auto;
margin: 0 6%;
font-size: 1.2rem;
}
#page h1{
font-size: 1.8rem;
padding: 0 6%;
margin: 0 0 30px;
line-height: 1.4;
}
.column-single h3,
h2{
font-size: 4.8vw;
padding: 8px 0;
margin: 0 0 20px;
line-height: 1.4;
}
.column-single h3 span,
h2 span {
padding: 15px 14px;
} #page h2{
text-align: left;
border-top: none;
border-bottom: none;
border-left: 10px solid #4169e1;
line-height: 1;
font-size: 1.6rem;
font-weight: normal;
padding: 0 0 0 14px;
margin: 0 0 20px;
}
#in-house_info .section-block{
padding: 0px 0 0;
} .list_container{
width: auto;
margin: 0 6%;
position: relative;
}
.list_container .item{
float: left;
margin: 0 0 20px;
width: 48%;
padding: 6px;
}
.list_container .item:nth-child(even){
float: right;
} #shop-list .list_container{
margin: 0 6% 60px;
width: 88% !important;
}
#shop-list .item {
margin: 0 0 18px;;
width: auto;
padding: 4px;
}
#shop-list .item  .shoplink-wrapp{
display: table;
width: 100%;
}
#shop-list .item .text-wrapp,
#shop-list .item .image{
display: table-cell;
vertical-align: middle;
margin: 0;
}
#shop-list .item .text-wrapp{
padding: 0 0 0 6px;
}
#shop-list .item .image{
width: 38%;
}
#shop-list .item .title{
font-size: 1.6rem;
margin: 0 0 16px;
}
#shop-list .item .phone{
display: block;
font-size: 1.6rem;
line-height: 1;
margin: 0 0 16px;
}
#shop-list .item .phone i{
margin-right: 6px;
}
#shop-list .item .more a{
background: #4169e1;
display: block;
text-align: center;
color: #fff;
line-height: 21px;
border-radius: 4px;
font-size: 1.2rem;
}
#shop-list .item .more a:hover{
background: #e43e50;
} .readmore_btn{
width: 60% !important;
margin: -17px auto 40px;
padding: 8px 0;
}
.post_cont_wrapp{
margin: 0 auto 8vw;
padding: 0 6%;
}
.post_cont{
max-width: 100%;
margin: 0 auto 40px;
}
.post_cont .text_box{
margin: 0;
}
.upcont-wrapp{
width: auto !important;
padding: 10px 10px 0;
margin: 0 6%;
} #cont-linkbox{
width: auto;
margin: 40px 6% 40px;
}
#cont-linkbox ul{
left: 0;
float: none;
}
#cont-linkbox ul li{
left: 0;
float: none;
width: 100%;
margin: 0 auto 18px;
}
#cont-linkbox ul li a{
width: auto;
height: auto;
border-radius: 6px;
padding: 12px 0;
}
#cont-linkbox ul li a span.m-title{
font-size: 1.8rem;
margin: 0 0 8px;
}
#cont-linkbox ul li a span.s-title{
font-size: 1.4rem;
} #notfound-wrap{
text-align: center;
padding: 60px 0 10px;
}
#notfound-wrap h1{
font-size: 3.0rem;
margin: 0 0 0;
}  #column-single-head{
margin: 0 0px 14px;
}
#column-single-head .category{
float: none;
margin: 0 0 8px;
}
#column-single-head .category .c-icon a{
font-size: 1.2rem;
}
#column-single-head .date{
font-size: 1.4rem;
}
.sns{
margin-left: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
}
.sns .sns-link{
display: inline-block;
width: 28px;
height: 28px;
border-radius: 4px;
overflow: hidden;
margin: 0 0 0 14px;
}
.column-single{
padding-top: 21.333333vw;
}
.column-single #main_image{
margin: 0 0 20px;
}
.column-single #main_caption{
margin: 0 0px 20px;
}
.column-single .text_box{
margin: 0 6% 20px;
}
.column-single .text_box p{
margin: 0 0 14px;
}
.column-single h4{
margin: 0 0px 20px;
}
.column-single h4 span{
position: relative;
padding: 4px 20px 10px;
font-size: 1.4rem;
}
.column-single h4 span:before{
left: 0;
height: 26px;
}
.column-single h4 span:after{
right: 0;
height: 26px;
}
.column-single h5{
padding-left: 24px;
margin: 0 0 8px;
font-size: 1.6rem;
}
.column-single h5:before {
width: 16px;
height: 16px;
margin-top: -8px;
}
.column-single h5:after {
content: '';
border: solid 3px transparent;
border-left: solid 5px #ffffff;
left: 6px;
margin-top: -3px;
}
.column-single .image_box{
margin: 0 6% 20px;
text-align: center;
}
.column-single .image_box.left{
float: none;
width: auto;
margin: 0 6% 20px;
}
.column-single .image_box.right{
float: none;
width: auto;
margin: 0 6% 20px;
}
.column-single .map_box{
margin: 0 0px 20px;
}
.column-single .map_box iframe{
height: 200px;
}
.column-single .link_box_image,
.column-single .link_box{
margin: 0 6% 30px;
}
.column-single .link_box a{
background-position: 5px 3px;
background-size: 20px;
padding: 4px 29px 6px 14px;
line-height: 1.2;
font-size: 1.3rem;
white-space: nowrap;
}
#toc{
padding: 8px;
margin: 0 0 30px;
}
#toc ol li a{
font-size: 1.3rem;
margin: 0 0 6px 8px;
}
#toc ol li a:before {
top: 8px;
}
.talk_wrapp{
width: auto;
margin: 0 0 30px;
}
.talk_wrapp .image_box{
width: 80px;
}
.talk_wrapp .image_box .img_wrapp{
width: 80px;
}
.talk_wrapp .text_box{
padding: 0 0 0 20px !important;
}
.talk_wrapp.right .text_box{
padding: 0 40px 0 0 !important;
}
.talk_wrapp .text_box .text_wrapp{
padding: 4px;
font-size: 1.2rem;
} .sys-wrapp{
margin-top: 0 !important;
}
#wrapper h1{
font-size: 1.7rem;
padding: 0px 0;
margin: 0 0 20px;
line-height: 1.4;
}
#wrapper h1 span{
padding: 15px 14px;
}
#news h2,
#handling_model h2,
#in-house_info h2{
margin: 0 0 0;
padding: 30px 0;
font-size: 2.0rem;
}
#news .caption,
#handling_model .caption,
#in-house_info .caption{
text-align: left;
font-size: 1.7rem;
margin: 0 6% 30px;
} .tax-list{
width: auto;
margin: 0 6%;
}
.tax-list > li{
display: block;
padding: 0 0;
margin: 0 0 40px;
}
.tax-list li .text-box,
.tax-list li .image-box{
display: block;
}
.tax-list li .image-box{
width: 80%;
margin: 0 auto 12px;
}
.tax-list li .text-box{
padding: 0;
}
.tax-list li .text-box h2{
font-size: 1.6rem;
margin: 0 0 6px;
}
.tax-list li .text-box .text{
font-size: 1.4rem;
margin: 0 0 8px;
}
.tax-list li .text-box .category ul li{
float: left;
margin: 0 8px 8px 0;
}
.tax-list li .text-box .more{
position: static;
width: 100%;
margin: 12px auto 0;
}
.tax-list li .text-box .more a{
display: block;
line-height: 26px;
font-size: 1.3rem;
padding: 0;
border-radius: 4px;
} #pager{
margin: 40px 0 40px;
}
#pager span,
#pager a{
display: inline-block;
text-decoration: none;
font-size: 1.4rem;
color: #4169e1;
line-height: 22px;
border: 1px solid #4169e1;
border-radius: 4px;
padding: 0 6px;
margin: 0 3px;
}
#pager a:hover,
#pager span{
background: #4169e1;
color: #fff;
} ul.guide-wrapp h2{
font-size:1.8rem; } .redirect_cont{
margin-bottom: -80px;
}
.redirect_cont .cont{
width: 100%;
}
.redirect_cont .cont p{
font-size: 4.266667vw;
margin: 0 0 30px;
}
.redirect_cont .cont .link{
margin: 0 0 50px;
}
.redirect_cont .cont .link a{
padding: 0 14px 0 0;
font-size: 4.266667vw;
}
.redirect_cont .cont figure{
width: 30%;
}
}
 .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.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes a{0%,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-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,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)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes a{0%,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-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,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)}70%{-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:a;animation-name:a;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes b{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes b{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:b;animation-name:b}@-webkit-keyframes c{0%{-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)}}@keyframes c{0%,to{-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:c;animation-name:c}@-webkit-keyframes d{0%{-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)}}@keyframes d{0%,to{-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:d;animation-name:d}@-webkit-keyframes e{0%,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 e{0%,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:e;animation-name:e}@-webkit-keyframes f{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)}}@keyframes f{0%,50%{-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:f;animation-name:f}@-webkit-keyframes g{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,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes g{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,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:g;animation-name:g}@-webkit-keyframes h{0%{-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)}}@keyframes h{0%,to{-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:h;animation-name:h}@-webkit-keyframes i{0%{-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)}}@keyframes i{0%,to{-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:i;animation-name:i}@-webkit-keyframes j{0%,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 j{0%,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:j;animation-name:j;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes k{0%,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 k{0%,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:k;animation-name:k}@-webkit-keyframes l{0%,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 l{0%,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:l;animation-name:l}@-webkit-keyframes m{0%,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 m{0%,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:m;animation-name:m}@-webkit-keyframes n{0%,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 n{0%,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}}.bounceInRight{-webkit-animation-name:n;animation-name:n}@-webkit-keyframes o{0%,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,-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 o{0%,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,-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:o;animation-name:o}@-webkit-keyframes p{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 p{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:p;animation-name:p}@-webkit-keyframes q{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 q{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:q;animation-name:q}@-webkit-keyframes r{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 r{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:r;animation-name:r}@-webkit-keyframes s{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 s{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:s;animation-name:s}@-webkit-keyframes t{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 t{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:t;animation-name:t}@-webkit-keyframes u{0%{opacity:0}to{opacity:1}}@keyframes u{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:u;animation-name:u}@-webkit-keyframes v{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes v{0%{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:v;animation-name:v}@-webkit-keyframes w{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes w{0%{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:w;animation-name:w}@-webkit-keyframes x{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes x{0%{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:x;animation-name:x}@-webkit-keyframes y{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes y{0%{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:y;animation-name:y}@-webkit-keyframes z{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes z{0%{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:z;animation-name:z}@-webkit-keyframes A{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes A{0%{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:A;animation-name:A}@-webkit-keyframes B{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes B{0%{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:B;animation-name:B}@-webkit-keyframes C{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes C{0%{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:C;animation-name:C}@-webkit-keyframes D{0%{opacity:1}to{opacity:0}}@keyframes D{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:D;animation-name:D}@-webkit-keyframes E{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes E{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:E;animation-name:E}@-webkit-keyframes F{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes F{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:F;animation-name:F}@-webkit-keyframes G{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes G{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:G;animation-name:G}@-webkit-keyframes H{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes H{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:H;animation-name:H}@-webkit-keyframes I{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes I{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:I;animation-name:I}@-webkit-keyframes J{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes J{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:J;animation-name:J}@-webkit-keyframes K{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes K{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:K;animation-name:K}@-webkit-keyframes L{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes L{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:L;animation-name:L}@-webkit-keyframes M{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg)}0%,40%{-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)}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)}50%,80%{-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes M{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg)}0%,40%{-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)}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)}50%,80%{-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)}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:M;animation-name:M}@-webkit-keyframes N{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}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 N{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}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:N;animation-name:N}@-webkit-keyframes O{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}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 O{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}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:O;animation-name:O}@-webkit-keyframes P{0%{-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 P{0%{-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:P;animation-name:P;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes Q{0%{-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 Q{0%{-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:Q;animation-name:Q}@-webkit-keyframes R{0%{-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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes R{0%{-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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:R;animation-name:R;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes S{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0)skewX(30deg);transform:translate3d(100%,0,0)skewX(30deg);opacity:0}}@keyframes S{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0)skewX(30deg);transform:translate3d(100%,0,0)skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:S;animation-name:S;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes T{0%{transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes T{0%{transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:T;animation-name:T}@-webkit-keyframes U{0%{transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes U{0%{transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:U;animation-name:U}@-webkit-keyframes V{0%{transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes V{0%{transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:V;animation-name:V}@-webkit-keyframes W{0%{transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes W{0%{transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:W;animation-name:W}@-webkit-keyframes X{0%{transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes X{0%{transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:X;animation-name:X}@-webkit-keyframes Y{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes Y{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:Y;animation-name:Y}@-webkit-keyframes Z{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes Z{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:Z;animation-name:Z}@-webkit-keyframes ab{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes ab{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:ab;animation-name:ab}@-webkit-keyframes bb{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes bb{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:bb;animation-name:bb}@-webkit-keyframes cb{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes cb{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:cb;animation-name:cb}@-webkit-keyframes db{0%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}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 db{0%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}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:db;animation-name:db}@-webkit-keyframes eb{0%{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 eb{0%{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:eb;animation-name:eb}@-webkit-keyframes fb{0%{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 fb{0%{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:fb;animation-name:fb}@-webkit-keyframes gb{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes gb{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:gb;animation-name:gb}@-webkit-keyframes hb{0%{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 hb{0%{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:hb;animation-name:hb}@-webkit-keyframes ib{0%{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 ib{0%{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:ib;animation-name:ib}@-webkit-keyframes jb{0%{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 jb{0%{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:jb;animation-name:jb}@-webkit-keyframes kb{0%{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 kb{0%{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:kb;animation-name:kb}@-webkit-keyframes lb{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes lb{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:lb;animation-name:lb}@-webkit-keyframes mb{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 mb{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:mb;animation-name:mb}@-webkit-keyframes nb{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 nb{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:nb;animation-name:nb}@-webkit-keyframes ob{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 ob{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:ob;animation-name:ob}@-webkit-keyframes pb{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 pb{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:pb;animation-name:pb}@-webkit-keyframes qb{0%{-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 qb{0%{-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:qb;animation-name:qb}@-webkit-keyframes rb{0%{-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 rb{0%{-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:rb;animation-name:rb}@-webkit-keyframes sb{0%{-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 sb{0%{-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:sb;animation-name:sb}@-webkit-keyframes tb{0%{-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 tb{0%{-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:tb;animation-name:tb}@-webkit-keyframes ub{0%{-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 ub{0%{-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:ub;animation-name:ub}@-webkit-keyframes vb{0%{-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 vb{0%{-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:vb;animation-name:vb}@-webkit-keyframes wb{0%{-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 wb{0%{-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:wb;animation-name:wb}@-webkit-keyframes xb{0%{-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 xb{0%{-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:xb;animation-name:xb}
 .ui-tabs {
padding: 0;
}
.ui-tabs .ui-tabs-nav {
padding: 0;
}
.ui-tabs .ui-tabs-nav li {
margin: 0;
}
.ui-widget.ui-widget-content {
border: none;
}
.ui-widget-header {
border: none;
background: transparent;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
padding: 0;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: none;
background: transparent;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: none;
background: transparent;
}
#main-image{
position: relative;
margin: 0 auto;
}
#main-image h1{
margin: 0 auto;
font-size: 40px;
color: #fff;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
background: #e43e50;
} #shop_detail{
max-width: 100%;
margin: 80px auto 80px;
}
#shop_detail > ul{
width: 920px;
margin-left: auto;
margin-right: auto;
}
#shop_detail > ul > li{
display: table;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#shop_detail > ul > li:last-child{
border-bottom: 1px solid #ccc;c
}
#shop_detail > ul > li .cont,
#shop_detail > ul > li .item{
display: table-cell;
vertical-align: top;
box-sizing: border-box;
padding: 10px;
}
#shop_detail > ul > li .item{
width: 200px;
border-right: 1px solid #ccc;
font-weight: bold;
}
#shop_detail > ul > li .cont .payment_icon{
display: inline-block;
}
#shop_detail > ul > li .cont .map_wrapp{
display: block;
}
#shop_detail > ul > li .cont .map_wrapp iframe{
width: 100%;
height: 380px;
} #shop_images{
}
#shop_images ul{
max-width: 920px;
margin: 0 auto 60px;
}
#shop_images ul li{
float: left;
width: 200px;
margin: 0 15px 30px;
}
.column-single .image_box {
margin: 0;
}
#shop_images ul li a{
display: block;
position: relative;
}
#shop_images ul li a .icon{
position: absolute;
bottom: 6px;
left: 6px;
} #shop-event,
#shop-foods,
#shop-handling{
position: relative;
overflow: hidden;
}
#shop-event ul,
#shop-foods ul,
#shop-handling ul {
position: relative;
left: 50%;
float: left;
}
#shop-event ul li,
#shop-foods ul li,
#shop-handling ul li {
position: relative;
left: -50%;
float: left;
width: 180px;
margin: 0 10px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 8px;
box-sizing: border-box;
}
#shop-event ul li a,
#shop-foods ul li a,
#shop-handling ul li a{
display: block;
text-align: center;
color: #000;
text-decoration: none;
line-height: 1.3;
}
#shop-event ul li a figcaption,
#shop-foods ul li a figcaption,
#shop-handling ul li a figcaption{
margin: 8px 0 0;
font-size: 14px;
} .news_a_wrapp{
display: block;
color: #fff;
cursor: pointer;
width: 100%;
margin-top: 10px;
text-decoration: none;
}
.news_a_wrapp .image,
.lqdbox-btn .image{
height: 210px;
height: 146px;
top: 0;
bottom: 0 !important;
border: 1px solid #dedee0;
border-radius: 6px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.news_a_wrapp .title,
.lqdbox-btn .title{
background: rgba(0,0,0,0.8);
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0;
border-radius: 0 0 6px 6px;
line-height: 1.3;
padding: 8px 12px;
-webkit-transition: all 0.2s linear;
-webkit-transition: -webkit-all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.news_a_wrapp:hover .title,
.lqdbox-btn:hover .title{
background: rgba(212,60,81,0.8);
}
.lqdbox-btn .new{
display: inline-block;
background: #ffff00;
line-height: 1;
padding: 8px 14px;
color: #ff0000;
font-weight: bold;
border-radius: 50%;
transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
position: absolute;
right: -5px;
top: -5px;
}
.lqdbox-btn-off{
color: #e43e50;
font-size: 40px;
position: absolute;
top: -20px;
right: 0;
z-index: 999;
}
#sys-linkarea{
position: relative;
overflow: hidden;
margin: 0 0 60px;
padding: 30px 0;
background: #dedee0;
}
#sys-linkarea ul{
position: relative;
left: 50%;
float: left;
}
#sys-linkarea ul li{
position: relative;
left: -50%;
float: left;
margin: 0 15px;
}
#sys-linkarea ul li a{
display: inline-block;
background: #4169e1;
font-size: 20px;
color: #fff;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none;
line-height: 1;
padding: 13px 40px;
border-radius: 6px;
width: 270px;
}
#sys-linkarea ul li a:hover{
background: #e43e50;
}
#sys-linkarea ul li a i{
margin-right: 8px;
} #shop_price{
padding: 60px 0 0;
}
#shop_price .price-contents-wrapp{
width: 920px;
margin: 0 auto 80px;
}
#tabs-timezone{
width: 920px;
margin: 0 auto;
}
#tabs-wrapp{
border-left: 1px solid #dedee0;
border-right: 1px solid #dedee0;
border-bottom: 1px solid #dedee0;
border-radius: 0 0 6px 6px;
padding: 30px;
}
#tabs-timezone > ul > li{
float: left;
width: 33.333%;
height: auto !important;
box-sizing: border-box;
border: 1px solid #dedee0;
border-radius: 6px 6px 0 0;
text-align: center;
font-size: 18px;
background: #D1D1D3;
-webkit-transition: all 0.2s linear;
-webkit-transition: -webkit-all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#tabs-timezone > ul > li.ui-state-active{
border: 1px solid #e43e50;
background: #e43e50;
}
#tabs-timezone > ul > li.select02.ui-state-active{
border: 1px solid #ff9900;
background: #ff9900;
}
#tabs-timezone > ul > li.select03.ui-state-active{
border: 1px solid #4169e1;
background: #4169e1;
}
#tabs-timezone > ul > li a{
display: block;
color: #fff;
text-decoration: none;
padding: 10px 0;
-webkit-transition: all 0.2s linear;
-webkit-transition: -webkit-all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#tabs-timezone ul li a i{
margin-right: 8px;
}
#tabs-timezone > ul > li a .unit{
margin: 0 6px;
font-size: 16px;
}
.tab-ul01{
margin: 0 0 40px;
}
.tab-ul01 li{
float: left;
width: 30%;
margin: 0 5% 0 0 !important;
display: table;
}
.tab-ul01 li:nth-child(3n+3){
margin-right: 0 !important;
}
.tab-ul01 li a{
display: table-cell;
vertical-align: middle;
height: 42px;
box-sizing: border-box;
border: 1px solid #dedee0 !important;
border-radius: 6px;
text-align: center;
font-size: 16px;
color: #fff !important;
background: #D1D1D3;
line-height: 1;
text-decoration: none;
letter-spacing: 3px;
}
.tab-ul01 li.ui-state-active a{
border: 1px solid #e43e50 !important;
background: #e43e50 !important;
}
.tab-ul01 li a .sub{
margin-left: 6px;
font-size: 13px;
letter-spacing: 1px;
}
.price-cont-wrapp{
}
.price-cont-wrapp .tabs-all-title{
background: #ccc;
color: #fff;
font-size: 24px;
padding: 16px 16px;
line-height: 1;
border-radius: 6px;
margin: 0 0 30px;
}
.price-cont-wrapp #noon .tabs-all-title{
background: #ff9900;
}
.price-cont-wrapp #night .tabs-all-title{
background: #4169e1;
}
.price-cont-wrapp .tabs-all-title .icon{
margin: 0 8px 0 0;
}
.price-cont-wrapp .tabs-all-title .unit{
margin: 0 6px;
font-size: 80%;
}
.price-cont-wrapp .price-plan-cont{
margin: 0 0 40px;
}
.price-cont-wrapp .price-plan-cont .sp-on-subtitle{
display: none;
}
.price-cont-wrapp .price-cont-title{
margin: 0 0 30px;
}
.price-cont-wrapp table{
margin: 0 0 20px;
}
.price-cont-wrapp th,
.price-cont-wrapp td{
border: 1px solid #dedee0;
text-align: center;
vertical-align: middle;
font-size: 16px;
}
.price-cont-wrapp tr:nth-child(odd){ }
.price-table tr.free{
background: #FFFFE6;
}
.price-cont-wrapp th{
font-weight: bold;
font-size: 20px;
}
.price-cont-wrapp th .altC{
font-size: 16px;
margin: 8px 0 0;
}
.price-cont-wrapp .sp-none-tr th{
background: #628EBB;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 8px 0;
}
.price-cont-wrapp .price-table.type01 td.sp-time-td{
width: 10%;
}
.price-cont-wrapp .price-table.type01 td.money{
width: 20%;
}
.price-cont-wrapp .price-table.type02 td.money{
width: 26%;
}
.price-cont-wrapp .price-plan-note{
padding: 18px;
background: #FFFFE6;
border-radius: 6px;
font-size: 14px;
}
.price-cont-wrapp .price-plan-note ul li{
position: relative;
padding: 0 0 0 20px;
}
.price-cont-wrapp .price-plan-note ul li::before{
content: "●";
position: absolute;
top: 0;
left: 0;
display: inline-block;
color: #ff9900;
}
#price-note{
background: #dedee0;
padding: 20px;
border-radius: 6px;
}
#price-note ul li{
position: relative;
padding: 0 0 0 22px;
}
#price-note ul li::before{
content: "●";
position: absolute;
top: 0;
left: 0;
display: inline-block;
color: #e43e50;
}
.pack_wrapp .lqdbox-btn{
border-radius: 6px;
overflow: hidden;
}
#shop_price ul.lqdboxs_pack {	
width: 860px;	
}
#shop_price  li.lqdbox {
width: 200px !important;	
position:relative;	
margin-right: 10px !important;	
margin-bottom: 10px !important;	
height: 210px;	
}
#shop_price .pack_thumbnail img{
width: 200px;	
position:relative;	
margin-right: 20px;	
height: 210px;	
}
#shop_price p.pack_title {
width: 200px;	
}	
#shop_price  div.lqdbox-btn {
width: 200px;	
}
#shop_price div.pack_thumbnail {
width: 200px;	
}
.pack_wrapp .lqdbox-btn .pack_title{
background: rgba(0,0,0,0.8);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
font-size: 15px;
}
.pack_wrapp .pack_contwrapp{
width: 860px;
margin: 0 auto;
}
.pack_wrapp .pack_contwrapp .pack_title02{
text-align: center;
margin: 0 auto 30px;
}
.pack_wrapp .pack_contwrapp .pack_title02 span{
display: inline-block;
background: #FFB039;
line-height: 1;
font-size: 20px;
color: #fff;
padding: 14px 2em;
border-radius: 6px;
}
.pack_wrapp .pack_contwrapp .pack_detail{
background: #FFFFE6;
padding: 10px 0;
border-radius: 6px;
text-align: center;
font-size: 20px;
color: #ff9900;
}
.pack_wrapp .pack_contwrapp .pack_detail small{
font-size: 18px;
}
.pack_wrapp .pack_contwrapp .pack_detail .packContents{
font-weight: bold;
margin: 0 8px;
}
.pack_wrapp .pack_contwrapp .pack_price{
margin: 0 0 30px;
padding: 16px 24px;
border-bottom: 1px solid #dedee0;
}
.pack_wrapp .pack_contwrapp .pack_price p{
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 0 0 14px;
}
.pack_wrapp .pack_contwrapp .pack_price p .item{
font-size: 20px;
margin: 0 14px 0 0;
}
.pack_wrapp .pack_contwrapp .pack_price p .num{
font-size: 40px;
font-weight: bold;
letter-spacing: 4px;
}
.pack_wrapp .pack_contwrapp .pack_price p .unit{
font-size: 20px;
margin: 0 14px 0 6px;
font-weight: bold;
}
.pack_wrapp .pack_contwrapp .pack_price .option_list dt{
display: inline-block;
background: #FFFFE6;
color: #ff9900;
line-height: 1;
padding: 8px 16px;
border-radius: 6px;
font-weight: bold;
letter-spacing: 3px;
}
.pack_wrapp .pack_contwrapp .pack_price .option_list dd{
margin: -29px 0 0 0;
padding: 0 0 0 145px;
}
.pack_wrapp .pack_contwrapp .pack_price .option_list ul li{
float: none;
letter-spacing: 3px;
font-weight: bold;
}
.pack_wrapp .pack_contwrapp .pack_main{
display: table;
width: 96%;
margin: 0 auto;
}
.pack_wrapp .pack_contwrapp .pack_left,
.pack_wrapp .pack_contwrapp .pack_right{
display: table-cell;
vertical-align: top;
box-sizing: border-box;
}
.pack_wrapp .pack_contwrapp .pack_left{
width: 460px;
}
.pack_wrapp .pack_contwrapp .pack_left p.caption{
line-height: 1.8;
margin: 0;
}
.pack_wrapp .pack_contwrapp .pack_right{
padding: 0 0 0 20px;
}
.pack_wrapp .pack_contwrapp .pack_right .pack_heed,
.pack_wrapp .pack_contwrapp .pack_right .pack_conditions{
padding: 14px;
background: #FFFFE6;
border-radius: 6px;
}
.pack_wrapp .pack_contwrapp .pack_right .pack_conditions{
margin: 0 0 30px;
}
.pack_wrapp .pack_contwrapp .pack_right .pack_heed .item_title,
.pack_wrapp .pack_contwrapp .pack_right .pack_conditions .item_title{
font-weight: bold;
line-height: 1;
margin: 0 0 9px;
}
.pack_wrapp .pack_contwrapp .pack_right ul li{
float: none;
position: relative;
font-size: 14px;
padding: 0 0 0 20px;
margin: 0 0 6px;
line-height: 1.4;
}
.pack_wrapp .pack_contwrapp .pack_right ul li::before{
content: "●";
position: absolute;
top: 0;
left: 0;
display: inline-block;
color: #ff9900;
}
.price-img-wrap{
width: 760px;
text-align: center;
margin: 0 auto 40px;
}
.price-tab-wrapp{
width: 760px;
margin: 0 auto 60px;
}
.price-cont-title{
margin: 0 auto 30px;
}
.price-tab-wrapp #price-note{
margin: 40px 0 0;
}  #shoplist_code{
padding: 20px 0 0;
}
#shoplist_code .title{
max-width: 990px;
margin: 0 auto 20px;
padding: 0 20px;
}
#shoplist_code .item{
display: inline-block;
margin: 0 14px 0 0;
font-size: 14px;
line-height: 1;
}
#shoplist_code .item .icon{
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
border-radius: 3px;
background: #e5e5e5;
margin-right: 6px;
}
#shoplist_code .item .name{
display: inline-block;
vertical-align: middle;
}
#shoplist_code ul{
max-width: 990px;
margin: 0 auto;
}
#shoplist_code ul li{
float: left;
width: 90px;
margin: 0 0 20px 20px;
text-align: center;
line-height: 1;
}
#shoplist_code ul li .image{
display: block;
position: relative;
width: 90px;
border-radius: 10px;
background: #e5e5e5;
}
#shoplist_code ul li .image::after{
content: "";
display: inline-block;
padding-top: 100%;
}
#shoplist_code ul li .image img{
position: absolute;
left: 50%;
top: 50%;
width: 68%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#shoplist_code ul li.karaoke .image img{
width: 85%;
}
#shoplist_code ul li .text{
font-size: 13px;
line-height: 1;
}
#shoplist_code .item.karaoke .icon,
#shoplist_code ul li.karaoke .image{
background: #FFB888;
}
#shoplist_code .item.darts .icon,
#shoplist_code ul li.darts .image{
background: #A486E1;
}
#shoplist_code .item.comic .icon,
#shoplist_code ul li.comic .image{
background: #52a2d5;
}
#shoplist_code .item.room .icon,
#shoplist_code ul li.room .image{
background: #54E903;
}
#shoplist_code .item.service .icon,
#shoplist_code ul li.service .image{
background: #FF84FF;
}
#shoplist_code .item.karaoke .name,
#shoplist_code ul li.karaoke .text{
color: #FF9853;
}
#shoplist_code .item.darts .name,
#shoplist_code ul li.darts .text{
color: #8761D8;
}
#shoplist_code .item.comic .name,
#shoplist_code ul li.comic .text{
color: #318BC8;
}
#shoplist_code .item.room .name,
#shoplist_code ul li.room .text{
color: #43BB02;
}
#shoplist_code .item.service .name,
#shoplist_code ul li.service .text{
color: #FF51FF;
} .shop_snsarea{
margin: 60px auto;
}
.shop_snsarea ul{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-end;
}
.shop_snsarea ul li{
width: 46px;
margin: 0 16px;
padding-bottom: 12px;
}
.shop_snsarea ul li img{
width: 100%;
height: auto;
}
.shop_snsarea ul li a{
transition: all 0.2s linear;
}
.shop_snsarea ul li a:hover{
opacity: .8;
}
.shop_snsarea ul li.icon{
width: 70px;
padding-bottom: 0;
}
.shop_snsarea ul li.icon .swing{
transform-origin: center bottom;
animation: yurayura 2s linear infinite;
}
@keyframes yurayura {
0% , 100%{
transform: rotate(10deg);
}
50%{
transform: rotate(-10deg);
}
} @media(max-width:768px){
#main-image{
margin: 0 auto 18px;
}
#main-image h1{
font-size: 23px;
letter-spacing: 4px;
} #shop_detail{
max-width: auto;
margin: 30px 0 30px;
}
#shop_detail > ul{
width: auto;
margin-left: 6%;
margin-right: 6%;
}
#shop_detail > ul > li{
display: block;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#shop_detail > ul > li:last-child{
border-bottom: 1px solid #ccc;
}
#shop_detail > ul > li .cont,
#shop_detail > ul > li .item{
display: block;
padding: 8px;
}
#shop_detail > ul > li .item{
width: auto;
border-right: none;
padding-bottom: 0;
}
#shop_detail > ul > li .cont{
padding-top: 6px;
}
#shop_detail > ul > li .cont .map_wrapp iframe{
width: 100%;
height: 260px;
}
#shop_detail .payment_icon{
display: inline-block;
width: 15%;
margin: 0 5px;
} #shop_images{
}
#shop_images ul{
width: auto;
margin: 0 6% 30px;
}
#shop_images ul li{
float: left;
width: 48%;
margin: 0 0 20px;
}
#shop_images ul li:nth-child(even){
float: right;
}
#shop_images ul li a .icon{
position: absolute;
bottom: 6px;
left: 6px;
} #shop-event,
#shop-foods,
#shop-handling{
}
#shop-event ul,
#shop-foods ul,
#shop-handling ul {
left: 0;
float: none;
margin: 0 6%;
}
#shop-event ul li,
#shop-foods ul li,
#shop-handling ul li {
left: 0;
width: 48%;
margin: 0 0 16px;
padding: 6px;
}
#shop-event ul li:nth-child(even),
#shop-foods ul li:nth-child(even),
#shop-handling ul li:nth-child(even) {
float: right;
}
#shop-event ul li a figcaption,
#shop-foods ul li a figcaption,
#shop-handling ul li a figcaption{
margin: 6px 0 0;
} #lqdboxs{
width: auto !important;
margin: 0 6% !important;
}
.lqdbox{
width: 100% !important;
margin: 0 auto 14px !important;
}
.news_a_wrapp,
.lqdbox-btn{
display: table;
width: 100%;
}
.news_a_wrapp{
margin-top: 10px;
}
.news_a_wrapp .title,
.news_a_wrapp .image,
.lqdbox-btn .title,
.lqdbox-btn .image{
display: table-cell;
vertical-align: middle;
}
.news_a_wrapp .image,
.lqdbox-btn .image{
width: 60px;
height: 70px;
top: 0;
bottom: 0 !important;
border: 1px solid #dedee0;
border-radius: 6px 0 0 6px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.news_a_wrapp .title,
.lqdbox-btn .title{
background: rgba(68,98,171,0.8);
position: relative;
border-radius: 0 6px 6px 0;
line-height: 1.3;
padding: 8px 8px;
font-size: 1.4rem;
}
.lqdbox-btn .new{
right: -8px;
top: -8px;
}
.lqdbox-detailbox-contents .readmore{
margin: 0 6%;
}
.lqdbox-btn-off{
font-size: 30px;
position: absolute;
top: -34px;
right: -10px;
z-index: 1;
}
#sys-linkarea{
margin: 0 0 30px;
padding: 30px 0 12px;
}
#sys-linkarea ul{
left: 0;
float: none;
}
#sys-linkarea ul li{
left: 0;
float: none;
margin: 0 0 18px;
}
#sys-linkarea ul li a{
display: block;
width: 80%;
margin: 0 auto;
text-align: center;
font-size: 1.6rem;
padding: 11px 0;
}
#sys-linkarea ul li a i{
margin-right: 6px;
} .ui-tabs .ui-tabs-panel {
padding: 0.3em 0;
}
#shop_price{
width: auto;
margin: 20px 0 40px;
padding: 0;
}
#shop_price .price-contents-wrapp{
width: auto;
margin: 0 6% 40px;
}
#tabs-timezone{
width: auto;
margin: 0 6%;
}
#tabs-wrapp{
border: none;
border-radius: 6px;
padding: 8px 0;
}
#tabs-timezone > ul > li{
float: none;
width: auto;
border-radius: 4px;
font-size: 1.6rem;
margin: 0 0 16px;
}
#tabs-timezone > ul > li:nth-child(even){
float: none;
}
#tabs-timezone > ul > li a{
display: table;
width: 100%;
padding: 0;
}
#tabs-timezone > ul > li a .text-wrapp,
#tabs-timezone > ul > li a .icon{
display: table-cell;
vertical-align: middle;
}
#tabs-timezone > ul > li a .icon{
text-align: center;
padding: 6px 0;
width: 18%;
}
#tabs-timezone > ul > li a .text-wrapp{
line-height: 1;
font-size: 1.3rem;
padding: 6px 0;
}
#tabs-timezone > ul > li a .text-wrapp span.text02,
#tabs-timezone > ul > li a .text-wrapp span.text01{
display: inline-block;
line-height: 1.1;
}
#tabs-timezone ul li a i{
margin-right: 0;
}
#tabs-timezone > ul > li a .unit{
margin: 0 4px;
font-size: 1.2rem;
}
.tab-ul01{
margin: 0 0 30px;
}
.tab-ul01 li a{
height: 44px;
border-radius: 4px;
font-size: 1.3rem;
letter-spacing: 4px;
}
.tab-ul01 li a .sub{
display: none;
}
.price-cont-wrapp{
}
.price-cont-wrapp .tabs-all-title{
font-size: 1.6rem;
padding: 10px 10px;
border-radius: 4px;
margin: 0 0 16px;
text-align: center;
}
.price-cont-wrapp .tabs-all-title .icon{
margin: 0 6px 0 0;
}
.price-cont-wrapp .tabs-all-title .unit{
margin: 0 3px;
}
.price-cont-wrapp .price-plan-cont{
margin: 0 0 30px;
}
.price-cont-wrapp .price-plan-cont .sp-on-subtitle{
display: inline-block;
}
.price-cont-wrapp .price-cont-title{
margin: 0 0 16px;
}
.price-cont-wrapp table{
margin: 0 0 20px;
}
.price-cont-wrapp th,
.price-cont-wrapp td{
display: block;
width: 100%;
font-size: 1.4rem;
padding: 0px 0;
}
.price-cont-wrapp tr{
display: block;
margin: 0 0 8px;
}
.price-cont-wrapp tr:nth-child(odd){
background: #fff;
}
.price-cont-wrapp th{
font-size: 1.8rem;
background: #FFFFE6;
margin: 0 0 8px;
}
.price-cont-wrapp th .altC{
font-size: 1.4rem;
margin: 4px 0 0;
}
.price-cont-wrapp .sp-none-tr th{
display: none;
}
.price-cont-wrapp .price-table.type02 td.sp-time-td,
.price-cont-wrapp .price-table.type01 td.sp-time-td{
width: 100%;
background: #628EBB;
color: #fff;
}
.price-cont-wrapp .price-table.type01 td.money{
width: 100%;
}
.price-cont-wrapp .price-table.type02 td.money{
width: 100%;
}
.price-cont-wrapp .price-plan-note{
padding: 8px;
border-radius: 4px;
font-size: 1.3rem;
}
.price-cont-wrapp .price-plan-note ul li{
position: relative;
padding: 0 0 0 20px;
}
#price-note{
padding: 8px;
border-radius: 4px;
}
#price-note ul li{
position: relative;
padding: 0 0 0 22px;
}
.lqdboxs_pack {
margin: 0 auto 14px;
width: 96% !important;
}
.pack_wrapp .lqdbox-btn{
display: table;
}
#shop_price  li.lqdbox{
width: 100% !important;
position: relative;
margin-right: 0 !important;
margin-bottom: 0 !important;
height: 90px !important;
}
#shop_price  div.lqdbox-btn {
width: 100%;	
}
.pack_wrapp .lqdbox-btn .pack_thumbnail,
.pack_wrapp .lqdbox-btn .pack_title{
display: table-cell;
vertical-align: middle;
}
.pack_wrapp .lqdbox-btn .pack_thumbnail{
width: 80px !important;
height: 80px;
}
.pack_wrapp .lqdbox-btn .pack_title{
background: rgba(68,98,171,0.8);
position: relative;
font-size: 1.3rem;
width: auto !important
}
#shop_price .pack_thumbnail img {
width: 100% !important;
margin-right: 0 !important;
height: auto !important;
}
.pack_wrapp .pack_contwrapp{
width: auto;
margin: 0 10%;
}
.pack_wrapp .pack_contwrapp .pack_title02{
margin: 0 auto 16px;
}
.pack_wrapp .pack_contwrapp .pack_title02 span{
font-size: 1.8rem;
padding: 8px 1em;
border-radius: 4px;
}
.pack_wrapp .pack_contwrapp .pack_detail{
padding: 8px 0;
border-radius: 4px;
font-size: 1.4rem;
}
.pack_wrapp .pack_contwrapp .pack_detail small{
display: block;
text-align: center;
font-size: 1.6rem;
line-height: 1.2;
}
.pack_wrapp .pack_contwrapp .pack_detail .packContents{
display: block;
font-weight: bold;
margin: 0 0;
line-height: 1.2;
}
.pack_wrapp .pack_contwrapp .pack_price{
margin: 0 0 16px;
padding: 14px 8px;
}
.pack_wrapp .pack_contwrapp .pack_price p{
text-align: center;
font-size: 1.4rem;
margin: 0 0 14px;
line-height: 1.2;
}
.pack_wrapp .pack_contwrapp .pack_price p .item{
display: block;
font-size: 1.4rem;
margin: 0 0 4px;
}
.pack_wrapp .pack_contwrapp .pack_price p .num{
font-size: 2.2rem;
letter-spacing: 3px;
}
.pack_wrapp .pack_contwrapp .pack_price p .unit{
font-size: 1.4rem;
margin: 0 4px 0 4px;
}
.pack_wrapp .pack_contwrapp .pack_price .option_list dt{
padding: 6px 16px;
border-radius: 4px;
font-size: 1.4rem
}
.pack_wrapp .pack_contwrapp .pack_price .option_list dd{
margin: 4px 0 0 18px;
padding: 0 0 0 0;
}
.pack_wrapp .pack_contwrapp .pack_price .option_list ul li{
font-size: 1.4rem;
}
.pack_wrapp .pack_contwrapp .pack_main{
display: block;
width: 100%;
margin: 0 auto;
}
.pack_wrapp .pack_contwrapp .pack_left,
.pack_wrapp .pack_contwrapp .pack_right{
display: block;
}
.pack_wrapp .pack_contwrapp .pack_left{
width: auto;
margin: 0 0 16px;
}
.pack_wrapp .pack_contwrapp .pack_left p.caption{
line-height: 1.6;
}
.pack_wrapp .pack_contwrapp .pack_right{
padding: 0;
}
.pack_wrapp .pack_contwrapp .pack_right .pack_heed,
.pack_wrapp .pack_contwrapp .pack_right .pack_conditions{
padding: 8px;
border-radius: 4px;
}
.pack_wrapp .pack_contwrapp .pack_right .pack_conditions{
margin: 0 0 16px;
}
.pack_wrapp .pack_contwrapp .pack_right .pack_heed .item_title,
.pack_wrapp .pack_contwrapp .pack_right .pack_conditions .item_title{
margin: 0 0 9px;
}
.pack_wrapp .pack_contwrapp .pack_right ul li{
font-size: 1.3rem;
}
.price-img-wrap {
width: 90%;
margin: 0 auto 20px;
}
.price-tab-wrapp{
width: 90%;
margin: 0 auto 30px;
}
.price-cont-title{
margin: 0 auto 15px;
}
.price-tab-wrapp #price-note{
margin: 20px 0 0;
}  #shoplist_code{
padding: 0px 0 0;
}
#shoplist_code .title{
margin: 0 6% 14px;
padding: 0;
}
#shoplist_code .item{
margin: 0 10px 0 0;
font-size: 1.2rem;
}
#shoplist_code .item .icon{
width: 10px;
height: 10px;
margin-right: 3px;
}
#shoplist_code ul{
margin: 0 6%;
}
#shoplist_code ul li{
width: 15%;
margin: 0 2% 16px 0;
}
#shoplist_code ul li:nth-child(6n+6){
margin-right: 0;
}
#shoplist_code ul li .image{
width: 100%;
}
#shoplist_code ul li .text{ display: inline-block;
font-size: 1.866667vw;
line-height: 1.3;
} .shop_snsarea{
margin: 30px auto;
}
.shop_snsarea ul li{
width: 11%;
margin: 0 3%;
padding-bottom: 1.6%;
}
.shop_snsarea ul li.icon{
width: 13%;
}
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: 1042;
overflow: hidden;
position: fixed; opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed !important;
outline: none !important;
-webkit-backface-visibility: hidden;
background: rgba(0,0,0,0.8);
}
.mfp-container {
text-align: center; position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 1160px;
}
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden; padding-top: 60.25%;
}
@media screen and (max-width:767px){
.mfp-iframe-scaler {
padding-top: 116.25%;
overflow-y: scroll;
//width:100%;
height:100%;
-webkit-overflow-scrolling:touch;
}
.mfp-iframe-scaler iframe{
width:100%;
height:100%;
}
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #fff;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; 
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%;
width: 50%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
.mfp-image-holder .mfp-content {
max-width: 100%;
width: 80%; }
}