/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/




.contents_left.special{
	background-image : url("../images/common/back_head.jpg");
}


.special_mainimage{
	position : relative ;
	width : auto ;
	max-width : 680px  ;
	height : auto ;
	margin-top : 62px ;
	margin-bottom : 24px ;
	margin-left : auto ;
	margin-right : auto ;
}

.special_item_title{
	width : 680px ;
	position : relative ;
	font-size : 22px ;
	font-weight : 600 ;
	margin-bottom : 24px ;
	color : #67633A;
	text-align : center ;
	margin-left : auto ;
	margin-right : auto ;
}

.special_item_story_center{
	width : 100% ;
	margin-left : auto ;
	margin-right : auto ;
	font-size : 15px ;
	text-align : center ;
	margin-bottom : 10px ;
}

.special_item_story{
	width : 100% ;
	margin-left : auto ;
	margin-right : auto ;
	font-size : 15px ;
	margin-bottom : 10px ;
}

.wp_fit{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100%;
}

.special_item_image400_left{
	position : relative ;
	float : left ;
	width : 400px ;
	height : 234px ;
	background-color : #EDEDED ;
	overflow : hidden ;
	margin-top : 60px ;
}
.special_item_story_right{
	position : relative ;
	float : right ;
	width : 532px ;
	margin-top : 60px ;
}

.special_item_image400_right{
	position : relative ;
	float : right ;
	width : 400px ;
	height : 234px ;
	background-color : #EDEDED ;
	overflow : hidden ;
	margin-top : 60px ;
}
.special_item_story_left{
	position : relative ;
	float : left ;
	width : 532px ;
	margin-top : 60px ;
}
.special_item_450{
	position : relative ;
	float : left ;
	padding: 0 17px;
	width : 450px ;
	margin-top : 60px ;
}

.special_item_450_left{
	position : relative ;
	float : left ;
	width : 450px ;
	margin-top : 60px ;
}
.special_item_450_right{
	position : relative ;
	float : right ;
	width : 450px ;
	margin-top : 60px ;
}
.special_item_image450{
	position : relative ;
	width : 450px ;
	height : 264px ;
	background-color : #EDEDED ;
	overflow : hidden ;
	margin-bottom : 24px ;
}






.special_itemstory{
	position : relative ;
	font-size : 15px ;
}
.special_itemstory p{
}

.special_image_left{
	position : relative ;
	float : left ;
	width : 400px ;
	height : 260px ;
	margin-top : 40px ;
}
.special_image_right{
	position : relative ;
	float : right ;
	width : 400px ;
	height : 260px ;
	margin-top : 40px ;
}

.special_story_left{
	position : relative ;
	float : left ;
	width : 530px ;
	margin-top : 40px ;
}
.special_story_right{
	position : relative ;
	float : right ;
	width : 530px ;
	margin-top : 40px ;
}



.special_staffmessage_left{
	position : relative ;
	float : left ;
	width : 450px ;
	margin-top : 36px ;
}

.special_staffmessage_right{
	position : relative ;
	float : right ;
	width : 450px ;
	margin-top : 36px ;
}
.special_staffmessage_image{
	width : 450px ;
	height : 300px ;
	margin-bottom : 10px ;
	background-color : #EDEDED ;
}

.special_itemtitle{
	position : relative ;
	font-size : 22px ;
	font-weight : 600 ;
	margin-bottom : 10px ;
	color : #67633A;
}

.special_item_smallbox_left{
	position : relative ;
	float : left ;
	width : 350px ;
	margin-top : 80px ;
}
.special_item_smallbox_right{
	position : relative ;
	float : right ;
	width : 350px ;
	margin-top : 80px ;
}
.special_item_smallbox_left img,
.special_item_smallbox_right img{
	width : 100% ;
	height : auto ;
}












@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 960px) {







.special_mainimage{
	width : 100% ;
	height : auto ;
	margin-top : 40px ;
	margin-bottom : 40px ;
}

.special_item_title{
	width : 100% ;
	font-size : 28px ;
	margin-bottom : 10px ;
}
.special_item_story_center,
.special_item_story{
	font-size : 22px ;
	width : 100% ;
	text-align : left ;
}

.wp_fit{
}

.special_item_image400_left{
	float : none ;
	width : 580px ;
	height : 340px ;
	margin-top : 60px ;
}
.special_item_story_right{
	float : none ;
	width : 100% ;
	margin-top : 40px ;
}

.special_item_image400_right{
	float : none ;
	width : 580px ;
	height : 340px ;
	margin-top : 60px ;
}
.special_item_story_left{
	float : none ;
	width : 100% ;
	margin-top : 40px ;
}

.special_item_450{
	float : none ;
	padding: 0;
	width : 100%;
}


.special_item_450_left{
	float : none ;
	width : 580px ;
	margin-top : 60px ;
}
.special_item_450_right{
	float : none ;
	width : 580px ;
	margin-top : 60px ;
}
.special_item_image450{
	float : none ;
	width : 100%;
	height : auto;
	margin-top : 60px ;
}



.special_itemstory{
	font-size : 24px ;
}
.special_itemstory p{
	margin-bottom : 30px ;
}

.special_image_left{
	float : none ;
	width : 580px ;
	height : auto  ;
	margin-top : 40px ;
}
.special_image_right{
	float : none ;
	width : 580px ;
	height : auto  ;
	margin-top : 40px ;
}

.special_story_left{
	float : none ;
	width : 580px ;
	margin-top : 32px ;
}
.special_story_right{
	float : none ;
	width : 580px ;
	margin-top : 32px ;
}


.special_staffmessage_left{
	float : none ;
	width : 580px ;
}

.special_staffmessage_right{
	float : none ;
	width : 580px ;
}

.special_staffmessage_image{
	width : 580px ;
	height : auto ;
	margin-top : 40px;
	margin-bottom : 20px ;
}



.special_itemtitle{
	font-size : 26px ;
	margin-bottom : 20px
}

.special_item_smallbox_left{
	float : none ;
	width : 580px ;
}
.special_item_smallbox_right{
	float : none ;
	width : 580px ;
}
.special_item_smallbox_left img,
.special_item_smallbox_right img{
}






}