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

#pageContents.tower_mesh {
	width: 950px !important;
	float: none !important;
	background:#f3f3f3;
	padding-bottom: 20px;
	margin:0 auto;
}

#pageContents.tower_mesh a{
	text-decoration:none;
}

.ttlCnt p {
	text-align:center;
	font-size:1.2em;
}

.ctgCnt{
	margin-top:100px !important
}

/*スマホmenu*/
#mesh_menu{
	display:none;
}


/*カスタム枠*/
.custom_box{
	width:950px;
	margin:10px auto 50px auto;
	text-align:center;
}

.custom_box p{
	padding:10px;
	text-align:center;
}


/*シーン提案枠*/
.ctgCnt_box{
	width:860px;
	margin:0 auto;
	padding:20px;
	background:#fff;
}


.scene_box01,.scene_box02,.scene_box03{
	overflow:hidden;
	_zoom:1;
	padding:50px 0;
	border-bottom:1px dotted #999;
}

.scene_box01{
	padding:10px 0 50px 0 !important;
}

.scene_box01 .scene_img,.scene_box03 .scene_img{
	float:left;
	width:420px;
	margin-right:20px;
}


.scene_box02 .scene_img{
	float:right;
	width:420px;
	margin-left:20px;
}


.scene_box01 .scene_ttl,.scene_box02 .scene_ttl,.scene_box03 .scene_ttl{
	margin-top:20px;
}

.scene_box01  .scene_ttl,.scene_txt,.scene_item,.scene_set,.scene_box03  .scene_ttl,.scene_txt,.scene_item,.scene_set{
	float:right;
	width:420px;
	overflow:hidden;
	_zoom:1;
	text-align:left;
}


.scene_box02  .scene_ttl,.scene_txt,.scene_item,.scene_set{
	float:left;
	width:420px;
	overflow:hidden;
	_zoom:1;
	text-align:left;
}

.scene_txt{
	padding:10px 0 0 0px;}
	
.scene_item p{
	text-align:center;
}

.scene_box01 .scene_item,.scene_box02 .scene_item{
	font-size:0.8em;
	margin:50px 0;
}


.scene_box03 .scene_item{
	font-size:0.8em;
	margin:10px 0;
}


/*セットボタン*/
.scene_set{
	text-align:center;
}



/*白抜き縦バージョン*/
.scene_item_big{
	width:150px;
	float:left;
}

.scene_item_small_box{
	width:270px;
	float:right;
}

.scene_item_small{
	width:calc(100% /2);
	float:left;
	text-align:center;
}



/*白抜き横バージョン*/
.scene_box03 .scene_item_big{
	width:420px;
	float:left;
	text-align:center;
		margin-bottom:10px;
}

.scene_box03 .scene_item_small_box{
	width:420px;
	float:left;

}


.scene_box03 .scene_item_small{
	width:calc(100% /3);
	float:left;
	text-align:center;
}







/*簡単組み立て*/
.step_wrap{
	overflow:hidden;
	_zoom:1;
	width:838px;
	border:1px solid #CCC;
	background:#FFFFFF;
	margin:0 auto;
	position:relative;
}

.point_ttl{
	position:absolute;
	top:5px;
	left:5px;
}

.point_ttl_sp{
	display:none;
}

.step_wrap ul li{
	width:227px;
	margin:20px 0;
	float:left;
}

.step_wrap ul li:first-child{
	margin-left:28px;
}

.step_wrap ul li:last-child{
	margin-right:28px;
}

.step_wrap ul li img{
	width:100%;
}


.step_wrap ul li.yajirushi{
	width:50px;
	float:left;
	text-align:center;
	margin:20px 0;
	font-size:1.5em;
	font-weight:bold;
	padding-top:100px;
}


.point_wrap01,.point_wrap02{
	overflow:hidden;
	_zoom:1;
	width:840px;
	margin:0 auto;
}


.point_box{
	float:left;
	width:395px;
	border:1px solid #CCC;
	margin:30px 0;
	position:relative;
}

.point_box:last-child{
	margin-left:45px;
}

.point02{
	margin:20px 50px;
}
.point02 img{
	width:100%;
}

	
	
/*LINE UP*/
#lineup{
	overflow:hidden;
	_zoom:1;
}


#stand,#parts,#set{
	overflow:hidden;
	_zooom:1;
}


#lineup ul#stand li,#lineup ul#stand li.lineup_ttl{
	float:left;
	width:calc(100% / 3);
	box-sizing:border-box;
	padding:10px;
	text-align:center;
}

#lineup ul#stand li.lineup_ttl{
	text-align:left !important;
	margin-top:50px;
}


	
#lineup ul#parts li{
	float:left;
	width:calc(100% / 5);
	box-sizing:border-box;
	padding:10px;
	text-align:center;
}

#lineup ul#parts li:first-child{
	width:100%;
	text-align:left;
}

.item_name{
	display:block;
	padding:5px;
	text-align:center;
}


.item_price{
	display:block;
	text-align:center;
	color:#2ea0bc;
}


#item_set01{
	margin:20px 0;
}

/*回遊バナー*/
#tower_link{width:950px; margin:50px auto;}
#tower_link ul{overflow:hidden;	_zoom:1;}
#tower_link ul li{float:left;width:calc(100% /3);margin:20px 0 50px 0;}




/*ブロックごと用*/
.animate_item{position: absolute; top: 0; left: 0;z-index:996;opacity:0;}
.animate_item.fadeIn{-webkit-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeIn; animation-name: fadeIn; z-index:997;}
.animate_item.fadeOut{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeOut; animation-name: fadeOut; z-index:996;}

@-webkit-keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
.movebox{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.moveboxon{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}

@keyframes fadein {
from {opacity:0;}
to {}
}