@charset "utf-8";

/*-----------------------------
 * common
 */
* {
	position:relative;
	/*font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    font-family: YakuHanJP, "Hiragino Kaku Gothic ProN", "\\30D2ラギノ角ゴProN W3", "Meiryo UI", Meiryo, メイリオ, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", arial, sans-serif;
	/*-webkit-text-size-adjust: 100%;*/
	box-sizing:border-box !important;
}
body {
	background:url(../img17w/common/bg.gif) fixed;
	}
/*#contenr {
	margin-top:3px;
	background-image:url(../img17w/common/bgimg.jpg);
	background-position:right;
	background-repeat: no-repeat; 
	background-attachment:fixed;  
}
*/
#wrapper {
	/*max-width:1195px;*/
    max-width:1600px;
	min-width:940px;
	position:relative;
	min-height:900px;
	margin:0 auto;
	/*background:rgba(226, 9, 63, 0.39);赤の時*/
	background:rgba(92, 7, 154, 0.29)
}

.bold{ font-weight:bold;}
.font-sizeL{ font-size:150%;}
.font-sizeM{ font-size:120%;}
.font-sizeS{font-size:90%;}
.mb15{ margin-bottom:15px;}
.clear{ clear:both;}
a { text-decoration: none; }
.fwB {font-weight: bold;}
.mT10 {margin-top: 10px;}
.mT20 {margin-top: 20px;}
.mT30 {margin-top: 30px;}
.mT40 {margin-top: 40px;}
.mT50 {margin-top: 50px;}
.pdR20 {padding-right: 20px; }
.textRed { color:red;}
/*--------------------
* menus
*/

#spMenuBtn {
	display:none;
}

#menuWrapper {
	/*width:21%;
	max-width:230px;*/
    width:25%;
	float:left;
	padding:0 0 0 20px;
}

#menus {
	width:100%;
	display:block;
	background-color:#FFF;
	/* max-width:231px; */
}

#spBtns{
	display:none;
	/* for SP */
}
		
#menus a {
	display:block;
	padding-left:10px;
	text-decoration:none;
	color:#000;
	padding-top:5px;
	padding-bottom:3px;
	    font-size: 100%;
    font-weight: bold;
}

#menus a:hover { text-decoration:underline; }
#menus .menuLogo {
	padding-left:0;
	padding-top:0;
}

#menus img.logo {
	margin:auto;
	display:block;
	width:100%;
	/*max-width:230px;*/
}

/*メニューインフォメーションcss*/
.borderBottomY {
		border-bottom:#fff100 1px;
		border-bottom-style:dotted;
}
.borderBottomB {
		border-bottom:#00b0ec 1px;
		border-bottom-style:dotted;
}
.borderBottomG {
		border-bottom:#19ce3b 1px;
		border-bottom-style:dotted;
}

#menus .titleInfo {
	background-repeat:repeat;
	background:#fff100;
}

.titleBotom_Y{
	height:3px;
	width:auto;
	background-image:url(../img17w/common/menu/titleBotom_Y.gif);
	background-repeat:repeat-x;
}
#menus .menuBg {
	background:url(../img17w/common/menu/menuImg00.png) right center no-repeat;
	background-size: 22px 22px !important;
}	
#menus .menuLinkOrange {
	padding:8px 20px 8px 10px;
	-moz-transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
	-o-transition:background-color 0.2s ease-in-out;
	-ms-transition:background-color 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out;
}
#menus .menuLinkOrangeSpars {
	padding:8px 20px 8px 20px;
	-moz-transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
	-o-transition:background-color 0.2s ease-in-out;
	-ms-transition:background-color 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out;
}
#menus .menuLinkOrange:hover,
#menus .menuLinkOrangeSpars:hover {
	background-color: rgb(255, 249, 143);
	text-decoration: none;
}

/*メニューインフォメーションcss end*/

/*メニュースペシャルグッズcss*/
#menus .titleGoods {
	background:#e60012;
}

.titleBotom_R{
	height:3px;
	width:auto;
	background-image:url(../img17w/common/menu/titleBotom_R.gif);
	background-repeat:repeat-x;
}
		
#menus .menuLinkRed {
	padding:8px 20px 8px 10px;
	-moz-transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
	-o-transition:background-color 0.2s ease-in-out;
	-ms-transition:background-color 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out;

}
#menus .menuLinkRed:hover {
	background-color: rgb(255, 162, 169);
	text-decoration: none;
}
#menus .menuBgRed {
	background:url(../img17w/common/menu/menuImg02.png) right center no-repeat;
	background-size: 22px 22px !important;
}
/*メニュースペシャルグッズcss end*/
			
