﻿@import url(//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}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;}
 p { line-height:1.2em}
iframe {  border: none;  outline: none;}
span.pc_br{display:block}
.link_center{display:inline-block;margin:0 auto;max-width:94%;height:auto}
.tit {font-size:48px;font-weight:bold; margin-bottom:20px; text-align:left; color:#6d4429}
.tit_bar{font-size:36px;font-weight:bold;color:#ffffff/*#6d4429*/;height:40px; line-height:40px;width:100%; background:#ff7b93; text-align:center; padding-top:10px; padding-bottom:10px;clear:both;}
.header_txt{text-align:left; color:#ffa124; display:block}
ul.entry_btn{width:240px;overflow:hidden;margin:0 auto}
ul.entry_btn li {background-color:#701c11;-moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px; text-align:center;}
ul.entry_btn li a{color:#ffffff; display:block;padding:28px 10px}
.btn {width: 300px;height: 84px;padding-top: 16px;background-color: rgb(255, 151, 0);color: rgb(255, 255, 255);line-height: 34px;font-size: 21px;text-align: center;margin: 0 auto;margin-bottom:50px;text-shadow: 1px 1px 1px rgb(204, 204, 204);-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
.btn a {color:#ffffff; display:block}
nav {text-align:center;float:right;position:relative;height:50px;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/*inline*/;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;}
.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 {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);}
#container{position:relative;top:50px; overflow:hidden; width:100%; background-color:#ffffff;clear:both}
.row {  background: rgb(255, 255, 255);  color: rgb(0, 0, 0);  width: 100%;  height: auto;  margin: 0 auto;  display: block;  overflow: hidden;}
.inner{position:relative; width:100%; max-width:1000px; margin:0 auto; overflow:hidden; }
.top{padding-top:100px; padding-bottom:40px;box-sizing:border-box}
.top img{width:100%; height:auto}
#header{ position: fixed;z-index: 10;width:100%;height: 50px;background-color:#ff7b93/*rgba(255, 123, 147, 0.9)*/;}
.logo_main {position: absolute;top: 0;left: 0;width:40%;z-index:11;}
.sm{width:30%}
.head_sns{float:right; margin-right:4px; margin-top:12px}
.head_lng{float:right; margin-left:10px; margin-top:12px}
#header #aplink {float:right; margin-left:4px; margin-right:8px;margin-top:2px  }
#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}
#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: 40% !important;margin-top: -16px;outline: 0;width: 4% !important;padding-top:9.2% !important;height: 0 !important;text-indent: -9999px;z-index: 9 !important;}
#bxslider iframe{margin-top:48px}
/* news */
#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;}
/* topics */
.topics{ margin-top:2%; margin-bottom:4%}
ul.sponsors{margin:0 auto;overflow:hidden; margin-bottom:2.8%}
ul.sponsors li {display:inline-block; margin:10px}
ul.guest {margin:0 auto;margin-top:2.8%;margin-bottom:3.8%;overflow:hidden; }
ul.guest li {display:inline-block;  margin:10px }
#top ul.sponsors li img{width:auto;}
.bnr_300 {max-width:300px;  margin:0 auto; clear:both; overflow:hidden; color:#cccccc !important; text-align:center; font-size:14px;clear:both;}
/* scdl */
#scdl{background-color:#ff7b93; 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: 0.1em;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:10%; width:100%}
.year{position:absolute; top:36%; width:100%;font-size:22px; font-weight:normal}
.venue{position:absolute; top:36%; width:100%;font-size:17px;font-weight:normal;line-height:1.2em}
.date{position:absolute; top:56%; width:100%}
.ent{position:absolute; bottom:0; height:21%; background-color:#fe4667; 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;}
/* top_menu */
.menu li .title {background-color:rgba(255, 146, 229, 0.9);	color:#422009;}
.menu li img {width: 100%;vertical-align: top;}
.menu li .title span {    display: block;}
.menu li .t_sub{font-weight:normal}
/* follow funrun */
.top_flw {position: relative;background-color: rgb(252, 66, 164);background-image: url(../images/flw_funrun_bg.jpg);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 */
.top_sns {clear:both;overflow: hidden;zoom: 1; margin-bottom:4%}
.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_tag a img {width: 100%;vertical-align: top;transition: all .3s linear;-webkit-transition: all .3s linear;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.instafeed a img{height: 100%;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;height:109px;background-color:#ffffff;text-align:center}
.instagram .instafeed {margin: 0 auto;max-width: 324px;}
/* content main to be deleted */
#container .content_main img , #container .content_oss img{width:100%; height:auto; vertical-align: bottom; display:block; margin: 0 auto;	padding: 0; border:none; outline:none}
.box_inner {position: absolute; top: 0; left:0; right:0; bottom:0;margin: auto; width:90%;  max-width:1200px; overflow:hidden }
.bz, .bs, .pz {position:relative; width:100%;}
.bz img, .bs img, .pz img　{display:block;}
.bz_box{position: absolute;	top: 0;	left:51.75%; right: 0; bottom:0; background-color:rgba(255, 102, 204, 0.9);padding-top:40%; color:#fff; }
.bs_box{position: absolute;	top: 0;	right: 51.75%; left:0; bottom:0; background-color:rgba(255,161,36, 0.9);padding-top:40%; color:#fff; }
.pz_box{position: absolute;	top: 0;	left:51.75%; right: 0; bottom:0; background-color:rgba(71, 45, 4 ,0.9); padding-top:40%; color:#fff;}
.sns_box{position: absolute;	top: 0;	right: 51.75%; left:0; bottom:0; background-color:rgba(112, 10, 10, 0.8);padding-top:40%; color:#fff; }
.bz_txt, .bs_txt, .pz_txt {position: relative;top: 14px;width:96%;margin:0 auto;left: 0;right:0; bottom:0;color: #ffffff;font-size: 16px;line-height:1.6em;letter-spacing:1px;text-align: center;}
.bz_box_content, .bs_box_content, .pz_box_content {position: absolute;top: 32%;left:10.25%;right: 8.25%;bottom:0;text-align: center;}
/* content oss to be deleted */
.content_oss {position:relative; width:100%;margin-bottom:4.8%; background-color:#ffffff}
.sns_box_content {position: absolute;top: 32%;left:10.25%;right: 8.25%;bottom:0;text-align: center;}
.sns_btns {position: relative;top: 0;left:0;margin-left:20%;text-align: center;overflow:hidden}
.sns_lnks{position: relative;top:10px;left:0;text-align: left;overflow:hidden}
.sns_lnks a {color:#fff; text-decoration:none; margin-bottom:6px; display:block}
#container .content_oss .sns_btns img {width:25%; float:left;}
.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%;}
/* qa */
h1.page-header,h2.page-header {border-bottom: 3px solid #000000; font-size:38px; line-height:42px;color:#000000; font-weight:bold; margin-bottom:20px; text-align:left}
h1 .header_txt,h2 .header_txt {font-size:20px; font-weight:normal}
h3.subhead {font-size:16px; font-weight:bold; color:#ffffff; background-color:#000000; text-align:left;line-height: 20px; padding: 10px 10px 7px 15px; display:block;clear:both; margin-top:40px; margin-bottom:20px}
.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;}
.totop a { text-decoration:none; color:#000;}
/* 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;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}
/* footer ad */
#ad_bg{width:100%; background:rgba(0, 0, 0, 0.9);  height:50px; position:fixed; bottom:0; color:#ccc;z-index:90; border-top:solid 1px #fff }
#ad{ width: 300px;  text-align: center; margin: 0 auto; line-height:48px}
#ad ul li{display:inline-block;margin-right:2px}
#ad ul li:last-child{margin-right:0}
#ad_bg .close {float:right; cursor:pointer; text-align:center; width:15px; height:15px; margin-right:6px;color:#fff; margin-top:3px;line-height:15px; font-family: Arial, Baskerville, monospace;font-size:18px; font-weight:bold}
/* event page */
dl.event{overflow:hidden; margin-top:0; margin-bottom:20px; line-height:1.6em;text-align:left}
dl.event>dt{float:left;padding: 20px 0; width: 10em;font-weight:bold;}
dl.event>dd{border-bottom: 1px dashed #000;padding: 20px 0 20px 10em;}
ul.dic{margin-left:20px;}
ul.dic li:before {content: '';width: 3px;height: 3px;display: inline-block;border-radius: 100%;background: #000000;position: relative;left: -10px;top: -3px;}
table.event {width: 100%;color:#000;margin-bottom:20px;line-height:1.3;table-layout: fixed;}
table.event tr{	border-bottom: 1px dashed #000; display: block;}
table.event tr td {width:160px; font-weight:bold; padding: 20px 0; white-space: nowrap; vertical-align:top;}
table.event tr td + td{width:800px;font-weight:normal;white-space: normal; }
table.schedule {width:100%; max-width:600px; margin-top:20px;}
.fee h2{max-width:600px; margin-bottom:10px}
table.fee{margin-top:10px; width:100%; max-width:600px; }
table.schedule tr, table.fee tr{border-bottom:none}
table.schedule tr th,  table.schedule tr td{font-weight:normal;padding:4px 0; text-align:left}
table.schedule tr th{padding-right:20px;}
table.fee tr td{border: solid 1px #999; font-weight:normal;padding:4px; text-align:left }
table.fee tr th{color:#fff;padding:4px; text-align:left;font-weight:bold; letter-spacing:1px}
table.fee tr td:nth-child(2){white-space: nowrap;  width:100px;text-align:right; vertical-align:bottom}
table.pk{margin-top:0 !important}
table.bl th{background-color:#8eb5e0; border: solid 1px #8eb5e0; }
table.bl tr td{border-top: solid 1px #8eb5e0;border-left: solid 1px #8eb5e0;border-right: solid 1px #8eb5e0; border-bottom:none;}
table.pk th{background-color:#fd88cd; border: solid 1px #fd88cd;}
table.pk tr td{border: solid 1px #fd88cd;}
.gmap a {cursor:pointer; display:block;}
.map img{width:100%; max-width:600px}
.entry {clear:both; overflow:hidden; margin:60px auto}
.entry h2{color:#e51711; font-size:18px;font-weight:bold; letter-spacing:1px; margin-bottom:20px; line-height:1.6em}
ul.ent_app {margin-top:20px;margin-bottom:40px;}
ul.ent_app li{width:199px;display:inline-block;margin:0 10px;margin-bottom:10px;}
ul.spot li{ width:31%; margin-right:2.2%; display:inline-block;vertical-align: top;margin-bottom:30px;}
ul.spot li:nth-child(3n){margin-right:0}
ul.spot li img{width:100%; height:auto; vertical-align: top; display:block; margin: 0 auto;padding: 0; border:none; outline:none}
ul.spot li .name{color:#ff7b93;text-align:center;overflow:hidden; clear:both; margin-top:10px;}
/* volunteer page */
.tit_box {font-size: 20px;font-weight: bold;box-sizing:border-box;clear: both;color: rgb(255, 102, 204);padding: 8px 8px;display: inline-block;text-align: left;margin-left:-20px;width: 100%;}
.vol{width:80%;text-align:left}
.vol table.event tr td {padding: 14px 0;  }
#vol_form{margin-top: -100px; padding-top: 100px;}
/* media page */
.news_right {width: 45%;float: right;border-bottom: 1px solid #B5B5B5;padding: 5% 0px 5% 0px;}
.news_left {width: 45%;float: left;border-bottom: 1px solid #B5B5B5;padding: 5% 0px 5% 0px;margin-right: 10%;}
.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}
/* about page and photo page */
h2{color:#ffffff; font-weight:bold}
.abt_txt, .pht_txt {width:100%; background:#ffffff; box-sizing:border-box; padding:80px 16px 60px;clear:both;font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
.pht_txt {height:auto; padding:60px 0;}
.abt_txt h2{ box-sizing:border-box;clear:both; font-size:28px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:normal;color:#1A1A1A; margin:0 auto;margin-bottom:4%; max-width:600px; background-color:#E4E5E8;padding:28px 16px 34px; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px;}
.abt_txt h2 span{border-bottom:solid 2px #FD7C94;padding-bottom:10px}
.abt_txt h2 img{width:100%;height:auto; max-width:375px}
.abt_txt img{max-width:100%; height:auto}
.pht_txt h2{  padding-bottom:15px;clear:both; font-size:43px; line-height:1.3em;}
.abt_txt p, .pht_txt p{max-width:880px; margin:0 auto;line-height:1.6em;text-align:left; color:#4D4D4D;letter-spacing:1px;font-size:23px;}
.abt_pic ul, ul.gst_list, ul.goods_list{clear:both; overflow:hidden;}
.abt_pic ul li, ul.gst_list li, ul.goods_list li{width:25%; float:left}
 ul.goods_list li img{max-width:200px; max-height:200px; margin-top:10px;}
.abt_pic img, ul li img {width:100%; height:auto; vertical-align:bottom}
/* about panda page */
.panda .row .inner{max-width:600px;}
.panda h1{margin:40px auto;}
.panda h1 img{width:100%; height:auto; max-width:600px; }
.panda p{text-align:left; line-height:2em; margin-bottom:20px}
.panda .btn, .panda #news{background-color:#000000;}
.panda .btn{margin:0 auto;margin-top:6%; margin-bottom:16px}
.panda .link a{color:#000;font-weight:bold}
@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:#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;}
.top_sns .twt, .top_sns .fb, .top_sns .instagram { float: left; width: 33.333333%;}
.sp {display: none !important;}
.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 20px 10px;width: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.menu li .title .t_en {margin-bottom: 6px;	font-size:28px;}
}
@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){
.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;}
.sm{position:absolute;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;}
.pc, .fluid-width-video-wrapper {    display: none !important;}
nav{float:left; width:100px}
.button {display:inline;}
.wrap .button {position:absolute;right:0}
.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}
.menu ul{overflow:hidden;}
.menu li a {display: block;position: relative;text-decoration: none;}
.menu li .title {position: relative; padding: 14px;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;}
.menu li .title .t_en { margin-bottom:6px;font-size:28px}
.top_flw .inner {max-width: 680px;}
ul#funrunlist li{float:none;display:inline-block;}
.bz_txt, .bs_txt, .pz_txt 	{    position: absolute;    top: 40%;   right:1%;    font-size: 12px;}
.bz_box{position: absolute;	top: 0;	left:50%; right: 0%; bottom:0; }
.bs_box{position: absolute;	top: 0;	left:0%; right: 50%; bottom:0; }
.pz_box{position: absolute;	top: 0;	left:50%; right: 0%; bottom:0; }
.bz_box_content, .bs_box_content, .pz_box_content {position: absolute;top: 18%;left:10.25%;right: 8.25%;bottom:0;text-align: center;}
.tit {font-size:32px; margin-bottom:10px}
.tit_bar{font-size:36px; height:36px;}
.tit_s {font-size:20px; margin-left:10px}
.btn { margin:20px auto}
.contact_l {float:none;clear:both;margin:0 auto;width:100%;}
.contact_r {float:none;clear:both;margin:0 auto;width:100%;text-align:center;}
.copyright {padding-top:0px;margin-bottom:30px}
.contact_logo {width:100%; height:auto; max-width:300px; margin:0 auto; text-align:center;margin-top:30px;margin-bottom:20px;}
.section {top:90px;}
.top {padding: 4% 0; overflow:hidden}
table.event tr td { width: 140px;}
.gmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 200px;overflow: hidden;margin-left:-100px; }
.gmap iframe,.gmap object,.gmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.gmap a {position: relative; padding-top: 66.25%;z-index:20 }
.map {width:120%; margin-left:-100px;padding-top: 30px;}
.see_lmap{margin-left:-100px;}
/* about photo page */
.abt_txt, .pht_txt {padding:10% 4% 6%;}
.abt_pic ul li{width:50%; }
.vol{width:100%}
span.ft_br{display:block; margin:0 auto}
/* event */
ul.spot li,ul.spot li:nth-child(3n){ width:48%; margin-right:2.6%;}
ul.spot li:nth-child(2n){margin-right:0}
}
@media (max-width:600px){
#scdl ul li {width:33.3%;padding-top:33.3%}	
.place{position:absolute; top:14%}
.venue{position:absolute; top:34%;}	
.abt_txt p{text-align:left;width:80%;}
span.pc_br{display:inline;}
}
@media (max-width:480px){
.abt_txt h2 span{display:block}
.inner{width:94%; margin:0 auto; }
.btn {width: 100%; max-width:300px;}
.list_link{width:100%; max-width:363px; min-width:260px; margin:0 auto; float:none; display:block}
.left, .right {width:100%; float:none; margin:0 auto; }
#scdl ul li {width:33.3%;padding-top:33.3%}
.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%}
.ent:after {top:24%;}
#container #top i#nt-example1-next img {width: 100%;height: auto;}
.news_right {float: none;clear:both;width: 100%;overflow:hidden;}
.news_left {float: none;clear:both;width: 100%;margin-right: 0;overflow:hidden;}
.section article img.lazy {width: 50%; height: auto;}
.sns_lnks {font-size:12px;}
.abt_txt p{width:92%;}
/* 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;}
/* event */
dl.event>dt{float:none;padding: 20px 0 16px 0; width: 100%;}
dl.event>dd{padding: 0 0 30px 0;}
.gmap, .map, .see_lmap {margin-left:0;padding-top:0;width:100%}
#ft_tit{letter-spacing:1px;}
#ft_logo img{ width:90%;height:auto;max-width:320px;}
}
@media (max-width:380px){
#scdl ul li {width:50%;padding-top:50%;}
span.br{display:block}
#ad_bg .close {float:none; margin-right:0;position:absolute;right:0;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, #top{overflow:hidden; height:auto}
.bx-wrapper{position:relative;margin:0 auto 30px;padding:0;*zoom:1}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-pager{position:absolute;bottom:4%;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:absolute;bottom:1%;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:30%;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}