@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

@media screen and (min-width:641px){

	img{
		max-width: 100%;
		width: auto;
		height: auto;
	}

	a img{
		border-style: none;
	}
	
	a img:hover{
		opacity: 0.8;
	}

	body{
		background: #fff;/**/
		background-image:url(img/bg.jpg);
		background-position:center top;
		background-attachment:fixed;
		background-repeat:no-repeat;
		
	}

	html{
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#pagetop{
		width: 118px;
		height: 68px;
		position: fixed;
		bottom: 20px;
		right: 20px;
		display: block;
		z-index: 100;
		cursor: pointer;
	}
	
	#pagetop .arrow{
		widows: 118px;
		height: 68px;
	}

	#menu_button{
		display: none;
	}
	#header{
		position:relative;
		width:100%;
		min-width:640px;
		height:55px;
		z-index:100;
		background-color:rgba(255,130,132,0.5);
		/*background-color:#fff;*/
	}

	#header .cts_area{
		max-width:1200px;
		min-width:640px;
		height:40px;
		margin:0 auto;
	}

	#header .cts_area .gslogo{
		width: 195px;
		height: 40px;
		float: left;
		margin:7px 0 0 0;
	}
	#header .cts_area .officiallogo{
		width:130px;
		height:28px;
		float:right;
		margin:14px 0 0 0;
	}
	#header .cts_area .officiallogo img{
		width:130px;
		height:28px;
		float:right;
	}
	#header .cts_area .postlogo{
		width: 165px;
		height: 50px;
		float: left;
		margin: 1px 0 0 0;
	}
	#header .cts_area .postlogo img{
		width: 165px;
		height: 50px;
		float: left;
	}

	#header .cts_area #title #titleicon{
		width:140px;
		height:45px;
		float:right;
	}
	#header .cts_area #title .titleiconimg{
		width:25px;
		height:25px;
		margin:16px 5px 0 ;
		float:left;
	}
	/* スイッチ */
	.sp{
		display: none;
	}
	#tag{
		display: none;
	}

	/* main container ---------------------------------------------------------------------------------------------------------------- */

	#main_container{
		margin: 0 auto;
		max-width: 1200px;
		background: #fff;
	}
	.title{
		position: relative;
		width: 100%;
		line-height: 0;
	}
	.title_95{
		position: relative;
		width: 90%;
		line-height: 0;
		margin:0 auto;
	}
	.title_ban{
		position: absolute;
		bottom: 0;
		right: 0;
		width:50%;
	}

	.newarr{
		background: #701718;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 1.4rem;
		line-height: 1.8rem;
		text-align: center;
		padding: 5px;
	}
	.newarr a:link, .newarr a:hover, .newarr a:active, .newarr a:visited{
		color: #FFF72F;
	}
	
	.warning{
		border: 2px solid #582526;
		border-radius: 3px;
		background: #FFDDDE;
		color: #9A1315;
		padding: 5px;
		margin: 5px;
	}
	.camp{
		padding:15px 0;
		background-color: #2B0303;
	}

	.camp_text{
		color: #FFE199;
		font-size:2rem;
		font-weight: bold;
		text-align: center;
		padding: 5px;
	}
	.camp_list{
		color: #FFE199;
		padding: 5px 5px 5px 2em;
	}
	.camp_list li{
		list-style-type: none;
		padding-left: 1em;
		text-indent: -1em;
	}
	
	.ps4{
		background:#FF9B39;
	}
	.swi{
		background:#D43537;
	}
	
	.yoyaku_title{
		font-size: 2.5rem;
		color:#0E0C27;
		font-weight: bold;
		padding: 20px;
		background: linear-gradient(#658ee2,#fff);
		text-shadow: 3px 3px #ddd;
		text-align: center;
	}

	
	
	
	.topban_wrap{
		width: 100%;
		padding: 10px 0;
	}
	.topban{
		display: inline-block;
		width: 50%;
	}
	
/* --osusume------------------------------------------------------------------------ */		
	.osu_wrap{
		width: 100%;
		background: #141225;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.osu_single{
		width: 50%;
		display: inline-block;
		padding-bottom: 30px;
	}
	.osu_img{
		display: inline-block;
		width: 100%;
	}
	.osu_name{
		color: #FFFFFF;
		padding: 5px;
		border: 1px solid #fff;
		font-size: 1rem;
		line-height: 1.2rem;
		height: 4rem;
	}
	.osu_price{
		color:#FFF72F;
		padding: 5px;
		border: 1px solid #fff;
		font-size: 1rem;
		line-height: 1.5rem;
		height: 2rem;
		text-align: center;
	}
	.osu_set{
		color: #FFFFFF;
		padding: 5px;
		border: 1px solid #fff;
		font-size: 0.8rem;
		line-height: 1.1rem;
		height: 9rem;
	}
	.osu_war{
		color: #FFFFFF;
		font-size: 0.7rem;
		line-height: 0.9rem;
		padding:3px;
		border-left: 2px solid #fff;
	}
	.osu_btn_wrap{
		width: 100%;
		line-height: 0;
		vertical-align: top;
	}
	.osu_btn{
		display: inline-block;
		width: 50%;
		line-height: 0;
	}
	.osu_btn img:hover{
		opacity: 1;
		  -webkit-transform: scale(1.1);
		  transform: scale(1.1);
	}
	
/* --比較表------------------------------------------------------------------------ */		
	
	.midasi_wrap{	
		width: 90%;
		background: #141225;
		color: #fff;
		white-space: nowrap;
		flex-wrap: wrap;
		overflow-y: scroll;
		margin: 0 auto;
	}

	.y_box{	
		width: 90%;
		height: 550px;
		background: #141225;
		color: #fff;
		white-space: nowrap;
		flex-wrap: wrap;
		overflow-y: scroll;
		margin:0 auto;
	}
	
	.nbox{
	}
	
	.syncscroll{
		
	}
	
	.y_single{
		width: 130px;
		height: 80px;
		display: inline-block;
		white-space: normal;
		word-wrap: break-word;
		vertical-align: top;
		font-size: 3rem;
		border-left: 1px solid #4E5060;
		padding-left: 5px;
		text-align: center;
		padding-top:5px;
	}
	
	.y_single:hover, .y_single.gyo:hover{
		background: #6268A2;
	}
	
	.y_single_item{
		width: 130px;
		height: 80px;
		display: inline-block;
		white-space: normal;
		word-wrap: break-word;
		vertical-align: top;
		font-size: 0.8rem;
		border-left: 1px solid #4E5060;
		padding-left: 5px;
	}
	.osu_set a:link, .osu_set a:hover, .osu_set a:active, .osu_set a:visited{
		color: #fff;
	}
	.y_single_item a:link, .y_single_item a:hover, .y_single_item a:active, .y_single_item a:visited{
		color: #fff;
	}
	
	.y_single_top{
		width: 200px;
		display: inline-block;
		white-space: normal;
		word-wrap: break-word;
		vertical-align: top;
		font-size: 0.8rem;
	}
	
	.y_single.gyo{
		background: #1e1a3b;
	}

	
	.y_single_buy{
		width: 100px;
		display: inline-block;
		white-space: normal;
		word-wrap: break-word;
		vertical-align: top;
		line-height: 0;
	}
	.y_single_buy img:hover{
		opacity: 1.0;
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1);
	}
	
	.y_single_buy_top{
		width: 100px;
		height: 80px;
		display: inline-block;
		white-space: normal;
		word-wrap: break-word;
		vertical-align: top;
		background: #D35557;
		color: #1E1B1B;
		font-weight: bold;
		font-size: 0.9rem;
	}
	
	
	