/*メニューゲーム&ホビーcss*/
.borderBottomB {
		border-bottom:#00b0ec 1px;
		border-bottom-style:dotted;
}

#menus .titleGameHobby {
	background:#00b0ec;
}

.titleBotom_B{
	height:3px;
	width:auto;
	background-image:url(../img17w/common/menu/titleBotom_B.gif);
	background-repeat:repeat-x;
}
		
#menus .menuLinkBlue {
	padding:8px 20px 8px 10px;
	-moz-transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
	-o-transition:background-color 0.2s ease-in-out;
	-ms-transition:background-color 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out;
}

#menus .menuLinkBlue:hover {
	background-color: rgb(127, 214, 244);
	text-decoration: none;
}

#menus .menuBgBlue {
	background:url(../img17w/common/menu/menuImg03.png) right center no-repeat;
	background-size: 22px 22px !important;
}

#menus .menuLinkGreen {
	padding:8px 20px 8px 10px;
	-moz-transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
	-o-transition:background-color 0.2s ease-in-out;
	-ms-transition:background-color 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out;
}

#menus .menuLinkGreen:hover {
	background-color: rgb(164, 255, 181);
	text-decoration: none;
}

#menus .menuBgG {
	background:url(../img17w/common/menu/menuImg04.png) right center no-repeat;
	background-size: 22px 22px !important;
}

/*メニューゲーム&ホビーcss end*/

/*メニューその他css*/
#menus .titleOther {
	background:#19ce3b;
}
/*メニューその他css end*/

/*メニューバナーcss*/
#menuWrapper #banner {
	background-color:#FFF;
	text-align:center;
	padding:8px 0 18px 0;
}
#menuWrapper #banner .bannerseru {
	margin:10px 0 0 0;
}

#menuWrapper #banner .bannerseru_B {
	margin:10px 0 0 0;
	border:#CCC solid 1px;
}
/*メニューバナーcss*/

#menus ul li{
	background:url(../img17w/common/menu/redLine.jpg) bottom repeat-x #f5d8da;
	color:#000;
}

#menus ul li a {
	color:#000;
	background:url(../img17w/common/menu/menu_allowRed.jpg) no-repeat 13px center;
}

#menus h2 {
	color:#FFF;
	font-weight:bold;
	text-align:left;
	background:#bd000f;
}

#menus h2.toPage{background:#ef8202;}

#menus h2 img { width:100%; }
		
#menus h2.menuGoods {
	background:url(../img17w/common/bgColors_R.gif) #ea5131;
}

#menus h2.menuGameHobby {
	background:url(../img17w/common/bgColors_B.gif) #0c97e8;
}
		
#menus .menuLinkOrange span { color:#ff9d03; }
#menus .menuLinkRed span { color:#e60012; }
#menus .menuLinkBlue span { color:#0c97e8; }
.nolink { font-size: 95%;}		
.nolink:hover { background-color: #fff !important;}
/*--------------------
* mainContents
*/
#mainContents {
	/*max-width:965px;*/
    width: 75%;
	float:right;
	background-size:100%;
}


@media screen and (max-width: 1213px) {
#mainContents {
	width:75%;
}
}

#btnBackPageTOP{
	width:100%;
	margin-bottom:3.6%;
}
	#btnBackPageTOP a{
		display:block;
		width:30%;
		margin:auto;
	}

#_footer {
	width:100%;
	min-width:940px;
	min-height:200px;
	background:url(../img17w/common/headFooterLine.gif) repeat-x top #fff;
	padding-top:10px;
	text-align:left;
}
	#_footer p {
		display:block;
		width:90%;
		word-wrap:break-word;
		font-size:70%;
		text-align:left;
		padding-top:10px;
		line-height:180%;
		max-width:1040px;
		margin:0 auto;
        word-break: keep-all;
	}


