@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,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:12px;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,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; font-size:14px;line-height:1.2em}
#category{font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; width:100%; text-align:center; font-size:14px;line-height:1.2em}
a {text-decoration:none}
a:focus { outline:none;}
button:focus { border:none; outline:none !important;}
p { line-height:1.6em}
.align_left{width:32%; margin-right:2%;float:left; text-align:right}
.align_center{width:32%; margin-right:2%;float:left; text-align:center}
.align_right{width:32%; float:left; text-align:left}

img.link_left {float:right; max-width:300px !important; margin-bottom:40px !important}
img.link_right {float:left; max-width:300px !important; margin-bottom:40px !important}
img.link_center{margin:0 auto;  max-width:300px !important; width:100%; height:auto; clear:both}
/* category navi */
#TopContents {clear:both; overflow:hidden;text-align:left; max-width:1000px; margin:0 auto}
#TopContents .category_logo {float:left;clear:left;	width:auto;	height:30px;line-height:20px;margin: 16px 10px 16px 0px;}
#TopContents ul.navi { margin-top:1px; height:auto; text-align:center; margin:18px 0px 18px 0px;}
#TopContents ul.navi li{
	 float:left;
	 height:26px;
	 width:116px;
	 line-height:26px;
	 padding-left:10px;
	 padding-right:10px;
	 text-align:center;
	 letter-spacing: 1px;
	 font-size: 9pt;
	 font-weight:bold;
	 color:#00a0e2;
 	 text-decoration:none;
	 border-left:solid 1px #00a0e2;
	 position: relative;
	 z-index:1;
}
#TopContents ul.navi li:last-child{ border-right:solid 1px #00a0e2;} 
#TopContents ul.navi li a {	display:block; color:#00a0e2; text-decoration:none; cursor:pointer;}
ol.topicPath {width:1000px;margin: 0 auto;padding: 0;margin-top:10px;list-style-type: none;font-size: 80%;}
ol.topicPath li {display: inline;}
ol.topicPath li a {margin-right: 6px;}
#container{overflow:hidden; width:100%; background-color:#ffffff;clear:both;font-family: 'Oswald','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}

.sp_logo img {float: left; margin-right:4px; margin-top:4px; width:125px; height:auto }
.sb_logo_bbl img {
    position: absolute;
    top: 120px;
    width: 36% !important; 
}
#header .icn_fb {float:right; width:26px; height:26px; }
#header .icn_tw {float:right; width:26px; height:26px; margin-right:6px}
.inner{position:relative; width:100%; max-width:690px; margin:0 auto; overflow:hidden; }
.inner2{position:relative; width:100%; max-width:690px; margin:0 auto; overflow:hidden; }
.top{padding-top:54px}
#header .lang_cn{float:right;height:26px; margin-right:6px}
#header .lang_en{float:right;height:26px; margin-right:12px}

.news_inner{width:100%; max-width:690px; margin:0 auto; }
.padding-top {padding-top:30px;}
.content_left, .content_left_pc{width:46%; float:left; margin-bottom:20px;}
.content_left img, .content_right img {width:100%; height:auto; }
.content_right, .content_right_pc{width:46%; float:right; margin-bottom:20px;}
.content_230{width:30%;}
.content_230 img {width:100%; max-width:230px; height:auto}
.left{float:left}
.right{float:right}
.btn{clear:both;}

#event{position:relative;background-color:#fc42a4; background-image: url(../images/topics_bg.jpg); background-repeat: no-repeat; background-position:center center;  background-size:1900px auto; height:auto;}
#event .txt_ent{ color:#FF0099;}

#taikai{position:relative;background-color:#fef886; background-image: url(../images/taikai_bg.jpg); background-repeat: no-repeat; background-position:center center;  background-size:1900px auto; height:auto; margin-bottom:30px;}
#taikai .txt_ent{ color:#FF0099;}

