@charset "UTF-8";
    /*
    Theme Name: Dance Studio Lei
    Description:
    Theme URI: http://lei-ballet.sakura.ne.jp/
    Author: sakai
    Author URI: http://msweb.moo.jp/
    Version: 1.0.1
    */

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(css/kube.css);

/* Reset ------------------------------------------------------------------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:none;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif}
body{line-height:1}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
p{line-height: 1.5;}
.clear{margin:10px 0;clear:both}

/* =Typography
-----------------------------------------------------------------------------*/
body {
margin:0px 0 0 0px;
font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
line-height:1.5;
-webkit-text-size-adjust: none;
font-size:90%;
color: #535353;
background:#fffef8;
}

/* =Links
-----------------------------------------------------------------------------*/
a{color: #535353;text-decoration:none;}
a:hover{color:#039bcf; transition: .3s;}
a:active, a:focus {outline:0;}
a:hover img{
filter:alpha(opacity=50);  /* IE7以下用 */
-ms-filter: "alpha(opacity=50)"; /* IE8用 */
-moz-opacity:0.5; /* Firefox 1.5未満, Netscape用 */
-khtml-opacity: 0.5;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
opacity: 0.5; /* Firefox 1.5以上, Opera, Safari用 */
}

/* Swiper-Slide
================================================ */
.swiper__list{margin:0;padding:0;list-style:none}
.swiper__img{max-width:100%;height:auto;vertical-align:bottom}
.swiper-center .swiper{max-width:1040px;overflow:visible!important}
.swiper-bbq-menu .swiper{max-width:1040px;overflow:visible!important}
.swiper__img{border-radius:0}
.swiper__controller{position:absolute;top:0;left:0;width:100%;padding-top:74%}
.swiper-button-prev,.swiper-button-next{position:absolute;z-index:1;top:0;bottom:0;margin:auto;display:grid;place-content:center;width:32px;height:32px;cursor:pointer;-webkit-transition:.8s cubic-bezier(.2,1,.2,1);transition:.8s cubic-bezier(.2,1,.2,1)}
.swiper-button-prev{left:-12px}
.swiper-button-next{left:calc(100% - 20px)}
.swiper-button-prev::before,.swiper-button-next::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:50%;background:#b1316e;-webkit-box-shadow:0 0 8px 0 #252525;box-shadow:0 0 4px 0 #252525}
.swiper-button-prev::after,.swiper-button-next::after{width:8px;height:8px;content:"";border:solid 1px #fff;border-width:2px 2px 0 0}
.swiper-button-prev::after{margin-left:.3rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.swiper-button-next::after{margin-right:.3rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.swiper__pagination{bottom: 6px!important;display: flex;align-items: center;justify-content: center;}
.swiper-pagination-bullet{width:9px;height:9px;margin:0 5px!important;background: #b1316e;opacity: .8;}
.swiper-pagination-bullet-active{background: #B1316F;border: 1.5px solid #fff;opacity: 1;}
.swipers__thumb-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}
.swipers__thumb-item{position:relative;overflow:hidden;padding-top:100%;cursor:pointer;-webkit-transition:.8s cubic-bezier(.2,1,.2,1);transition:.8s cubic-bezier(.2,1,.2,1);border-radius:8px}
.swipers__thumb-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.8s cubic-bezier(.2,1,.2,1);transition:.8s cubic-bezier(.2,1,.2,1)}
.swipers__thumb-item-active{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:.3}
.swipers__thumb-item-active img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.gallery .swiper{overflow:visible}
.swiper-caption{margin-top:4px;font-size:13px;text-align:right}
@media (min-width: 768px) {
.swiper__controller{}
.swiper-button-prev,.swiper-button-next{width:40px;height:40px}
.swiper-button-prev{left:-20px}
.swiper-button-next{left:calc(100% - 20px)}
.swiper-button-prev::before,.swiper-button-next::before{box-shadow:0 0 8px 0 #252525}
.swiper-button-prev::after,.swiper-button-next::after{width:10px;height:10px}
.swiper-button-prev::after{}
.swiper-button-next::after{}
.swiper__pagination{bottom: 8px!important;}
.swiper-pagination-bullet{width:9px;height:9px;margin:0 5px!important}
.swiper-caption{font-size:14px}
}

/* =共通
-----------------------------------------------------------------------------*/
パンくずリスト用CSS
*****************************/
#breadcrumb_list{margin:5px 0 0;list-style-type:none;font-size:80%;overflow:hidden}
#breadcrumb_list > li >h1{display:inline;font-weight:400}
#breadcrumb_list > li{margin:5px 0 20px;display:inline}
#breadcrumb_list > li+li:before{content:"\003e "}
#breadcrumb_list > li a{color:#85b85d}
.imgCenter{margin:0 auto 20px;text-align:center}
.imgRight{margin:0 0 0 10px;text-align:right;float:right;width:50%}
.imgLeft{margin:0 0 0 10px;text-align:left;float:left;width:25%}
img{max-width:100%;height:auto;vertical-align: bottom;border-style: none;box-sizing: border-box;}
hr.lin{background:transparent url(images/yokolin.png) repeat-x center center;height:6px;border:none;margin:20px 0 20px 10px;clear:both}
.pink{margin:0 0 5px;font-size:120%;font-weight:700;color:#eb6877}
.singleTitle{margin:20px 0;padding:20px 0 30px 100px;display:block;font-size:150%;font-weight:700;background:url(images/title_icon.png) no-repeat 0 center}
.bn{margin:20px 0 10px}
.RightBt{margin:0;text-align:right;float:right}

/* =Layout
-----------------------------------------------------------------------------*/
#wrap{margin:0 auto;display:block;width:100%;background:url(images/head_hk.png) repeat-x 0 0;background-size:auto}
@media screen and (max-width: 768px) {
#wrap{width:98%;margin:0 auto}
}
@media screen and (max-width: 640px) {
#wrap{width:96%;margin:0 auto}
}

/* =Header
-----------------------------------------------------------------------------*/
#header{margin:0 auto 20px;padding:18px 0 20px;overflow:hidden}
@media screen and (min-width: 769px) {
#header{width:1000px;margin:0 auto}
}
#headerWorp{overflow:hidden;padding:0;margin:0 auto}
@media screen and (max-width: 768px) {
#headerLeft{margin:0}
}
@media screen and (max-width: 640px) {
#headerLeft{margin:0}
}
.description{font-size:70%}
#hLogo{margin:0}
@media screen and (max-width: 640px) {
#hLogo{width:100%;margin:10px 0 0;text-align:center}
}
#headerRight{padding:0}
#headerRightWorp{padding:0}
.headTel_c{color:#b09d75;font-size:90%;margin:10px 0 0 20px}
.headTel{color:#ec7a72;font-size:170%;font-weight:700;margin:0 0 0 20px}
.headTel a{color:#ec7a72}
@media screen and (max-width: 640px) {
.headTel_c{margin:10px 0 0}
.headTel{color:#b1316e;margin:0}
.headTel a{text-decoration:underline}
}
#bn_reserve_mb{display:none}
@media screen and (min-width: 769px) {
#bn_reserve_tb{display:none}
#bn_reserve_mb{display:none}
}
.fa{color:#93791c}
#bn_reserve{position:fixed;top:0;margin-left:250px;z-index:200}
#bn_reserve a{display:block;width:203px;height:0;padding-top:115px;overflow:hidden;background:url(images/bn_reserve_top.png) no-repeat 0 0}
#bn_reserve a:hover{background-position:0 0;background:url(images/bn_reserve_top_on.png) no-repeat 0 0}
@media screen and (max-width: 768px) {
#headerLeft{width:100%;float:none;text-align:center}
#headerRight{width:100%;padding:0;margin:0}
#headerRightWorp{width:60%;float:left;margin:-13px 0 0}
@media screen and (max-width: 640px) {
#headerRightWorp{margin:10px 0 0}
}
#bn_reserve{display:none}
#bn_reserve_tb{margin:20px 0 0}
}
@media screen and (max-width: 640px) {
#headerWorp{margin:0}
.headTel_c{font-size:80%}
.headTel{font-size:110%}
#bn_reserve{display:none}
#bn_reserve_tb{width:40%;float:right}
}
nav ul:before,nav ul:after{content:"";display:table}
nav ul:after{clear:both}
nav ul{zoom:1}
nav{margin:0;clear:both;overflow:hidden;padding:7px 0;display:block;background:url(images/head_bt_hk.png) repeat-x 0 0}
nav ul{list-style:none;margin:0}
nav ul li{float:left;margin:0}
.header__nav__ul{display: flex;justify-content: center;}
@media screen and (max-width: 768px) {
nav{background:none}
nav ul{width:100%;font-size:80%;border-top:solid 1px #3fb0cb}
nav li{float:none;width:50%}
nav ul li img{display:none}
nav li a{display:block;background:#d4eff5;border-bottom:solid 1px #3fb0cb;padding:6px;text-decoration:none;color:#666;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
nav li:nth-child(odd) a{border-right:solid 1px #3fb0cb}
nav li a:before{content:attr(data-label)}
.header__nav__ul{flex-flow: wrap;justify-content: flex-start;}
.header__nav__ttl{display: none;}
.headImg{margin:2px auto 0}
}
@media (min-width: 769px) {
.header__nav{height:46px;padding:8px 0}
.header__nav__ul{height:100%;align-items:center}
.header__nav__ul li{display:flex;align-items:center;padding:0 16px;float:none}
.header__nav__ul li:not(:first-child){border-left:1px solid #b8a668}
.header__nav__ul li a{display:flex;align-items:center;line-height:1.25;height:36px}
.header__nav__ul li a:hover{opacity: .5;}
.header__nav__ttl{display:flex;flex-flow:column;align-items:center;font-size:16px;font-weight:600;color:#59bad1;line-height:1.2}
.header__nav__ttl-en{display:block;font-size:12px;color:#b8a668}
}

/* =Body
-----------------------------------------------------------------------------*/
#contents{margin:10px 0 0;overflow:hidden;clear:both}
@media screen and (min-width: 769px) {
#contents{margin:0 auto;width:1000px}
}
@media screen and (max-width: 768px) {
#contents{margin:0 auto;width:98%}
}
@media screen and (max-width: 640px) {
#contents{margin:0 auto;width:98%}
}
#contentsWrap{overflow:hidden}
#leftWrap{overflow:hidden}
#rightWrap{overflow:hidden;padding:50px 0 0}
@media screen and (max-width: 640px) {
#rightWrap{padding:0}
}

/* TOP
-----------------------------------------------------------------------------*/
#worpTop{overflow:hidden;clear:both}
#worpTopLeft{overflow:hidden;border-right:1px solid #b09d75;padding:0 20px 0 0;-moz-box-sizing:border-box;box-sizing:border-box}
#worpTopRight{overflow:hidden}
#worpTop2{overflow:hidden;clear:both}
#worpGreetings{overflow:hidden}
.GreetingsImg{border:1px solid #bfbfbf;margin:0 10px 0 5px;padding:8px;-moz-box-sizing:border-box;box-sizing:border-box}
#worpTopnews{overflow:hidden}
hr.toplin{background:transparent url(images/top_lin.png) repeat-x center center;height:6px;border:none;margin:20px 0}
.date{font-size:90%;color:#0c7396;font-weight:700}
.text{font-size:90%;display:block;line-height:18px;display:block}
#newsHead{overflow:hidden;width:100%;margin:0;padding1:0 0 10px 0;background-image:url(images/top_news_back.png),url(images/top_news_lin.png);background-repeat:no-repeat,repeat-x;background-position:center,center;color:#FFF;font-weight:700;text-align:center;display:block}
ul#news{margin:10px 0;padding:0 0 10px;overflow:hidden}
ul#news li{margin:0 5px;padding:5px 0;width:100%;border-bottom:dotted 1px #ccc;list-style-type:none}
ul#news li a{display:block;position:relative;padding:0 20px;overflow:hidden;background:url(images/side_icon.png) no-repeat 0 2px}
ul#voise{margin:0 0 30px;overflow:hidden}
ul#voise li{width:48%;margin:0 20px 10px 0;list-style-type:none;float:left;font-size:90%}
.voiseTitle{margin:5px 0 0;overflow:hidden}
.voiseText{overflow:hidden}
#topGalleryWorp{margin:30px 0 20px;overflow:hidden;border-top:dotted 1px #c8b76f;border-bottom:dotted 1px #c8b76f;padding:30px 0;-moz-box-sizing:border-box;box-sizing:border-box;clear:both}
.topGalleryWorp__inner{padding:0 20px}
ul#topGallery{display:flex;justify-content: center;gap: 20px;margin:20px 0}
ul#topGallery li{background:url(images/top_photo_bk.png) no-repeat 0 0;background-size: cover;padding: 52px 7px 26px;-moz-box-sizing:border-box;box-sizing:border-box;display:block;list-style-type:none;width:220px;text-align: center;width: calc((100% / 4) - 15px);margin: 0;}
.topGallery__btn{display: flex;align-items: center;justify-content: center;width: 160px;height: 28px;background: #b09d75;border-radius: 4px;}
.topGallery__btn:hover{opacity: .6;}
.topGallery__btn span{font-size: 12px;color: #fff;line-height: 1;}
@media screen and (max-width: 768px) {
#worpTopLeft{width:98%;overflow:hidden;border:1px solid #b09d75;padding:10px;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 5px;float:none}
#worpTopRight{width:98%;overflow:hidden;border:1px solid #b09d75;padding:10px;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 5px;float:none}
.topGalleryWorp__inner{padding:0}
ul#topGallery{gap: 16px;}
ul#topGallery li{padding: 8px;background:none;border: solid 1px #ece8d5;display:inline}
.voiseTitle{margin:15px 0 0}
.imgLeft{width:20%}
ul#voise li{width:100%;border-bottom:dotted 1px #ccc}
ul#voise li:last-child{border:0}
}
@media screen and (max-width: 640px) {
#worpTopLeft{overflow:hidden;border:1px solid #b09d75;padding:10px;-moz-box-sizing:border-box;box-sizing:border-box}
#worpTopLeft img{max-width:50%;margin:0 0 0 5px}
#worpTopLeft{overflow:hidden;border:1px solid #b09d75;padding:10px;-moz-box-sizing:border-box;box-sizing:border-box}
#worpTopRight img{max-width:50%;margin:0 0 0 5px}
#worpGreetings{overflow:hidden;width:100%;float:none}
.GreetingsImg{width:50%}
.topGalleryWorp__inner{padding:0}
ul#topGallery{flex-flow:wrap;gap:16px;margin:20px 0}
ul#topGallery li{width:calc((100% / 2) - 8px);margin:0}
.voiseTitle{margin:10px 0 0}
.imgLeft{width:20%}
ul#voise li{width:100%;border-bottom:dotted 1px #ccc}
ul#voise li:last-child{border:0}
.topGallery__btn{width: 132px;}
.topGallery__btn span{font-size: 11px;}
}

/* =Price
-----------------------------------------------------------------------------*/
h3{margin:0 0 10px}
.con_menu{overflow:hidden;margin:20px 0 0}
dl.box_menu,dl.box_menu2{overflow:hidden;float:left;width:30%;margin:0;padding:10px 15px 15px 10px;/*background-image:url(images/yokolin.png),url(images/tatelin.png);background-repeat:repeat-x,repeat-y;background-position:bottom,right*/}
dl.box_menu_nolin,dl.box_menu2_nolin{overflow:hidden;float:left;width:30%;margin:0;padding:10px 15px 15px 10px;}

/*dl.box_menu2{overflow:hidden;float:left;width:30%;margin:0 0 20px;padding:10px 15px 15px 10px;background-image:url(images/tatelin.png);background-repeat:repeat-y;background-position:right}
dl.box_menu2_nolin{overflow:hidden;float:left;width:30%;margin:0 0 20px;padding:10px 15px 15px 10px}
dl.box_menu_nolin,dl.box_menu2_nolin{overflow:hidden;float:left;width:30%;margin:0;padding:10px 15px 15px 10px;background-image:url(images/yokolin.png);background-repeat:repeat-x;background-position:bottom}*/
@media screen and (max-width: 768px) {
dl.box_menu,dl.box_menu_nolin,dl.box_menu2,dl.box_menu2_nolin{width:46%;float:left;padding:10px 15px 15px 10px;background-image:url(none),url(none)}
}
@media screen and (max-width: 640px) {
dl.box_menu,dl.box_menu_nolin,dl.box_menu2,dl.box_menu2_nolin{width:100%;float:none;padding:10px 0 15px;background-image:url(none),url(none)}
}
dl.box_menu dt,dl.box_menu_nolin dt dt{line-height:18px;margin:0 0 10px;height:470px}
dl.box_menu2 dt,dl.box_menu2_nolin dt{line-height:18px;margin:0 0 10px;height:330px}
@media screen and (max-width: 640px) {
dl.box_menu dt,dl.box_menu2 dt,dl.box_menu_nolin dt,dl.box_menu2_nolin dt{height:auto}
}
dl.box_menu dd.couseTitle,dl.box_menu2 dd.couseTitle,dl.box_menu_nolin dd.couseTitle,dl.box_menu2_nolin dd.couseTitle{background:#ece7d1;padding:3px 5px;text-align:center;border-top:solid 1px #d2bc8c;border-left:solid 1px #d2bc8c;border-right:solid 1px #d2bc8c;-moz-box-sizing:border-box;box-sizing:border-box}
dl.box_menu dd.couseBox,dl.box_menu2 dd.couseBox,dl.box_menu_nolin dd.couseBox,dl.box_menu2_nolin dd.couseBox{padding:5px 10px;border-bottom:solid 1px #d2bc8c;border-left:solid 1px #d2bc8c;border-right:solid 1px #d2bc8c;-moz-box-sizing:border-box;box-sizing:border-box;height:180px}
@media screen and (max-width: 640px) {
dl.box_menu dd.couseBox,dl.box_menu2 dd.couseBox,dl.box_menu_nolin dd.couseBox,dl.box_menu2_nolin dd.couseBox{height:auto}
}
.couseName{font-size:150%;font-weight:700;color:#ec7280;line-height:22px;padding:3px 0}
.couseImg{margin:5px 0 15px 0;text-align:center}
ul.note{margin:20px 0 40px 10px;border-left:11px solid #eb6877;overflow:hidden;padding:0 30px 0 0;clear:both}
@media screen and (max-width: 640px) {
ul.note{margin:10px 0 20px;padding:0}
}
ul.note li{padding:0 0 0 20px;margin:0 0 0 20px;list-style-type:none;display:block;background: url(images/noteicon.png) 2px 4px / 14px no-repeat;}
#Price{}
#PriceLeft{margin:0 10px 0 0}
#PriceRight{margin:0}
table#Tuition,table#Costs{width:100%;border-collapse:collapse;margin:0 0 20px}
table#Tuition td,table#Tuition th,table#Costs td,table#Costs th{padding:10px;border:1px solid #d0b988;-moz-box-sizing:border-box;box-sizing:border-box}
table#Tuition th,table#Costs th{font-weight:700}
table#Tuition td{text-align:right}
table#Costs td{text-align:left}
table#Tuition thead th,table#Costs thead th{background:#ece7d1}
table#Costs tbody th{background:#ece7d1}
@media screen and (max-width: 640px) {
table#Tuition,table#Costs{display:block;border:solid 1px #d0b988;width:98%}
table#Tuition thead,table#Costs thead{display:none}
table#Tuition tbody,table#Costs tbody{display:block}
table#Tuition tbody tr,table#Costs tbody tr{display:block;margin-bottom:10px}
table#Tuition tbody th,table#Tuition tbody td,table#Costs tbody th,table#Costs tbody td{display:list-item;border:none}
table#Tuition tbody th,table#Costs tbody th{margin-bottom:5px;list-style-type:none;background:#ece7d1}
table#Costs tbody th{padding:2px 0;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}
table#Costs tbody td{width:85%;padding:2px 0;-moz-box-sizing:border-box;box-sizing:border-box}
table#Tuition tbody td,table#Costs tbody td{margin-left:20px;list-style-type:none;padding:0;text-align:left}
table#Tuition tbody td:nth-of-type(1):before{content:"[入会金] "}
table#Tuition tbody td:nth-of-type(2):before{content:"[週１クラス] "}
table#Tuition tbody td:nth-of-type(3):before{content:"[週２クラス] "}
table#Tuition tbody td:nth-of-type(4):before{content:"[週３クラス以上] "}
}
table#Discount{width:100%;border-collapse:collapse;margin:0 0 20px}
table#Discount td,table#Discount th{padding:10px;border:1px solid #eb6877;-moz-box-sizing:border-box;box-sizing:border-box}
table#Discount th{font-weight:700}
table#Discount td{text-align:left}
table#Discount thead th{background:#f7a3ac}
@media screen and (max-width: 640px) {
table#Discount{display:block;border:1px solid #eb6877;width:98%}
table#Discount td,table#Discount th{border:0}
table#Discount thead{}
table#Discount tbody{display:block}
table#Discount tbody tr{display:block;margin-bottom:5px}
table#Discount tbody th,table#Discount tbody td{display:list-item;border:none}
table#Discount tbody th{width:100%;text-align:left;margin-bottom:0;list-style-type:none}
table#Discount tbody td{margin-left:20px;padding:0;list-style-type:none}
table#Discount tbody th:nth-of-type(1):before{content:"[入会金] "}
table#Discount tbody th:nth-of-type(2):before{content:"[週１クラス] "}
}

/* =School
-----------------------------------------------------------------------------*/
.ggmap{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.ggmap iframe,.ggmapr object,.ggmap embed{position:absolute;top:0;left:0;width:100%;height:100%}

/* =Profile
-----------------------------------------------------------------------------*/
#profilePhoto{text-align:center}
.fa-leaf{color:#80c269}
.timeline{list-style:none;margin:30px 0 10px}
.timeline img{width:20%}
@media screen and (max-width: 640px) {
.timeline img{width:50%}
}
.timeline > li{margin-bottom:60px}
@media screen and (max-width: 640px) {
.timeline > li{margin-bottom:10px;border-bottom:dotted 1px #ccc}
}
@media ( min-width : 640px ) {
.timeline > li{overflow:hidden;margin:0;position:relative}
.timeline-date{width:110px;float:left;padding:0 0 10px}
.timeline-content{width:75%;float:left;border-left:3px #e5e5d1 solid;padding:0 0 10px 30px}
.timeline-content:before{content:'';width:12px;height:12px;background:#6fc173;position:absolute;left:106px;top:5px;border-radius:100%}
}
@media screen and (max-width: 640px) {
.timeline-date{font-weight:700}
}
@media screen and (min-width: 769px) {
dl#lecturer{float:left;overflow:hidden;margin:20px 13px 50px 0;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;width:32%;border:solid 1px #c5b783}
dl#lecturer dt{float:left;overflow:hidden;width:48%}
dl#lecturer dd{float:right;overflow:hidden;width:48%;height:207px;position:relative}
.bottom-bt{position:absolute;bottom:1px}
}
@media screen and (max-width: 768px) {
dl#lecturer{overflow:hidden;margin:20px 0 0;padding:10px;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:solid 1px #c5b783}
dl#lecturer dt{float:left;overflow:hidden;width:15%}
dl#lecturer dd{float:right;overflow:hidden;width:83%}
.bottom-bt{margin:10px 0 0}
}
@media screen and (max-width: 640px) {
dl#lecturer{overflow:hidden;margin:20px 0 0;padding:10px;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:solid 1px #c5b783}
dl#lecturer dt{float:left;overflow:hidden;width:44%}
dl#lecturer dd{float:right;overflow:hidden;width:52%}
.bottom-bt{margin:10px 0 0}
}

/* =Presentation
-----------------------------------------------------------------------------*/
.presentation-gallery{padding: 0 16px;0 16px:;}
.competition{padding: 0 16px;}
.competition__era{}
.competition__era-border{padding:28px 0;display:flex;align-items:center;justify-content:center}
.competition__era-border picture{font-size:0;line-height:0}
.competition__ttl{font-size:16px}
.competition__contestants{margin-top:16px}
.competition__contestants__block{display:flex;flex-flow:column;gap:24px}
.competition__contestants__block:not(:first-child){margin-top:40px}
.competition__contestants__info{}
.competition__contestants__name{font-weight: 600;}
.competition__contestants__list{list-style:disc;margin: 4px 0 0 18px;}
.competition__contestants__list li{}
.competition__contestants__list li:not(:first-child){margin-top:4px}
.competition__contestants__img{padding:0 16%}
.competition__contestants__img img{}
@media (min-width: 768px) {
	.presentation-gallery{
    padding: 0 140px;
}
.competition{padding: 0;}
.competition__era{padding: 0 140px;}
.competition__era-border{padding:28px 0}
.competition__ttl{}
.competition__contestants{}
.competition__contestants__block{flex-flow:wrap}
.competition__contestants__block:not(:first-child){margin-top:40px}
.competition__contestants__info{width:500px}
.competition__contestants__name{}
.competition__contestants__list{}
.competition__contestants__list li{}
.competition__contestants__img{flex:1;padding:0}
.competition__contestants__img img{}
}

/* =News
-----------------------------------------------------------------------------*/
ul#newsBox{overflow:hidden;margin:0;padding:20px 15px 20px 10px;background-image:url(images/yokolin.png),url(images/yokolin.png);background-repeat:repeat-x,repeat-x;background-position:top,bottom;background-color:#FFF}
ul#newsBox li{margin:0 0 5px 10px;padding:10px 0 10px 25px;border-bottom:dotted 1px #c5b783;list-style-type:none;display:block;background:url(images/news_icon.png) no-repeat 0 center}
ul#newsBox li:last-child{border:0}
#newssingleWorp{overflow:hidden;margin:25px 0 30px;padding:20px 25px 30px 20px;background-image:url(images/yokolin.png),url(images/yokolin.png);background-repeat:repeat-x,repeat-x;background-position:top,bottom;background-color:#FFF;-moz-box-sizing:border-box;box-sizing:border-box}
.newssingleTitle{border-left:solid 10px #b1316e;font-size:110%;font-weight:700;padding:5px 0 5px 20px;margin:10px 0}
.newssingleDate{float:right;margin:10px 0;font-size:100%;color:#4cb5ce}

/* =Contact
-----------------------------------------------------------------------------*/
#contactWorp{overflow:hidden;width:100%;margin:15px 0 30px;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;background:url(images/contact_hk.gif) repeat 0 0}
@media screen and (max-width: 640px) {
#contactWorp{padding:10px}
}
.contacttextBox{background:#FFF;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.comentlBox{float:left;overflow:hidden;width:60%;margin:0}
.telBox{float:right;overflow:hidden;width:35%;margin:0}
@media screen and (max-width: 640px) {
.comentlBox{float:none;width:100%;margin:0;overflow:hidden}
.telBox{float:none;width:100%;overflow:hidden;margin:0}
}

/* =Sideber
-----------------------------------------------------------------------------*/
.sideTitle{margin:0 auto 10px;padding:3px 0;background:#f9f3db;border-top:dotted 1px #93791c;color:#93791c;text-align:center;font-size:90%;font-weight:700}
ul.menu-list{margin:0 0 30px 5px;overflow:hidden}
ul.menu-list li{margin:0 auto 5px;text-align:left;padding:0 0 0 20px;list-style-type:none;display:block;border-bottom:dotted 1px #ccc;background:url(images/side_icon.png) no-repeat 0 center}

/* =Footer
-----------------------------------------------------------------------------*/
#Footer{width:100%;margin:0 auto;padding:15px 20px 10px;clear:both;overflow:hidden;background:#dbf2f8;-moz-box-sizing:border-box;box-sizing:border-box}
#FooterWorp{width:1000px;margin:0 auto;overflow:hidden}
.footerAdress{margin:5px 0 0 60px}
ul#FooterMenu{margin:65px 0 0;overflow:hidden;text-align:right;display:flex;flex-flow:wrap;justify-content:flex-end}
ul#FooterMenu li{margin:0 0 10px;border-right:1px solid #000;padding-right:10px;margin-left:10px;list-style-type:none;float:left}
ul#FooterMenu li:last-child{border-right:none}
#gotop{margin:0 auto;padding:20px 0 0;text-align:right;clear:both;width:1000px}
.copyright{margin:20px auto 10px;font-size: 80%;clear:both;text-align:right;width:100%}

@media screen and (max-width: 768px) {
#FooterWorp{width:98%;margin:0 auto;overflow:hidden}
#FooterWorpLeft{width:48%;float:left}
#FooterWorpRight{width:48%;float:right}
#gotop{width:98%}
}
@media screen and (max-width: 640px) {
#FooterWorp{width:98%;margin:0 auto;overflow:hidden}
#FooterWorpLeft{width:100%;float:none}
#FooterWorpRight{width:100%;float:none}
ul#FooterMenu{margin:5px 0 0;overflow:hidden;justify-content:center}
ul#FooterMenu li{font-size:90%;padding-right:10px}
.copyright{text-align:center;width: 276px;}
#gotop{width:98%}
}

/****************************************
 Comments Area
*****************************************/
#comment-area h3{font-size:150%;font-family:'Josefin Sans',sans-serif}
.required{color:#fe56aa}
.commets-list,.trackback-list{overflow:hidden;margin-top:-20px;margin-bottom:40px}
.commets-list li,.trackback-list li{overflow:hidden;margin-top:-1px;padding:20px 0 0;width:100%;border-top:1px solid #ddd;border-bottom:1px solid transparent}
.commets-list .avatar{float:left;margin-right:10px;margin-bottom:10px}
.comment-meta,.reply,.comment-notes,.form-allowed-tags,span.small{font-size:80%}
.comment-body p{clear:both}
.reply{text-align:right}
.bypostauthor{}
.children{padding-left:2em}
#respond{margin-bottom:40px}
.comment-page-link{margin:0 0 3em}
.page-link span,.comment-page-link span,.comment-page-link a{display:inline-block;margin-right:3px;padding:5px 8px;border:1px solid #ddd;background:#ddd}
.page-link a span,.comment-page-link a{background:#fff}
.page-link a{border-bottom:none;color:#000}
.page-link a span:hover,.comment-page-link a:hover{background:#ffeff7;color:#000}

/****************************************
  WordPress Misc
*****************************************/
/* Alignment */
.alignleft{float:left}
.alignright{float:right}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
blockquote.alignleft,figure.wp-caption.alignleft,img.alignleft{margin:7px 24px 7px 0}
.wp-caption.alignleft{margin:7px 14px 7px 0}
blockquote.alignright,figure.wp-caption.alignright,img.alignright{margin:7px 0 7px 24px}
.wp-caption.alignright{margin:7px 0 7px 14px}
blockquote.aligncenter,img.aligncenter,.wp-caption.aligncenter{margin-top:7px;margin-bottom:7px}
#gallery-1{margin:auto}
#gallery-1 .gallery-item{float:left;margin:0;text-align:center;width:25%}
.gallery-item .gallery-icon{padding:5px}
#gallery-1 img{border:0}
#gallery-1 .gallery-caption{margin-left:0}

/****************************************
  Form
*****************************************/
input[type="password"],input[type="search"],textarea{width:100%}
input[type="text"],input[type="email"]{width:60%;padding:5px 0}
@media screen and (max-width: 640px) {
input[type="text"],input[type="email"]{width:100%;padding:5px 0}
}
select{padding:5px 0}
.button,button,input[type="submit"]{display:inline-block;margin-bottom:20px;padding:8px 40px;border:1px solid #de2c3b;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#de2c3b;color:#FFF;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.75);font-weight:700;font-size:12px;line-height:normal;cursor:pointer}
.button:hover,button:hover,input[type="submit"]:hover{border:1px solid #9f0e1a;background:#9f0e1a;color:#fff;text-shadow:0 -1px rgba(0,0,0,.4)}
.button:active,button:active,input[type="submit"]:active{position:relative;top:1px}
.wpcf7 form .wpcf7-response-output{text-align:center}

/****************************************
  Clearfix
*****************************************/
#container:after,#header .menu > ul:after,#header ul.menu:after,p:after,.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:" ";font-size:0}
#container,#header .menu > ul,#header ul.menu,.clearfix{display:inline-block}
#container,#header .menu > ul,#header ul.menu,.clearfix{display:block}