@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Trirong:800');

/*================================================
 *  kimonoページ用
 ================================================*/
section.kimono_about{
	margin-bottom: 80px;
}
section.kimono_about p {
	font-size: 15px;
	line-height: 2;
}
section.kimono_about .img_main {
	text-align: center;
	margin-top: 55px;
}

/*******Q&A*******/
section.kimono_qa {
	padding: 0 10px;
}
section.kimono_qa .qa_box {
	width: 100%;
}
section.kimono_qa .qa_box:nth-of-type(n+2) {
	margin-top: 100px;
}
section.kimono_qa .qa_box:nth-of-type(odd) .text,
section.kimono_qa .qa_box:nth-of-type(even) .photo {
	float: left;
}
section.kimono_qa .qa_box:nth-of-type(odd) .photo,
section.kimono_qa .qa_box:nth-of-type(even) .text {
	float: right;
}
section.kimono_qa .qa_box .text {
	width: 435px;
	display: table;
}
section.kimono_qa .qa_box .text > div {
	display: table-cell;
	vertical-align: top;
}
section.kimono_qa .qa_box .text > div:first-of-type {
	font-size: 20px;
	font-family: 'Trirong', serif;
	font-weight: 800;
	border-right: 1px solid #4d4d4d;
	width: 30px;
}
section.kimono_qa .qa_box .text > div:last-of-type {
	padding-left: 15px;
}
section.kimono_qa .qa_box .text > div:last-of-type h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 1em;
}
section.kimono_qa .qa_box .text > div:last-of-type p {
	font-size: 15px;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
}
section.kimono_qa .qa_box .photo {
	width: 260px;
}

section.kimono_qa .box01 {
	margin: 100px auto 0;
	width: 630px;
}
section.kimono_qa .box01 > div:first-of-type {
	float: right;
	width: 410px;
	padding-top: 0.5em;
}
section.kimono_qa .box01 > div:first-of-type p {
	font-size: 15px;
	line-height: 2;
}
section.kimono_qa .box01 > div:last-of-type {
	float: left;
	width: 180px;
}


/*================================================
 *  タブレット/スマートフォン向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:799px) {
	
section.kimono_about{
	margin-bottom: 15vw;
}
section.kimono_about p {
	font-size: 3.6vw;
}
section.kimono_about .img_main {
	margin-top: 5vw;
	width: 100vw;
	position: relative;
	left: -5vw;
}
section.kimono_about .img_main img {
	width: 100%;
}

/*******Q&A*******/
section.kimono_qa {
	padding: 0;
}
section.kimono_qa .qa_box:nth-of-type(n+2) {
	margin-top: 12vw;
}
section.kimono_qa .qa_box:nth-of-type(odd) .text,
section.kimono_qa .qa_box:nth-of-type(even) .photo {
	float: none;
}
section.kimono_qa .qa_box:nth-of-type(odd) .photo,
section.kimono_qa .qa_box:nth-of-type(even) .text {
	float: none;
}
section.kimono_qa .qa_box .text {
	width: 100%;
	display: block;
	margin-bottom: 5vw;
}
section.kimono_qa .qa_box .text > div {
	display: block;
}
section.kimono_qa .qa_box .text > div:first-of-type {
	font-size: 6vw;
	border-right: none;
	border-bottom: 1px solid #4d4d4d;
	width: 1em;
	margin: 0 auto 4vw;
	text-align: center;
	padding-bottom: 2vw;
}
section.kimono_qa .qa_box .text > div:last-of-type {
	padding: 0;
}
section.kimono_qa .qa_box .text > div:last-of-type h3 {
	font-size: 4.5vw;
	text-align: center;
}
section.kimono_qa .qa_box .text > div:last-of-type p {
	font-size: 3.6vw;
}
section.kimono_qa .qa_box .photo {
	width: 100%;
	text-align: center;
}
section.kimono_qa .qa_box .photo img {
	width: 60vw;
	max-width: 260px;
}

section.kimono_qa .box01 {
	margin: 12vw auto 0;
	width: 100%;
}
section.kimono_qa .box01 > div:first-of-type {
	float: none;
	width: 100%;
	padding: 0;
}
section.kimono_qa .box01 > div:first-of-type p {
	font-size: 3.6vw;
	text-align: center;
}
section.kimono_qa .box01 > div:last-of-type {
	float: none;
	text-align: center;
	width: 100%;
	margin-top: 5vw;
}
section.kimono_qa .box01 > div:last-of-type img {
	width: 45vw;
	max-width: 180px;
}

	
}