/* --goods------------------------------------------------------------------------ */		
	.goods_waku{
		width: 100%;
		line-height: 0;
		text-align: center;
	}

	.goods_text{
		padding: 5px 10px 20px 10px;
		font-size: 1.2rem;
	}
	.goods_text a{
		text-decoration: none;
	}
	
	li.war{
		font-size: 0.8rem;
		text-indent: -1rem;
		margin-left: 1rem;
		list-style: none;
	}
	
	.goods_hikaku{
		text-align: center;
		background:#D43537;
		color:#F9FF33;
		padding: 10px;
		border-radius: 10px;
		font-size: 1.1rem;
		margin-bottom: 60px;
		font-weight: bold;
	}
	.goods_hikaku:hover{
		color: #fff;
		background-color: #ED5100;
		transition: all .3s;
	}

	.set_list_scbox{
		padding: 5px 10px;
		background: #F1C6C6;
		color: #120102;
		border-radius: 3px;
	}
	li.set_list{
		list-style: none;
		font-size: 0.9rem;
	}
	
	.t_big{
		font-size: 1.5rem;
		font-weight: bold;
	}
	
	.pboxc{
		color: #1933CC;
	}
	
	.scboxc{
		color: #D92023;
	}
	
	.set_list_pbox{
		padding: 5px 10px;
		background: #C6CCF1;
		color:#020112;
		border-radius: 3px;
	}
	
	
	.goods_sityo{
		width: 100%;
		line-height: 0;
	}
	.goods_sityo_top{
		width: 100%;
	}
	.goods_sityo_wrap{
		width: 100%;
	}
	.goods_sityo_jak{
		width: 39.5%;
		display: inline-block;
	}
	.goods_sityo_listwrap{
		width: 60.5%;
		display: inline-block;
	}
	.goods_sityo_list{
		width: 100%;
		cursor: pointer;
	}
	.goods_sityo_listwrap li{
		list-style: none;
	}	
	

	
	