#sns_frame{ background-color:#ffffff; background-repeat:no-repeat; background-position:center bottom; height:auto;}
#sns_frame .inner{width:96%; margin:0 auto;max-width:1000px; padding-top:54px}
#facebook_tl h3, #twitter_tl h3 {line-height:20px; font-weight:bold; font-size:20px; text-align:center; color:#000000;padding-bottom:5px; padding-top:20px; margin-bottom:10px; }
#facebook_tl h3 img, #twitter_tl h3 img {width:100%; height:auto; max-width:220px}
#facebook_tl {box-sizing: border-box; /*width:48.25%; margin-left:0%; margin-right:1.75%; float:left;*/  margin-top:10px;margin-bottom:20px; overflow:hidden; background-color:#aab0f2;padding:0 4% 4% 4%;	-moz-border-radius: 2.7%;	-webkit-border-radius: 2.7%;	border-radius: 2.7%;}
#twitter_tl {box-sizing: border-box;/* width:48.25%; margin-left:1.75%; margin-right:0%; float:right; */ margin-top:10px;margin-bottom:20px; overflow:hidden; background-color:#88eee1; padding:0 4% 4% 4%; -moz-border-radius: 2.7%;	-webkit-border-radius: 2.7%;	border-radius: 2.7%;}
#twitter_tl, #facebook_tl {max-width:540.8px; margin:0 auto;  margin-top:10px;margin-bottom:20px; }
#twitter_tl iframe { width:100% !important; }
a#share_fb, a#share_tw, a#share_ln{
width:300px; height:88px;margin:0 auto;display:block; color:#fff; text-align:left;line-height:88px; margin-bottom:20px;
text-indent:16px; text-decoration:none;}
a#share_fb{background-color: #aab0f2;border-bottom: 1px solid #aab0f2;}
a#share_tw {background-color: #88eee1;border-bottom: 1px solid #88eee1;}
a#share_ln {background-color: #00c300;display:none;}
.icn_sns, .snsshare .icn_sns {float:left;line-height:18px; margin-left:60px; margin-top:26px}
img.icn_sns, .snsshare img.icn_sns {width:35px; height:35px}