.lastChild_mr0 {
	margin-right:0 !important;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++
* for 2nd Templates
*/
	#mainContents2nd {
	/*width:79%;
	max-width:965px;*/
    width:75%;
	float:right;
	padding:0 2.6% 0 2.4%;
	}
	.content2ndOverWrite {
		padding:0;
	}
	.content2nd {
		width:100%;
		margin:auto;
		padding-top:0;
	}
	.img100par {
		width:100%;
	}

	.img50par {
		width:50%;
	}
	
	._inContent {
		padding-top:10px; padding-bottom:10px;
	}
	._flLeft {
		float:left;
	}
	._flRight {
		float:right;
	}
	
	._mgR1par { margin-right:1%; }
	._mgL1par { margin-left:1%; }
	
	._bold {
		font-weight:bold;
	}
	
	h2._txtTitle{
		border-left:#bd000f solid 0.3em;
		padding-left:0.3em;
		height: auto;
		display:block;
		font-size:200%;
		font-weight:bold;
		line-height: 120%;
	}
	
	#titleChara {
		display:block;
		position:absolute;
		right:5px;
		top:-10px;
		z-index:5;
	}
	
	.bgColors_O {
	background:#fff100;
	}
	.bgColors_B1 {
	background:#00b0ec;
	background-repeat:repeat;
	}
	.bgColors_G {
	background:#19ce3b;
	}
	.bgColors_R1 {
	background:#e60012;
	}
	
	.titleBotom_O {
	height:3px;
	width:auto;
	background:#ffe400;
	z-index:2;
	}
	.titleBotom_B {
	height:3px;
	width:auto;
	background-image:url(../img17w/gameHobby/booth/common/titleBotom_B.jpg);
	background-repeat:repeat-x;
	z-index:2;
	}
	.titleBotom_R {
	height:3px;
	width:auto;
	background-image:url(../img17w/common/menu/titleBotom_R.gif);
	background-repeat:repeat-x;
	z-index:2;
	}

	/* for HeaderTitle */
	.bgColors_Y { background:url(../img17w/common/bgColors_Y.gif); }
	.bgColors_R { background:url(../img17w/common/bgColors_R.gif); }
	.bgColors_B { background:url(../img17w/common/bgColors_B.gif); }

	/* - - - - - - - - - - -
	*	Menu's comming soon
	*/
	#commigSoonMenuWrapper .commingSoonMenuContents {
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		position:absolute;
		z-index:5;
		text-align:center;
	}
		#commigSoonMenuWrapper .commingSoonMenuContents span {
			top:11em;
			display:block;
			color:#FFF;
			font-weight:bold;
		}
		

	

/*+++++++++++++++++++++++++++++++++++++++++++++++
* for sp and tablet
*/
@media screen and (min-width: 786px) {
	#spMenuBtn{display:none !important;}
    #menus { margin-top: 0 !important;}
	.supplemental {
	list-style: none;
    font-size: 0.9em;
    line-height: 1.5;
    float: left;
    color: red;
    font-weight: bold;
	margin:10px 0;
	width:60%;
	    background: white;
    padding: 10px;
    border-radius: 5px;
    border: 3px solid red;
	}
	
.supplemental li {
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
	}

.spOnly{display:none;}

.inline{display:inline-block;vertical-align:middle;}
.goodsIcon{width:20%;}
.goodsTxt{width:70%;margin:10px 0 0 10px;}
}
	
@media screen and (max-width: 786px) {
	body {
		background:url(../img17w/common/bg.gif);
		font-size:100%;
		-webkit-text-size-adjust: none;
	}
	#contenr {
		background: none;
		margin-top: 0;
	}
	#wrapper {
		/*max-width:650px;*/
		min-width:320px;
		margin: 0 auto;
		min-height:400px;
		box-sizing:content-box;
		
		background: none !important;
	}
	
	#titleChara { top:-5px; }
		#titleChara img { width:100px; }
	
	#mainContents2nd {
		width: 100%;
		padding: 0 2.6% 0 2.4%;
	}
	.imgW100 {width: 100% !important;}
	.imgW90 {width: 90% !important;}
	.imgW80 {width: 80% !important;}
	.imgW70 {width: 70% !important;}
	.imgW60 {width: 60% !important;}
	.imgW50 {width: 50% !important;}
	.imgW45 {width: 45% !important;}
	.imgW40 {width: 40% !important;}
	.imgW35 {width: 35% !important;}
	.imgW30 {width: 30% !important;}
	.imgW20 {width: 20% !important;}
	

	/*--------------------
	* menus
	*/
	

	/*#spMenuBtn {
		max-width:650px;
		max-height:81px;
		background:#000;
		z-index: 9999;
		border-bottom: 1px solid #f3f3f3;
	}
		#spMenuBtn img{
			width:100%;
		}
		#spMenuBtn #menubtn {
			display:block;
			width:13.5%;
			height:100%;
			position:absolute;
			z-index:10;
			right:0;
			top:0;
		}
		#spMenuBtn #sitelogo {
			display:block;
			width:86.5%;
			height:100%;
			position:absolute;
			z-index:10;
			left:0;
			top:0;
		}
		*/
	
	#spMenuBtn{
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
		min-height:60px;
		display:block !important;
		width:100%;		
		z-index: 9999;	
		position:fixed;	
	}
	
