/* 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:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; background-color:#eee;width:100%; text-align:center;letter-spacing:2px;line-height:1.6em;}
a {text-decoration:none}
a:focus { outline:none;}
p,  table td {line-height:1.6em; }
iframe {  border: none;  outline: none;}
.btn {
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  width: 200px;
  height: 80px;
  padding-top: 6px;
  background-color: rgb(255, 151, 0);
  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 #212121;
}
.btn a {color:#ffffff; display:block}
#ad_bg {z-index:9999; float:left; width:120px; }
#ad_bg img {display:block; margin-bottom:1px}
#ad_bg .close {cursor: pointer;}
#ad_bg .close_sp{display:none;}
nav {text-align:center;	position:absolute; left:24%;/*float:right;position:relative;*/height:50px;background:none;}
nav ul {text-align:center;line-height:20px;	margin-top:12px;}
nav ul li {	display:inline-block; height: 28px;	position: relative;	}
nav ul li a {
    display: block;
    padding: 4px 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;
    border-left: 1px solid #fff;
}
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{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; }
.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, #colm 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}
/* topics */
.topics{background-color:#c70026; padding-top:40px; padding-bottom:26px}
.topics p{color:#fff}
.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; 
}
/* entry */
#entry{background-color:#fff; padding-top:40px; padding-bottom:26px}
ul.entry{width: 100%;box-sizing:border-box; -webkit-box-sizing: border-box; overflow:hidden; color:#fff;margin-bottom:20px }
ul.entry a {color:#fff}
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 .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 .txt{float:left;width:80%;}
#news h2, #entry h2{margin-bottom:20px}
#news h3, #entry h3{margin-bottom:14px;}
/* info */
#info {  position:relative;background-image: url(../images/entry_bt_bg.jpg); background-position:center top; background-size:cover;clear:both; }
#info h2 {width:55%; margin: 0 auto; margin-top:6%;overflow:hidden; margin-bottom:3%}
#info ul{margin:0 auto;overflow:hidden; margin-top:2%;margin-bottom:2.8%}
#info ul li {float:left; margin-right:4%;width:22%}
#info ul li:last-child{margin-right:0}
#info ul li img {width:100%; height:auto}
#info ul li a:hover {	opacity: 0.5;}
/* news */
#news{background-color:#b2b64a;  padding-top:40px; padding-bottom:26px}
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;}
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}
/* colm */
#colm{padding:50px 0}
.slick-prev {left: 25px !important;z-index:999;}
.slick-next {right:25px !important;}
.slick-prev,.slick-next {width:32px !important;height:32px !important}
.slick-prev:before {content:url(/img_common/controls_left.png) !important;}
.slick-next:before {content:url(/img_common/controls_right.png) !important;}
.slick-slide {padding:10px !important}
ul.sponsors{margin:0 auto;overflow:hidden; margin-top:2%;margin-bottom:2.8%}
ul.sponsors li {display:inline-block; margin:10px}
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;}
ul.entry_btn li{display:inline-block}
/* 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}
#footer .inner{ padding-top:54px}
.contact {margin:0 auto;text-align:center; }
.contact .hd{color:#000000;  font-size:18px; margin-bottom:20px;font-weight:900; letter-spacing:4px}
.contact .tel{color:#b5b5b5; margin-top:20px; margin-bottom:8px; font-size:18px; font-weight:900; letter-spacing:2px}
.contact .time{color:#b5b5b5; margin-bottom:18px; font-size:12px;letter-spacing:2px}
.contact .mail a{color:#b5b5b5; margin-bottom:55px; display:block;font-weight:900; letter-spacing:2px}
.contact .copyright{color:#b5b5b5; margin-bottom:26px; font-size:12px; letter-spacing:2px}
@media (min-width:768px){
.top_sns .twt, .top_sns .fb, .top_sns .instagram { float: left; width: 50%;}
.sp {display: none !important;}
}
@media (max-width:1000px){
.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;
}
.tit_bar{font-size:34px}
/*#header{ position: fixed;}*/
nav ul {
	opacity:0;
	visibility:hidden;
}
nav{position:relative;left:0;/*float:left;*/ width:100px}
.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%;}
.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}
#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 { display:table-cell; vertical-align:middle; width:75%;}
#ad_bg .close{display:none}
#ad_bg .close_sp{display:inline-block; cursor:pointer; margin-top:10px; width:25%; text-align:center; float:left}
#ad_bg .close_sp img {margin:0 auto}
#ad ul { width:100%; float:left;  }
#ad ul li {width:33%; float:left;  text-align:center;    }
#ad ul li img{   width:100%; height:auto; max-width:120px; margin:0 auto }
ul.entry li {text-align:center;}
ul.entry li .txt{float:none;  width:100%; margin:0 auto; margin-top:10px;text-align:left}
ul.entry li .ent {float:none;  width:80px; margin:0 auto; margin-top:10px}
table.news tr td{padding-right:8px;}
table.news tr td + td {padding-left:8px}
}
@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%;}
}