/* general */
.row{position:relative; clear:both; overflow:hidden;text-align: left; background-color:#ffffff; padding-bottom:30px}
.row img {width:100%; height:auto; border:none;margin:0;padding:0;max-width:1200px;margin:0 auto; vertical-align:bottom;}
.row img.w300 {width:100%; max-width:300px; margin:0 auto}

h1{ line-height:100px; font-weight:700; text-align:left; font-size:20px;}
p{text-align:left;}

.kiji{text-align:left; padding:15px; background-color:#ffffff; background-color: rgba(255,255,255,0.7);}
.kiji img{width:40%;  margin:15px 15px 10px 0px;}
.kijip{line-height:150%; margin-bottom:15px;}

.bu_right{width: 45%; float: right; text-align:right;}
.bu_left{width: 45%;float: left;}
.bu_right img{width:100%;}
.bu_left img{width:100%;}

/* toppage */
.tit_ent{position:absolute; top:0; left:0; right:0; margin:0 auto;max-width:300px;}
.txt_ent{position:absolute; top:0; left:0; right:0; margin:0 auto; width:230px; height:70px; line-height:40px; font-size:16px; font-weight:bold; letter-spacing:2px; text-align:center }
.bt_ent{overflow:hidden; clear:both; margin-top:120px;margin-bottom:20px}
.txt_con{ line-height:40px; font-size:16px; font-weight:bold; letter-spacing:2px; text-align:center; color:#FF0099; margin-top:20px;}

#allfunrun{background-color:#fc42a4; text-align:center; display:block;}
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{margin:10px 0; font-weight:bolder; color:#ffffff;}

ul.newslist li{width:49.6%; float:left; border:solid 1px #FF33FF;}
ul.newslist li img {width:38%;height:auto; vertical-align:central}

.news_txt {width: 57%;float: right;color: #000; font-weight: 400; margin:5px;}
.news_txt h2{font-weight:700; margin:5px 0;}
ul.taikailist{margin-top:50px; margin-bottom:25px;}
ul.taikailist li{width:49.6%; float:left; border:solid 1px #f0c4d7; background:#ffffff; }
ul.taikailist li .chiku{width:18%; padding:3px; background:#CC33CC; color:#ffffff; font-weight:700; text-align:center; margin:0 10px 10px 0;float:left; margin-bottom:30px;}
ul.taikailist li .taikai_date{text-align:left; margin:5px; font-size:90%; line-height:20px; vertical-align:center;}
ul.taikailist li .taikai_name{text-align:left; font-size:110%; font-weight:700; line-height:20px;}
ul.taikailist li img{float:right;}

.tuduki{
    color:#0000ff;
}
#bs_link ul li img{width:100%; height:auto;max-width:400px; }
/* whats page */
.keyvisual img{max-width:1900px;}

#whats{position:relative;background-color:#ffffff;; background-image: url(../images/whats_bg.jpg); background-repeat: no-repeat; background-position:center center;  background-size:1900px auto; height:auto;}

#whats img{float:left;}



/* howto page */
#howto{position:relative;background-color:#ffffff;; background-image: url(../images/howto_bg.jpg); background-repeat: no-repeat; background-position:center center;  background-size:1900px auto; height:auto;}

#howto img{float:left;}
#howto .num{width:30px; margin-top:0;}
#howto h2{font-weight:700;}
#howto .kiji p{clear:both; line-height:1.5em; margin-top:20px;}

#howto2{position:relative;background-color:#ffffff;; background-image: url(../images/howto_bg2.jpg); background-position:center center;  background-size:1900px auto; height:auto; margin-bottom:30px;}
#howto2 .inner2{width:90%; margin-top:20px;}
.howto_left{width: 50%; float:left; line-height:140%; text-align:left;}
.howto_left img{width:100%;}
.howto_right{width: 50%; float:right; line-height:140%; text-align:left;}
.howto_right img{width:100%;}
.howto_right h2, .howto_left h2{font-weight:700; margin:5px 0;}
#howto2 .howto_pink{background-color:#ff0086; background-image: url(../images/howto_120bg.jpg); padding:10px; padding-left:15px; color:#ffffff; min-height:325px;}

#howto2 .make_kiji{margin-bottom:20px;}
#howto2 .make_kiji img{width:50%;  margin:0 0 20px 15px; float:right;}
#howto2 .make_kiji h2{font-weight:700; margin:15px 0;}


#howto2 .kiji_F{margin-bottom:20px;}
#howto2 .kiji_F img{width:50%;  margin:0 15px 20px 0px; float:left;}
#howto2 .kiji_F h2{font-weight:700; margin:15px 0;}


/* event page */
#matome{position:relative;background-color:#ffffff;; background-image: url(../images/event_bg.jpg); background-repeat: no-repeat; background-position:center center;  background-size:1900px auto; height:auto;}
#matome img{float:left;}

#eventlist{position:relative;background-color:#ffffff;; background-image: url(../images/howto_bg2.jpg); background-position:center center;  background-size:1900px auto; height:auto; margin-bottom:30px;}
#eventlist .inner h2{ background-size:6% auto; padding-left:30px; font-weight:700; border-bottom:3px solid #000000; line-height:40px; text-align:left; margin:30px 0 20px 0; background-size:contain; height:50px; font-size:18px;}

#eve1{ background: url(../images/num1.png) no-repeat top left;}
#eve2{ background: url(../images/num2.png) no-repeat top left;}
#eve3{ background: url(../images/num3.png) no-repeat top left;}
#eventlist .inner h3{font-weight:700; font-size:18px; line-height:35px; text-align:left; margin:20px 0 10px 0;}

#eventlist .eve_pho{width:45%; float:left; margin-right:20px; margin-bottom:10px;}
#eventlist .syutten{font-size:12px; margin-bottom:10px;}

blockquote p{padding:10px; background:#ebebeb; text-indent: 25px; background-image: url("../images/block_bg.gif"); margin:10px 0;}

.eve_url{ background: url(../images/site.gif) no-repeat top left; padding:10px 10px 10px 70px; border-bottom:1px dotted #000000; margin:15px 0 35px 0; }

@media (max-width:1200px){
#top {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcf58a+0,ffffff+20,ffffff+81,fcf58a+100 */
background: #fcf58a; /* Old browsers */
background: -moz-linear-gradient(left, #F9F6CA 0%, #ffffff 10%, #ffffff 90%, #F9F6CA 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #F9F6CA 0%,#ffffff 10%,#ffffff 90%,#F9F6CA 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #F9F6CA 0%,#ffffff 10%,#ffffff 90%,#F9F6CA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F6CA', endColorstr='#F9F6CA',GradientType=1 ); /* IE6-9 */
background-size:cover; }
}

@media (max-width:1024px){	
#topics{ margin-top:-8%;}
}
@media (max-width:767px){
.inner{width:96%; margin:0 auto}

.top{padding-top:34px}

#top .logo_main{top:47%;width:80%; }
#top #news{top:64%;}
#top .mask {top:48%; height:400px}
.top_banner img{width:90%; height:auto;}
.sb_logo_bbl img {position: absolute;top: 54%;width: 36% !important; }
#facebook_tl h3, #twitter_tl h3 {width:50%; margin: 0 auto; margin-bottom:10px; }
#facebook_tl h3 img, #twitter_tl h3 img {width:100%; height:auto; max-width:220px}
#twitter_tl, #facebook_tl {max-width:540.8px; margin:0 auto;  margin-top:10px;margin-bottom:20px; }
.content_left_pc{width:100%; float:none}
.content_right_pc{width:100%; float:none}
.content_left img, .content_right img{max-width:320px; margin:0 auto}
.abt .content_left img, .abt .content_right img{max-width:368px; margin:0 auto}

/* howto page */
#howto2 .howto_pink{min-height:250px;}
#TopContents { margin: 0 auto;  width: 94%;}
.btn-open:after{padding-top:10px !important;}
}
@media (max-width:580px){
body{
    font-size:13px;
}
h1{ line-height:70px; font-size:16px;}
.fukidasi{width:116px;}

ul.taikailist li{
width:99%
}
ul.newslist li{width:99%;}
#top #news{top:62%;}
#top .mask {top:40%;}

.bu_right{width:100%; clear:both;}
.bu_left{width:100%; clear:both;}

/* top page */
ul#funrunlist .phofunrun{max-width:130px;}
ul#funrunlist li{max-width:130px;}
ul#funrunlist .sns_ico{width:50px; margin:0 3px;}
/* whats page */

.kiji .kiji_img{width:100%;}

/* howto page */
#howto2 .howto_pink{min-height:130px;}
}
/* event page */
#eventlist h2{ line-height:30px; padding-left:15px; font-size:16px;}
#eventlist h3{ line-height:30px;  font-size:14px}

/* event page */
#eventlist .eve_pho{width:100%; clear:both; margin-left:0;}

@media (max-width:480px){
a#share_ln{display:block}
#top .logo_main{top:50%;}
#top #news{top:68%;}
#topics{ margin-top:-60px;}

.tit_ent{width:100%; height:auto; width:220px;}
.txt_ent{ line-height:44px}
.bt_ent{max-width:320px; margin:0 auto; margin-top:100px;}
.br{display:block}
.padding-top {padding-top:30px;}
.inner{width:90%; margin:0 auto; text-align:center;}

.row img.lazy{ width: 50%; height: auto;}

.section article img.thum {  width: 50%;  height: auto;}
.section article img.lazy {  width: 50%;  height: auto;}
.news_right, .shop_right  {
	float: none;
	clear:both;
	width: 100%;
	overflow:hidden;
}
.news_left, .shop_left {
	float: none;
	clear:both;
	width: 100%;
	margin-right: 0;
	overflow:hidden;
}

.content_230{float:none; width:100%;max-width:300px; margin:0 auto; }
.left, .right {width:100%; float:none; margin:0 auto; }
.content_location .left {width:100%; float:none; margin:0 auto; margin-bottom:8%;}
.content_location .right {width:100%; float:none; margin:0 auto;}
.content_left,.content_right, .abt .content_left, .abt .content_right{width:100%; float:none; clear:both; text-align:center}
.content_left{margin-bottom:20px;}
.abt .content_left{padding-bottom:20px;}

.tit_box {width:92%;padding:8px 8px; margin-top:20px}

.link_jtb img{max-width:150px !important;}

.abt_logo, .txt_01, .txt_02, .txt_03, .txt_05, .txt_b{width:100%; max-width:450px;}
.sp_nowrap{display:inline}
.news_txt{text-align:left;}
}


@media (max-width:320px){
#top #news{top:64%;}
#top .mask {top:20%;}
}