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




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


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

.special_item_title{
	position : relative ;
	font-size: 18px;
    margin-bottom: 10px;
    text-align: center ;
}

.special_item_story{
	width : 600px ;
	margin-left : auto ;
	margin-right : auto ;
	font-size : 13px ;
	line-height : 2.0em ;
	margin-top : 30px ;
	text-align : center ;
	margin-bottom : 40px ;
}

.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 ;
}

.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 ;
}

.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{
	font-size: 13px;
}

.special_image_left{
	position : relative ;
	float : left ;
	width : 350px ;
	height : auto ;
	margin-top : 80px ;
}
.special_image_right{
	position : relative ;
	float : right ;
	width : 350px ;
	height : auto ;
	margin-top : 80px ;
}

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



.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_itemtitle{
	position : relative ;
    font-size: 18px;
    margin-bottom: 10px;
}

.special_item_smallbox_left{
	position : relative ;
	float : left ;
	width : 400px ;
	margin-left:-50px;
	padding-left: 50px;
	box-sizing: border-box;
	margin-bottom : 40px ;

}
.special_item_smallbox_left.first{
	margin-left:-50px;
	margin-right:100px;
}
.special_item_smallbox_right{
	position : relative ;
	float : right ;
	width : 350px ;
	margin-top : 40px ;
}
.special_item_smallbox_left img,
.special_item_smallbox_right img{
	width : 100% ;
	height : auto ;
}
.special_item_smallbox_imagebox{
	width : 350px ;
	height : 240px ;
	margin-bottom : 20px ;
}






.special_item_image370_left{
	position : relative ;
	float : left ;
	width : 370px ;
	height : 370px ;
	overflow : hidden ;
	margin-bottom : 30px ;
}
.special_item_story_right{
display : table-cell ;
vertical-align: middle ;
width : 370px ;
height : auto ;
padding-left : 60px ;
	font-size : 13px ;
	margin-bottom : 40px ;
}

.special_item_image310_right{
	position : relative ;
	float : right ;
	width : 310px ;
	height : 310px ;
	overflow : hidden ;
	margin-bottom : 30px ;
}
.special_item_story_left{
display : table-cell ;
vertical-align: middle ;
width : 430px ;
height : auto ;
padding-right : 60px ;
	font-size : 13px ;
	margin-bottom : 40px ;
}
.special_spacer{
	width : 100% ;
	height : 40px ;
}

.special_item_story_right_title{
	font-size : 18px ;
	margin-bottom : 10px ;
}






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



}


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







.special_mainimage{
	margin-top : 40px ;
	margin-bottom : 40px ;
}

.special_item_title{
	font-size : 28px ;
	margin-bottom : 10px ;
	font-weight : 300 ;
}

.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_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 : 578px ;
	height : 340px ;
	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{
	margin-bottom : 20px ;
}



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

.special_item_smallbox_left{
	width : 100% ;
	margin-left: 0;
	padding-left: 0;
	box-sizing: border-box;

}
.special_item_smallbox_left img{
	width : 100% ;
	height:auto;
}
.special_item_smallbox_left.first{
	margin-left:0;
	margin-right:0;
}
.special_item_smallbox_imagebox{
	width : 100% ;
	height:auto;
}
.special_itemtitle {
	font-size: 32px;
	margin-bottom: 32px;
}
.special_item_story_left{
	font-size: 24px;
	margin-bottom: 32px;
}
.special_itemstory p{
	font-size : 24px ;
}





.special_item_image370_left{
	float : none ;
	width : 640px ;
	height : auto ;
	margin-left : -20px ;
	margin-bottom : 32px ;
}
.special_item_story_right{
display : block ;
vertical-align: middle ;
width : 100% ;
height : auto ;
padding-left : 0px ;
	font-size : 24px ;
	margin-bottom : 32px ;
}

.special_item_image310_right{
	float : none ;
	width : 640px ;
	height : auto ;
	margin-left : -20px ;
	margin-bottom : 32px ;
}
.special_item_story_left{
display : block ;
vertical-align: middle ;
width : 100% ;
height : auto ;
padding-right : 0px ;
	font-size : 24px ;
	margin-bottom : 32px ;
}
.special_spacer{
	width : 100% ;
	height : 0px ;
}
.special_item_image370_left img,
.special_item_story_right img,
.special_item_image310_right img,
.special_item_story_left img{
	width:100%;
	
}
.special_item_story_right_title{
	font-size : 32px ;
	margin-bottom : 32px ;
}




}