/*------------------------------------------------------------
	コーディネートツール用
------------------------------------------------------------*/

/* メンズスタイル向けCSSリセット */
#template-tool{
	text-align: left;
}
#template-tool ul,
#template-tool ol{
	list-style: none;
}
#template-tool h2.title{
	border: none;
	padding: 0;
	line-height: 1.5em;
}


.template-coordinate-title{
	background: #F3F1ED;
	padding: 10px;
	border-radius: 4px;
}
#template-tool img{
	max-width: 100%;
	vertical-align: middle;
}

#template-tool .section{
	border: none;
	background: none;
}


/* 購入ボタン */
.btn-buy-outer {
	text-align: center;
	clear:both;
	margin: 0 auto 40px;
}


.item-snap.t-01{
	margin: 20px 0;
	text-align: center;
}
.item-snap.t-01 img{
	display: inline-block;
	width: 150px;
	margin: 5px;
	vertical-align: top;
}
.item-snap.t-01 img.horizon{
	display: block;
	width: 300px;
	margin: 5px auto;
}
/* 長文説明 */
.t-02{
	zoom: 1;
}
.t-02:after{
	content: "";
	display: block;
	clear: both;
}
.t-02 .catch{
	font-size: 18px;
	line-height: 24px;
	background: #281a13;
	border: 3px solid #281a13;
	margin: 0 5px 10px;
	color: #fff;
	text-shadow: 1px 1px 5px #130a06;
	font-weight: bold;
	text-align: left;
}
.t-02 .catch .inner{
	display: block;
	border: 1px solid #fff;
	padding: 5px;
}
.t-02 .right{
	float: none;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	width: auto;
	margin: 0 5px;
}
.t-02 .right .subtitle{
	font-size: 18px;
	line-height: 24px;
	color: #990000;
	margin: 0 0 10px;
}
.t-02 .right strong{
	color: #53822d;
}
.t-02 .right img{
	margin: 0 0 10px;
}
.t-02 .left{
	margin: 10px 0;
	text-align: center;
}
.t-02 .left img{
	display: inline-block;
	width: 80px;
	margin: 5px;
}