/* アコーディオン */
.ac-container{
    width: auto;
    margin: 0 auto;
}
.ac-container label{
    width: 100%;
    text-align: center;
	background: linear-gradient(#ff0000,#561515);
    margin: auto;
    padding: 10px 5px;
    position: relative;
    display: block;
    cursor: pointer;
    color:#FFF72F;
	font-size: 40px;
	font-weight: bold;
	border-radius: 20px;
	border:5px solid #FFF72F;
}
.ac-container label:hover{
    background: rgba(228,222,54,1.00);
    -webkit-transition: all .3s;
    transition: all .3s;
	color: #561516;
}
.ac-container input{
   display: none;
}
.ac-container div.ac-small{
   background: rgba(255, 255, 255, 0.5);
   margin-top: -1px;
   overflow: hidden;
   position: relative;
   z-index: 10;
	height: 0px;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
.ac-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
   box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container div p{
   color: #777;
   padding: 20px;
}
/* 高さの定義 */
.ac-container input:checked ~ div.ac-small{
   height: auto;
}
.ac-container input:checked ~ div.ac-medium{
   height: auto;
}
.ac-container input:checked ~ div.ac-large{
   height: auto;
}
	
	
	
	
	
	
	/* リンクコンテナー（下部）---------------------------------------------------------------------------------------------------------------- */
	
	.footwrap{
		width: 100%;
		background-color: #fff;
	}
	.postage_sp{
		display: none;
	}	
	
	.link_container_area{
		max-width:1000px;
		min-width: 640px;
		margin:0 auto;
		text-align:center;
		padding-top:40px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:16px;
		color:#000;
		background: #fff;
	}
	.link_container_area ul{
		list-style-type:none;
	}
	.link_container_area li{
		border-right:1px solid rgba(0,0,0,0.5);
		padding:0 3px;
		display:inline-block;
		font-size:14px;
	}
	.link_container_area li:last-child{
		border-right:1px solid rgba(0,0,0,0);
		padding:0 5px;
		display:inline-block;
	}
	.link_container_area li a:link{
		color:#000;
		text-decoration:none;
		padding:3px 10px;
	}
	.link_container_area li a:visited{
		color:#000;
		text-decoration:none;
	}
	.link_container_area li a:hover{
		color:#000;
		text-decoration:none;
		transition:background-color 0.5s;
		transition-timing-function:ease-in-out;
		background-color:rgba(0,0,0,0.2);
	}

	.snslogo_area{
		max-width:1200px;
		min-width: 640px;
		height:80px;
		margin:0 auto;
		padding-top:10px;
		text-align:center;
		background-color: #fff;
	}

	.snslogo_area ul{
		width:auto;
		height:54px;
		list-style-type:none;
		text-align: center;
	}

	.snslogo_area li{
		width:50px;
		margin-left:5px;
		display:inline-block;
	}
	.snslogo_area li img{
		width:50px;
	}



	/* footer */

	.official_ban{
		width:640px;
		margin:0 auto;
	}

	#rights{
		max-width: 1000px;
		min-width:640px;
		margin:0 auto;
		text-align: center;
		background: #fff;
	}

	#footer{
		max-width:1000px;
		min-width: 640px;
		height:35px;
		padding-top:10px;
		background-color:#fff;
		font-size:10px;
		color:#000;
		text-align:center;
		line-height:14px;
		margin:0 auto;
		border-top:1px #e6e4e4 solid;
	}

}/* @media */