@charset 'utf-8';
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
.clrfx:before,.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{	filter: alpha(opacity=60);	opacity: 0.6;}
.opcity{filter: alpha(opacity=50);opacity: 0.5;}
ol,ul {list-style:none;}

/* Common
 * --------------------------------------------------------*/
body {
	font-family: "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#bk1 {
	height: 100%;
	width: 50%;
	position: fixed;
	right: 50%;
	margin-right: 256px;
	background-position: right top;
	background-repeat: repeat;
	background-image: url(/store/techo/2016/articles/20160126/images/bk1.jpg);
	display: block;
}

#bk2 {
	height: 100%;
	width:50%;
	position: fixed;
	left: 50%;
	margin-left: 10px;
	background-repeat: repeat;
    background-image: url(/store/techo/2016/articles/20160126/images/bk2.jpg);
	display: block;
}
#wrapper {
	width: 100%;
	height: 100%;
}
#contents{
	width:900px;
	height: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
	overflow: hidden;
	position: relative;
}

#main_ttl .ttl {
	padding-top: 60px;
}

.box {
	width: 820px;
	margin: 0 auto;
}

#item01, #item02 {
	width: 800px;
	margin: 0 auto;	
}
.item_ttl {
	margin: 30px 0;
}
.item_photo {
	padding-bottom: 15px;
}
.item_txt {
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0.05em;
	padding-top: 30px;
}

.item_txt .fr {
	font-size: 14px;
	line-height: 24px;
	color: #4D4D4D;
	background-repeat: repeat;
	width: 360px;
	height: 417px;
	box-sizing: border-box;
	background-image: url(/store/techo/2016/articles/20160126/images/bk_border.png);
	padding-top: 22px;
	padding-left: 16px;
}

#item01 {
	padding: 10px 0 20px 0;
}

#item02 {
	border-top: 20px solid #0071B5;
	border-bottom: 20px solid #4D4D4D;
	padding: 20px 0 40px 0;
	margin-top: 40px;
}
#item02 .item_txt .fr {
	height: 484px;
}


.item_txt .fr .item_about {
	padding-bottom:25px;
}

.pickup {
	width: 800px;
	margin: 0 auto;
	padding: 60px 0;
	border-bottom: 20px solid #FF0000;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0.05em;
}

.pickup .txt {
	padding-left: 40px;
}

.techo_spring{
	text-align: center;
    margin-top: 50px;
    margin-bottom: 70px;
}


.techo_spring .techo_ttl {
	padding-top: 130px;
	padding-bottom: 30px;
	
}
.techo_spring .techo_item {
	padding-bottom: 30px;
	
}

	
.footer{
	background-color: #6FC834;
}
	
.archive{
	width: 540px;
	text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 40px;
}
.archive .ttl{
	text-align: center;
    padding-bottom: 20px;
}
.archive img{
	padding-bottom: 20px;
}

.techopage{
	text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

.techopage p{
	font-family: "太ゴB101", "Futo Go B101","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	padding-top: 10px;
	letter-spacing: 0.03em;
	color: #001643;
}
	
.cap{
	font-family: "太ゴB101", "Futo Go B101","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 1.8em;
    padding-top: 30px;
	padding-bottom: 50px;
	color: #001643;
}
	
#share h3{
	width: 85px;
	margin: 0 auto;
}
	
#share ul li{
	float: left;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 50px;
}
	
.footer1{
	width: 180px;
	margin: 0 auto;
}

.footer2{
	text-align: center;
}

#share .line{
	display: none;
}

.copyright{
	text-align: center;
	padding-bottom: 50px;
}
		

@media (max-width : 600px ){
	.hoverOp:hover{filter: alpha(opacity=100);opacity: 100;}
	img{max-width:100%;height:auto;}
	.fl,.fr {float: none;}
	#bk1 {
		width: 60%;
		position: fixed;
		right: 42%;
		margin-right: 0px;
	}
	
	#bk2 {
		width:56%;
		position: fixed;
		left: 86%;
		margin-left: 0;
		background-position: right top;
	}
	#wrapper {
		width: 98%;
		margin: 0 auto;
		padding: 0 5px;
	}
	#contents{
		width:90%;
		margin: 0 auto;
	}
	
	.box,#item01, #item02 {
		width: 90%;
	}
	
	#main_ttl .ttl {
		text-align: center;
		padding-top: 20px;
	}
	
	.footer{
		width:100%;
		margin: 0 auto;
	}
	.ft_inner {
		width: 98%;
		margin: 0 auto;
	}
	
	.item_txt .fr {
		width: 100%;
		height: 100%;
		margin-top: 30px;
		padding-bottom: 20px;
	}
	#item02 .item_txt .fr {
		height: 100%;
	}
	
	.pickup {
		width: 90%;
	}
	.pickup .txt {
		padding-left: 0;
		padding-top: 20px;
	}
	
	.techo_spring{
		width: 90%;
		margin: 50px auto;
	}
	.techo_spring .techo_ttl {
		padding-top: 80px;
		
	}
	.footer1{
		width: 250px;
	}
	.archive{
		 width: 100%; 
		padding-bottom: 20px;
		padding-top: 40px;
	}
	
	.copyright{
		padding-bottom: 250px;
	}

	#share .line{
		display: inline-block;
	}
	
}