﻿@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:#ffffff;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;}
img{max-width:100%; height:auto}
h1{font-size:28px;  font-weight:bold; clear:both }
h2{color:#ffffff; font-size:38px; font-weight:bold;clear:both}
h3{color:#ffffff; font-size:20px; font-weight:bold}
.pk, .pk a{color:#e51711}
.bl{color:#73e5ff}
.bold{font-weight:bold}
.font_l{font-weight:bold; color:#000; font-size:20px; line-height:1.6em; margin-bottom:6px;letter-spacing:0;}
.img_300{max-width:300px; width:100%; height:auto; margin:0 auto;}
p.note{font-size:11px; margin-top:10px;}
ul.disc{list-style-type:disc; list-style-position: outside; margin-top:10px;text-align:left;line-height:1.2em}
.br_txt{display:inline-block}
/* loading */
#loading{position:absolute;left:35%;top:35%;margin-left:-30px;}
/* ad */
#ad_bg {position:relative; z-index:9999; float:left; width:100px; }
#ad_bg img {display:block; margin-bottom:1px}
#ad .pc{display:block}
#ad .sp{display:none}
#ad_bg .close {cursor: pointer; position:absolute; right:-10px; top:-10px}
/* nav */
ul {text-decoration:none;	list-style:none;}
nav {text-align:center;float:right;position:relative;height:50px/*auto*/;background:none;}
nav ul {text-align:center;line-height:50px;}
nav ul li {display:inline-block;height: 50px;position: relative;}
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;}
/*styling open close button*/
.button {display:none;position:absolute;right:50px;top:6px;z-index:999;font-size:30px;}
.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;}
.overlay .wrap .button {right:20px;}
.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 {font-size:20px;display:inline-block;vertical-align:top;width:24%;position:relative;}
.wrap ul.gnav li a {color:#0096d9;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:#0096d9;}
/* general */
h1.page-header, h2.page-header {border-bottom: 3px solid #000000; font-size:38px; line-height:42px;color:#000000; font-weight:bold; margin-bottom:4%;text-align:left; margin-top:6%;}
h1 .header_txt , h2 .header_txt {text-align:left; color:#e51711; display:block;font-size:20px; font-weight: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}
.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; }
#vol,#qa, #media{text-align:left; padding-top:80px;}
#header{ position: fixed;z-index: 10;width:100%;height: 50px;background-color:#e72410;}
.logo_main {position: fixed;top: 0;left: 0;width:40%;z-index:11; padding-top:30px; padding-left:20px;}
.logo_main_tokyo {position: fixed;top:0;left: 0;width:40%;z-index:11;}
.logo_30yrs {position: fixed;top: 60px;right: 10px;width:12%;z-index:9;}

.sm{width:30%}
.head_sns{float:right; 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;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}
#top_anv img {width:100%; height:auto; vertical-align: bottom; display:block; margin: 40px 0px 0px 0px;	padding: 0; border:none; outline:none}
#topics img.img_vol{width:200px; height:59px; margin:0 auto}
#news{background-color:#e51711;}
.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;}
.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:#e51711; text-align:center; padding-top:15px; padding-bottom:15px;clear:both;}
/* 背景画像削除
#topics {position:relative;background-image: url(../images/bg_02.jpg); background-repeat: no-repeat; background-position:center center; height:auto;overflow:hidden; background-color:#ffffff;width:100%}
*/
#topics {height:auto;overflow:hidden; background-color:#ffffff;width:100%}
#topics .inner{width:98%;height:auto;overflow:hidden;max-width:1000px;padding-bottom:100px}
#topics .wheres{width:auto;height:auto;max-width:400px; min-width:280px;padding-top:20px;margin-bottom:30px}
#topics .wheres{max-width:100%;}
#topics p{margin: auto; width:100%; margin-bottom:30px }
.ev_link .content_left .bl_link{float:right}
.ev_link .content_right .bl_link{float:left}
#topics .ev_link{margin-bottom:20px;overflow:hidden}
#topics .bg_link{position:absolute; top:54%;left:0; right:0;margin: auto; width:25%;}
#topics .face{position:absolute; bottom:0; left:0; right:0; margin: 0 auto; width:12.1%; max-width:121px; min-width:88px}
.sponsor{margin-top:40px;margin-bottom:4.6%}
.sponsor ul li{display: inline-block; padding: 0 10px; vertical-align: middle;}
ul.guest {margin:0 auto;margin-top:2.8%;margin-bottom:3.8%;overflow:hidden; }
ul.guest li {display:inline-block;  margin:10px }
.bg_link, .bl_link {background-color: #0096d9;color: #ffffff;font-size:20px;letter-spacing:2px;line-height: 1.6em;padding: 10px 2px;width: auto;display: inline-block;min-width:280px;font-weight:bold;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.menu li .title {background-color:#0096d9;	color:#ffffff;}
.menu li .title:after {content: ' ';position:absolute;left:50%;bottom:-20px;margin-left:-16px;width: 0px;height: 0px;border-top: 22px solid #0096d9;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; 	letter-spacing:2px;}
.top_flw {position: relative;background-color: rgb(252, 66, 164);background-image: url(../images/topics_bg_tile.jpg);background-repeat: repeat;background-position: center center;background-size: 40px 40px/*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 {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;}
.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;}
.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;}
.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 a img {width: 101%;vertical-align: top;transition: all .3s linear;-webkit-transition: all .3s linear;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.instafeed a {overflow: hidden;display: block;width: 33.33333%;float: left;}
.instagram .instafeed {margin: 0 auto;max-width: 324px;}
/* about page*/
/*
#about {position:relative;background-image: url(../images/bg_02.jpg); background-repeat:repeat-y; background-position:top center;  background-color:#ffffff}
*/
#about {background-color:#ffffff}
#about #photo, #about #prize, #about #findme, #about #present, #about #alb{margin-top:-180px; padding-top:180px; height:20px;}
#about h2{margin-bottom:40px; line-height:1.7em; font-size:22px; text-align:left;position:relative; z-index:8;word-break:keep-all;word-wrap:normal;background-color:#e51711}
#about p{text-align:left}
#about .abt_txt{text-align:left; margin-bottom:4%; word-break:keep-all;word-wrap:normal}
#about .abt_pic{margin-bottom:20px; overflow:hidden;clear:both}
#about .abt_pic img {width:50%; float:left;}
#about h2 .inner{overflow:visible;position:relative;z-index:9;padding-left:80px; box-sizing:border-box}
.op_pic{float:left; margin-right:10px;width:80px; height:80px;position: absolute; top:0; left:-4px; bottom:0; margin:auto 0;z-index:10}
ul li img {width:100%; height:auto; vertical-align:bottom}
/* event page */
.evt_top img{width:100%; height:auto; max-width:480px}
.red{color:#e72410;}
/*.evt_top p, .evt_top p a{font-weight:bold; color:#000; font-size:20px; line-height:1.6em; margin-bottom:6px;letter-spacing:0;}*/
.evt_top ul.col2{overflow:hidden; margin-bottom:4%; margin-top:20px}
ul.col2 li{width:48%;float:left}
ul.col2 li:nth-child(2n){float:right}
ul.col2 .name{padding:16px 0; letter-spacing:2px; font-weight:bold; font-size:14px}
.lv_blue{margin-top:10px;background-color:#0096d9; color:#ffffff; padding:0 6px; width:auto; display:inline-block; line-height:1.7em}
#guest h3 {border-bottom: 3px solid rgb(0, 0, 0);font-size: 30px;line-height: 36px;color: rgb(0, 0, 0);font-weight: bold;margin-bottom:2%;text-align: left;clear:both;}
#guest{overflow:hidden;margin-bottom:2%; display:inline;}
#guest img{max-width: 350px; padding-right: 20px; float:left}
.guest_pic{width:33.3%; float:left; margin-top:10px;}
.guest_text{width:64%; float:left; margin-top:10px;margin-left:10px; line-height: 30px; text-align:left;}

.gst_name {color:#fc42a4; padding:20px 0; letter-spacing:2px; font-weight:bold; font-size:16px}
/*
.evt_top{background:url( ../images/bg_02.jpg);background-position:center top;}
*/
.evt_top{background-position:center top;}
.evt h1 {width:100%; color:#0096d9; text-align:center; padding-top:20px; padding-bottom:20px;clear:both;line-height:1.4em}
.evt h2 {background-color:#e51711; padding-top:15px; padding-bottom:15px; margin-bottom:4%}
.evt_intro p{margin-bottom:3%}
.evt_sum h3{color:#00a0e2; margin:20px 0 10px 0; font-size:18px}
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 : #f66666; 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}
.size{padding-left:16px; margin-bottom:8px; display:inline-block}
.fee_lbl{background-color:#0096d9; 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;line-height:1.4em}
.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 {width:40%; float:right; text-align:left;box-sizing:border-box; margin-bottom:20px;padding-left:4%}
.evt_acc p.acc{margin-bottom:10px}
.evt_nte h3{color:#e51711; 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}
/* funtokyo entry*/
.ety.funtokyo{border-bottom:none}
.ety h3{background-color:#e51711; 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{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;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;display:block;}
.x2{padding-top:15px;}
.btn a, .btn_left a, .btn_right a{color:#ffffff; display:block}
/* vol page*/
#vol_form{padding-top:60px; margin-top:-60px; color:#000}
table {width: 100%;max-width:1000px;color:#fff; border-top: 1px dashed #fff;line-height:1.8em;}
table tr{	border-bottom: 1px dashed #000000;}
table tr td {color:#0096d9; width:200px; font-weight:bold; padding: 20px 10px; text-align:center; white-space: nowrap; font-size:16px; vertical-align:middle}
table tr td + td{width:auto;max-width:500px;font-weight:normal;white-space: normal; word-break: break-all; word-wrap: break-word;font-size:13px;color:#000000; text-align:left}
table.ticket{width:100%; max-width:700px;border:none; margin:0 auto}
table.ticket tr{border:none; width:100%}
table.ticket td{color:#000; width:100%; font-weight:normal; padding: 0; text-align:left}
table.ticket tr td + td{font-size:16px}
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; }
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: #0096d9;padding: 8px 8px;display: inline-block;text-align: left;margin-left: -20px;width: 100%;}
/* qa page */
h1.page-header, h2.page-header {border-bottom: 3px solid #000000; font-size:38px; line-height:42px;color:#000000; font-weight:bold; margin-bottom:4%;text-align:left; margin-top:4%}
h2.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}
.header_txt{text-align:left; color:#e72410; display:block;font-size:20px; font-weight:normal}
#qa p{text-align:left;}
.que, .ans { background-size:5% auto; line-height:24px; padding-left:70px; padding-top:16px; padding-bottom:24px;text-align:left}
.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 */
 #media{text-align:center;}
ul.media li{width: 45%;float: left;border-bottom: 1px solid #B5B5B5;padding-bottom: 5%;margin-bottom:5%;margin-right: 10%; min-height:200px}
ul.media li:nth-child(2n){margin-right:0;}
.news_pic {width: 40%;float: left;margin-right: 10%;}
.news_date, .news_media, .news_tit,.news_mv {width: 50%;float: right;color: #000;font-weight: 400;line-height: 22px;}
.news_date{margin-bottom:10px;}
.news_media {color:#d70700}
.news_mv{margin-top:20px}
/* sponsorship sampling */
#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 */
#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}
/* slider */
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 4% ;
    padding-top: 9.2%;
    height: 0 ;
    text-indent: -9999px;
    z-index: 9;
}
.bx-wrapper .bx-prev {left: 0; background: url(../images/arw_lft.png) no-repeat 0 0; background-size: 100% auto;}
.bx-wrapper .bx-next {right: 0; background: url(../images/arw_rht.png) no-repeat 0 0; background-size: 100% auto;}
@media (min-width:768px){
.br_pc{display:block}
.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:#fff;border-bottom-color:#fff;}
.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;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;}
.top_sns .twt, .top_sns .fb, .top_sns .instagram {float: left; width: 33.333333%;}
.sp {display: none !important;}
}
@media (max-width:1200px){
.h-bar {padding-top:2%;	padding-bottom:2%;}
}
@media (max-width:1000px){
.logo_main {width:30%;}
.logo_main_tokyo {width:30%;}
.inner{position:relative; width:96%; }
#about #photo, #about #prize, #about #findme, #about #present{margin-top:-100px; padding-top:100px}
}
@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;}
.caret{display:none;}
.logo_main {position:absolute;top:52px;left: 0;right:0;margin:auto;width:70%;z-index:9;}
.logo_main_tokyo {position:absolute;top:52px;left: 0;right:0;margin:auto;width:70%;z-index:9;}
.logo_30yrs {position: fixed;top: 60px;right: 5px;width:18%;z-index:11;}
.sm{position:fixed;top:4px;width:30%;height:auto;min-width:180px;z-index:11;}
/* ad */
#ad_bg {float:none;width: 100%;background: rgba(255, 255, 255, 0.9);height: 60px;display: table;position: fixed !important;top:auto !important;bottom: 0;color: rgb(204, 204, 204);z-index: 9999;}
#ad { width:100%; max-width:357px; margin:0 auto; margin-top:6px}
#ad .pc{display:none}
#ad .sp{display:block}
#ad_bg .close{right:4px; top:4px}
#ad ul li{ width:100%; max-width:357px;margin:0 auto; text-align:center;  }
#ad ul li img{   width:100%; height:auto; margin:0 auto }
#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}
.sponsor ul li{width:260px}
.sponsor {margin-bottom:30px;margin-top:10px}
.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}
.ev_link .content_left .bl_link{float:none; margin-bottom:10px}
.ev_link .content_right .bl_link{float:none}
.content_left, .content_right{width:100%; margin:0 auto; text-align:center; clear:both}
.content_left img, .content_right img{max-width:320px; margin:0 auto}
#container{width:100%; }
.pc, .fluid-width-video-wrapper {    display: none !important;}
.top_flw .inner {max-width: 680px;}
ul#funrunlist li{float:none;display:inline-block;}
span.ft_br{display:block; margin:0 auto}
/* about page */
#about #photo, #about #prize, #about #findme, #about #present{margin-top:-60px; padding-top:60px}
/* event page */
.guest_pic{width:90%;margin:auto}
.guest_text{width:90%;margin:auto; text-align:left;}
.gst_name{font-size:18px}
.gmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 200px;overflow: hidden;margin-bottom:20px;}
.gmap{float:none; clear:both; width:100%}
.evt_acc p{float:none; clear:both;width:100%; 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}
/* volunteer */
#vol,#qa, #media{padding-top:20px;}
table.event tr td { width: 100px;}
/* media */
.news_mv{height:40%;}
}
@media (max-width:600px){
h2 {font-size: 28px;}
.ety_box, .ety_lf{width:100%; float:none; clear:both; margin:0 auto}
.ety_box{padding:40px 20px}
#guest img{float:none; padding-right:0; }
}
@media (max-width:480px){
#ad_bg{height:auto}
#ad{margin-top:0}
#ad_bg .close{right:0; top:0;}
#ad_bg .close img{width:18px; height:auto }
.inner{width:94%; margin:0 auto; }
.br{display:block}
h2{font-size:26px}
.menu li .title .t_en { font-size:28px}
.map{margin-top:18%;}
.sp_nowrap{display:inline}
.abt_txt img{width:96%; max-width:375px; height:auto}
/* event page */
.evt_top p{text-align:left}
.gst_name{font-size:14px}
.size{display:block}
.ety_left,.ety_right{width:100%; float:none; clear:both; padding-left:0; padding-right:0; margin:0 auto;}
.abt_txt p{margin:0 auto;font-size:14px; width:90%}
.fee_lbl{display:block;float:none}
#guest h3{text-align:center}
.guest_pic, .guest_name{width:90%; float:none; margin:0 auto; clear:both}
.guest_text{width:90%; margin:auto; margin-bottom:30px; text-align:left;}
#about h2 .inner { padding-left:70px;}
#about h2{line-height:1.2em; padding:4px 0} 
/* media page */
ul.media li{float: none;clear:both;width: 100%;margin-right: 0;overflow:hidden;}
.op_pic{width:60px; height:60px;}
#ft_tit{letter-spacing:1px;}
#ft_logo img{ width:90%;height:auto;max-width:320px;}
}
@media (max-width:1000px){
#top_anv img {width:100%; height:auto; vertical-align: bottom; display:block; margin: 40px 0px 0px 0px;	padding: 0; border:none; outline:none}
}
@media (max-width:767px){
#top_anv img {width:100%; height:auto; vertical-align: bottom; display:block; margin: 0px 0px 0px 0px;	padding: 0; border:none; outline:none}
}