﻿/* 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,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:14px;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:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; background-color:#00a0e2;width:100%; text-align:center;letter-spacing:2px;line-height:1.6em;}
img{max-width:100%; height:auto}
a {text-decoration:none}
a:focus { outline:none;}
p,  table td {line-height:1.6em;font-size:14px;}
p.t_left{text-align:left}
p.t_right{text-align:right}
iframe {  border: none;  outline: none;}
.btn {box-sizing:border-box;-webkit-box-sizing: border-box;width: 200px;height: 80px;padding-top: 6px;background-color: #c70026;color: rgb(255, 255, 255);line-height: 24px;font-size: 16px;letter-spacing:1px;font-weight:bold;text-align: center;margin: 0 auto;margin-bottom:50px;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;border:solid 10px #c70026;
}
.btn a {color:#ffffff; display:block}
.wt{background-color:#fff; color:#000}
.rd{background-color:#c70026; color:#fff;}
.txt_wt{color:#fff;}
.txt_rd{color:#c70026;}
.tit{ margin-top:10px;margin-bottom: 40px; font-weight: normal; font-size:28px}
ul {text-decoration: none;list-style: none;}
nav {text-align:center;	position:absolute; left:20%;/*float:right;position:relative;*/width:74%;height:50px;background:none;}
nav ul {text-align:center;line-height:20px;	margin-top:20px;}
nav ul li {display:inline-block; height: 20px;	position: relative; border-left: 1px solid #fff; margin-bottom:10px}
nav ul li a{  display: block;  padding: 0 20px;  letter-spacing: 0.1em;  font-size: 14px; font-weight:bold; color: #ffffff;  text-decoration: none;  transition: all .2s linear;  -webkit-transition: all .2s linear;}
nav ul li:first-child{border:none} 
nav ul li a:hover, nav ul li.undc {	opacity: 0.5;}
nav ul li.undc{padding: 0 20px;   font-size: 14px;letter-spacing: 0.1em; color: #ffffff;}
/*styling open close button*/
.button {
	display:none/*inline*/;
	position:absolute;
	right:0;
	top:0;
	z-index:999;
	font-size:30px;
}
a.btn-open{ position:relative; top:10px;background-color:#c70026;}
.button a {	text-decoration:none;}
.btn-open:after {
	padding:10px;
	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;
}
a.btn-close{ position:relative; top:10px;}
.btn-close:after {
	padding:10px;
	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;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	width:24%;
	position:relative;
}
.wrap ul.gnav li a {
	display:block;
	color:#f0f0f0;
	padding:8px 0;
	font-weight:bold;
	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:#c70026;}
.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{overflow:hidden; width:100%; background-color:#ffffff;clear:both}
#container.no_image{padding-top:70px;background-color:#c70026;}
.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; }
.tit_bar{font-size:46px;font-weight:bold;color:#ffffff/*#6d4429*/;line-height:48px;height:48px; width:100%; background:#c70026; text-align:center; padding-top:10px; padding-bottom:10px;clear:both;}
#header{ position: absolute; z-index: 10;width:100%; height: 50px;}
.logo_main {position: absolute; top: 0; left: 0;width:20%; max-width:253px;z-index:11;}
.head_sns{float:right; margin-left:20px; margin-right: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}
#top {text-align:center}
#top .top_slider{width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center;}
#top img{width:100%; height:auto; vertical-align: bottom; display:block; margin: 0 auto;padding: 0; border:none; outline:none}
#top{overflow:hidden; height:auto}
#bxslider iframe{margin-top:48px}
/* counter */
#counter{width:15%; height:15%; background-color:#339966; z-index:11; position: fixed; bottom:0; right:0; border-top-left-radius: 22px; -moz-border-top-left-radius:  22px; -webkit-border-top-left-radius: 22px;}
#counter_text{height:30px; width:150px; position: relative; top:20px; margin:auto; color:#ffffff;}
.counter_small_text{font-size:10px;}
.counter_text{font-size:28px; font-weight:bold;}
.counter_text_sime{font-size:22px; font-weight:bold; }
.counter_text_finish{font-size:17px; font-weight:bold; display:inline;}
.alarm{width:25px; height:25px; float:left; margin-right:1px; margin-left:5px;}
/* topics */
.topics{background-color:#c70026; padding-top:40px; padding-bottom:26px;}
.topics h2{line-height:1.2em; font-weight:normal; font-size:20px}
.topics p{color:#fff;font-size:16px}
p#amount{font-size:40px;font-weight:bold; color:#fff;margin-bottom:20px;}
a.line_box{display:block; color:#fff;width:200px;margin:0 auto; border: solid 1px #fff; padding:10px 20px 0 20px; font-size:12px;margin-top:30px; position:relative}
.triangle{   display: block;   width: 0;   height: 0;   border-top: 8px solid #ffffff;   border-right: 8px solid transparent;   border-bottom: 8px solid transparent;   border-left: 8px solid transparent;
	margin:0 auto;
	 
}
.topics ul li {display:inline-block; vertical-align:top; margin-bottom:20px;color:#fff; margin:20px 10px}
.topics ul li a{color:#fff;}
/* entry */
#entry{background-color:#fff; padding-top:40px; padding-bottom:26px;}
.start{font-size:36px; line-height:1.2em; font-weight:bold;margin-bottom:20px}
ul.entry{width: 100%;overflow:hidden; color:#fff;margin-bottom:20px;font-size:16px; }
ul.entry li {box-sizing:border-box; -webkit-box-sizing: border-box; overflow:hidden; }
ul.entry li:after{display:block;  clear:both;  height:0;  visibility:hidden;  content:".";  zoom:1;  }  
ul.entry li a {color:#fff; display:block;overflow:hidden}
ul.entry li{background-color:#c70026;margin-bottom:20px; text-align:left; letter-spacing:2px;padding:12px 20px; border-radius: 22px; -moz-border-radius:  22px; -webkit-border-radius: 22px;line-height:1.6em; clear:both; overflow:hidden}
ul.entry li.pre{background-color:#fff;border:solid 2px #c70026; margin-bottom:20px; text-align:left; letter-spacing:2px;padding:10px 18px; border-radius: 22px; -moz-border-radius:  22px; -webkit-border-radius: 22px;line-height:1.6em; clear:both; overflow:hidden;color:#c70026}
ul.entry li.pre a{color:#c70026}
ul.entry li .end,ul.entry li .ent{float:right; font-weight:bold; position:relative; margin-right:16px}
.ent:after {content: ' ';	position:absolute;	right:-16px;	top:3px;width: 0px;height: 0px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #ffffff;border-right: 0px solid transparent;}

ul.entry li.pre .ent:after{border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #c70026;border-right: 0px solid transparent;}
ul.entry li .txt{float:left;width:80%;}
ul.entry li .evt,ul.entry li .evt_ent{text-align:center}
ul.entry li .evt_ent{ font-weight:bold;}
h2{font-size:22px;font-weight:bold;color:#c70026;letter-spacing:2px;}
h2 img{display:block; margin:0 auto; margin-bottom:18px}
#news h2, #entry h2{margin-bottom:20px}
#news h3, #entry h3{margin-bottom:14px;}
#colm h3{color:#c70026;margin-bottom:30px; font-weight:bold}
ul.app li {width: 200px; display: inline-block; margin: 0 5px; margin-bottom: 10px;}
/* news */
#news{background-color:#b2b64a;  padding-top:40px; padding-bottom:26px;}
#news {position:relative;background-image: url(../img/news_bg.jpg); background-position:center top; background-size:cover; clear:both;}
table.news{width: 100%;border-collapse: separate;border-spacing: 0 16px; box-sizing:border-box; -webkit-box-sizing: border-box; }
table.news tr{background-color:#fff; text-align:left;}
table.news tr td{color:#b2b64a; font-weight:bold;padding:10px 20px; border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px;font-size:16px;}
table.news tr td + td{color:#000;font-weight:normal;border-radius: 0 20px 20px 0; -moz-border-radius:0 20px 20px 0;  -webkit-border-radius:0 20px 20px 0; }
table.news a {color:#000}
/* contents */
#contents{padding-top: 40px;padding-bottom: 26px;}
#contents h2.tit{ margin-bottom: 30px;}
.menu li .title {background-color:#c70026;	color:#ffffff; padding:10px}
.menu li img {width: 100%;vertical-align: top;}
.menu li .title span {    display: block;}
/* colm *//*gst ambassador*/
/*ul.colm li,ul.amb li{ width:23.8%; margin-right:0.6%; display:inline-block;vertical-align: top;margin-bottom:30px;}
ul.colm li:nth-child(4n),ul.amb li:nth-child(4n){margin-right:0}*/

ul.colm li{ width:23.8%; margin-right:0.6%; display:inline-block;vertical-align: top;margin-bottom:30px;}
ul.colm li:nth-child(4n){margin-right:0}
ul.amb li{ width:30.2%; margin-right:2%;display:inline-block;vertical-align: top;margin-bottom:30px;}
ul.amb li:nth-child(3n){margin-right:0;}

ul.colm li img,ul.amb li img{width:100%; height:auto; vertical-align: top; display:block; margin: 0 auto;padding: 0; border:none; outline:none}
ul.colm li p, ul.colm li a p{color:#000;clear:both; text-align:left;padding-top:8px}
ul.amb li p{color:#000;clear:both; text-align:left;padding-top:6px;font-size:12px}
ul.colm li .caption ,ul.amb li .caption{overflow:hidden; clear:both; margin-top:10px;}
ul.colm li span.vol{float:left; color:#fff; background-color:#c70026;padding:0 16px;letter-spacing:0}
ul.colm li span.date{float:right; color:#b2b64a;letter-spacing:0;font-size:12px;}
ul.amb li span.place{float:left; color:#fff; background-color:#c70026;font-size:12px;line-height:20px; padding:0 2px;padding-top:2px;width:68px;margin-right:10px;}
ul.amb li span.name{float:left; color:#c70026;font-weight:bold;font-size:14px}
/* page common */
#lead{background-color:#c70026;color:#fff;padding-top:40px;  }
#lead h2{font-size:16px; font-weight:normal;color:#fff;margin-bottom:30px;}
#lead p{margin-bottom:40px;line-height:2em}
.rd h2{color:#fff} 
.wt h2{color:#000}
/* column page */
#column_list{background-color:#c70026;padding-bottom:40px}
#column_list h2{margin-bottom:14px;}
#column_list h3{color:#fff;margin-bottom:30px;}
#column_list ul.colm li p, #column ul.colm li a p{color:#fff}
#column_list ul.colm li span.vol{background-color:#b2b64a}
#colm{padding:40px 0}
.page_direction li{display:inline-block;padding: 0 20px; margin-top:40px; font-size:14px}
.page_direction li .prev:before {
	padding:10px 20px 10px 10px;
	color:#c70026;
	content:"\f0d9";
	font-family:"FontAwesome";
}
.page_direction li .next:after {
	padding:10px 10px 10px 20px;
	color:#c70026;
	content:"\f0da";
	font-family:"FontAwesome";
}
.page_direction li a{color:#000}
.page_direction li a:hover{opacity:0.5;filter:alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}
.page_direction li .none{opacity:0.5;filter:alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}
.page_direction li+ li { border-left: 1px dotted #333; }
#column_main{padding: 60px 0;}
#column_main .inner, #column_prof .inner, .gst .inner, #gst_public .inner, .abt .inner, #lead .inner{max-width:710px;}
#column_main .title{overflow:hidden;margin-bottom:32px;}
#column_main .vol{width:112px; height:112px; float:left; color:#fff; background-color:#cccc6c; padding-top:40px;box-sizing:border-box;-webkit-box-sizing:}
#column_main h2{float:right; width:100%; margin-left:-150px; padding-left:150px;box-sizing:border-box;-webkit-box-sizing: border-box;text-align:left; line-height:1.8em}
#column_main h2 .date{color:#cccc6c;}
#column_main p{clear:both;text-align:left}
#column_main img{width:100%; height:auto; max-width:400px;}
#column_prof{padding-top:60px;padding-bottom:60px;background-color:#e7e7e9}
#column_prof p{text-align:left}
#column_prof .title{clear:both; overflow:hidden}
#column_prof h2{width:51.8%; float:right;color:#cccc6c;display:inline-block;text-align:left;display: inline; }
#column_prof .title p{width:51.8%; float:right}
#column_prof h2 .kana{font-size:12px;color:#000}
#column_prof img{width:44%; float:left;margin-right:4.2%; vertical-align:top; margin-bottom:40px;}
/* guest page */
.gst{padding: 60px 0;}
#gst_public{padding: 30px 0;}
.gst .title{width:44%; float:left;margin-right:4.2%; vertical-align:top; margin-bottom:40px;}
.gst .title img{width:100%; height:auto; max-width:300px;margin-bottom:20px;}
.gst .title h2{margin-bottom:14px; font-size:22px;font-weight:bold}
#gst_public h2{font-size:16px; font-weight:normal;color:#c70026 !important;margin-bottom:20px;}
p.right{width:51.8%; float:right;text-align:left;display: inline;}
.role{background-color:#cccc6c; padding:4px;margin-bottom:20px;color:#fff}
ul.sponsors{margin:0 auto;overflow:hidden; margin-bottom:50px;}
ul.sponsors li,ul.sponsors li a{font-size:14px;color:#000;line-height:1.4em;}
ul.sponsors li {display:inline-block; margin:0 10px;min-width:200px;vertical-align:top}
ul.sponsors li img{width:auto;margin-top:8px;}
.gray{color:gray; font-size:10px;}
.bnr_300 {max-width:300px;  margin:0 auto; clear:both; overflow:hidden;; color:#cccccc !important; text-align:center; font-size:14px;clear:both;}
ul.entry_btn li{display:inline-block}
/* about page */
.abt{padding: 40px 0;}
.abt p{line-height:2em}
.abt h2{font-size:18px; margin:0; margin-bottom:40px;}
.spt{background-color:#fff; background-image: url(../img/abt_shien_bg.gif);background-repeat: no-repeat; background-position: center center;height: auto;}
.msg{background-color:#fff; background-image: url(../img/abt_msg_bg.jpg);background-repeat: no-repeat; background-position: center center;height: auto; color:#fff}
.msg h2,.ch_msg h2{color:#fff}
.abt #amount, .abt .donations p, .abt a.line_box{color:#c70026;border-color:#c70026;line-height:1.6em}
.abt .donations h2{margin-bottom:20px;}
.abt #amount{margin-bottom:10px}
.abt a.line_box{width:130px; padding-bottom:8px}
.abt_pic ul{clear:both; overflow:hidden;}
.abt_pic ul li{width:25%; float:left}
.abt_pic ul li img, ul li img{width:100%; height:auto; vertical-align: top; display:block; margin: 0 auto;padding: 0; border:none; outline:none}
.abt.ch_msg {position:relative;background-image: url(../img/chmsg_bg.jpg); background-position:center bottom; background-size:contain; background-repeat:no-repeat; background-color:#b2b54a; clear:both;}
.ch_msg ul {overflow:hidden; width:80%; margin:0 auto}
.ch_msg ul li{background-color:#fff; vertical-align:top; margin:10px;text-align: left;padding: 20px; box-sizing: border-box;}
.ch_msg ul li{width:100%; height:auto}
ul.point li{width:46%; display:inline-block; margin-bottom:20px; vertical-align:top}
ul.point li:nth-child(2n+1){margin-right:4%}
ul.point li img{margin-bottom:18px; width:90%; height:auto}
ul.point li h3{font-weight:bold;margin-bottom:10px;}
ul.point li p{text-align:left}
/* event */
.overview .whtbox{background-color:#fff;padding:20px; margin-bottom:60px;border-radius: 22px; -moz-border-radius:  22px; -webkit-border-radius: 22px;line-height:1.6em; clear:both; overflow:hidden}
.whtbox p{color:#000}
.overview table,.overview table tr,.overview table tr th{max-width:100%;}
.overview table tr th {background-color:#cccc6c;color: #fff;text-align: center; font-size:14px;}
.overview table tr td {background: #eee;text-align:left; color:#000 }
.overview table tr:nth-child(odd) td {background: #f2f2f2;}
/* media page */
ul.media{overflow:hidden}
ul.media li{width: 45%;float: left;border-bottom: 1px solid #B5B5B5;padding-bottom: 5%;margin-bottom:5%;margin-right: 10%; overflow:hidden;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 {width: 50%;float: right;color: #000;font-weight: 400;line-height: 22px;}
.news_date{margin-bottom:10px;}
.news_media {color:#d70700}
/* follow funrun */
.top_flw {  position: relative;  background-color: rgb(252, 66, 164);  background-image: url(/funrun/images/topics_bg.jpg);  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;}
/* 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; margin-top:1.6%}
.twt, .fb{box-sizing:border-box; -webkit-box-sizing: border-box; border-right:1px solid #fff;}
.top_sns .twt .h-bar {    background: #2b5c6d;}
.top_sns .twt .sns_content{background: #dcf8ff; overflow:hidden;}
.twt_rt,.twt_lf{background: #4a7e8c;}
.twt #twitter-widget-0 {  margin: 0 auto !important;
	height:432px !important;  max-width: 324px !important;
	border-bottom:none !important;
}
.top_sns .fb .h-bar {    background: #314963;}
.fb_rt,.fb_lf{background: #517492;}
.fb_ct{background: #517492;}
.fb .fb_iframe_widget{  margin: 0 auto !important;
	height:440px !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{overflow:hidden;}
.twt_rt,.fb_rt, .twt_lf,.fb_lf{float:left; width:50%; padding:20px 10px; text-align:center; box-sizing:border-box;-webkit-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;-webkit-box-sizing: border-box; border-bottom:1px solid #fff;overflow:hidden; font-size:20px; letter-spacing:2px;}
.instafeed 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 {overflow: hidden; display: block; width: 33.33333%; float: left;min-height:109px;	background-color:#ffffff;}
.instagram .instafeed {margin: 0 auto; max-width: 324px;}
/* 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; line-height:1.0em}
#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}
/* 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;margin-top:4px; overflow:hidden }
#ad ul li{display:inline-block;margin-right:4px}
#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}
@media (min-width:768px){
.overlay {display: none !important;}
.top_sns .twt, .top_sns .fb, .top_sns .instagram { float: left; width: 50%;}
.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;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:26px;}
.menu li .title .t_sub {font-size:18px;}
.ch_msg ul {width:96%}
.ch_msg ul li{display:inline-block;width:320px;}
.overview table {width:96%;margin:0 auto;margin-bottom: 30px;}
.overview table tr th,.overview table tr td {padding: 20px 20px;border: 1px solid #fff;}
.overview table tr th{width: 120px; padding:10px;}
.overview table span {font-weight: bold;}
}
@media (max-width:1000px){
.inner{position:relative; width:96%; }
	}
@media (max-width:767px){
/* counter */
#counter{width:100px; height:70px; background-color:#339966; z-index:12; position: fixed; top:10; right:0; padding:15px;}
#counter_text{height:30px; width:100px; position: relative; top:3px; margin:auto; color:#ffffff;}
.counter_small_text{font-size:10px;}
.counter_text{font-size:25px; font-weight:bold;}
.counter_text_sime{font-size:18px; font-weight:bold; }
.counter_text_finish{font-size:17px; font-weight:bold; display:block; }

.wrap ul.gnav>li {	width:100%;	padding:20px 0;	border-bottom:1px solid #575757;}
.wrap ul.gnav {	padding:30px 0px 0px;}
.tit_bar{font-size:34px}
#header{ position: fixed;}
nav ul {opacity:0;	visibility:hidden;	margin-top:14px;}
nav{position:static;right:0;top:0;width:50px;}
.head_sns {position:relative;right:50px;}
.button {display:inline;}
.caret{display:none;}
.logo_main {width:30%;z-index:9;}
#container{position:relative; top:0; }
.inner{width:96%; margin:0 auto}
#info h2 {width:70%;}
/* colm */
ul.colm li,ul.amb li{ width:30.2%; margin-right:2%;}
ul.colm li:nth-child(4n),ul.amb li:nth-child(4n){margin-right:2%;}
ul.colm li:nth-child(3n),ul.amb li:nth-child(3n){margin-right:0;}
.top_sns .h-bar img {width: 45px;  height:auto;}
.twt, .fb {border-right:none;}
.top_flw .inner {max-width: 680px;}
ul#funrunlist li{float:none;display:inline-block;}
.btn { margin:20px auto}
.top {padding: 4% 0; overflow:hidden}
ul.entry li {text-align:center;}
ul.entry li .txt{float:none;  width:100%; margin:0 auto; margin-top:10px;text-align:center}
ul.entry li .end,ul.entry li .ent {float:none; width:120px; margin:0 auto; margin-top:10px;text-align:center}
ul.entry li.pre .ent{width:90%;}
ul.entry li.pre .ent:after{top:30%}
.start{font-size:30px; }
table.news tr td{padding-right:8px;}
table.news tr td + td {padding-left:8px}
.abt_pic ul li{width:50%; }
span.ft_br{display:block; margin:0 auto}
.overview table tr td img{width:100%;}
.overview table tr th,.overview table tr td {padding: 20px 3%;border: 1px solid #fff;display: block; }
}
@media (max-width:600px){
span.br{display:block}
ul.point li{width:100%; max-width:380px;}
ul.point li:nth-child(2n+1){margin-right:0}
}
@media (max-width:480px){
.tit_bar{font-size:26px}
#container #top i#nt-example1-next img {width: 100%;height: auto;}
.inner{width:92%; margin:0 auto; }
#info h2 {width:88%;}
ul.colm li:nth-child(3n),ul.amb li:nth-child(3n){margin-right:0;}
ul.colm li:nth-child(4n),ul.amb li:nth-child(4n){margin-right:0;}
ul.colm li,ul.amb li{width:48%; margin-right:0}
ul.colm li:nth-child(odd),ul.amb li:nth-child(odd){margin-right:1%}
ul.colm li .caption{text-align:left}
ul.colm li span.vol{float:none; display:block; width:40px;margin-bottom:6px}
ul.colm li span.date{float:none; display:block}
ul.colm li p{padding-top:0;}
#column_main .title{margin-bottom:20px;}
#column_main .vol{width:80px; height:80px; padding-top:30px;}
h2{font-size:18px;}
#column_main h2{margin-left:-90px; padding-left:90px;line-height:1.6em}
#column_prof h2{width:100%; float:none;display:block;text-align:left; margin:0 auto}
#column_prof .title p{width:100%; float:none; margin:0 auto;margin-bottom:20px;}
#column_prof h2 .kana{font-size:12px;color:#000}
#column_prof img{max-width:300px;width:100%; float:none;margin:0 auto; margin-bottom:20px;}
.page_direction li{padding: 0 10px;}
.page_direction li .next:after,.page_direction li .prev:before {padding:10px;}
ul.sponsors{width:240px;}
ul.sponsors li,ul.sponsors li a{font-size:12px;}
ul.sponsors li img{width:80%; height:auto}
.gst{padding: 60px 0;}
.gst .title{width:100%; float:none;margin:0 auto; margin-bottom:20px}
.gst .title img{margin-bottom:20px;}
.gst .title h2{margin-bottom:14px;}
.gst p.right{width:100%; float:none;margin:0 auto;display:block}
.topics h2{font-size:22px;}
/* media page */
ul.media li{float: none;clear:both;width: 100%;margin-right: 0;}
/*.news_right{float: none;clear:both;width: 100%;overflow:hidden;}
.news_left{float: none;clear:both;width: 100%;margin-right: 0;overflow:hidden;}*/
/* footer */
#ft_tit{letter-spacing:1px;}
#ft_logo img{ width:90%;height:auto;max-width:320px;}
}
@media (max-width:380px){
#ad_bg .close {float:none; margin-right:0;position:absolute;right:0;top:0}
ul.entry li.pre .ent{width:80%;}
}