@charset "utf-8";


section p.lead{
    text-align: center;
}

/* kimono-common */
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
	.kimono-common .main-title {
		background: url(../images/kimono/kimono-bk.jpg) 73% top no-repeat;
		background-size: cover;
	}
	.kimono-common #chapter02 p.lead {
		font-size: 85%;
		line-height: 1.7;
		letter-spacing: 0;
		padding: 40px 0;
		margin: 0;
	}
}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	.kimono-common .main-title {
		background: url(../images/kimono/kimono-bk.jpg) center top no-repeat;
	}
	.kimono-common #chapter02 p.lead {
		margin: 0 0 0;
		font-size: 90%;
		padding: 40px 0;
	}
}

/* kimono */
/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
	.kimono #chapter03{
		padding: 30px 0;
	}
	.kimono #chapter04{
		padding: 30px 0;
	}
	.kimono .w-common{
		background-color: #fff;
		box-sizing: border-box;
	}
	.kimono .ly-double{
		display: flex;
		display: -webkit-flex;
		display:-ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.kimono .bl-title{}
	.kimono .bl-desc{
		width: 100%;
		order: 2;
		margin: 30px auto 0;
	}
	.kimono .bl-img{
		width: 100%;
		order: 1;
	}
	.kimono .el-img{
		margin: 0;
		text-align: center;
	}
	.kimono .el-title{
		color: #8d6b3d;
		line-height: 1.2;
		font-weight: bold;
		margin: 0;
		text-align: center;
	}
	.kimono .el-desc{
		font-size: 90%;
	}
	.kimono #chapter04 .el-desc{
		margin-top: 0;
	}
	.kimono .el-btn{}
	.kimono .el-btn a{
		display: block;
		color: #8d6b3d;
		line-height: 1.2;
		font-weight: bold;
		border: 1px solid #8d6b3d;
		text-align: center;
		padding: 5px 30px;
	}
	.kimono .el-btn a:hover{
		color: #fff;
		background-color: #8d6b3d;
	}
	.kimono .mid-text{
		max-width: 1200px;
		width: 90%;
		margin: 30px auto;
	}
	.kimono .mid-text p{
		color: #8d6b3d;
		line-height: 1.7;
		text-align: center;
		font-size: 90%;
	}
	.kimono #chapter04 .el-title{
		text-align: center;
		margin: 0 auto 15px;
	}
	.kimono .el-tag{
		margin: 0 auto 30px;
		padding: 0;
		list-style: none;
	}
	.kimono .el-tag li{
		display: inline-block;
		padding: 0 10px;
		margin: 0 0 5px;
		border: 1px solid #a32042;
		box-sizing: border-box;
		background: #fff;
		color: #a32042;
		font-size: 90%;
	}
	.kimono .btn01{
		max-width: 300px;
		margin: 30px auto;
	}
	.kimono .btn01 a{
		background-color: #fff;
	}
}

/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	.kimono #chapter03{
		padding: 5% 0;
	}
	.kimono #chapter04{
		padding: 5% 0;
	}
	.kimono .w-common{
		box-sizing: border-box;
		max-width: 950px;
	}
	.kimono .bl-title{}
	.kimono .bl-desc{}
	.kimono .bl-img{}
	.kimono .el-img{
		margin: 0;
		text-align: center;
	}
	.kimono .el-title{
		color: #8d6b3d;
		line-height: 1.2;
		font-weight: bold;
		margin: 0;
	}
	.kimono .el-desc{
		font-size: 90%;
	}
	.kimono .caution{
		font-size: 80%;
		margin: 0;
	}
	.kimono .el-btn{}
	.kimono .el-btn a{
		display: inline-block;
		color: #8d6b3d;
		line-height: 1.2;
		font-weight: bold;
		border: 1px solid #8d6b3d;
		text-align: center;
		padding: 10px 40px;
		text-decoration: none;
	}
	.kimono .el-btn a:hover{
		color: #fff;
		background-color: #8d6b3d;
	}
	.kimono .mid-text{
		max-width: 1200px;
		width: 90%;
		margin: 0 auto;
	}
	.kimono .mid-text p{
		color: #8d6b3d;
		line-height: 1.7;
		text-align: center;
	}
	.kimono #chapter04 .el-title{
		text-align: center;
		margin: 0 auto 5%;
	}
	.kimono .el-tag{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.kimono .el-tag li{
		display: inline-block;
		padding: 0 10px;
		margin: 0 5px 12px;
		border: 1px solid #a32042;
		box-sizing: border-box;
		background: #fff;
		color: #a32042;
	}
	.kimono .btn01{
		max-width: 300px;
		margin: 5% auto;
	}
}