@charset "utf-8";
/* CSS Document */
@import url('../common.css');

#topimage{
	text-align:center;
	position:relative;
}
#teku,#section2{
	background:url(/../../images/product/walker/border.png);
	padding:5px;
}

#teku .p_section{
	border:3px solid #cac3e2;
	border-radius:10px;
	background:#ffffff;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#teku .p_section >h4,#teku .p_section >p,#teku .s_cont1{
	line-height:0;
}
#teku .p_section >h4,#teku .p_section >p{
	text-align:center;
}
#teku .s_cont3 li .bold{
/*	color:#ff4c6d;*/
	color:#08a264;
}
#teku #section_lineup li:first-child{
	border-left:1px dotted #a1bdd2;
}
/*共通
--------------------------------------------------*/

/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
	/*TEKU
	-------------------------------------------------*/
	#teku{
		width:980px;
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	#teku >div{
		padding-bottom:40px;
	}
	#teku >div,#section2 >div{
		background:url(/../../images/product/walker/s1_bg.jpg) repeat-y top;
		overflow:hidden;
	}
	#teku .p_section{
		padding-right:20px;
		padding-bottom:20px;
		padding-left:20px;
		margin-right:40px;
		margin-left:40px;
		margin-bottom:20px;
	}
	#teku h3{
		margin-bottom:50px;
	}
	#teku .p_section h4{
		margin-top:-33px;
		text-align:center;
		margin-bottom:15px;
	}
	#teku .p_section >p{
		margin-bottom:20px;
	}
	#teku .s_contwrap > .caption{
		text-align:center;
		margin-bottom:25px;
	}
	#teku .s_cont1{
		float:left;
		width:390px;
		padding-right:20px;
		border-right:1px dotted #a59aca;
	}
	#teku .s_cont1 ul{
		text-align:center;
		width:280px;
		margin-right:auto;
		margin-left:auto;
	}
	#teku .s_cont1 ul >li:not(:last-of-type){
		margin-bottom:10px;
	}
	#teku .s_cont2{
		float:right;
		width:390px;
		overflow:hidden;
		padding-left:20px;
		text-align:right;
	}
	#teku .s_contwrap:after{
		content:"";
		display:block;
		overflow:hidden;
		clear:both;
	}
	#teku .s_cont3{
		padding-top:20px;
		overflow:hidden;
		clear:both;
	}
	#teku .s_cont3{
		display:flex;
		flex-wrap:wrap;
	}
	#teku .s_cont3 li{
		width:32%;
		overflow:hidden;
		margin-bottom:15px;
		margin-right:2%;
	}
	#teku .s_cont3 li:nth-child(3n){
		margin-right:0;
	}
	#teku .s_cont2 li:nth-child(4),#teku .s_cont2 li:nth-child(6){
		float:left;
	}
	#teku .s_cont2 li:nth-child(5),#teku .s_cont2 li:last-child{
		margin-right:0;
	}
	#teku .s_lineup{
		margin-right:40px;
		margin-left:40px;
		margin-top:20px;
	}
	#teku #section_lineup ul.size{
		padding-left:120px;
	}
	#teku #section_lineup dt{
		width:120px
	}
}


/*PC and Tablet
----------------------------------------------------*/
@media screen and (min-width:751px),print{
}
/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
	#teku >div,#section2 >div{
		background:url(/../../images/product/walker/s1_bg.jpg) repeat-y top /100% auto;
		overflow:hidden;
	}
	#teku .s_topimage{
		margin-bottom:7%;
	}
	#teku .s_contwrap{
		padding:3%;
		margin-bottom:5%;
	}
	#teku .s_contwrap h4{
		margin-top:-7%;
		margin-bottom:5%;
	}
	#teku .s_contwrap >.caption{
		margin-bottom:3%;
	}
	#teku .s_contwrap:after{
		content:"";
		display:block;
		overflow:hidden;
		clear:both;
	}
	#teku .s_cont1,#teku .s_cont2{
		width:45%;
	}
	#teku .s_cont1{
		float:left;
		position:relative;
	}
	#teku .s_cont1:after{
		content:"";
		display:block;
		width:0;
		height:100%;
		position:absolute;
		border-left:1px dotted #a59aca;
		top:0;
		bottom:0;
		right:-10%;
	}
	#teku .s_cont1 ul{
		margin-bottom:3%;
	}
	#teku .s_cont1 ul{
		width:90%;
		margin-right:auto;
		margin-left:auto;
		margin-top:2%;
	}
	#teku .s_cont1 li:not(:last-of-type){
		margin-bottom:2%;
	}
	#teku .s_cont2{
		float:right;
	}
	#teku .s_cont3{
		overflow:hidden;
		clear:both;
		display:flex;
		flex-wrap:wrap;
	}
	#teku .s_cont3 li{
		margin-bottom:3%;
		width:48%;
		margin-right:4%;
	}
	#teku .s_cont3 li:nth-child(2n){
		margin-right:0;
	}
}

/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px){
/*TEKUTEKU
--------------------------------------------------*/
	#teku{
		margin:0 5% 5%;
	}
	#teku >div{
		padding-bottom:5%;
	}
	#teku .p_section{
		margin:5% 5% 3%;
		padding-right:5%;
		padding-left:5%;
		padding-bottom:5%;
	}
	#teku .p_section h4{
		margin-top:-5%;
		margin-bottom:3%;
	}
	#teku .p_section >p{
		margin-bottom:2%;
	}
	#teku .s_cont3{
		padding-top:3%;
		overflow:hidden;
		clear:both;
	}
	#teku .s_cont3 li:not(:last-of-type){
		margin-bottom:3%;
	}
}
/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
	#teku .wrap,#section2 .s_wrap{
		background:#f9d8e6;
		overflow:hidden;
		clear:both;
	}
	#teku .s_contwrap{
		padding:3%;
	}
	#teku .s_contwrap h4{
		margin-top:-7%;
		margin-bottom:3%;
	}
	#teku .s_contwrap >.caption{
		padding:0 5%;
	}
	#teku .s_cont1 ul{
		margin-top:3%;
	}
	#teku .s_cont1 ul li{
		margin-bottom:2%;
		text-align:center;
	}
	#teku .s_contwrap .s_cont1 .image{
		margin-bottom:5%;
	}
	#teku .s_contwrap .s_cont2 .image{
		margin-bottom:5%;
		text-align:center;
	}
	#teku .s_contwrap .s_cont3 li{
		margin-bottom:3%;
	}
}