@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
/* Reset */
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,.header_inner,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:16px 100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,#header,.header_inner,hgroup,menu,nav,.section,.row{display:block}body{line-height:1.6em}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body {font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serifwidth:100%; text-align:center;background-color:#00a0e2;}
a {text-decoration:none}
a:focus { outline:none;}
 p { line-height:1.6em}
img{max-width:100%; height:auto}
h1,h2,h3,h4{text-align:left;font-weight:bold; line-height:1.2em; letter-spacing:1px;}
h1{font-size:38px;}
h2{font-size:34px;color:#000; margin-top:4%; margin-bottom:3%; border-bottom:solid 2px #7f7f7f}
h2 img{width:50%;}
h3{font-size:32px;color:#000; margin-bottom:1%; clear:both}
.menu{display: none; opacity: 1; position: fixed; width: 100%;  height: 100%;  color: #000;  z-index: 99; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #F6CEE3), color-stop(0.00, #69e2fd));
background: -webkit-linear-gradient(top, #69e2fd 0%, #F6CEE3 88%);
background: -moz-linear-gradient(top, #69e2fd 0%, #F6CEE3 88%);
background: -o-linear-gradient(top, #69e2fd 0%, #F6CEE3 88%);
background: -ms-linear-gradient(top, #69e2fd 0%, #F6CEE3 88%);
background: linear-gradient(to bottom, #69e2fd 0%, #F6CEE3 88%);
}
.menu .nav { width: 100%; margin-top: 50px;margin-bottom: 46px; position: static; ext-align:center; background:none;}
nav ul {text-align:center; line-height:1.6em}
nav ul li{margin-bottom: 20px;font-size:24px}
nav ul li a{color:#000}
nav ul li a:hover {opacity: 0.5;}
nav ul li span{display:block;;font-size:14px  }
/*menu open close button*/
.button { position: fixed;top: 20px;right: 20px; width: 50px;  height: 50px; vertical-align: top; font-size:50px; z-index: 3;}
.button a {text-decoration:none;}
.btn-open:after {color:#000;content:"\f0c9";font-family:"FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.btn-open:hover:after {opacity: 0.5;}
.btn-close:after {color:#000;content:"\f00d";font-family:"FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.btn-close:hover:after {opacity: 0.5;}
#header {position: fixed;top: 110px;right: 20px; z-index: 5; font-weight: 700;}
#container{}
#top{position: relative; width: 100%;  overflow: hidden;}
.slideshow {  position: relative;  width: 100%;padding-top: 70.6%;overflow: hidden;margin: 0 auto;}
.slideshow .item {width: 100%;position: absolute;top: 0;display: none;}
.in {-webkit-transform: scale(1);transform: scale(1);z-index: 2;}
.out {-webkit-transform: scale(1.25);transform: scale(1.25);-webkit-transition: 4s;transition: 4s;z-index: 1; }
.news{z-index:3}
.news{position: absolute; bottom: 0; right: 0;}
.news {max-width:600px; width:100%;height: 114px; background:#000; overflow: hidden;}
.news li{position:relative; }
.news .thumbnail {width: 116px; height: 116px; overflow: hidden; position: relative;}
.news .thumbnail img { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.news a {color:#fff;}
.news p {position:absolute; top:40%; left:0; color:#fff;margin-left:116px;padding: 0 20px; height:114px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align:left;}
.news span.newsdate{margin-right:20px;}
#concept h2 img{ width:52.6%} /*693px*/
#contents h2 img{width:48%} /*632px*/
#detail h2 img{width:29.6%}/*390px*/
#schedule h2 img{width:52.4%}/*689px*/
#timetable h2 img{width:46%}/*607px*/
#archive h2 img{width:33.6%} /* 444px */
#instructors h2 img{width:58%}
#tieup h2 img{width:30%}
#sponsorship h2 img{width:42.5%} /* 560px */
.br_line{display:inline-block}
.br_cp{display:block;}
#container{overflow:hidden; width:100%; background-color:#ffffff;clear:both;}
.inner{width:100%; max-width:1000px; margin:0 auto; overflow:hidden; padding-bottom:3.6%;}
#top img.switch{width:100%; height:auto}
/* #concept */
.concept_txt{line-height:2.2; margin-top:15%; width:52%; display:inline-block}
.concept_txt span{line-height:2.2;}
#concept img.pic, #timetable img.pic, #instructors img.pic{float:left;margin-right:8%}
#instructors img.pic{margin-bottom:1.6%}
/* schedule */
.eventlist {display: flex; flex-wrap: wrap; justify-content: flex-start; margin:0 0 0 -3%;}
.eventlist li {width: 30%; margin: 20px 0 0 3%;   background-color:#fff;letter-spacing: 0.05em; }
.eventlist li  a{color:#000}
.eventlist li .eventbox { position: relative;border:solid 1px #000; padding: 13.4% 7.87% 15px; text-align: center; margin-bottom:20px}
.area{margin-bottom:24px}
.type{display: table-cell; vertical-align: middle;  text-align: center; font-size: 16px;  word-wrap: break-word; overflow-wrap: break-word;margin-bottom:24px}
.evedate{margin-bottom:20px }
.evedate:before { content: "";display: block; width: 80%;margin: 0 auto 12px;height: 1px;background-color: rgb(102, 102, 102);}
.place{ padding-bottom:80px; line-height: 1.3;}
.evebtn{ position: absolute; left: 6%; bottom: 20px; display: block; width: 80%;  padding: 8px 6px;line-height: 1;font-weight: bold; border: 2px solid #000;}
.eventbox img.ribbon{  position: absolute;  top:0;  left: 0;  display: block;   width: 52%;  height:auto;}
/* tab */
#tab-menu {width:100%;  list-style: none;  overflow:hidden;}
#tab-menu li {overflow:hidden;box-sizing:border-box; cursor:pointer; width:50%;  float:left;}
#tab-menu li a{ font-size:36px; padding:30px; color:#fff}
#tab-menu li a{display:block;}
#tab-menu a.active {color:#fff}
#tab-menu a:hover:not(.active) {background-color:#eee;filter:alpha(opacity=30);opacity:0.3; color:#999}

/* tab contents */
#tab-box {clear:both; }
#tab-box div.tab-content {display: none; padding:30px 2%; box-sizing:border-box}
#tab-box div.tab-content.active { display: block;}
#tab-box div.tab-content .inner{background-color:#ffffff; padding:0 20px; box-sizing:border-box}
#kanagawa{background-color:#69e2fd}
#kanagawa{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #376cb2), color-stop(0.00, #69e2fd));
background: -webkit-linear-gradient(top, #69e2fd 0%, #376cb2 88%);
background: -moz-linear-gradient(top, #69e2fd 0%, #376cb2 88%);
background: -o-linear-gradient(top, #69e2fd 0%, #376cb2 88%);
background: -ms-linear-gradient(top, #69e2fd 0%, #376cb2 88%);
background: linear-gradient(to bottom, #69e2fd 0%, #376cb2 88%);
}
#tokyo{background-color:#ff93a2}
#tokyo{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff6e79), color-stop(0.00, #ff93a2));
background: -webkit-linear-gradient(top, #ff93a2 0%, #ff6e79 88%);
background: -moz-linear-gradient(top, #ff93a2 0%, #ff6e79 88%);
background: -o-linear-gradient(top, #ff93a2 0%, #ff6e79 88%);
background: -ms-linear-gradient(top, #ff93a2 0%, #ff6e79 88%);
background: linear-gradient(to bottom, #ff93a2 0%, #ff6e79 88%);
}
/* #contents */
#contents{overflow:hidden; clear:both;}
.pic{width:38%;}
ul#cts {font-size:0;}
ul#cts li{width:31.2%; margin:0 1%; display:inline-block;font-size:0;}
/* #instructors */
#instructors {}
#instructors p, #instructors p a{text-align:left}
.name{font-size:34px;}
/* detail */
#detail {}
#detail img.pic{float:right;margin-left:8%}
table.detail {display:inline-block; width:54%}
table.detail tr th{white-space: nowrap;}
table.detail tr th,  table.detail tr td{font-weight:normal;padding:2% 0; text-align:left;vertical-align:top}
table.detail tr th{padding-right:4px;}
/* timetable */
#timetable table.detail {display:inline-block}
#timetable img.pic{margin-right:6%}
#timetable table.detail{width:54%}
#timetable table.detail tr th,  #timetable table.detail tr td{padding:1.4% 0;}
#timetable table.detail tr th{font-weight:bold;padding-bottom:1.6%}
#timetable table.detail tr td:nth-child(3){width:46%}
#timetable table.detail tr.sub td:nth-child(2){padding-left:1.2em;}
div.eve{display:inline-block;margin-left:10px; padding:1% 8% ;-moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px; text-align:center; } 
/* tieup */
#tieup h3{color:#000; margin:20px auto; text-align:center}
#tieup p{text-align:left;}
/* sponsorship */
#sponsorship{text-align:left; color:#000}
/* entry */
.bg_pk{background-color:#ff6e79}
.bg_bl{background-color:#376cb2}
.entrybtn{display:inline-block; vertical-align:middle; box-sizing:border-box;width:100%;max-width:300px;margin:0 auto;color:#fff; font-size:18px;color:#fff;line-height:1.6em; font-weight:bold;-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;background-color:#00a0e2 }
.entrybtn a {color:#fff !important;font-weight:bold;padding:20px 16px; display:block;}
#tab-box div.tab-content .entry .inner{padding-top:4%;}
/*#entry ul li{padding:10px 4px; box-sizing:border-box}
.btn_entry a{display: block; position: fixed; bottom: 10px; right: 4px; width: 100px; height: 100px;}*/
/* photo gallery */
ul.photolist {font-size:0;}
ul.photolist li{width:48.2%; margin:1% auto;display:inline-block }
ul.photolist li:nth-child(2n){margin-left: 3.6%; }
.inner.top{padding-top:3%}
#swipebox-title {line-height:1.2em !important}
/* event */
.tit_box{border:none;margin:0;margin-top:70px;padding:6px 20px; color:#fff}
.grbg{background-color:#79d3ac}
.grbox{border:solid 1px #79d3ac; box-sizing:border-box; padding:2%; text-align:left}
.blbg{background-color:#69e2fd}
.blbox{border:solid 1px #69e2fd; box-sizing:border-box; padding:2%; text-align:left}
.pkbg{background-color:#ff93a2}
.pkbox{border:solid 1px #ff93a2; box-sizing:border-box; padding:2%; text-align:left}
/* footer */
#footer{background-color:#eeeeee; clear:both}
#footer .inner{ padding-top:20px; padding-bottom:0}
#ft_tit{background-color:#dbdbdb; color:#00a0e2; text-align:center; box-sizing:border-box;padding:2px 10px;font-weight:bold;line-height:1.6em;letter-spacing:4px;font-size:14px;}
span.ft_br{margin-left:3%;}
#ft_cont{position:relative;background-color:#eeeeee;clear:both}
#ft_cont,#ft_cont a{color:#00a0e2; font-size:12px; letter-spacing:2px}
#ft_cont .links {margin-bottom:20px}
#ft_cont .links li,#ft_cont .links li a{color:#999999; }
#ft_cont .links li{display:inline-block; border:solid 2px #c1c1c1;letter-spacing:1px;margin:0 3px; margin-bottom:10px;vertical-align:bottom;padding:4px 6px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#ft_cont .app .txt{display:inline-block;color:#666;font-weight:bold;border:solid 2px #999; margin-bottom:10px;vertical-align:bottom;padding:4px 10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#ft_cont ul.ent_app{margin-top:10px;margin-bottom:30px;}
#ft_cont ul.ent_app li{width:160px;margin:0 5px;margin-bottom:10px; display:inline-block}
#ft_cont .contact {margin:0 auto;margin-bottom:50px;text-align:center;;font-weight:bold;}
#ft_cont .contact a{position:relative}
#ft_cont .contact a:after {content: ' ';position: absolute;right: -14px;top: 5px;width: 0px;height: 0px;border-top: 5px solid rgba(0, 0, 0, 0);border-bottom: 5px solid rgba(0, 0, 0, 0);border-left: 8px solid #00a0e2;    border-right: 0px solid rgba(0, 0, 0, 0);}
#ft_logo img{ display: block;margin:0 auto }
#ft_logo .logo_line{height:34px; background-color:#00a0e2;text-align:center}
.square_btn{display: inline-block;padding: 0.5em 1em;text-decoration: none;background: #CCFFCC	;color: #000;border-bottom: solid 4px #99CC99;border-radius: 3px;margin:20px auto;font-size:30px;}
.square_btn:active {-ms-transform: translateY(4px);-webkit-transform: translateY(4px);transform: translateY(4px);border-bottom: none;}
/* to top */
.pagetop {display: none;position: fixed;bottom: 0;right: 0;}
.pagetop a {display: block;background-color: #808080;text-align: center;color: #222;font-size: 12px;text-decoration: none;padding: 5px 10px;	filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.pagetop a:hover {display: block;/*background-color: #b2d1fb;*/
	background-color: #999999;text-align: center;color: #fff;font-size: 12px;text-decoration: none;padding:5px 10px;	filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
@media (max-width:1000px){
#tab-box div.tab-content {padding:30px 0}
.inner{position:relative; width:94%; }
}
@media (max-width:767px){
h1{font-size:34px;}
h2{font-size:30px;}
h3{font-size:26px;}
h4{font-size:24px;}
.name{font-size:22px}
#tab-menu li a{ font-size:24px;}
ul#cts li{width:80%; margin:0 1%; display:inline-block;font-size:0;}
span.ft_br{display:block; margin:0 auto}
.slideshow {padding-top: 100.6%;}
.news{position: relative; max-width:none}
}
@media (min-width:599px){
.overlay {display:none !important;}
}
@media (max-width:600px){
.eventlist li { position: relative; width: 46%; margin: 20px 0 0 3%; }
#concept img.pic{margin-right:4%}
.concept_txt{line-height:1.8em; margin-top:6%; text-align:left}
.concept_txt span{line-height:1.8em;}
.br_cp{display:inline;}
#concept h2 img{ width:69.3%}
#contents h2 img{width:63.2%}
#detail h2 img{width:39.0%}
#schedule h2 img{width:68.9%}
#timetable h2 img{width:60.7%}
#archive h2 img{width:44.4%}
#instructors h2 img{width:78.4%}
#tieup h2 img{width:42%}
#sponsorship h2 img{width:56%}
#photo h2 img{width:74%}
.inner.top{padding-top:8%}
.newsdate{display:block; text-align:left;}
.news p {position:absolute; top:20%; }
#tab-menu li { font-size:20px;}
table.detail,#timetable table.detail{width:98%; margin:0 auto; clear:both}
#detail img.pic,#timetable img.pic{ width:100%; max-width:480px;margin:0 auto; float:none}
}
@media (max-width:480px){
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:20px;}
.eventlist {flex-direction: column;}
.eventlist li {width: 97%;}
#tab-menu li a{ font-size:18px;padding:18px 8px; }
.concept_txt{margin-top:0;}
}
/* bxslider */
#loader-bg {  display: none;  position: fixed;  width: 100%;  height: 100%;  top: 0px;  left: 0px;  background: #000;  z-index: 7;}
#loader {  display: none;  position: fixed;  top: 60%;  left: 50%;  width: 200px;  height: 200px;  margin-top: -100px;  margin-left: -100px;  text-align: center;  color: #fff;  z-index: 8;}
#bx_mv{position:relative}
#bx_mv img{width:100%; height:auto}
.bnr_mv{width:240px;padding:12px;text-align:center; font-size:19px;letter-spacing:2px;background-color:#ff7b93;color:#fff;position:absolute; bottom:0; right:0;z-index:6}
.iframe-content {position: relative;width: 100%;padding: 56.25% 0 0 0;}
.iframe-content iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#wrap{overflow:hidden; height:auto}
.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1;}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{background-color:#e6e6e6;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-pager{position:relative;margin-top:2%;/*bottom:-24px;*/width:100%;text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:0;z-index:2}.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(/img_common/bx_loader.gif)center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:3}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9997px;display:block;width:20px;height:20px;margin:0 10px;outline:0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}@media (max-width:767px){.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9997px;display:block;width:9pt;height:9pt;margin:0 6px;outline:0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.bx-wrapper .bx-pager{position:relative;width:100%}}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#00b1d2}.bx-wrapper .bx-prev{left:10px;background:url(/img_common/controls.png)no-repeat 0 -2pc}.bx-wrapper .bx-next{right:10px;background:url(/img_common/controls.png)no-repeat -43px -2pc}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-1pc;outline:0;width:2pc;height:2pc;text-indent:-9999px;z-index:1}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/img_common/controls.png)-86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/img_common/controls.png)-86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}