/* オススメポイント */
.t-03{
}
.t-03 .title{
	background: url(http://shop.menz-style.com/u/freeimages/site_parts/t-03-title.png) no-repeat top center;
	height: 0;
	overflow: hidden;
	background-size: 150px 30px;
	padding-top: 30px;
	margin: 0 0 20px;
}
.t-03 .section{
	margin: 20px 10px;
	zoom: 1;
}
.t-03 .section:after{
	content: "";
	display: block;
	clear: both;
}
.t-03 .section .photo{
}
.t-03 .section .inner{
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 0;
}
.t-03 .section .subtitle{
	font-size: 18px;
	line-height: 24px;
	color: #4e3023;
	text-shadow: 1px 1px 3px #d9c8c1;
	border-bottom: 2px solid #4e3023;
	margin: 0 0 10px;
}


/* お客様の声 */
.t-04{
}
.t-04 .title{
	background: url(http://shop.menz-style.com/u/freeimages/site_parts/t-04-title.png) no-repeat top center;
	height: 0;
	overflow: hidden;
	background-size: 150px 30px;
	padding-top: 30px;
	margin: 0 0 20px;
}
.t-04 .section{
	margin: 10px;
	background: #ece7e0;
	border: 1px solid #bab1a6;
	padding: 9px;
	zoom: 1;
}
.t-04 .section:after{
	content: "";
	display: block;
	clear: both;
}
.t-04 .name{
	width: 70px;
	float: left;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
}
.t-04 .name img{
	display: block;
	width: 100%;
	margin: 0 0 5px;
}
.t-04 .name .role{
	color:#fff;
	background: #b11f29;
	padding: 0 5px;
}
.t-04 .text{
	border: 1px solid #bab1a6;
	font-size: 12px;
	line-height: 18px;
	padding: 5px 10px;
	background: #fff;
	margin: 0 0 0 80px;
}
.t-04 .text strong{
	text-decoration: underline;
	color:#b11f29;
}

/* スタッフ着用の声 */
.t-05{
}
.t-05 .title{
	background: url(http://shop.menz-style.com/u/freeimages/site_parts/t-05-title.png) no-repeat top center;
	background-size: contain;
	height: 0;
	overflow: hidden;
	padding-top: 130px;
	margin: 0 0 20px;
}
.t-05 .section{
	margin: 0 auto 20px;
}
.t-05 .profile{
	padding: 0 10px 10px;
}
.t-05 .profile img{
	display: block;
	width: 60px;
	float: left;
}
.t-05 .profile .inner{
	background: #ece7e0;
	border: 1px solid #bab1a6;
	font-size: 11px;
	line-height: 11px;
	padding: 5px;
	margin: 0 0 0 70px;
}
.t-05 .profile .inner:after{
	content: none;
}
.t-05 .profile .inner br{
	display: none;
}
.t-05 .name{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	display: block;
}
.t-05 .text{
	position: relative;
	border: 2px solid #bab1a6;
	font-size: 14px;
	line-height: 24px;
	padding: 10px;
	background: #fff;
	margin: 10px;
	font-weight: bold;
	clear: both;
}
.t-05 .text:after{
	content: "";
	position: absolute;
	left: 15px;
	top: -20px;
	border: 10px solid transparent;
	border-bottom: 10px solid #fff;
	visibility: visible;
}
.t-05 .text:before{
	content: "";
	position: absolute;
	left: 12px;
	top: -26px;
	border: 13px solid transparent;
	border-bottom: 13px solid #bab1a6;
}
.t-05 .text .subtitle{
	font-size: 18px;
	line-height: 24px;
	color: #b11f29;
	margin: 0 0 5px;
}


/* 男女の会話 */
.t-06{
}
.t-06 .title{
	font-size: 18px;
	line-height: 24px;
	background: #4e3023;
	border: 3px solid #4e3023;
	margin: 0 5px 20px;
	color: #fff;
	text-shadow: 1px 1px 5px #130a06;
	text-align: left;
	font-weight: bold;
}
.t-06 .title .inner{
	display: block;
	border: 1px solid #fff;
	padding: 5px;
}
.t-06 .section{
	margin: 10px 5px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	zoom: 1;
}
.t-06 .section:after{
	content: "";
	display: block;
	clear: both;
}
.t-06 .section .name{
	width: 90px;
	float: left;
	text-align: right;
}
.t-06 .section .name .woman{
	color: #e1547f;
}
.t-06 .section .name .man{
	color: #53822d;
}
.t-06 .section .text{
	margin: 0 0 0 100px;
}


/* 詳細写真 */
.t-07{
}
.t-07 .title{
	background: url(http://shop.menz-style.com/u/freeimages/site_parts/t-07-title.png) no-repeat top center;
	height: 0;
	overflow: hidden;
	background-size: 150px 30px;
	padding-top: 30px;
	margin: 0 0 20px;
}
.t-07 .photo{
	text-align: center;
}
.t-07 .photo img{
	width: 150px;
	display: inline-block;
	border: 1px solid #eeeeee;
	box-shadow: 0 0 10px #f6f6f6;
	margin: 10px;
}


/* オススメポイント別バージョン */
.t-09{
	margin: 0 0 40px;
	font-size: 12px;
	line-height: 18px;
}
.t-09 .title,
#template-tool .t-09 .title{
	background: url(http://shop.menz-style.com/u/freeimages/site_parts/t-03-title.png) no-repeat top center;
	height: 0;
	overflow: hidden;
	background-size: 150px 30px;
	padding-top: 30px;
	margin: 0 0 20px;
}
.t-09 .section{
	margin: 20px 10px;
	zoom: 1;
}
.t-09 .section:after{
	content: "";
	display: block;
	clear: both;
}

.t-09 .section.t-09-1 .photo,
.t-09 .section.t-09-2 .photo{
	display: block;
	width: 130px;
	float: right;
	margin: 0 0 10px 10px;
}
.t-09 .section.t-09-1 .inner,
.t-09 .section.t-09-2 .inner{
}
.t-09 .section .subtitle{
	font-size: 12px;
	line-height: 22px;
	color: #4e3023;
	text-shadow: 1px 1px 3px #d9c8c1;
	border-bottom: 2px solid #4e3023;
	margin: 0 0 10px;
	padding: 0;
}
.t-09 .section.t-09-1 .subtitle{
	margin: 0 140px 10px 0;
}
.t-09 .section.t-09-2 .subtitle{
	margin: 0 0 10px 140px;
}
.t-09 .section.t-09-2 .photo{
	float: left;
	margin: 0 10px 10px 0;
}
.t-09 .section.t-09-2 .inner{
}

.t-09 .section.t-09-3 .photo{
	display: block;
	margin: 20px auto 5px;
}
.t-09 .section.t-09-3 .inner{
}



.t-10{
	text-align: center;
	padding: 20px 10px;
}
.t-10 a{
	text-decoration: underline;
}
.t-10 img{
	max-width: 100%;
}
.t-10 .link-1,
.t-10 .link-2{
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
.t-10 .link-1 li,
.t-10 .link-2 li{
	margin: 10px 0;
}
.t-10 .link-1{
	padding: 20px 0;
}
.t-10 .link-2{
	padding: 0;
}

.t-10 .link-2 ul{
	margin: 30px 0;
}


/* コーディネート商品一覧 */
.template-coordinate-item{
	margin: 20px 0;
	background: #fff;
	text-align:center;
}
.template-coordinate-item img{
	max-width: 100%;
	height: auto;
}
.template-coordinate-item-top-title{
	background: url(coordinate-item-top-title.png) no-repeat top center;
	height: 0;
	overflow: hidden;
	padding-top: 80px;
}
.template-coordinate-item-btm-title{
	background: url(coordinate-item-btm-title.png) no-repeat top center;
	height: 0;
	overflow: hidden;
	padding-top: 50px;
}
.template-coordinate-item-list{
	zoom: 1;
}
.template-coordinate-item-list:after{
	content: "";
	display: block;
	clear: both;
}
.template-coordinate-item-list li{
	width: 12.5%;
	float: left;
}
.template-coordinate-item-list li img{
	width: 100%;
	height: auto;
}


/*リンク*/
#template-tool a:link{
	color:#0033cc;
}
#template-tool a:visited{
	color:#0033cc;
}