@charset "utf-8";
/* CSS Document */
.readymade-cont * { box-sizing: border-box;}

/*------------------------------------------------------
　メイン画像
------------------------------------------------------*/
.readymade-cont .img-box {
	margin: 20px auto;
}
.readymade-cont .img-box + p {
	margin: 20px auto;
}

@media screen and (max-width: 786px) {
	.readymade-cont .img-box + p {
		padding: 0 3%;
	}
}


/*------------------------------------------------------
	仕様
------------------------------------------------------*/
.readymade-cont .spec-box{
	margin: 50px auto;
}

/*----------サイズ----------*/
.readymade-cont .spec-box .spec-size{
	margin: 0 auto 30px;
}

/*----------生地----------*/
.readymade-cont .spec-box .spec-kiji{
	margin: 0 auto 30px;
}
.readymade-cont .spec-box .spec-kiji .kiji-box{
	display: flex;
	gap: 30px;
}
.readymade-cont .spec-box .spec-kiji .kiji-box .img{
	position: relative;
}
.readymade-cont .spec-box .spec-kiji .kiji-box .img h3{
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	padding: 8px 10px 8px 30px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5em;
	position: absolute;
	top: 0;
}
.readymade-cont .spec-box .spec-kiji .kiji-box .img h3:before{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.readymade-cont .spec-box .spec-kiji .kiji-box .info ul{
	display: flex;
	gap: 7px;
	margin-bottom: 15px;
}


@media screen and (max-width: 786px) {
	/*----------生地----------*/
	.readymade-cont .spec-box .spec-kiji .kiji-box{
		gap: 20px;
		padding: 0 3%;
	}
	.readymade-cont .spec-box .spec-kiji .kiji-box .img{
		width: 45%;
	}

	.readymade-cont .spec-box .spec-kiji .kiji-box .info{
		width: calc(55% - 20px);
	}
}

@media screen and (max-width: 480px) {
	/*----------生地----------*/
	.readymade-cont .spec-box .spec-kiji .kiji-box{
		flex-wrap: wrap;
	}
	.readymade-cont .spec-box .spec-kiji .kiji-box .img,
	.readymade-cont .spec-box .spec-kiji .kiji-box .info{
		width: 100%;
	}
}


/*------------------------------------------------------
	各国
------------------------------------------------------*/
.readymade-cont .country-box{
	margin: 0 auto 50px;
}
.readymade-cont .country-box .img-box{
	padding: 0 3%;
}


/*------------------------------------------------------
　よくある質問
------------------------------------------------------*/
.readymade-cont .faq-box {
	margin-bottom: 80px;
}

.readymade-cont .faq-box > dl,
.readymade-cont .faq-box > details{
	margin: 30px auto;
	padding: 20px;
	border: 2px solid #dce2e8;
	border-radius: 15px;
}
.readymade-cont .faq-box > dl > dt,
.readymade-cont .faq-box > details summary{
	background-image: radial-gradient(circle, #a5b8cb 2px, transparent 2px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 10px 4px;
	color: #4b8ed1;
	padding: 5px 5px 10px 45px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.6em;
	position: relative;
}
.readymade-cont .faq-box > dl > dt:before,
.readymade-cont .faq-box > details summary:before{
	content: "Ｑ";
	font-size: 22px;
	font-weight: 700;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.readymade-cont .faq-box > dl > dd,
.readymade-cont .faq-box > details > div{
	padding: 10px 0 0 45px;
	position: relative;
}
.readymade-cont .faq-box > dl > dd:before,
.readymade-cont .faq-box > details > div:before{
	content: "A";
	color: #ff5959;
	font-size: 22px;
	font-weight: 700;
	position: absolute;
	left: 15px;
	top: 15px;
	bottom: 0;
	margin: auto;
}
.readymade-cont .faq-box > dl > dd p,
.readymade-cont .faq-box > details > div p{
	color: #4a4a4a;
}

@media screen and (max-width: 786px) {
	.readymade-cont .faq-box > dl,
	.readymade-cont .faq-box > details{
		margin: 30px 3%;
		padding: 20px;
	}
	.readymade-cont .faq-box > dl > dt,
	.readymade-cont .faq-box > details summary{
		font-size: 17px;
	}
	.readymade-cont .faq-box > dl > dt:before,
	.readymade-cont .faq-box > details summary:before{
		font-size: 22px;
	}

	.readymade-cont .faq-box > dl > dd:before,
	.readymade-cont .faq-box > details > div:before{
		font-size: 22px;
	}
}

@media screen and (max-width: 480px) {
	.readymade-cont .faq-box > dl,
	.readymade-cont .faq-box > details{
		margin: 30px 3%;
		padding: 15px;
	}
	.readymade-cont .faq-box > dl > dt,
	.readymade-cont .faq-box > details summary{
		font-size: 17px;
	}
	.readymade-cont .faq-box > dl > dt:before,
	.readymade-cont .faq-box > details summary:before{
		font-size: 22px;
	}

	.readymade-cont .faq-box > dl > dd:before,
	.readymade-cont .faq-box > details > div:before{
		font-size: 22px;
	}
}