﻿@import url(http://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;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}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: 'Oswald','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; background-color:#00a0e2;width:100%; text-align:center}
a {text-decoration:none}
a:focus { outline:none;}
button:focus { border:none; outline:none !important;}
p, dt,dd { line-height:1.6em; letter-spacing:1px}
iframe {  border: none;  outline: none;}
h1{font-size:28px;  font-weight:bold; clear:both; line-height:1.3em }
h2{color:#ffffff; font-size:38px; font-weight:bold;}
h3{color:#ffffff; font-size:20px; font-weight:bold}
.pk{color:#FC42A4}
.bl{color:#73e5ff}
.bold{font-weight:bold}
.inline-block {text-align: center; clear:both; margin-bottom:20px;}
.inline-block a {width:46%; max-width:300px;margin-right:7%; height:auto; display: inline-block;}
.inline-block a:last-child {margin-right:0}
.img_300{max-width:300px; width:100%; height:auto; margin:0 auto;}
.img_600{max-width:600px; width:100%; height:auto; display:block; margin-bottom:16px}
p.note{margin-top:10px;}
/* nav */
ul {text-decoration:none;	list-style:none;}
nav {
	text-align:center;
	/*width:614px;*/
	float:right;
	position:relative;
	height:50px/*auto*/;
/*	overflow:hidden;*/
	background:none;
}
nav ul {
	text-align:center;
	line-height:50px;
}
nav ul li {
	display:inline-block;
    height: 50px;
	position: relative;
}
nav ul li,nav ul li a {
    letter-spacing: 0.1em;
    font-size: 14px;
    font-weight: bold;
    color:#e85470/*color: rgb(255, 255, 255);*/
}
nav ul li a {
    display: block;
    padding: 0 5px;
/*    letter-spacing: 0.1em;
    font-size: 14px;
    font-weight: bold;
    color: rgb(255, 255, 255);*/
    text-decoration: none;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
nav ul li a:hover {
	opacity: 0.5;
}
nav ul li.tooltip span,.wrap ul.gnav li.tooltip span{display:none;}
nav ul li.tooltip,.wrap ul.gnav li.tooltip
 {
	opacity: 1;
	cursor:pointer;
	position:relative;
}
nav ul li.tooltip:hover span ,.wrap ul.gnav li.tooltip:hover span{
    display: block;                  /* ボックス要素にする */
    position: absolute;            /* relativeからの絶対位置 */
    top: 40px;
    background-color: #fff;
    padding: 0 5px;
	opacity: 1;
    width: 60px;
    color: #000;
    font-size: 90%;
    z-index: 1000;
}
.wrap ul.gnav li.tooltip:hover span{top:42px;padding:6px;width:100px;font-size:80%}
/*styling open close button*/
.button {
	display:none/*inline*/;
	position:absolute;
	right:50px;
	top:6px;
	z-index:999;
	font-size:30px;

}
.wrap .button {
	right:20px;
}
.button a {
	text-decoration:none;
}
.btn-open:after {
	color:#fff;
	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; /*color:#34B484*/;
}
.btn-close:after {
	color:#fff;
	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;
}
/*overlay*/
.overlay {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background:#333;
	overflow:auto;
	z-index:99;
}
.wrap {
	color:#e9e9e9;
	text-align:center;
	max-width:90%;
	margin:0 auto;
}
.wrap ul.gnav {
	border-bottom:1px solid #575757;
	text-transform:capitalize;
	padding:150px 0px 100px;
}
.wrap ul.gnav li {
	color:rgb(252, 66, 164);
	font-size:20px;
	display:inline-block;
	vertical-align:top;
	width:24%;
	position:relative;
}
.wrap ul.gnav li a {
	color:rgb(252, 66, 164);
	display:block;
	padding:8px 0;
	text-decoration:none;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.wrap ul.gnav li a:hover {	color:#f0f0f0;}
.wrap ul.gnav ul {	padding:20px 0;}
.wrap ul.gnav ul li {	display:block;	font-size:13px;	width:100%;	color:#e9e9e9;}
.wrap ul.gnav ul li a {	color:#f0f0f0;}
.wrap ul.gnav ul li a:hover {	color:rgb(252, 66, 164);}
.end{font-weight:normal;font-size:12px;}
/* general */
.page-header {border-bottom: 3px solid #000000; font-size:38px; line-height:42px;color:#000000; font-weight:bold; text-align:left;margin-bottom:4%;}
h1.page-header, h2.page-header { margin-top:6%;}
h1 .header_txt , h2 .header_txt {text-align:left; color:#fc42a4; display:block;font-size:20px; font-weigh:normal}
.subhead {font-size:20px; font-weight:bold; color:#ffffff; background-color:#000000; text-align:left;
line-height: 20px; padding: 8px 10px 9px 12px; display:block;clear:both; margin-top:30px; margin-bottom:20px}
.bx-wrapper .bx-controls-direction a{z-index:9 !important }
.content_left{width:46%; float:left; margin-bottom:20px;}
.content_left img, .content_right img {width:100%; height:auto; }
.content_right{width:46%; float:right; margin-bottom:20px;}
img.content_left,img.content_right{height:auto;}
.left{float:left}
.right{float:right}
.switch {visibility: hidden;}
.sp_nowrap{display:block}

#container{overflow:hidden; width:100%; background-color:#ffffff;clear:both}
.inner{position:relative; width:100%; max-width:1000px; margin:0 auto; overflow:hidden; }

#header{ position: fixed;
    z-index: 10;
	width:100%;
    height: 50px;
	background-color:rgba(0, 0, 0, 0.9);}
.logo_main {
    position: fixed;
    top: 0;
    left: 0;
	width:40%;
	z-index:11;
}
.sm{width:30%}
.head_sns{float:right; margin-left:14px; margin-right:4px; margin-top:12px}
.head_lng{float:right; margin-left:10px; margin-top:12px}
#header .icn_fb {float:right; width:26px; height:26px; }
#header .icn_tw {float:right; width:26px; height:26px; margin-right:4px}
#header .lang_en{float:right; width:26px; height:26px; margin-right:4px}

#top {text-align:center}
#top .top_slider{width:100%; height:auto;/*max-width:1024px;*/ margin:0 auto; overflow:hidden; text-align:center;}
#top img, #topics img, .cts_flame img, .news_pic img {width:100%; height:auto; vertical-align: bottom; display:block; margin: 0 auto;	padding: 0; border:none; outline:none}

/* 20170615 ADD NEWS */
ul.newsmov li{float:left;}
.item {margin: 15px;  width: 45%;  padding: 0px;  position:relative;  background-color:#fff; display:inline;}
.item.x2 {width: 350px;}
#newsbox {width:45%; margin-top:0px; padding-top:0px;}
#newsbox h2{position:relative;top:0;text-align:left; font-size:36px;font-weight:normal; color:#666666; line-height:46px; padding-left:3%;padding-top:0px;clear:both;margin:0;border-bottom: 1px solid #eee; }
table.newss{width: 100%; color:#000;line-height:1.2em; overflow-x:hidden;background-color:#fff;border:none; overflow:hidden }
table.newss tr{border-bottom: 1px solid #eee;}
table.newss tr td {font-size:13px;width:16%; padding: 6px 0 ; padding-left:3%; text-align:left; white-space: nowrap; color:#00a0e2 }
table.newss tr td + td{width:auto;padding-left:10px;padding-right:6px;font-weight:normal;white-space: normal; word-break: break-all; word-wrap: break-word; color:#666666}
table.newss tr td + td a{color:#00a0e2}
table.newss tr td + td a:hover{color:#00a0e2;text-decoration:underline;}
/* 20170615 END */

/* DIRECTION CONTROLS (NEXT / PREV) */
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#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: 2;
}
#wrap, #top{overflow:hidden; height:auto}
.bx-wrapper .bx-prev {	left: 0 !important;	background: url(../images/arw_lft.png) no-repeat 0 0 !important; background-size:100% auto!important;}

.bx-wrapper .bx-next {	right:0 !important;	background: url(../images/arw_rht.png) no-repeat 0 0 !important; background-size:100% auto !important;}

.bx-wrapper .bx-prev:hover {	background-position: 0 0;}

.bx-wrapper .bx-next:hover {	background-position: 0 0;}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 4% !important/*32px*/;
	padding-top:9.2% !important;
	height: 0 !important/*32px*/;
	text-indent: -9999px;
	z-index: 100;
}
#bxslider iframe{margin-top:48px}
#news{background-color:#73e5ff;}
.news_inner{width:100%; max-width:1000px; margin:0 auto; }
#news dl {display: block;margin: 0; line-height:58px; font-size:20px;}
#news dt, #news dd {display: block;	float: left; margin: 0 10px;padding: 0; line-height:58px;}
#news dt {color: #fff;}
#news dd {color: #fff;letter-spacing:2px;font-weight:bold;margin-right: 80px;}
#news dt a, #news dd a {color: #fff;}

#scdl{background-color:#ba4085; margin-bottom:-1px; clear:both}
#scdl ul {width:100%;	text-align:center;	overflow:hidden; }
#scdl ul li {
	width:12.5%;
	display:inline-block;
	float:left;
	position:relative;
	color:#ffffff;
	padding-top:12.5%;
}
#scdl ul li a {
    display: block;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: bold;
	color:#ffffff;
    text-decoration: none;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
#scdl ul li a:hover {
	opacity: 0.5;
}
#scdl ul li .box, #scdl ul li .cs_box{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; box-sizing:border-box; border-bottom:solid 1px #ffffff;border-right:solid 1px #ffffff; text-align:center}
#scdl ul li .cs_box .cs{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%;height:30px; }
.place, .date{font-size:42px; font-weight:bold}
.ent, .cs{font-size:30px;font-weight:bold  }
.place{position:absolute; top:12%; width:100%}
.year{position:absolute; top:36%; width:100%;font-size:22px; font-weight:normal}
.venue{position:absolute; top:34%; width:100%;font-size:17px;font-weight:normal;line-height:1.2em}
.date{position:absolute; top:51%; width:100%}
.ent{position:absolute; bottom:0; height:21%; background-color:#e44994; width:100%; padding-top:4%; box-sizing:border-box; vertical-align:middle}
.box .cs{position:absolute; bottom:0; height:21%; width:100%; padding:4%; box-sizing:border-box}
.ent:after {
    content: ' ';
	position:absolute;
	left:70%;
	top:36%;
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #ffffff;
  border-right: 0px solid transparent;
}
.t_en {
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
}
.h-bar {
    position: relative;
    text-align:center;
	box-sizing:border-box;
    height: 60px;
    line-height: 60px;
	padding-top:6px;
	padding-bottom:6px;
    letter-spacing: .1em;
    background: rgb(0, 0, 0);
	border-bottom:1px solid #fff;

}
.tit_bar{height:38px; width:100%; background:#FC42A4; text-align:center; padding-top:15px; padding-bottom:15px;clear:both;}

#topics .content_right img{margin-bottom:10px;}
#topics{ background-color:#ffffff; clear:both; overflow:hidden;text-align:center; }
#topics .inner{padding-top:0; text-align:center}
.sponsor{width:700px;margin:0 auto; overflow:hidden; margin-bottom:20px}
.sponsor a{width:33%; margin-right:0%;float:left}
ul.spr{margin-bottom:20px}
ul.spr li{display:inline-block; margin:0 20px}
ul.spr li a{display:block}
.link_150 {max-width:150px;overflow:hidden; color:#cccccc !important; text-align:center; font-size:14px;}
.link_jtb{text-align:center; margin:0 auto; display:block;clear:both; padding-top:10px;}
.link_jtb img{max-width:200px !important;margin:0 auto; display:block;}
.bt_mv{width:320px; height:auto; margin:0 auto; margin-bottom:4%; clear:both}
#topics .link_jtb img, #topics .link_150 img{width:100%;height:auto;max-width:150px !important;margin:0 auto; display:block;}
.kaiken{clear:both; width:100%; overflow:hidden; padding-top:4%; margin-bottom:2%; text-align:center}
.tr_tit{width:56%; margin:0 auto; margin-bottom:5%;}
.tr_txt{width:40%; float:right; margin-left:4%; margin-bottom:4%; }
.kaiken_tit{width:58%; float:left; margin-bottom:5%;}
.kaiken_pic{width:38%; float:right; margin-left:4%; margin-bottom:4%}
.kaiken p{color:#ba4085;  text-align:left; font-size:22px; line-height:1.4em; letter-spacing:2px; font-weight:bold}
.kaiken p a{color:#ba4085; font-size:20px; font-weight:normal}
.menu li .title {    background-color:rgba(252, 66, 164, 0.9);	color:#ffffff;}
.menu li .title:after {
  content: ' ';
  position:absolute;
  left:50%;
  bottom:-20px;
  margin-left:-16px;
  width: 0px;
  height: 0px;
  border-top: 22px solid rgba(252, 66, 164, 0.9);
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}
.menu li img {
    width: 100%;
    vertical-align: top;
}
.menu li .title span {    display: block;}
.t_sub { font-size:14px;  color: #ffffff;}

.top_flw {
    position: relative;
    background-color: rgb(252, 66, 164);
    /*background-image: url(/funrun/images/topics_bg.jpg);*/
	background-image: url(/bubblerun/images/topics_bg_tile.png);	
    /*background-repeat: no-repeat;*/
    background-position: center center;
    /*background-size: 1900px auto;*/
    height: auto;
}
.top_flw .inner{max-width:690px; padding:20px 0}
ul#funrunlist{text-align:center; display:inline;}
ul#funrunlist .phofunrun{max-width:140px; border:solid 1px #ffffff;}
ul#funrunlist li{max-width:140px; float:left; margin:15px;}
ul#funrunlist .funrunname{font-size: 14px;margin:10px 0; font-weight:bolder; color:#ffffff;}
ul#funrunlist .sns_ico{width:66px;}
.top_sns {clear:both;overflow: hidden;    zoom: 1;}
.top_sns .t_en {margin-top:25px}
.top_sns .h-bar img{width:12%; height:auto; max-width:45px;min-width:45px;}
.twt, .fb{box-sizing:border-box; border-right:1px solid #fff;}
.top_sns .twt .h-bar {    background: #2ca8df/*rgb(41, 193, 206)*/;}
.top_sns .twt .sns_content{background: #dcf8ff; overflow:hidden;}
.twt_rt,.twt_lf{background: #60c6ea;}
.twt #twitter-widget-0 {
    margin: 0 auto !important;
	height:434px !important;
    max-width: 324px !important;
	border-bottom:none !important;
}
.top_sns .fb .h-bar {    background: #3664a2 /*rgb(75, 104, 185)*/;}
.fb_rt,.fb_lf{background: #5993d3;}
.fb_ct{background: #5993d3;}
.fb .fb_iframe_widget{
    margin: 0 auto !important;
	height:434px !important;
    max-width: 324px !important;
}
.top_sns .fb .sns_content{background: #e9f6ff; overflow:hidden;}
.top_sns .instagram .h-bar {    background: #316684/*rgb(63, 114, 155)*/;}
.top_sns .instagram .ins{    background: #5d9ab5}
.top_sns .instagram .sns_content{background: #e6f9ff; overflow:hidden;}
.twt_rt,.fb_rt, .twt_lf,.fb_lf{float:left; width:50%; padding:20px 10px; text-align:center; box-sizing:border-box;border-bottom:1px solid #fff; font-size:20px; letter-spacing:2px;}
.twt_rt a,.fb_rt a, .twt_lf a,.fb_lf a,.fb_ct a, .ins a{color:#ffffff}
.twt_rt, .fb_rt{border-left:1px solid #fff;}
.ins, .fb_ct{width:100%; padding:20px 10px; text-align:center; box-sizing:border-box; overflow:hidden; font-size:20px; letter-spacing:2px;}
.instafeed_tag li{height:346px; padding-bottom:10px}
.instafeed_tag li{
	position: relative;
	  z-index: 1;
    overflow: hidden;
    display: block;
    width: 18.4%;
    float: left;
	box-sizing:border-box;
	border:solid 1px #ccc;
	margin-right:2%;
	margin-top:1%;
	margin-bottom:1%;
}
.instafeed_tag a {
    overflow: hidden;
    display: block;
    width: 100%;
    float: none;
	box-sizing:border-box;
	border:none;
	margin:0;
	color:#000;
}
.instafeed_tag li:nth-child(5n) {margin-right:0}
.instafeed a img, .instafeed_tag a img {
    width: 101%;
    vertical-align: top;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.instafeed_tag a img {margin-bottom:10px;}
.caption{
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  color:#333;
  padding:5px;
  margin-bottom:10px;
  overflow:hidden;
  font-weight:normal;
  font-size:14px;
  line-height:1.6em;
  }
.caption:after {
  position: absolute;
  display: block;
  content: '… ';
  width:16px;
  height: 16px;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 2;
  padding-left:6px;
}
.instafeed_tag a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
.instafeed a {
    overflow: hidden;
    display: block;
    width: 33.33333%;
    float: left;
}
.instagram .instafeed {
    margin: 0 auto;
    max-width: 324px;
}
.top_other{clear:both;overflow:hidden;}
.top_other img{display:block; width:100%; height:auto}
.top_other .col1 ul li:nth-child(1),.top_other .col3 ul li:nth-child(1),.top_other .col4 ul li:nth-child(1){margin-bottom:6%}
.top_other .col1, .top_other .col3{float:left; width:19.1%; margin-right:1.1%;}
.top_other .col2{float:left; width:39.3%; margin-right:1.1%;}
.top_other .col4{float:left; width:19.1%;}
/* about page and photo page */
.abt_txt, .pht_txt {width:100%; background:#f33bad; text-align:center; height:300px; box-sizing:border-box; padding-top:80px;clear:both}
.pht_txt {height:auto; padding:60px 0;}
.abt_txt h2{  padding-bottom:15px;clear:both; font-size:43px}
.pht_txt h2{  padding-bottom:15px;clear:both; font-size:43px; line-height:1.3em}
.abt_txt p, .pht_txt p{line-height:2em; color:#ffffff;letter-spacing:1px;font-size:16px}
.abt_pic ul, ul.gst_list, ul.top_gst, ul.goods_list{clear:both; overflow:hidden;}
.abt_pic ul li, ul.gst_list li, ul.goods_list li{width:25%; float:left}
ul.top_gst{margin-top:40px;}
ul.top_gst li{width:48%; float:left; margin-bottom:2%}
ul.top_gst li:nth-child(2n+1){margin-right:2%;}
 ul.goods_list li img{max-width:200px; max-height:200px; margin-top:10px;}
ul li img {width:100%; height:auto; vertical-align:bottom}
/* shop page */
ul.goods_list{border-left:solid 1px #FC42A4;}
ul.goods_list li{border-bottom:solid 1px #FC42A4; border-right:solid 1px #FC42A4; text-align:center;padding-bottom:10px; box-sizing:border-box }
.goods_list .name {color:#00a0e2; text-align:left;letter-spacing:2px; font-weight:bold; line-height:1.6em;clear:both; padding:10px 10px;}
.price{color:#fc42a4; float:left; padding-left:10px; line-height:24px}
.zei{color:#777777; font-size:12px}
.order{background-color:#00a0e2; color:#ffffff; float:right;margin-right:10px; padding:4px 16px}
.sale{color:#fc42a4; float:right;margin-right:10px; padding:4px 16px}
.soldout, .soldout a {color:#FF0000;float:right;margin-right:10px; line-height:24px}
/* guest page*/
.gst{background:#000000; border-bottom:solid 3px #ffffff; overflow:hidden; }
.gst .title {  position:relative;background-color:#000000;background-image: url(../images/gst_tit_bg.gif); background-repeat: no-repeat; background-position:center top; height:120px;clear:both; text-align:left; text-indent:140px; padding-top:20px;box-sizing:border-box;}
.gst .title:before {
    content: ' ';
	position:absolute;
	top:10px;
	left:0;
  	width: 112px;
  	height: 100px;
	background:url( ../images/gst_tit_head.png);
}
.gst_date{color:#fc42a4; display:block; padding-top:10px;}
.gst_name {color:#fc42a4; padding:20px 0; letter-spacing:2px; font-weight:bold; font-size:14px}
#footer{background-color:#eeeeee; clear:both}
/* stay page */
.stay .event dd, .stay .event dt,  .stay .event p{line-height:1.8em;color:#333}
.stay .event dt{text-align:left; background-color:#f5f5f5}
table.stay_tbl td,table.stay_tbl th{border-collapse: collapse;border:solid 1px #999999; padding:0 4px}
table.stay_tbl th{background-color:#f5f5f5}
ul.pic_kebin{margin-bottom:10px}
ul.pic_kebin li{display:inline-block; width:250px; text-align:center; font-size:12px; vertical-align:bottom;margin-bottom:10px}
ul.pic_kebin li.w300{width:300px;}
/* event page */
.evt{line-height:1.3em;}
.evt_top{background:url( ../images/gp_bg_guest.jpg);background-position:center top;}
.tickets{width:200px; margin:0 auto; padding-bottom:20px;text-align:left; box-sizing:border-box}
.evt h1 {width:100%; color:#FC42A4; text-align:center; padding-top:20px; padding-bottom:20px;clear:both;}
.evt h2 {background-color:#73e5ff; padding-top:15px; padding-bottom:15px; margin-bottom:4%}
.evt_sum h3{color:#00a0e2; margin:20px 0 10px 0; font-size:18px}
.eve_btn{color:#fff;background-color:#00a0e2; font-weight:bold; font-size:24px; letter-spacing:2px;padding:20px;display:inline-block;min-width:460px;margin: 10px 0 20px}
dl.event{width:100%; margin:0 auto; box-sizing:border-box; border-left:dotted 1px #333;border-right:dotted 1px #333; border-bottom:dotted 1px #333;margin-bottom:20px}
dl.event dt{ background-color : #73e5ff; font-weight:bold; color:#ffffff; padding-top : 10px;  padding-bottom : 10px;  padding-left : 10px;  clear : both; border-top:dotted 1px #333;border-bottom:dotted 1px #333}
dl.event dd{ text-align:left; padding-top : 10px;  padding-left : 10px;  padding-right : 10px;  padding-bottom : 10px;}
dl.event dd p{clear:both}
.fee_lbl{background-color:#FC42A4; color:#ffffff; font-weight:bold;float:left; clear:both; padding:4px; margin-top:10px; margin-bottom:10px;clear:both}
.fee_tbl{margin-bottom:20px; clear:both; margin-left:20px; }
table..fee_tbl {box-sizing:border-box;}
table.fee_tbl tr td{vertical-align:middle; white-space: nowrap; }
table.fee_tbl tr td:nth-of-type(1){width:160px}
table.fee_tbl tr td:nth-of-type(2){color:#FC42A4;text-align:right} 
.fee_cat{float:left;background-color:#00a0e2; color:#ffffff; font-weight:bold;clear:both; padding:2px 4px; margin-bottom:10px;clear:both; }
.gmap {
	float:left;
	width:60%;
    position: relative;
    padding-bottom: 30.25%;
    padding-top: 30px;
    height: 200px;
    overflow: hidden;
	margin-bottom:40px;
}
.gmap iframe,.gmap object,.gmap embed {
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
}
.evt_acc p,.shuttle {width:40%; float:right; text-align:left;box-sizing:border-box; padding-left:4%}
.address{width:100%; clear:both; text-align:left; margin-bottom:40px}
.ac_map{float:left;width:60%; margin-bottom:40px; text-align:left; line-height:1.6em}
.ac_map img{width:100%; height:auto; margin-bottom:20px}
.ac_map p{width:100%; margin:0; padding:0}
a.reserve{color:#fff; background-color:#FC42A4; display:inline-block;padding:1px 10px; margin-top:8px;}
.shuttle{margin:20px 0;line-height:1.6em;}
.shuttle ol{list-style-type: decimal; margin-left:20px;margin-bottom:20px}
.shuttle ol li{line-height:1.8em;}
.evt_nte h3{color:#FC42A4; text-align:left; margin-bottom:10px;}
.evt_nte p{margin-bottom:40px; text-align:left}
.ety{border-bottom:dotted 2px #73e5ff; margin-bottom:40px;  padding-bottom:40px; clear:both; overflow:hidden}
.ety h3{background-color:#FC42A4; padding:8px; box-sizing:border-box; margin-bottom:4px; text-align:center}
.ety .btn_apl{clear:both; overflow:hidden; width:100%; max-width:410px; margin:0 auto; margin-top:10px;} 
img.btn_app, img.btn_ggl {float:left; width:48%; height:auto; max-width:199px; }
img.btn_app{margin-right:2% !important;}
.ety_lf{float:left; width:37%; text-align:center; }
.ety_lf p{margin-bottom:16px;text-align:left}
.ety_lf img{margin:0 auto;}
#web .ety_lf img, #rak .ety_lf img{width:100%; height:auto; max-width:370px;}
ul.aster{margin-bottom:16px;text-align:left}
ul.aster li{line-height:1.6em}
ul.aster li:before{
	color:#00a0e2;
	content:"\f069";
	font-family:"FontAwesome";
}
.ety_box{width:55%; float:right; margin-left:8%; box-sizing:border-box; border:solid 1px #FC42A4; padding:40px 20px}
.ety_box h3{  width:100%; max-width: 300px; margin:0 auto; margin-bottom:10px}
.btn, .btn_left, .btn_right {
  width:100%;
  max-width: 300px;
  padding-top:30px;
  box-sizing:border-box;
  max-width: 300px;
  height: 100px;
  background-color: #00a0e2;
  color: #ffffff;
  line-height: 34px;
  font-size: 22px;
  font-weight:bold;
  letter-spacing:1px;
  margin:0 auto;
  /*text-shadow: 1px 1px 1px rgb(204, 204, 204);*/
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  display:block;
  text-align:center;
}
.x2{padding-top:15px;}
.btn a, .btn_left a, .btn_right a{color:#ffffff; display:block}
.gst_d{ font-size:12px; line-height:18px}
/* volunteer page */
.vol{width:280px;margin:0 auto;margin-bottom:4%}
table.event {
width: 100%;
max-width:690px;
color:#000;
margin-bottom:50px;
line-height:1.3em;
}
table.event tr{	border-bottom: 1px dashed #000;}
table.event tr td {width:120px; font-weight:bold; padding: 20px 0; text-align:left; white-space: nowrap; font-size:16px }
table.event tr td + td{width:auto;max-width:500px;font-weight:normal;white-space: normal; word-break: break-all; word-wrap: break-word;}
.tit_box {
    font-size: 20px;
    font-weight: bold;
    box-sizing: border-box;
    clear: both;
    color: #fc42a4;
    padding: 8px 8px;
    display: inline-block;
    text-align: left;
    margin-left: -20px;
    width: 100%;
}
#vol_form{padding-top:60px; margin-top:-60px; color:#000}
/* qa page */
.que, .ans { background-size:5% auto; line-height:24px; padding-left:70px; padding-top:16px; padding-bottom:24px;}
.que {background: url(../images/icn_que.png) no-repeat top left }
.ans{background: url(../images/icn_ans.png) no-repeat top left;  padding-bottom:30px; border-bottom:1px solid #CCC; margin-bottom:20px}
ul.qa_index {clear:both; margin-bottom:20px; width:104%; margin-right:-4%;overflow:hidden ;}
.triangle{width: 0px;height: 0px;border-style: solid;border-width: 8px 0 8px 12px;border-color: transparent transparent transparent #000000; float:left; margin-right:4px;}
ul.qa_index li a {float:left; margin-right:3%; display:block; padding:10px 0; text-decoration:none; color:#000}
.totop { width:100%;  text-align:right; margin-bottom: 10px; clear:both}
.totop a { text-decoration:none; color:#000;}
/* media page */
.news_right {
width: 45%;
float: right;
border-bottom: 1px solid #B5B5B5;
padding-bottom: 5%;
margin-bottom:5%;
}
.news_left{
width: 45%;
float: left;
border-bottom: 1px solid #B5B5B5;
margin-right: 10%;
padding-bottom: 5%;
margin-bottom:5%;
}
.news_pic {
width: 40%;
float: left;
margin-right: 10%;
}
.news_txt {
width: 50%;
float: right;
color: #000;
font-weight: 400;
line-height: 22px;
}
.medianame {color:#d70700}
#bs_link{margin:40px 0 50px 0;clear:both}
#bs_link a:hover img{opacity:0.7;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
#bs_link img{width:100%; height:auto; max-width:400px;}
#footer .inner, #event .inner{ padding-top:54px}
.contact {margin:0 auto;text-align:center; }
.contact .hd{color:#000000;  font-size:18px; margin-bottom:20px;font-weight:900; letter-spacing:4px}
.contact .tel{color:#b5b5b5; margin-top:20px; margin-bottom:8px; font-size:18px; font-weight:900; letter-spacing:2px}
.contact .time{color:#b5b5b5; margin-bottom:18px; font-size:12px;letter-spacing:2px}
.contact .mail a{color:#b5b5b5; margin-bottom:55px; display:block;font-weight:900; letter-spacing:2px}
.contact .copyright{color:#b5b5b5; margin-bottom:26px; font-size:12px; letter-spacing:2px}
/* footer */
#footer{background-color:#eeeeee; clear:both}
#footer .inner{ padding-top:20px}
#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;display:inline-block;margin:0 5px;margin-bottom:10px;}
#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}
/* campaign */
ul.disc{list-style-type:disc; list-style-position: outside; margin-left:20px; margin-top:10px}
ul.alph{list-style-type: upper-alpha;  list-style-position: outside;margin-left:20px;text-align:left}
ul.alph li{padding-bottom:4px;padding-top:16px}
ul.alph a{color:#000; display:block}
img.prize_pic{width:100%; max-width:500px; height:auto; margin-top:10px; }
.bbl_balloon img{width:100%; height:auto; margin:10px 0}
/* contents */
.cts {background-color:#bdf2ea; padding-bottom:8%}
ul.cts_menu{border-top:solid 1px #000000; overflow:hidden}
ul.cts_menu li {width:33.3%; float:left; padding:10px 0; letter-spacing:2px; font-size:20px; }
ul.cts_menu li a{color:#000000;font-size:20px}
.cts_section {letter-spacing:1px; text-align:left;}
.dotted {
    background: -moz-radial-gradient(circle farthest-side, #FFF, #FFF 33%, transparent 33%, transparent);  
    background: -webkit-radial-gradient(circle farthest-side, #FFF, #FFF 33%, transparent 33%, transparent);
    background: radial-gradient(circle farthest-side, #FFF, #FFF 33%, transparent 33%, transparent); 
	height:10px;
	-moz-background-size: 15px 15px;
    -webkit-background-size: 15px 150px;
    background-size: 15px 15px;
	height:15px;
}
.cts h2 img, .cts_detail h2 img{float:left; height:40px; width:auto; margin-right:14px}
.cts h2, .cts_detail h2{ font-size:30px; color:#000000;clear:both; margin-bottom:4%; margin-top:6%; line-height:40px }
.cts_detail h2, .cts_detail p{max-width:560px; margin:0 auto; text-align:left}
.cts_detail h2{margin-top:-40px; margin-bottom:2%}
.cts h3{color:#000000;padding:4% 6%; font-size:14px; line-height:1.6em; height:60px}
.cts_section ul{overflow:hidden}
.cts_section ul li {position:relative;width:24%; margin-right:1.3%; float:left; background-color:#FFF; border-radius:4px;  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; overflow:hidden; margin-bottom:4%;}
.cts_section ul li:nth-child(4n){margin-right:0;}
.cts_date{color:#e7e7e7; position:absolute; bottom:4%; right:4%; font-size:12px }
.cts_detail{background-color:#bdf2ea; padding-bottom:60px}
.cts_back{max-width:560px; margin:0 auto; height:180px; margin-top:10px; clear:both; overflow:hidden}
.cts_back .cts_date{position:relative; bottom:0; right:0; float:right; font-size:16px; color:#000000; line-height:40px}
.circle-fb img, .circle-tw img{width:60%; height:auto; margin-top:8px;}
.circle-fb a, .circle-tw a{display:block;width:96%; height:96%; margin:0 auto}
.circle-fb {float:left;border-radius: 50%; height: 40px;width: 40px;background-color:#5993d3;} 
.circle-tw {float:left;border-radius: 50%; height: 40px;width: 40px;background-color:#60c6ea; margin-right:14px} 
.cts_btn{background-color:#bdf2ea; height:60px; line-height:60px; clear:both; width:160px; margin:0 auto; display:block; margin-top:50px;border-radius:4px;  -moz-border-radius: 4px;  -webkit-border-radius: 4px;}
.cts_btn a{color:#ffffff; display:block; font-weight:bold;font-size:20px; }
#remake, #hair, #fashion{margin-top:-80px; padding-top:130px; }	
#scdl .tit_bar{font-size:30px; line-height:38px}
.cts_flame{position:relative; width:83.8%; margin:0 auto;margin-top:100px;  }
.cts_movie{position: absolute;  top:0; left:0; right:0;  margin:0 auto; margin-top:116px; padding-top:10%; width:56%}
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* photo */
.gallery img.lazy { width: 25%; height: auto; display:block; float:left}
.gallery a:hover img.lazy {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
.gallery {clear:both; overflow:hidden}

#btn-more{font-size:14px;letter-spacing:2px;cursor:pointer; color:#000000; text-align:center; clear:both; background-color:#eee; padding:10px; margin-top:20px;}
@media (min-width:768px){
.dropdown-menu>li>a{padding:4px 14px;background-color:#ffffff; border-bottom: solid 1px #cccccc; color:#000000}
.caret{display:inline-block;width:0;height:0;margin-left:3px;vertical-align:middle;border-top:5px solid #000000;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:0 dotted;content:"";}
.caret{border-top-color:#e85470;border-bottom-color:#e85470;}
.open>.dropdown-menu {
    display: block;
}
.dropdown-menu{position:absolute;top:96%;left:0;z-index:1000;display:none;float:left;min-width:118px;padding:0;margin:0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #cccccc;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);background-clip:padding-box;}
.menu-item, .dropdown-toggle, .dropdown {
font-size:16px;
text-align:left;
letter-spacing:1px;

}
ul.dropdown-menu li.menu-item{display:block; height:auto;line-height:30px;}
.overlay {display:none !important;}
.dropdown-menu {
    position: absolute;
    left: 0;
	z-index:2001;
	display:none;
}

.menu {
    overflow: hidden;
    zoom: 1;
}
.menu li {
    position: relative;
    float: left;
    width: 50%;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.menu li .title {
    position: absolute;
    top: 0;
	right:0;
    display: inline-block;
    padding: 20px 10px 10px 10px;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.menu li .title .t_en {
    margin-bottom: 10px;
	font-size:28px;
}
.t_sub {
    font-family: notoR;
    font-weight: bold;
    font-size: 14px;
}

.top_sns .twt, .top_sns .fb, .top_sns .instagram {
    float: left;
    width: 33.333333%;
}
.sp {
    display: none !important;
}
}
@media (max-width:1800px){
#scdl ul li {
width:225px;
padding-top:225px;
}
}
@media (max-width:1200px){
#scdl ul li {width:190px;padding-top:190px;}
.place, .date{font-size:28px;}
.date{position:absolute;top:53%}
.year{font-size:20px;}
.venue{font-size:14px;}
.ent, .cs{font-size:22px;}
.h-bar {padding-top:2%;	padding-bottom:2%;}
}
@media (max-width:1000px){
.logo_main {width:30%;}
.inner{position:relative; width:96%; }

	}
@media (max-width:767px){
h2 {font-size: 32px;}
.wrap ul.gnav>li {
	width:100%;
	padding:20px 0;
	border-bottom:1px solid #575757;
}
.wrap ul.gnav {
	padding:30px 0px 0px;
}
nav ul {
	opacity:0;
	visibility:hidden;
}
.tooltip:hover span {
    position: absolute;
    top: 50px; left:0; right:0; margin:0 auto}
.caret{display:none;}
.logo_main {
	position:absolute;
	top:52px;
    left: 0;
	right:0;
	margin:auto;
	width:70%;
	z-index:9;
}
.sm{
	position:fixed;
	top:4px;
	width:30%;
	height:auto;
	min-width:180px;
	z-index:11;
}
.bx-wrapper .bx-controls-direction a {
	width: 32px !important;
	padding-top:0 !important;
	height: 79px !important;
}
#container{position:relative; top:50px; margin-bottom:50px;}
nav{float:left; width:100px}
.button {
	display:inline;
}
.menu ul{overflow:hidden;}
.menu li a {
    display: block;
    position: relative;
    text-decoration: none;
}
.menu li .title {
    position: relative;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
.menu li .title .t_en { margin-bottom: 10px;font-size:32px}
#scdl ul li {width:25%;padding-top:25%; /*min-width:186px;*/}
.place, .date{font-size:28px;}
.place{position:absolute; top:14%}
.date{position:absolute; top:55%}
.year{font-size:14px;}
.venue{position:absolute; top:33%;font-size:14px;}
.ent, .cs{font-size:16px;}
.ent{padding-top:6%;}
.ent:after {
  content: ' ';
  position:absolute;
  left:70%;
  top:36%;
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ffffff;
  border-right: 0px solid transparent;
}
.tit_bar{font-size:36px}
.h-bar {padding-top:7px;	padding-bottom:0; }
.top_sns .h-bar img {width: 45px;  height:auto;}
.twt, .fb {border-right:none;}
.inner{width:96%; margin:0 auto}
.top_flw .inner {max-width: 680px;}
ul#funrunlist li{float:none;display:inline-block;}
.sponsor{width:96%;}
ul.spr li{margin:0 10px}
.link_150 {width:117.6px;max-width:117.6px}
#topics .link_jtb img{width:20%;min-width:82px;}
.content_left img, .content_right img{max-width:320px; margin:0 auto}
#container{width:100%; }
.pc, .fluid-width-video-wrapper {    display: none !important;}
span.ft_br{display:block; margin:0 auto}
/* about page */
.runfes{padding-top:40px}
.abt_pic ul li{width:50%; }
/* shop page */
/* guest page */
ul.gst_list li, ul.goods_list li{width:50%; }
.gst_name{font-size:18px}
/* event page */
.gmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 200px;
    overflow: hidden;
	margin-bottom:20px;
}
.ac_map, .gmap{float:none; clear:both; width:100%}
.evt_acc p,.shuttle{float:none; clear:both;width:100%;margin-bottom:8%; margin-top:2%}
.gmap a {position: relative; padding-top: 66.25%;z-index:20 }
.ety .btn_apl{margin-bottom:20px;} 
.ety_lf{width:41%;}
.ety_box{margin-left:4%; padding:60px 20px}
.fee_tbl{margin-left:10px}
table.fee_tbl tr td{display:block;float:left;white-space:normal}
table.fee_tbl tr td:nth-of-type(3){float:none; clear:both;width: 100%; font-size:14px;margin-bottom:4px;} 
.cts_section ul li {width:32.6%; margin-right:1.1%;}
.cts_section ul li:nth-child(4n){margin-right:1.1%;}
.cts_section ul li:nth-child(3n){margin-right:0;}
.cts_flame{width:100%;   }
.cts_movie{width:67%; padding-top:11%;}
#remake, #hair, #fashion{margin-top:-80px; padding-top:100px; }	
#scdl .tit_bar{height:auto; font-size:24px; line-height:1.2em}
.tr_txt,.tr_tit{width:90%; float:none; clear:both; margin:0 auto; max-width:400px}
.tr_tit{margin-bottom:4.8%;}
.tr_txt{margin-bottom:2%;}
/* photo */
.instafeed_tag li{width: 32%;}
.instafeed_tag li:nth-child(5n) {margin-right: 2%;}
.instafeed_tag li:nth-child(3n) {margin-right: 0;}
.instafeed_tag li{height:298px;}
/* volunteer */
table.event tr td { width: 100px;}
}
@media (max-width:600px){
h2 {font-size: 28px;}
#scdl ul li {width:33.3%;padding-top:33.3%}	
.place{position:absolute; top:14%}
.venue{position:absolute; top:34%;}	
.ety_box, .ety_lf{width:100%; float:none; clear:both; margin:0 auto}
.ety_box{padding:40px 20px}
#rak .ety_lf img{margin-bottom:20px; }
.kaiken p{font-size:18px; letter-spacing:1px;}
.kaiken p a{font-size:14px;}
.sponsor{width:392.8px;margin:0 auto; text-align:center}
.sponsor a {width:30%/*117.6px*/; margin-right:5%/*20px*/}
.sponsor a:nth-child(3){margin-right:0}
.sponsor a:last-child {float:none; display:inline-block;margin-right:0}
}
@media (max-width:480px){
.inner{width:94%; margin:0 auto; }
.br{display:block}
h2{font-size:26px}
.inline-block a, .inline-block a:last-child {width:100%;display:block;margin:0 auto; clear:both; margin-bottom:10px}
#scdl ul li {width:50%;padding-top:50%}
.ent{font-size:26px;padding-top:8px}
/*.place, .date{font-size:19px;}
.place{position:absolute; top:12%}
.year{font-size:11px;}
.venue{position:absolute; top:33%; font-size:11px; }
.ent, .cs{font-size:13px;}
.ent,.box .cs{padding:7%}*/
.menu li .title .t_en { font-size:28px}
.map{margin-top:18%;}
.link_jtb img{max-width:150px !important;}
.sp_nowrap{display:inline}
.abt_txt img{width:92.8%; max-width:375px; height:auto}
.kaiken{max-width:380px; margin:0 auto; margin-bottom:6%}
.kaiken_tit, .kaiken_pic{width:100%; float:none; margin:0 auto; margin-bottom:4%}
.bt_mv{width:100%; height:auto; max-width:320px}
/* top_other link */
.top_other .col1, .top_other .col3, .top_other .col4{float:none; width:100%; margin:0 auto; margin-bottom:0;}
.top_other .col2{float:none; width:100%; margin:0 auto; margin-bottom:0;}
.top_other .col1 ul li,.top_other .col3 ul li,.top_other .col4 ul li{float:left;margin-bottom:0; width:50% }
.top_other .col1 ul li:nth-child(1),.top_other .col3 ul li:nth-child(1),.top_other .col4 ul li:nth-child(1){margin-right:0; margin-bottom:0;}
/* footer */
#ft_tit{letter-spacing:1px;}
#ft_logo img{ width:90%;height:auto;max-width:320px;}
/* guest page */
ul.gst_list{max-width:345px;margin:0 auto}
ul.gst_list li{width:100%;}
ul.top_gst li {width:100%;}
ul.top_gst li{margin-bottom:6%}
ul.top_gst li:nth-child(2n+1) {margin-right:0;}
.gst_name{font-size:14px}
.gst h2{font-size:32px}
.gst .gst_date{font-size:30px}
.gst .title{ text-indent:100px;height:100px; padding-top:14px}
.gst .title:before{width:80px; height:71.4px; top:14px;background-size:80px 71.4px;background-repeat:no-repeat}
.ety_left,.ety_right{width:100%; float:none; clear:both; padding-left:0; padding-right:0; margin:0 auto;}
.abt_txt p,pht_txt p{margin:0 auto;font-size:14px; width:90%}
.fee_lbl{display:block;float:none}
.price{float:none; clear:both;}
.order,.soldout, .soldout a {float:none; clear:both;margin-left:10px; }
.order, .sale{display:inline-block; }
.cts_section ul li, .cts_section ul li:nth-child(3n){width:49%; margin-right:2%;}
.cts_section ul li:nth-child(2n),.cts_section ul li:nth-child(4n){margin-right:0;}
.cts h2 img, .cts_detail h2 img{float:left; height:40px; width:auto; margin-right:14px}
.cts h2, .cts_detail h2{ font-size:26px; line-height:1.6em}
.cts_detail h2{margin-top:0;}
.cts_flame{margin-top:60px;}
.cts_movie{margin-top:76px; padding-top:10%}
/* media page */
.news_right, .shop_right  {
	float: none;
	clear:both;
	width: 100%;
	overflow:hidden;
}
.news_left, .shop_left {
	float: none;
	clear:both;
	width: 100%;
	margin-right: 0;
	overflow:hidden;
}
.evt_top .page-header{text-align:center;font-size: 28px;}
.evt_top p{text-align:left}
.eve_btn{min-width:240px;}
.gallery img.lazy {  width: 50%;  height: auto;}
.pht_txt h2{font-size:36px; padding-bottom:4px}
.pht_txt {padding:40px 0;}
.sponsor{width:94%}
/* volunteer */
table.event tr td {display:block}
table.event tr td + td{padding-top:0}
/* 20170615 add news */
ul.newsmov li{clear:both; }
.item {width: 100%;}
#newsbox {width:90%;}
/* 20170615 add news end */

}
@media (max-width:320px){
#scdl ul li {width:50%;padding-top:50%;}
.ent{font-size:16px}
ul.pic_kebin li.w300{width:270px;}
ul.pic_kebin li.w300 img{width:100%; height:auto}
}