@charset "utf-8";
/* CSS Document */

		/* fs_adjustment */
		body{
			min-width: inherit !important;
		}
		.layout_menu{
			display: none;
		}
		
		.layout_header{
			/*display: none;*/
			max-width: 1600px;
			margin: 0 auto;
		}
		
		.layout_table{
			width: 100%;
			max-width: 1600px;
			margin: 70px auto 0;

		}
		
		.FS2_additional_image_itemdetail_container{
			width: 50%;
			float: right;
		}

		.FS2_Recommend2_recommend,
		.FS2_Recommend2_container_history,
		.FS2_Recommend2_ranking_horizontal,
		.FS2_lower_comment{
			display: none;
		}
		
		.FS2_TweetButton_area{
			display: none;
		}
		
		.FS2_additional_image_btn_thumbnail_container,
		.FS2_additional_image_container{
			display: none;
		}
		
		.system_content{
			margin: 15px 0 0 0 !important;
		}
		
		#FS2_body_Goods .FS2_figure{
			background: #E5E5E5;
		}
		
		.FS2_special_price,
		.FS2_itemPrice_addition{
			color: #CC0000;
		}
		
		.FS2_body_Goods_GoodsDetail
		.itemPrice{
			color: #CC0000;
		}
		
		.FS2_point{
			color: #CC0000;
		}


.FS2_additional_image_itemdetail_container_right{
	width: 100% !important;
}

.itempage_bar{
	width: 100% !important;
}
		/*clearfix*/
		.clearfix:after{
			content:".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
		.clearfix{
			display: inline-block;
		}
		* html .clearfix{
			height: 1%;
		}
		.clearfix{
			display: block;
		}
		/* item_common */
		li{
			list-style: none;
		}
		a{
			text-decoration: none;
			color: #888888;
		}
		
		#header_box{
			position: fixed !important;
			top: 0;
			left: 50%;
			transform: translate(-50%,0);
			z-index: 2000;
			height: 80px;
			background-color: #FFFFFF;
			margin: 0 auto !important;
			width: 100%;
		}
		
		#header_box > h1{
			margin: 0 auto 0 2%;
		}
		
		.item_box{
			width: 98%;
			max-width: 1600px;
			margin: 0 auto;
			color: #888888;
		}
		
		.item_info_box{
			width: 100%;
		}
		
		.item_image_box{
			width: 70%;
			float: left;
		}
		
		.main_image{
			display: inline-block;
			width: 60%;
			float: left;
			position: relative;
		}
		
		.main_image:before{
			content: "";
			display: block;
			padding-top: 100%;
		}
		
		.main_image img{
			width: auto;
			height: auto;
			max-width: 100%;
			max-height: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		
		.main_image_tmb{
			display: inline-block;
			width: 40%;
			padding: 0 1% 1%;
			font-size: 0;
			box-sizing: border-box;
		}
		
		.tmb_bt{
			display: inline-block;
			width: 20%;
			cursor: pointer;
			position: relative;
			overflow: hidden;
			opacity: .6;
		}
		
		.tmb_bt:hover{
			opacity: 1;
		}
		
		.tmb_bt:before{
			content: "";
			padding-top: 100%;
			display: block;
		}
		
		.tmb_select{
			opacity: 1 !important;
		}
		
		.main_image_tmb img{
			width: auto;
			height: auto;
			max-width: 98%;
			max-height: 98%;
			display: inline-block;
			padding: 2%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		
		.size_spec:after{
			content: "サイズ表";
			display: inline-block;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			z-index: 200;
			font-size: 10px;
			color: #000000;
			font-weight: bold;
			background-color: #FFFFFF;
			white-space: nowrap;
			padding: 5%;
			opacity: 1;
		}
		
		.item_name,
		.item_information{
			margin: 0 0 30px 0;
			line-height: 20px;
		}
		
		.spec_tab_box{
			width: 100%;
			font-size: 0;
			border-bottom: 1px solid #888888;
			margin: 0 0 3px 0;
		}
		
		.spec_tab{
			width: 30%;
			font-size: 12px;
			display: inline-block;
			text-align: center;
			border: 1px solid #FFFFFF;
			padding: 5px 0;
			border-radius: 4px 4px 0 0;
			cursor: pointer;
		}
		
		.spec_tab.active{
			border: 1px solid #888888;
			border-bottom: 3px solid #FFFFFF;
			margin: 0 0 -2px 0;
		}
		
		.item_info_text{
			width: 30%;
			float: right;
			padding: 0 1% 1%;
			box-sizing: border-box;
			font-size: 12px;
		}
		
		.item_spec li{
			line-height: 20px;
		}
		
		.item_spec li:nth-child(odd){
			background-color: #F0F0F0;
		}
		
		.item_spec_heading{
			display: inline-block;
			width: 30%;
			vertical-align: top;
		}
		
		.item_spec_value{
			display: inline-block;
			width: 70%;
		}
		
		.item_size table{
			line-height: 20px;
		}
		
		.item_size{
			text-align: center;
			display: none;
		}
		
		.item_size tr:nth-child(odd){
			background-color: #F0F0F0;
		}
		
		.item_size td{
			width: 10%;
		}
		
		.item_coordinate_box{
			width: 100%;
			margin: 50px 0 0 0;
		}
		
		.item_coordinate{
			width: 50%;
			float: left;
		}
		
		.co_image{
			width: 60%;
			float: left;
		}
		
		.co_image img{
			width: 100%;
		}
		
		.co_item{
			width: 40%;
			float: left;
		}
		
		.co_item_info{
			width: 100%;
			padding: 20px 0;
			border-bottom: 1px solid #888888;
		}
		
		.co_item_info a{
			display: flex;
			align-items: center;
		}
		
		.co_item_info img{
			width: 25%;
		}
		
		.co_item_name{
			font-size: 12px;
			margin: 0 0 0 4%;
			color: #888888;
		}
		
		.random_box{
			width: 48%;
			margin: 1%;
			float: left;
		}
		
		
		.random_box_plus{
			width: 28%;
			margin: 1%;
			float: right;
		}		
		
		
		.kanren_box{
			width: 30%;
			margin: 1%;
		}		
		
		
		.random_banner img{
			width: 100%;
		}
		
		.random_item_image{
			margin: 10px 0 0 0;
		}
		
		.random_item_image a{
			margin: 1%;
		}
		
		.random_item_image img{
			width: 33%;
			float: left;
		}
		.series_box{
			display: flex;
			flex-wrap: wrap;
		}
		@media screen and (min-width: 1021px){
			.item_image_box{
				width: 70%;
				float: left;
			}
			.item_info_text{
				width: 30%;
				float: right;
				padding: 0 1% 1%;
				box-sizing: border-box;
				font-size: 12px;
			}
			.random_box{
				width: 48%;
				margin: 1%;
				float: left;
			}
			
			
		}
		
		@media screen and (max-width: 1020px){
			.item_image_box{
				width: 100%;
			}
			.item_info_text{
				width: 100%;
			}
			.random_box {
				width: 98%;
				margin: 1%;
				float: initial;
			}
			.FS2_additional_image_itemdetail_container {
				width: 100%;
				float: left;
			}
		}
		@media screen and (max-width: 900px){
			.random_box {
				width: 98%;
				margin: 1%;
				float: initial;
			}
			
			.FS2_additional_image_itemdetail_container {
				width: 100%;
				float: left;
			}
			
			.main_image,
			.main_image_tmb{
				width: 100%;
			}
			.tmb_bt{
				width: 10%;
			}
			
		}
		