/*	#spMenuBtn #sitelogo{padding:30px 0 0 10px !important;text-align:left;}
    #spMenuBtn #sitelogo img { width: 60%; padding: 10px 0 0 0;}
	#spMenuBtn #menubtn img{text-align:right;/*width:17%;float:right;}*/
	/*#spBtns {display: none;}*/

	#spMenuBtn #sitelogo{display:inline-block;padding:5px 0 0 5px;}
	#spMenuBtn #sitelogo img{width:100%;}
	#spMenuBtn #menubtn{display:inline-block;float:right;}	
	#spMenuBtn #menubtn img{width:100%;}

	
	#menuWrapper {
		width:100%;
		z-index:1000;
		left:0;
		max-width:none;
		background:none;
		position: absolute;
		top:0 !important;
		padding:0 !important;
	}
	
		#menus {
			font-size:120%;
			line-height:200%;
			padding:0;
		}
		#menus .menuBg {
	background-size: 22px 22px !important;
}	
				/* menus points */
				#menus .menuLink, #menus .menuLinkRed, #menus .menuLinkBlue, #menus .menuLinkOrange {
					background-size:contain,auto;
				}
					#menuBnrs .menuBnrLink img {
						width:50%;
					}
				
				#menus a,
				#menus p { 
					font-size:medium;
					padding: 8px 0 8px 15px !important; 
				}
				#menus .menuLinkOrangeSpars {
					padding: 8px 0 8px 45px !important; 
				}
				
				#menus .menuLinkNoborder {
					background:url(../img17w/common/menu/redPoint__sp.gif) no-repeat 9px center;
					background-size:contain;
				}
				#menus ul li a {
					background:url(../img17w/common/menu/allow__sp.gif) no-repeat 8px center;
					background-size:contain;
				}
				
				#menus .menuLogo {
					display:none;
				}
				
				#menus h2 { text-align:center; }
					#menus h2 img { width:50%; }
					
				#menuBnrs {
					background:#fff;
				}
	
	
	#mainContents,#mainContents2nd {
		width:100%;
		float:none;
		top:0 !important;
		/*margin-top: 54px;*/

		/*
			padding-top:86px;
		*/
	}
	
	#spBtns{
		/*display:none;*/
		width:100%;
		background:#000;
	}
		#spBtns a {
			padding:20px 0;
		}
		#spBtns .btnTopPage{
			float:left;
			color:#fff;
			padding-left:1em;
		}
		#spBtns .closeBtn {
			width:20%;
			padding-top:15px;
			text-align:center;
			font-size:200%;
			overflow:hidden;
			
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			text-decoration:none;
			background:#aaa;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(21%, #828282), color-stop(84%, #242424) );
			background:-moz-linear-gradient( center top, #828282 21%, #242424 84% );
			background:-ms-linear-gradient( top, #828282 21%, #242424 84% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#828282', endColorstr='#242424');
			background-color:#828282;
			color:#ffffff;
			display:block;
			float:right;
		}
	
	#btnBackPageTOP a{
		width:50%;
		/*width:80%;*/
		float:none;
		margin-top:20px;
	}
	
	
	#_footer {
		min-width:inherit;
	}
	
	h2._txtTitle{
		font-size:120%;
	}

#titleChara {
		display:none;
	}

	#menus h2 {
		text-align: left;
	}
	
.supplemental {
	list-style: none;
    font-size: 0.8em;
    line-height: 1.5;
    float: left;
    color: red;
    font-weight: bold;
	margin:10px 0;
	background: white;
    padding: 10px;
    border-radius: 5px;
    border: 3px solid red;
	}
	
.supplemental li {
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
	}

.titleAbout05{width:80% !important;}
.titleAbout06{width:60% !important;}

}

@media screen and (max-width: 750px) {
	/*#spMenuBtn #sitelogo{padding:30px 0 0 10px !important;text-align:left;}
	#spMenuBtn #sitelogo img{width:75%;padding:25px 3px 0 0 !important;}
	#spMenuBtn #menubtn img{text-align:right;width:17%;float:right;}*/
	
	#spMenuBtn #sitelogo{display:inline-block;padding:5px 0 0 5px;}
	#spMenuBtn #sitelogo img{width:100%;}
	#spMenuBtn #menubtn{display:inline-block;float:right;}	
	#spMenuBtn #menubtn img{width:100%;}

}

@media screen and (max-width: 320px) {
	#titleChara {
		display:none;
	}
	.content2nd {
		/*font-size:0.9em;*/
	}
}


@media screen and (min-width: 320px) {
	#titleChara {
		display:none;
	}
	.content2nd {
		/*font-size:0.9em;*/
	}
}

@media screen and (min-width: 786px) {
.goosTxtImg{width:100%;margin:15px 0 5px 0;}
}

@media screen and (max-width: 786px) {
.goosTxtImg{width:40%;margin:15px 0 5px 0;}
}