/* 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:#fff;width:100%; text-align:center;line-height:1.6em;}
img{max-width:100%; height:auto; display:block; margin:0 auto;}
a {text-decoration:none}
a:focus { outline:none;}
div, ul,li,p,table,td,tr,a{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
p, table td {line-height:1.6em;font-size:16px;letter-spacing:2px;}
p{margin-bottom:1.6%}
.t_left{text-align:left}
.t_right{text-align:right}
.t_center{text-align:center;}
p.profileRight{width:51.8%; float:right;text-align:left;display: inline;}
.profileLeft{width:43%; float:left;margin-right:4.2%; vertical-align:top; margin-bottom:40px;}
.profileLeft h2{color: #ffffff; padding: 6px;}
.role{background-color:#cccc6c; padding:4px;margin-bottom:20px;color:#ffffff;}
iframe {  border: none;  outline: none;}
.btn {box-sizing:border-box;-webkit-box-sizing: border-box;width: 200px;height: 90px;padding-top: 6px;background-color: #c70026;color: rgb(255, 255, 255);line-height: 20px;font-size: 16px;letter-spacing:1px;font-weight:bold;text-align: center;margin: 0 3%;margin-bottom:20px;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;border:solid 10px #c70026;display: inline-block;
}
.btn_white {box-sizing:border-box;-webkit-box-sizing: border-box;width: 200px;height: 90px;padding-top: 6px;background-color: #FFFFFF;color: #c70026;line-height: 20px;font-size: 16px;letter-spacing:1px;font-weight:bold;text-align: center;margin: 0 3%;margin-bottom:20px;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;border:solid 10px #FFFFFF;display: inline-block;
}
.btn a {color:#ffffff; display:block}
.br{display:inline-block}
.wt{background-color:#fff; color:#000}
.rd{background-color:#c70026; color:#fff;}
.gr{background-color:#3e9b70; 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 */
nav{width:100%; background-color:#c70026;border-bottom:solid 1px #fff}
nav ul{ font-size:0; margin:0 auto; line-height:1em}
nav ul li{width:12.4%; max-width:126px;display:inline-block;}
#container{overflow:hidden; width:100%; background-color:#ffffff;clear:both}
.inner{position:relative; width:100%; max-width:1000px;padding-top:4%; padding-bottom:26px; margin:0 auto; overflow:hidden; }
h2{font-size:26px;font-weight:bold;color:#c70026;letter-spacing:2px;}
h2 img{display:block; margin:0 auto; margin-bottom:18px;}
.rd h2{color:#fff}
#header{position:relative;width:100%;background-color:#fff; text-align:left }
#header .logo_main{width:16.8%; max-width:202px; min-width:106px;margin-left:1.6%; margin-top:0.8%;display:inline-block;}
.head_sns{position:absolute; bottom:8px; right:0; margin-left:20px; margin-right:1.6%;}
#header .icn_tw {float:right; width:35px; height:35px; }
#header .icn_fb {float:right; width:35px; height:35px; margin-right:4px}
#header .icn_ig {float:right; width:35px; height:35px; margin-right:4px}
#top{position:relative;overflow:hidden; height:auto;text-align:center}
#top img{width:100%; height:auto; vertical-align: bottom; display:block; margin: 0 auto;padding: 0; border:none; outline:none}
#top .topcatch{position:absolute; bottom:10%; left:10%; font-size:50px; font-weight:bold; color:#fff}
/* concept */
#concept p{color:#fff; font-size:30px; font-weight:bold;margin:2% auto}
.detail {position:relative; width: 180px;border: solid 2px #c70026; background-color: #fff;border-radius: 26px;font-weight: bold; margin:0 auto; clear:both}
.detail a{color:#c70026;padding: 8px 40px 8px 26px;display:block }
.trg { width: 0;height: 0;border-left: 14px solid #c70026;border-top: 14px solid transparent;border-bottom: 14px solid transparent;display: block;position: absolute;right: 10%;top: 50%;margin-top: -14px;}
/* event */
ul.fun{margin-bottom:6%}
ul.fun li { display: inline-block; margin: 4px; border: solid 2px #c70026; color: #c70026;  width: 174px;}
ul.fun li a { color: #c70026; display: block;padding: 6px 10px; font-weight: bold; text-decoration:none}
ul.fun li a:hover, ul.fun li.active a{background-color:#c70026; color:#fff}
#event ul.entry{width:46%; margin:1%; display:inline-block; vertical-align:top}
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 a {color:#fff; display:block;overflow:hidden}
ul.entry li, #timeschedule h3{color:#fff;background-color:#c70026;margin-bottom:20px; text-align:center; 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}
#review ul, #message ul{width:46%; margin:1%; display:inline-block;vertical-align:top}
/* guest */
#guest h3 {clear:both; font-size:24px; padding:10px;}
#tab-menu {overflow:hidden}
#tab-menu li{width:50%; color:#c70026; background-color:#fff; cursor:pointer;float:left; }
#tab-menu li h3{display:inline-block; position:relative;padding-left:34px;}
#tab-menu li h3::before {position: absolute;content: url(../images/star_noselect.png);top: 48%;left: 0;width: 28px;height: 28px;margin-top: -14px;background-size: 14px 28px;line-height: 28px;}
#tab-menu li.active{color:#fff; background-color:#c70026;}
#tab-menu li.active  h3::before { content: url(../images/star.png);}
#tab-box div.tab-cont{display:none; padding: 4% 10%}
#tab-box div.active{display:block; background-color:#c70026}
ul.gues, ul.ambassador{overflow: hidden;clear: both;}
ul.guest li img{float:left;/*display:inline-block;*/ width:100%; max-width:381px; padding: 0px 0px 10px;}
ul.guest li{overflow:hidden;clear:both; margin-bottom:0px}
ul.ambassador li{float:left;overflow:hidden; width:23%; margin:0 1%;margin-bottom:20px;}
/* timeshedule */
#timeschedule p, #timeschedule table{text-align:left; width:80%; margin-left:auto; margin-right:auto}
#timeschedule h3{font-weight:bold; max-width:400px; margin:0 auto; margin-bottom:2%}
table.overview{box-sizing:border-box; width:100%; border-left: 1px solid #c70026; border-bottom: 1px solid #c70026; margin-bottom:2%;table-layout: fixed;}
table.overview td,table.overview th{padding:10px 4px; border-top: 1px solid #c70026;border-right: 1px solid #c70026;box-sizing:border-box;}
table.overview th{width:12%; clear:left;background-color:#c70026; color:#fff; text-align:center}
table.overview td{width:41%; text-align:left; padding:10px}
.th{margin-right:60px; display:inline-block}
/* review */
.year{margin-bottom:2%}
.ch_msg ul li{width:100%; height:auto; font-weight:bold}
.ch_msg ul li{background-color:#fff; color:#000;vertical-align:top; margin-bottom:10px;text-align: left;padding: 20px; box-sizing: border-box;}
/* news */
#news{background-color:#b2b64a;  padding-top:40px; padding-bottom:26px;}
#news {position:relative;background-image: url(../images/news_back.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{font-size:14px !important;color:#71b696; 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}
/* about page */
.abt .inner{max-width:820px}
.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(../images/abt_shien_bg.gif);background-repeat: no-repeat; background-position: center center;height: auto;}
.msg{background-color:#fff; background-image: url(../images/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;font-size:40px;font-weight:bold; 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}
.abt a.line_box{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(../images/chmsg_bg.jpg); background-position:center bottom; background-size:contain; background-repeat:no-repeat; background-color:#b2b54a; clear:both;}
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}
/* fun page */
.box { border-right: solid 1px #c70026; border-left: solid 1px #c70026; border-bottom: solid 1px #c70026; overflow: hidden; clear: both;margin-bottom:4%}
.box li{border-bottom:solid 1px #666666; clear:both; overflow:hidden; padding:4% 2%}
.box ul li:last-child{border:none}
.box h2{background-color:#c70026; color:#fff;padding:8px 4px}
.box ul li img {float: left;width: 24%;padding-right: 2%;}
.box ul li h3 {float:right;width: 73%;color:#c70026; border-bottom: dotted 2px #c70026; padding-bottom: 4px; margin-bottom: 4px;text-align: left;}
.box ul li p{text-align:left}
/* media page */
.stxt{font-size:16px; margin-bottom:0.4%}
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}
.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; color:#000}
.whtbox p{color:#000}
/* overview */
#lead .inner{padding-bottom:0}
.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{margin:0 auto;margin-bottom: 30px;}
.overview table,.overview table tr,.overview table tr th{max-width:100%;}
.overview table tr th {background-color:#cccc6c;color: #fff;text-align: center;}
.overview table tr td {background: #eee;text-align:left; color:#000 }
.overview table tr td img{width:100%}
.overview table tr:nth-child(odd) td {background: #f2f2f2;}
/* column page */
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.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.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;}
#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;}
/* 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}
/* to top */
#pagetopbutton {display: none;position: fixed;bottom: 30px;right: 15px;}
#pagetopbutton a {display: block;z-index: 999;padding: 6px 8px 8px 8px;border-radius: 30px;width: 35px;height: 35px;line-height:30px;background-color: #EA333E;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pagetopbutton a:hover {display: block;background-color: #b2d1fb; text-align: center;color: #fff; text-decoration: none; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
/* 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;}
@media (min-width:768px){
/* overview */
.overview table tr th,.overview table tr td {padding: 20px 20px;border: 1px solid #fff;}
.overview table tr th{width: 120px; padding:10px; vertical-align:top}
.overview table span {font-weight: bold;}
}
@media (max-width:1000px){
.inner{position:relative; width:94%; }
}
@media (max-width:767px){
/* nav */
nav ul li{width:12.4%;}
.inner{width:96%; margin:0 auto}
h2 img{ width:50%; min-width:200px}
#top .topcatch{font-size:42px}
/* concept */
#concept p{font-size:26px;}
/* timeschedule */
#timeschedule p, #timeschedule table{width:98%;}
.th{margin-right:20px}
#event ul.entry, #review ul, #message ul{width:98%; margin:1% auto; display:block; max-width:600px}
.start{font-size:30px; }
table.news tr td{padding-right:8px;}
table.news tr td + td {padding-left:8px}
span.ft_br{display:block; margin:0 auto}
/* guest */
#guest h3{font-size:20px}
ul.guest li img{float:none;width:100%;margin:0 auto}
ul.ambassador li{width:46%; margin:0 2%;margin-bottom:14px;}
/* about page */
ul.point li{width:100%; max-width:380px;}
ul.point li:nth-child(2n+1){margin-right:0}
/* fun page */
.box ul li img {width: 40%;}
.box ul li h3 {width: 57%;}
/* overview */
.overview table tr td img{width:100%;}
.overview table tr th,.overview table tr td {padding: 20px 3%;border: 1px solid #fff;display: block; }
/* 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;}
/* 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; }
}
@media (max-width:480px){
.tit{ margin-top:6px;margin-bottom: 20px; font-size:20px}
/* nav */
nav ul li{width:25%;}
.inner{width:92%; margin:0 auto; }
#top .topcatch{left:6%;font-size:32px}
/* concept */
#concept p{font-size:20px;}
/* guest */
#guest h3{font-size:18px}
p.profileRight{width:100%; float:right;text-align:left;display: inline;}
.profileLeft{width:100%; float:left;margin-right:4.2%; vertical-align:top; margin-bottom:-5px;}
/* fun */
.box h2{font-size:16px;letter-spacing:0;font-weight:normal}
ul.fun li { width: 46%;}
ul.fun li,ul.fun li a { font-size:16px}
p, table td, table th{font-size:14px;letter-spacing:1px}
/* media page */
ul.media li{float: none;clear:both;width: 100%;margin-right: 0;}
/* column page */
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;}
/* footer */
#ft_tit{letter-spacing:1px;}
#ft_logo img{ width:90%;height:auto;max-width:320px;}
}