/* Theme Name: kaiplus  */

*{
	margin: 0;
	padding: 0;
}
html{ font-size: 62.5%; }
body {
	background: #FFF;
	text-align: left;
	line-height: 1.6;
	font-family: "Noto Serif JP", "游明朝", YuMincho,'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Cormorant Infant", serif;
	font-weight: 400;
	font-size: 1.6rem;
	font-feature-settings : "palt";
	color: #000;
	user-select:none;
	-webkit-user-select: none;
	-webkit-touch-callout:none;
	margin: 0;
}
a{ color: #2b55b0; }
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
p{ margin: 20px 0; }
table{
	margin: 20px 0;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
th, td{ border: 1px solid #999; }
th{ background: #eee; }
ul, ol{ padding-left: 20px; }

.balloonl {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 16px 20px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #b99768;
  box-sizing: border-box;
}
.balloonl:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #FFF;
  z-index: 2;
}
.balloonl:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #b99768;
  z-index: 1;
}
.balloonl p {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 641px){
	a:hover{
		text-decoration: none;
		-webkit-transition: .3s;
		transition: .3s;
	}
	a:hover img{
		opacity: .7;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.inner{
		margin: auto;
		width: 960px;
		overflow: hidden;
	}
	#wrap.kimono6 .inner{ width: 750px; }
	th, td{
		padding: 5px 10px;
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 640px){
	.inner{
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box;
	}
	th, td{
		padding: 8px 5px;
		font-size: 1.4rem;
	}
	.balloonl:after{
		top: 5%;
	}
	.balloonl:before{
		top: 5%;
	}
}

/* ------------------------------------------------
 header
------------------------------------------------ */
header{ border-bottom: 1px solid #eee; }
#logo{
	display: inline-block;
	padding-top: 2px;
	height: 50px;
	box-sizing: border-box;
	font-family: "Hannari", "Noto Serif JP", "游明朝", YuMincho,'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Cormorant Infant", serif;
	font-size: 2.4rem;
}
#logo a{
	text-decoration: none;
	color: #000;
}
.logoside{
	display: inline-block;
	float: right;
	padding-top: 10px;
	font-size: 2rem;
}
#eyecatch{
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}
#eyecatch.kimono{ background-image: url(images/kimono.jpg); }
#eyecatch.kitte{ background-image: url(images/kitte.jpg); }
#eyecatch h1, #wrap.kimono6 h1{
	width: 100%;
	background: #e2574c;
	text-align: center;
	line-height: 1;
	font-family: "Hannari", "Noto Serif JP", "游明朝", YuMincho,'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Cormorant Infant", serif;
	font-weight: normal;
	color: #fff;
}
#eyecatch.kimono2 h1, #eyecatch.kimono3 h1,
.kitte2 #eyecatch h1, .kosen #eyecatch h1,
.kimono4 #eyecatch h1{
	background: #b99768;
	margin: 0;
}
#eyecatch h1 strong, #wrap.kimono6 h1 strong{
	position: relative;
	margin-right: 7px;
	z-index: 0;
}
#eyecatch h1 strong:before, #wrap.kimono6 h1 strong:before{
	position: absolute;
	content: "";
	top: 7px;
	/* left: 50%; */
	padding: 0;
	width: 100%;
	height: 100%;
	background: #870000;
	z-index: -1;
	/* -webkit-transform: rotate(-15deg) translateX(-50%);
	transform: rotate(-15deg) translateX(-50%); */
}
.navigator{
	padding-top: 50px;
	z-index: 1;
}
#eyecatch .txt{
	right: 0;
	background: rgba(255, 255, 255, .8);
	box-sizing: border-box;
}

/* kimono2 */
#eyecatch.kimono2 .btn_orange, #eyecatch.kimono3 .btn_orange,
.kosen #eyecatch .btn_orange, .kimono4 #eyecatch .btn_orange{
	margin-top: 12px;
}
#eyecatch.kimono3 .inner, .kimono4 #eyecatch .inner{
	position: relative;
}
.kimono4 #eyecatch .inner{ height: 100%; }

#eyecatch.kimono2 .btn_koushiki a:after,
#eyecatch.kimono3 .btn_koushiki a:after,
.kosen #eyecatch .btn_koushiki a:after,
.kimono4 #eyecatch .btn_koushiki a:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 25px;
	width: 41px;
	height: 32px;
	background-image: url(images/icon-1st.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#eyecatch.kimono2 .btn_orange a:after,
#eyecatch.kimono3 .btn_orange a:after,
.kosen #eyecatch .btn_orange a:after,
.kimono4 #eyecatch .btn_orange a:after{
	position: absolute;
	content: '';
	top: 50%;
	left: 25px;
	width: 41px;
	height: 28px;
	background-image: url(images/icon-ranking.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.kimono4 #eyecatch .btn_koushiki a:after, .kimono4 #eyecatch .btn_orange a:after{
	left: 15px;
}
.kimono4 #eyecatch .btn_gray a:after{
	position: absolute;
	content: '';
	top: 50%;
	left: 15px;
	width: 41px;
	height: 28px;
	background-image: url(images/icon-recy.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}




/* kitte */
.kitte2 #eyecatch .txt{
	left: 0;
	background: rgba(255, 255, 255, .8);
	box-sizing: border-box;
}


@media screen and (min-width: 641px){
	#eyecatch{
		background-position: center 0;
		height: 400px;
	}
	#eyecatch .inner{ position: relative; }
	#eyecatch h1{
		position: absolute;
		height: 60px;
		font-size: 4rem;
	}
	#wrap.kimono6 h1{
		height: 60px;
		font-size: 4rem;
	}
	#eyecatch h1 strong, #wrap.kimono6 h1 strong{ font-size: 4.6rem; }
	#wrap.kimono6 #eyecatch .inner{ width: 960px; }
	.navigator{ position: relative; }
	#eyecatch .txt{
		position: absolute;
		top: 50%;
		padding: 30px 40px;
		width: 640px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.fvtext{
		padding-top: 100px;
		z-index: 1;
	}
	.kimono3 .fvtext{
		margin-bottom: 20px;
		padding: 0;
		z-index: 1;
	}
	.kimono4 .fvtext{
		margin-bottom: 50px;
		padding: 0;
		z-index: 1;
	}
	.fvwoman{
		position: absolute;
		right: 0;
		bottom: 0;
	}
	#eyecatch.kimono2{
		height: 500px;
		background-image: url(images/fv-80per1.jpg); 
	}
	#eyecatch.kimono3{
		height: 590px;
		background-image: url(images/fv-rec1.jpg); 
	}
	.kitte2 #eyecatch {
		height: 590px;
		background-image: url(images/fv-kt1.jpg); 
	}
	.kosen #eyecatch{
		height: 590px;
		background-image: url(images/fv-ksn1.jpg); 
		background-size: cover;
	}
	.kimono4 #eyecatch{
		height: 550px;
		background-image: url(images/fv-kimono3.jpg); 
	}
	#eyecatch.kimono2 .inner {
		position: static;
	}
	#eyecatch.kimono2 .fv-inner, #eyecatch.kimono3 .fv-inner,
	.kimono4 #eyecatch .fv-inner { width: 650px; }
	#eyecatch.kimono3 .fv-inner{ 
		margin-top: 100px;
		margin-bottom: 28px;
	}
	.kimono4 #eyecatch .fv-inner{ 
		margin-top: 80px;
		margin-bottom: 28px;
	}
	#eyecatch.kimono2 .btn_koushiki,
	.kosen #eyecatch .btn_koushiki { margin-top: 30px; }
	#eyecatch.kimono3 .btn_koushiki { margin-top: 5px; }
	
	#eyecatch.kimono2 .btn_koushiki a, #eyecatch.kimono3 .btn_koushiki a,
	.kosen #eyecatch .btn_koushiki a, .kimono4 #eyecatch .btn_koushiki a,
	.kimono4 #eyecatch .min a {
		font-size: 2.4rem;
		line-height: 1.3;
	}
	
	/* kitte2 */
	.kitte2 #eyecatch .inner{
		height: 100%;
	}
	.kitte2 #eyecatch .txt{
		position: absolute;
		margin-top: 120px;
		top: 50%;
		padding: 30px 40px;
		width: 640px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 1.8rem;
		line-height: 2;
	}
	.kitte2 #eyecatch .fvtext{ padding-top: 120px;}
	
	/* kosen */
	.kosen #eyecatch .fv-inner { width: 650px; }
	.btn-box{
		display: table;
		width:100%;
		height: 120px;
    	margin-top: 170px;
    	padding:0;
	}
	.btn-box .min{
		display: table-cell;
		vertical-align: middle;
	}
	.kimono4 #eyecatch .min a{
		display: table-cell;
		width: 305px;
		box-sizing: border-box;
		padding: 0;
		height: 140px;
		vertical-align: middle;
	}
}
@media screen and (max-width: 640px){
	#eyecatch{ 
		padding-bottom: 130px;
		background-position: 70% 0;
	}
	#eyecatch h1, #wrap.kimono6 h1{
		padding: 5px 0 10px;
		font-size: 8vw;
	}
	#eyecatch h1 strong, #wrap.kimono6 h1 strong{
		top: -5px;
		font-size: 3.6rem;
	}
	#eyecatch .inner{ padding: 0; }
	.navigator{
		position: absolute;
		width: 150px;
		bottom: 0;
	}
	#eyecatch .txt{
		position: relative;
		top: 10px;
		margin: 10px;
		padding: 15px 20px;
	}
	
	.fvtext{
		padding-top: 25px;
		z-index: 1;
		text-align: center;
	}
	.kimono3 .fvtext{
		margin-bottom: 30px;
	}
	.kitte2 .fvtext{
		width: 95%;
		margin: 20px auto;
	}
	.kimono4 .fvtext{
		padding-left: 15px;
		text-align: left;
	}
	.fvwoman{
		position: absolute;
		width: 48%;
		right: 0;
		bottom: 0;
		z-index: -1;
	}
	.kitte2 .fvwoman{
		width: 30%;
		right: 3%;
		z-index: 0;
	}
	.kimono4 .fvwoman{
		top: 20px;
	}
	.kitte2 #eyecatch .txt{
		width: 70%;
	}
	#eyecatch.kimono2{
		height: 380px;
		background-image: url(images/sp-fv-80per1.jpg);
		padding-bottom: 0;
	}
	#eyecatch.kimono3{
		height: 520px;
		background-image: url(images/sp-fv-rec1.jpg);
		padding-bottom: 0;
	}
	.kitte2 #eyecatch {
		height: 540px;
		background-image: url(images/sp-fv-kt1.jpg);
		padding-bottom: 0;
	}
	.kosen #eyecatch {
		height: 400px;
		background-image: url(images/sp-fv-ksn1.jpg);
		padding-bottom: 0;
	}
	.kimono4 #eyecatch {
		height: 560px;
		background-image: url(images/sp-fv-kimono3.jpg);
		padding-bottom: 0;
	}
	#eyecatch.kimono2 .btn_koushiki { margin: 50px 15px 0; }
	.kosen #eyecatch .btn_koushiki { margin: 30px 15px 0; }
	#eyecatch.kimono3 .btn_koushiki { margin: 10px 15px 0; }
	#eyecatch.kimono2 .btn_orange a, #eyecatch.kimono3 .btn_orange a,
	.kosen #eyecatch .btn_orange a{ margin: 0 15px; }
	#eyecatch.kimono2 .btn_koushiki a, #eyecatch.kimono3 .btn_koushiki a,
	.kosen #eyecatch .btn_koushiki a {
		font-size: 5vw;
		line-height: 1.3;
	}
	#eyecatch.kimono2 .btn_orange a, #eyecatch.kimono3 .btn_orange a,
	.kosen #eyecatch .btn_orange a {
		font-size: 4.5vw;
		line-height: 1.3;
	}
	
	#eyecatch.kimono2 .btn_koushiki a:after,
	#eyecatch.kimono3 .btn_koushiki a:after,
	.kosen #eyecatch .btn_koushiki a:after {
		left: 10px;
		width: 30px;
		height: 22px;
	}
	#eyecatch.kimono2 .btn_orange a:after,
	#eyecatch.kimono3 .btn_orange a:after,
	.kosen #eyecatch .btn_orange a:after {
		left: 10px;
		width: 30px;
		height: 22px;
	}
	
	/* kimono4 */
	.btn-box{
    	margin-top: 100px;
		padding: 0 15px;
	}
	.kimono4 .min{ margin-top: 12px; }
	
}

/* ------------------------------------------------
 main
------------------------------------------------ */
main h2{
	text-align: center;
	line-height: 1.2;
	font-family: "Hannari", "Noto Serif JP", "游明朝", YuMincho,'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Cormorant Infant", serif;
	font-weight: normal;
}
#reason{
	position: relative;
	background: url(images/bg_paper.jpg);
}
#reason :before{
	position: absolute;
	content: "";
	bottom: 0;
	background: url(images/reason_navi.png) right 0 no-repeat;
}
#reason h2{
	background: url(images/stop.png) 0 center no-repeat;
	letter-spacing: -.1em;
}
#reason .contents{ background: rgba(255, 255, 255, .7); }
#flow .inner, #refine .inner{
	padding: 50px;
	background:
		-webkit-linear-gradient(45deg, #666 5px, transparent 5px),
		-webkit-linear-gradient(135deg, #666 5px, transparent 5px),
		-webkit-linear-gradient(225deg, #666 5px, transparent 5px),
		-webkit-linear-gradient(315deg, #666 5px, transparent 5px);
	background:
		linear-gradient(45deg, #666 5px, transparent 5px),
		linear-gradient(135deg, #666 5px, transparent 5px),
		linear-gradient(225deg, #666 5px, transparent 5px),
		linear-gradient(315deg, #666 5px, transparent 5px);
	border: 1px solid #666;
}
.step{
	position: relative;
	overflow: hidden;
}
.step:before, .step:after{
	position: absolute;
	content: "";
}
.step:before{
	left: 0;
	bottom: 15px;
	width: 100%;
	height: 1px;
	background: #ddd;
}
.step:after{
	bottom: -35px;
	left: 50%;
	border: 35px solid transparent;
	border-top: 25px solid #999;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.step:last-child{ padding-bottom: 0; }
.step:last-child:before, .step:last-child:after{ position: static; border: 0; }
.step .ttl{
	display: inline-block;
	background: #b99768;
	box-shadow: 1px 1px 3px #ccc;
	font-size: 2.4rem;
	color: #fff;
}
#hikaku{ background: #f9f6e5; }
#wrap.kimono6 #hikaku{ background: #fff1f3; }
#wrap.kimono6 #hikaku tr:nth-of-type(1) th:nth-of-type(2),
#wrap.kimono6 #hikaku td:nth-of-type(1){ background-color: #ffe1e6; }
#hikaku td{ background-color: #fff; }

/* kimono2 */
#point .box_ylw, #ng .box_nocolor{
	box-sizing: border-box;
}
#point .boxnum{
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
	background: #b99768;
	color: #fff;
	font-size: 1.2em;
	line-height: 30px;
	text-align: center;
	border : double; 
}
article#attention, article#ng, article#value, article#topnavi { margin-bottom: 0; }
#attention, #ng{ background: #e5e5e5; }
#value{
	margin-top: 0;
	background-image: url(images/img-kachi.jpg);
	background-size: cover;
}
#topnavi{
	margin-top: 0;
	background-image: url(images/img-kimonotype.jpg);
	background-size: cover;
}
#attention .inner, #ng .inner, #value .inner, #topnavi .inner {
	background: #fff;
	margin-bottom: 30px;
	padding: 40px;
	box-sizing: border-box;
}
article.cv-content{ margin-top: 0; }
.cv-content{
	background: url(images/cv-backimg.jpg);
	width: 100%;
	height: 400px;
	background-position: 50% 20%;
}

.cv-content .inner{
	position: relative;
	height: 100%;
}
.cv-content .inner img{
	position: absolute;
	right: 0;
	bottom: 0;
}
#wrong-ex{ margin-top: 50px; }
.wrong-img{
	margin: 50px 0;
}
#wrong-ex .box_ylw{
	margin-top: 0;
	padding: 20px 0;
}

#not-rcmnd .boxin{
	clear: both;
	padding: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
	border: solid 2px #b99768;
	overflow: auto;
}
#not-rcmnd .boxin img{
	float: left;
	margin-right: 30px;
}
#not-rcmnd .boxin:first-of-type{
	margin-top: 50px;
}
#not-rcmnd .boxnum{
	display: inline-block;
	padding: 5px 10px;
	margin: 0 10px 15px 0;
	box-sizing: border-box;
	background: #b99768;
	color: #fff;
	font-weight: normal;
	font-size: 2rem;
}
#not-rcmnd h3{
}
#not-rcmnd .boxin p{
	margin-top: 0;
	line-height: 1.8;
}
.intext{
	font-size: 1.8rem;
	line-height: 1.8;
}
#not-rcmnd{
	margin-bottom: 0;
}

#cansell{
	background: #f9f6e5;
	padding: 70px 0;
	margin: 30px 0 0;
}
#cansell.kimono2, #cansell.kimono3 {
	background: #f9f6e5;
	margin: 30px 0;
}
#cansell .inner{
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
}


/* タブ　*/
/*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	margin: 0 auto;
}
/*タブのスタイル*/
.tab_item {
	width: calc(100%/2);
	height:70px;
	background-color: #b7b7b7;
	line-height: 70px;
	font-size: 1.5em;
	text-align: center;
	color: #ffffff;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor: pointer;
	cursor: hand;
}
.tab_item:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 40px 40px 0;
	clear: both;
	overflow: hidden;
	border: solid 3px #666666;
}
/*選択されているタブのコンテンツのみを表示*/
#shuccho:checked ~ #shuccho_content,
#takuhai:checked ~ #takuhai_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #666666;
  /* color: #fff; */
}

/* kitte2 */
#type{ 
	position: relative;
	margin-bottom: 0;
}
#type .type-arrow{
	position: absolute;
	bottom: -5%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#kitte-type .box_ylw p {
	position: relative;
	padding-left: 40px;
	padding-bottom: 10px;
	margin : 0 0 10px;
}
#kitte-type .box_ylw p:after {
	position: absolute;
	content: '';
	top: 45%;
	left: 0;
	width: 35px;
	height: 35px;
	background: url(images/icon-gimon.png) no-repeat;
	display: inline-block;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#type h3{
	position: relative;
	font-size: 2.4rem;
	padding-left: 40px;
	padding-bottom: 10px;
	margin : 0 0 30px;
	border-bottom: 2px solid #b99768;
}
#topnavi h3{
	position: relative;
	font-size: 2.4rem;
	padding-left: 40px;
	padding-bottom: 10px;
	margin : 0 0 10px;
}
#type h3:after, #topnavi h3:after {
	position: absolute;
	content: '';
	top: 45%;
	left: 0;
	width: 35px;
	height: 35px;
	background: url(images/icon-check.png) no-repeat;
	display: inline-block;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#ng h3{
	background: #111111;
	color: #fff;
}
#ng .box_nocolor h3{
	background: none;
	color: #000;
}
#ng .text{
	overflow: auto;
}
#ng p{ text-align: left; }
#ng .boxnum{
	background: #000;
	color: #fff;
	margin: 0 0 15px;
	padding: 5px;
	text-align: center;
}

#type .boxin p, #ng .boxin p{
	line-height: 1.8;
}
.kitte2 #hikaku, #hikaku.kimono2, #hikaku.kimono3 {
	margin-top: 0;
	padding-top: 160px;
}
.kitte2 .cv-content{
	background: url(images/cv-backimgkt.jpg);
	background-position: 0% 100%;
	background-size: 100%;
}

/* kosen */
#equal .boxin{
	box-sizing: border-box;
	border: solid 2px #b99768;
	overflow: auto;
	line-height: 1.8;
}
#equal .boxin:nth-child(even){
	margin-right: 0;
}
#equal .boxin h3{
	padding: 20px 0 15px;
	border-bottom: solid 2px #b99768;
}
#equal table{
	margin-top: 50px;
}
#equal th, #equal td {
	border: solid 2px #ffffff;
	text-align: center;
}
#equal th{
	color: #ffffff;
	background-color: #b99768;
	font-weight: normal;
}
#equal th.bgorange{ background-color: #e28d2b; }
#equal th.bggray{ background-color: #666666; }
#equal td{ background-color: #f7eadc; }

/* kimono4 */
#ranking .boxin{
	position: relative;
	margin-top: 30px;
}
#type .boxin.woman{
	position: relative;
	margin-top: 30px;
}
#ranking .balloonl, #type .balloonl {
	position: absolute;
	width: 700px;
	bottom: 0;
	right: 0;
}
#point{ position: relative; }
#point .point-arrow{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.kimono4 .cv-content{ height: 410px; }
.cv-content.btnset{
	background: none;
	width: 100%;
	height: auto;
	background-position: initial;
}


@media screen and (min-width: 641px){
	article{ margin: 100px 0; }
	main h2{
		margin-bottom: 50px;
		font-size: 4.8rem;
	}
	#reason{ padding: 70px 0 100px; }
	#reason :before{
		left: 50%;	
		width: 1200px;
		height: 600px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#reason h2{ padding: 22px 0 20px 90px;	}
	#reason .contents{ padding: 30px 250px 30px 50px; }
	.step{
		margin-bottom: 50px;
		padding: 0 50px 50px;	
	}
	.step .ttl{
		margin-left: -30px;
		padding: 5px 30px 5px 15px;
	}
	.step .image{
		float: right;
		margin: 0 0 20px 50px;
		width: 300px;
	}
	.article-lp .step .image{
		margin: 0 0 20px 40px;
		width: 250px;
	}
	#hikaku{ padding: 100px 0; }
	
	/* kimono2 */
	/* #equal.kimono2{
		margin-bottom: 50px;
	} */
	#point .box_ylw{
		display: inline-block;
		width: 300px;
		height: 440px;
		margin-right: 22px;
		padding: 20px;
		vertical-align: middle;
	}
	#ng .box_nocolor{
		display: inline-block;
		width: 270px;
		height: 440px;
		margin-right: 22px;
		vertical-align: middle;
	}
	#point .box_ylw:last-child, #ng .box_nocolor:last-child{
		margin-right: 0;
	}
	.cv-content .btn_koushiki{ margin-top: 30px; }
	.cv-content .btn_koushiki a{
		font-size: 2.4rem;
		line-height: 1.3;
	}
	#attention, #ng, #value, #topnavi { padding: 70px 0 30px; }
	.cv-content .cv-inner{
		display: inline-block;
		width: 600px;
		height: auto;
		margin-top: 40px;
	}
	.kimono4 .cv-content .cv-inner{
		margin-top: 0;
	}
	.kimono4 .cv-content .btn_koushiki a{
		font-size: 2.2rem;
		line-height: 1.2;
	}
	.kimono4 .cv-content .btn_koushiki, .kimono4 .cv-content .btn_orange {
		margin-top: 10px;
	}
	.wrong-img img{
		margin-right: 30px;
	}
	.wrong-img img:last-child{
		margin-right: 0;
	}
	.tab_item.shuccho, .tab_item.takuhai{
		position: relative;
	}
	.tab_item.shuccho:before{
		position: absolute;
		content: url(images/icon-shuccho.png);
		top: 12px;
		left: 50px;
		width: 35px;
		height: 35px;
	}
	.tab_item.takuhai:before{
		position: absolute;
		content: url(images/icon-takuhai.png);
		top: 8px;
		left: 50px;
		width: 35px;
		height: 35px;
	}
	.article-lp .tab_item.shuccho:before, .article-lp .tab_item.takuhai:before{
		left: 20px;
	}
	#ng h3{
		font-size: 2.2rem;
		padding: 5px 20px;
		margin : 0 0 30px;
		text-align: left;
	}
	#ng .box_nocolor h3{
		font-size: 1.8rem;
		padding: 0;
		margin: 10px 0 15px;
		text-align: center;
	}
	#ng .text p:first-child{
		margin-top: 0;
	}
	
	#kitte-type .box_ylw{
		padding: 30px;
		box-sizing: border-box;
	}
	#type{
		padding-bottom: 100px;
	}
	#type .boxin, #ng .boxin, #ranking .boxin {
		overflow: auto;
		clear: both;
		margin-bottom: 50px;
	}
	#type .boxin img, #ng .boxin img, #ranking .boxin img{
		float: left;
		margin-right: 30px;
	}
	.kitte2 #point .box_ylw{
		width: 300px;
		height: 460px;
	}
	.kitte2 .cv-content .btn_koushiki{ margin-top: 15px; }
	.kitte2 .cv-content .cv-inner{ margin-top: 20px; }
	
	/* kasen */
	#equal .boxin{
		clear: both;
		display: inline-block;
		width: 470px;
		height: 490px;
		margin: 30px 10px 0 0;
		padding: 30px;
		line-height: 1.8;
	}
	#equal .boxin:last-child{
		margin-right: 0;
	}
	#equal th, #equal td{ font-size: 18px; }
	#equal td:nth-child(3){ background-color: #e5e5e5; }
	
	#value p, #equal p.text, #topnavi p { 
		font-size: 1.8rem;
		line-height: 2;
	}
	article#flow2{ margin: 0; }
	
	/* kimono4 */
	#topnavi .boxin{
		position: relative;
		width: 550px;
	}
	#topnavi .boxin img{
		position: absolute;
		top: 0;
		right: -340px;
	}
	.kimono4 #type{ padding-bottom: 0; }
	#point .point-arrow{
		top: -150px;
	}
}
@media screen and (max-width: 640px){
	article{ margin: 50px 0; }
	main h2{
		margin-bottom: 20px;
		font-size: 3rem;
	}
	#reason{ padding: 35px 0 100px; }
	#reason :before{
		right: 0;
		width: 100px;
		height: 150px;
		background-size: cover;
	}
	#reason h2{
		padding: 22px 0 20px 50px;
		background-size: 50px 50px;
	}
	#reason .contents{ padding: 15px; }
	#flow{ padding: 0 15px; }
	#flow .inner{ padding: 20px 15px; }
	.step{
		margin-bottom: 30px;
		padding: 0 10px 30px
	}
	.step .ttl{
		margin: 0 -10px 20px -10px;
		padding: 5px 15px 5px 10px;
		line-height: 1.2;
	}
	.step .image{
		margin: 0 auto 20px;
		width: 100%;
	}
	#hikaku{ padding: 50px 0; }
	
	/* kimono2 */
	/* #equal.kimono2{
		margin-bottom: 25px;
	} */
	#point .box_ylw, #ng .box_nocolor{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		padding: 15px;
	}
	#ng .box_nocolor{
		padding: 0;
	}
	#point .box_ylw:last-child, #ng .box_nocolor:last-child{
		margin-right: 0;
	}
	#attention, #ng, #value, #topnavi { padding: 70px 15px 30px; }
	.wrong-img{ margin: 30px 0; }
	.wrong-img img{
		margin-right: 30px;
	}
	.wrong-img img:last-child{
		margin-right: 0;
	}
	#attention .inner, #ng .inner, #value .inner, #topnavi .inner{
		padding: 40px 20px;
		box-sizing: border-box;
	}
	.cv-content{
		width: 100%;
		height: 340px;
		background-position: 50% 20%;
	}
	.cv-content .cv-inner{
		display: inline-block;
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	.cv-content .inner img{
		width: 40%;
		height: auto;
	}
	.cv-content .btn_koushiki{ margin-top: 15px; }
	.cv-content .btn_koushiki a, .cv-content .btn_orange a{
		width: 60%;
		font-size: 5vw;
		line-height: 1.3;
	}
	#wrong-ex .box_ylw{
		margin-top: 0;
		padding: 20px 0;
	}
	#wrong-ex .f17em{
		font-size: 5vw;
	}
	
	#not-rcmnd h3{
		text-align: center;
	}
	#not-rcmnd .boxnum{
		display: block;
		margin: 0 0 10px 0;
		font-size: 1.6rem;
		text-align: center;
	}
	#not-rcmnd .boxin{
		padding: 25px 15px;
	}
	#not-rcmnd .boxin .boximg{
		margin: 20px 0;
		text-align: center;
	}
	#not-rcmnd .boxin img{
		float: none;
		margin-right: 0;
	}
	.intext{
		margin-top: 40px;
		font-size: 1.6rem;
	}
	#cansell{
		padding: 40px 15px;
	}
	#cansell .inner{
		padding: 20px;
		box-sizing: border-box;
	}
	#ng h2{ margin-bottom: 35px; }
	#ng h3{
		font-size: 2rem;
		padding: 5px 5px;
		margin : 20px 0 20px;
		text-align: center;
	}
	#type .boxin img{
		display: block;
		margin: auto;
	}
	
	.tab_item {
		font-size: 5vw;
		text-align: center;
		font-weight: normal;
	}
	.tab_content {
		display: none;
		padding: 30px 15px 0;
		clear: both;
		overflow: hidden;
		border: solid 3px #666666;
	}
	
	/* kitte2 */
	#kitte-type .box_ylw{
		padding: 20px;
	}
	#type h3, #topnavi h3{
		padding-left: 45px;
		font-size: 2rem;
	}
	#type{
		margin-bottom: 80px;
	}
	#type .type-arrow{
		width: 95%;
		bottom: -100px;
	}
	#type .boxin { margin-top: 30px; }
	.kitte2 #hikaku, #hikaku.kimono2, #hikaku.kimono3 { padding-top: 60px; }
	.kitte2 .cv-content .btn_koushiki a{
		width: 65%;
		font-size: 4.5vw;
		line-height: 1.3;
	}
	
	/* kasen */
	#equal .boxin{
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 10px 0;
		padding: 20px 15px;
		line-height: 1.8;
	}
	#equal .boxin:last-child{
		margin-bottom: 0;
	}
	#value p, #equal p.text, #topnavi p{ 
		font-size: 1.8rem;
		line-height: 1.8;
	}
	#equal .boxin h3{ padding: 10px 0; }
	#equal th, #equal td {
		vertical-align: top;
		font-size: 16px;
		padding: 10px;
	}
	#equal table img{
		width: auto;
		height: 80px;
	}
	#equal td:nth-child(2){ background-color: #e5e5e5; }
	
	/* kimono4 */
	#ranking .balloonl, #type .balloonl {
		position: relative;
		width: 65%;
		margin-top: 0;
	}
	#ranking .boxin img, #type .boxin.woman img{
		width: 30%;
		float: left;
	}
	#ranking .boxin{
		position: inherit;
	}
	#ng .box_nocolor h3{
		line-height: 1.3;
		margin-bottom: 15px;
	}
	#ng .box_nocolor .text p{
		margin-top: 0;
	}
	#ng .box_nocolor:last-child .text p {
		margin-bottom: 0;
	}
	.kimono4 .cv-content{
		height: 430px;
	}
	.kimono4 .cv-content .cv-inner {
		magin-top: 0;
	}
	.kimono4 .cv-content .btn_koushiki a, .kimono4 .cv-content .btn_orange a{
		margin-top: 10px;
	}
	.cv-content.btnset .btn_koushiki a, .cv-content.btnset .btn_orange a{
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	.cv-content.btnset{ height: auto; }
	.kimono4 #flow2{ margin-bottom: 0; }
	#point .point-arrow{
		top: -70px;
		width: 80%;
	}
}

/* ------------------------------------------------
 refine-search
------------------------------------------------ */
#searchform section{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
#searchform section h3{
	display: inline-block;
	margin-bottom: 5px;
	padding: 0 20px 0 10px;
	background: #b99768;
	box-shadow: 1px 1px 3px #ccc;
	line-height: 1.4;
	font-weight: normal;
	font-size: 1.8rem;
	color: #fff;
}
#searchform section label{
	position: relative;
	display: inline-block;
	font-size: 1.6rem;
	cursor: pointer;
}
#searchform section label:before, #searchform section label:after{
	position: absolute;
	content: ""
}
#searchform section label:before{
	top: 6px;
	left: 5px;
	width: 10px;
	height: 10px;
	border: 1px solid #999;
}
#searchform section label.checked:after{
	top: 1px;
	left: 8px;
	width: 5px;
	height: 12px;
	border-bottom: 3px solid #e2574c;
	border-right: 3px solid #e2574c;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#searchform section input[type=checkbox], #searchform section input[type=radio]{ display: none; }
.refine_btn{
	display: block;
	margin: auto;
	padding: 0 20px;
	background: #666;
	border: 0;
	border-radius: 5px;
	font-family: "Noto Serif JP", "游明朝", YuMincho,'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Cormorant Infant", serif;
	font-size: 1.8rem;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
}
@media screen and (min-width: 641px){
	#refine{ margin: 50px 0; }
	#refine .inner{
		padding: 10px 50px 15px;
		width: 600px;
	}
	#refine h2{
		margin-bottom: 10px;
		font-size: 2.4rem;
	}
	#searchform section label{ padding: 0 25px; }
	#searchform section label:hover{
		background: #f2f2f2;
		border-radius: 5px;
	}
	.refine_btn{ width: 60%; }
	.refine_btn:hover{
		position: relative;
		top: 1px;
	}
	
	.kitte2 #refine{ 
		margin: 100px 0 0;
	}
}
@media screen and (max-width: 640px){
	#refine{
		margin: 30px 0;
		padding: 0 15px;
	}
	#refine h2{ font-size: 5vw; }
	#refine .inner{ padding: 20px 15px; }
	#searchform section .contents{ font-size: 0; }
	#searchform section label{
		margin: 0 2% 5px 0;
		padding: 0 10px 0 30px;
		width: 49%;
		border: 1px solid #ddd;
		border-radius: 3px;
		box-sizing: border-box;
		font-size: 1.4rem;
	}
	#searchform section label:nth-of-type(even){ margin-right: 0; }
	.refine_btn{ width: 100%; }
	
	.kitte2 #refine{ margin: 50px 0 0; }
}

/* ------------------------------------------------
 kimono2-kijiLP
------------------------------------------------ */
body .article-lp, .article-lp main h2, .article-lp .refine_btn {
	font-family: Arial, Helvetica, "游ゴシック medium", "Yu Gothic Medium", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
body .article-lp b, body .article-lp strong, body .article-lp bold {
	font-family: Arial, Helvetica, "游ゴシック", "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.article-lp main article{
	width: 700px;
	height: auto;
	margin: 0 auto;
	padding: 50px 0 80px;
}
.article-lp h1{ font-size: 28px; }
.article-lp h2{ 
	margin: 60px 0 35px;
	padding: 20px 10px;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	background: #efe1d4;
	border-left: solid 8px #b49268;
	line-height: 1.5;
}
.article-lp h3{
	margin: 35px 0 25px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 20px;
	color: #b49268;
	border-bottom: 2px solid #b49268;
}
.article-lp h4{ font-size: 20px; }
.article-lp article .browntable p{
	line-height: 1.8;
	margin: 15px 0;
}
.article-lp article p{
	line-height: 2;
	margin: 25px 0;
}

.article-lp header{background: #b49268;}
.article-lp #logo{color: #fff;}

.article-lp .browntable th{
	background: #b49268;
	color: #fff;
	text-align: center;
}
.article-lp .browntable th, .article-lp .browntable td { border: solid 1px #d8b491; }

.article-lp .tab_content{ padding: 30px 20px 0; }
.article-lp .step{
	padding: 20px 15px 30px 30px;
	margin-bottom: 0;
}

.article-lp .btn-set .brown{
	font-size: 1.4em;
	margin: 40px 0 0;
	font-weight: bold;
}
.article-lp .btn-set .btn_koushiki.btntext a{
	margin-top: 0;
}


@media screen and (min-width: 641px){
	.article-lp .date{ margin: 20px 0 0; }
}

@media screen and (max-width: 640px){
	.article-lp main article{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 30px 15px 80px;
		box-sizing: border-box;
	}
	.article-lp .date{ margin: 5px 0 0; }
	.article-lp .btn-set .brown{
		font-size: 1.1em;
		margin: 30px 0 5px;
		line-height: 1.2;
	}
	.article-lp .tab_content{ padding: 30px 5px 0; }
	.article-lp .step{ padding: 20px 20px 30px 20px; }
}


/* ------------------------------------------------
 ranking
------------------------------------------------ */
#ranking, #search{ margin: 0; }
.kimono4 #ranking{ margin-top: 100px; }
#ranking section, #search section{
	position: relative;
	background: #fff;
}
#ranking section .rank{
	position: absolute;
	top: 0;
	box-shadow: 1px 1px 3px #ccc;
}
#ranking section .rank:before{
	position: absolute;
	text-align: center;
	color: #fff;
}
#ranking section .rank:after{
	position: absolute;
	content: "";
	bottom: -15px;
	border: 15px solid transparent;
}
#ranking section h3, #search section h3{
	margin-bottom: 10px;
	font-weight: normal;
}
#ranking section h3 a, #search section h3 a{
	position: relative;
	display: block;
	color: #000;
}
#ranking section h3 a:before, #search section h3 a:before{
	position: absolute;
	content: "";
	top: 50%;
	right: 7px;
	width: 10px;
	height: 10px;
	border-top: 2px solid;
	border-right: 2px solid;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
}
#ranking section:nth-of-type(1), #search section:nth-of-type(1){ border-color: #b99768; }
#ranking section:nth-of-type(1) .rank:before{ content: "1"; background: #b99768; }
#ranking section:nth-of-type(1) .rank:after{ border-left-color: #b99768; border-right-color: #b99768; }
#ranking section:nth-of-type(2){ border-color: #ccc; }
#ranking section:nth-of-type(2) .rank:before{ content: "2"; background: #ccc; }
#ranking section:nth-of-type(2) .rank:after{ border-left-color: #ccc; border-right-color: #ccc; }
#ranking section:nth-of-type(3){ border-color: #a37247; }
#ranking section:nth-of-type(3) .rank:before{ content: "3"; background: #a37247; }
#ranking section:nth-of-type(3) .rank:after{ border-left-color: #a37247; border-right-color: #a37247; }
#ranking section .tbl_r, #search section .tbl_r{ vertical-align: top; }
#ranking section .catchcopy, #search section .catchcopy{
	margin-bottom: 30px;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	line-height: 1.2;
}
#ranking section .feature li, #search section .feature li{
	position: relative;
	margin: 15px 0;
	padding-left: 30px;
}
#ranking section .feature li:before, #ranking section .feature li:after,
#search section .feature li:before, #search section .feature li:after{
	position: absolute;
	content: "";
}
#ranking section .feature li:before, #search section .feature li:before{
	top: 3px;
	left: 0;
	width: 16px;
	height: 16px;
}
#ranking section .feature li:after, #search section .feature li:after{
	top: 0;
	left: 5px;
	width: 8px;
	height: 15px;
	border-bottom: 5px solid #ffd27f;
	border-right: 5px solid #ffd27f;
	-webkit-transform: rotate(45deg);
}
#ranking section th, #ranking section td,
#search section th, #search section td{
	border: 0;
	text-align: center;
}
.bn_cnt{ text-align: center; }

#ranking .kuchikomi h4{
	font-size: 1.2em;
	padding-left: 8px;
}
#ranking .kuchikomi h4:before {
	position: relative;
	content: url(images/icon-fukidashi.png);
	top: 10px;
	left: -5px;
	width: 35px;
	height: 35px;
}
#ranking .kuchikomi p{
	position: relative;
	background: #f9f6e5;
	padding: 35px 20px 15px;
}
#ranking .kuchikomi p:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #b99768;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
}
/* #ranking .kuchikomi p:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "“";
    font-family: sans-serif;
    color: #b99768;
    font-size: 40px;
    line-height: 1;
} */

/* ----------投稿リスト--------- */

.rk_ttl {
	margin: 30px 0 20px;
	padding: 15px 10px;
	background: #b49268;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}

.postlist{ 
	list-style: none;
	padding: 0;
}
.postlist li{
	border-bottom: 1px solid #999;
}
.postlist li a{
	position: relative;
	padding: 10px 30px 10px 10px;
	text-decoration: none;
	font-weight: 400;
	color: #000;
	box-sizing: border-box;
}
.postlist li a:hover{
	background: #f7eee7;
}
.postlist li a:before {
	position: absolute;
	content: "\f105";
	top: 50%;
	right: 10px;
	font-family: "Font Awesome 5 free";
	font-weight: 900;
	color: #b49268;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.postlist .tbl_l{
	padding-right: 10px;
	width: 120px;
}
.postlist .tbl_l img{
	width: 120px;
	height: 80px;
	object-fit: cover;
}

/* ----------pagenation--------- */

.pagenation{ margin: 20px 0; }
.pagenation ul{
	margin-left: 0;
	list-style: none;
	text-align: center;
	font-size: 0;
}
.pagenation li{
	display: inline-block;
	margin: 0 5px 5px 0;
	font-weight: 400;
	font-size: 1.4rem;
}
.pagenation li a, .pagenation li.active{
	padding: 8px 12px;
	border: 1px solid #b49268;
	line-height: 1;
	color: #b49268;
	font-weight: bold;
}
.pagenation li a{
	display: block;
	text-decoration: none;
}
.pagenation li.active{
	background: #b49268;
	color: #fff;
}



@media screen and (min-width: 641px){
	#ranking section, #search section{
		margin-bottom: 100px;
		padding: 30px 40px;
		border: 10px solid #ddd;	
	}
	#wrap.kimono6 #ranking section, #wrap.kimono6 #search section{ padding: 30px 20px; }
	#ranking section.bn{ margin-bottom: 30px; }
	#ranking section .rank{
		left: 20px;
		width: 65px;
		height: 90px;
	}
	#ranking section .rank:before{
		padding-top: 10px;
		width: 65px;
		height: 80px;
		font-size: 4.8rem;
	}
	#ranking section .rank:after{
		border-left-width: 32.5px;
		border-right-width: 32.5px;
	}
	#ranking section h3, #search section h3{ font-size: 4.8rem; }
	#ranking section h3{ padding-left: 80px; }
	#ranking h3 a:hover, #search section h3 a:hover{
		background: #f2f2f2;
		border-radius: 3px;
	}
	#ranking section .tbl_l, #search section .tbl_l{
		padding-right: 50px;
		width: 300px;
	}
	#ranking section .catchcopy, #search section .catchcopy{ font-size: 3.6rem; }
	#ranking section table, #search section table{
		border-collapse: separate;
		border-spacing: 5px;
	}
	.bn_cnt{ margin-bottom: 100px; }
	.kimono4 #ranking section{
		margin-bottom: 30px;
	}
	.article-lp #ranking section .tbl_l, #search section .tbl_l{
		padding-right: 30px;
		width: 250px;
	}
	.article-lp #ranking section .catchcopy, #search section .catchcopy{ font-size: 3rem; }
}
@media screen and (max-width: 640px){
	.kimono4 #ranking{ margin-top: 50px; }
	#ranking section, #search section{
		margin-bottom: 50px;
		padding: 15px;
		border: 5px solid #ddd;
	}
	#ranking section.bn{ margin-bottom: 20px; }
	#ranking section .rank{
		left: 10px;
		width: 40px;
		height: 40px;
	}
	#ranking section .rank:before{
		padding-top: 0;
		width: 40px;
		height: 40px;
		font-size: 3rem;
	}
	#ranking section .rank:after{
		border-left-width: 20px;
		border-right-width: 20px;
	}
	#ranking section h3, #search section h3{ font-size: 3rem; }
	#ranking section h3{ padding-left: 50px; }
	#ranking section .tbl_l, #ranking section .tbl_r,
	#search section .tbl_l, #search section .tbl_r{ display: block; }
	#ranking section .tbl_l, #search section .tbl_l{
		margin-bottom: 10px;
		padding-right: 0;
		width: 100%;
		text-align: center;
	}
	#ranking section .catchcopy, #search section .catchcopy{ font-size: 2.4rem; }
	#ranking section thead, #ranking section tbody,
	#search section thead, #search section tbody{
		display: table-cell;
		vertical-align: top;
	}
	#ranking section tr, #search section tr{ display: block; }
	#ranking section th, #ranking section td,
	#search section th, #search section td{
		display: block;
		margin: 4px 0;
		line-height: 1.4;
	}
	#ranking section td, #search section td{ border-bottom: 1px solid #ddd; }
	.bn_cnt{ margin-bottom: 50px; }
	
	.postlist li{ font-size: 15px; }
}

/* ------------------------------------------------
 btn
------------------------------------------------ */
.btn_koushiki a, .tb_btn a,
.btn_mail a, .btn_tel a,
.btn_gray a, .btn_orange a, .tb_btn_tel a {
	position: relative;
	display: block;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #ccc;
	text-decoration: none;
	text-align: center;
	line-height: 1;
	color: #fff;
}
.btn_koushiki a, .tb_btn a, .btn_mail a{
	background: #e2574c;
	background: linear-gradient(180deg, rgba(226,87,76,1) 0%, rgba(226,87,76,1) 31%, rgba(119,20,12,1) 100%);
}
.btn_tel a, .tb_btn_tel a{ 
	background: #4caf50;
	background: linear-gradient(180deg, rgba(76,175,80,1) 0%, rgba(76,175,80,1) 31%, rgba(20,97,24,1) 100%);
}
.btn_gray a{ 
	background: #737373;
	background: linear-gradient(180deg, rgba(155,155,155,1) 0%, rgba(155,155,155,1) 31%, rgba(77,77,77,1) 100%);
}
.btn_orange a{
	background: #ff912d;
	background: linear-gradient(180deg, rgba(255,145,45,1) 0%, rgba(255,145,45,1) 31%, rgba(161,71,11,1) 100%);
}
.btn_koushiki a:before, .tb_btn a:before,
.btn_mail a:before, .btn_tel a:before,
.btn_gray a:before, .btn_orange a:before, .tb_btn_tel a:before {
	position: absolute;
	content: "";
	top: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid;
	border-right: 2px solid;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
}

/* kimono2/3 */
.kimono2 .btn_tel a:after, .kimono3 .btn_tel a:after,
.kitte2 .btn_tel a:after,
.kosen .btn_tel a:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 25px;
	width: 40px;
	height: 40px;
	background-image: url(images/icon-tel.png);
	display: inline-block;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.kimono2 .btn_mail a:after, .kimono3 .btn_mail a:after,
.kitte2 .btn_mail a:after,
.kosen .btn_mail a:after{
	position: absolute;
	content: '';
	top: 50%;
	left: 25px;
	width: 40px;
	height: 40px;
	background-image: url(images/icon-mail.png);
	display: inline-block;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#wrap.kimono6 .btn_tel a:after, #wrap.kimono6 .btn_mail a:after{ left: 10px; }
.article-lp .btn_tel a:after, .article-lp .btn_mail a:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 10px;
	width: 30px;
	height: 30px;
	background-image: url(images/icon-tel.png);
	display: inline-block;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 641px){
	.btn_wrap{
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.btn_tel, .btn_mail, .btn_wrap .btn_koushiki, .btn_wrap .btn_orange{
		display: table-cell;
		vertical-align: middle;
	}
	.btn_tel, .btn_wrap .btn_koushiki { padding-right: 20px; }
	.btn_wrap .btn_koushiki:nth-child(even) { padding-right: 0; }
	.btn_koushiki a{
		padding: 20px 40px;
		font-size: 3.6rem;
	}
	.btn_koushiki.btntext a{
		font-size: 2.4rem;
		line-height: 1.3;
		margin-top: 30px;
	}
	.btn_mail a, .btn_tel a, .btn_gray a, .btn_orange a {
		padding: 20px;
		font-size: 2.4rem;
	}
	#wrap.kimono6 .btn_mail a, .btn_tel a{ padding-left: 40px; }
	.article-lp .btn_mail a, .article-lp .btn_tel a, .article-lp .btn_gray a, .article-lp .btn_orange a {
		font-size: 2rem;
	}
	.btn_koushiki a:before, .btn_mail a:before, .btn_tel a:before,
	.btn_gray a:before, .btn_orange a:before { right: 30px; }
	#wrap.kimono6 .btn_mail a:before, #wrap.kimono6 .btn_tel a:before{ right: 20px; }
	.btn_koushiki a:hover, .tb_btn a:hover, .tb_btn_tel a:hover,
	.btn_mail a:hover, .btn_tel a:hover,
	.btn_gray a:hover, .btn_orange a:hover {
		top: 1px;
		box-shadow: 0 0 3px #999;
	}
	.btn_koushiki a span, .btn_mail a span, .btn_tel a span{ font-size: 2rem; }
	.tb_btn a, .tb_btn_tel a{
		padding: 15px;
		font-size: 2rem;
	}
	.tb_btn a:before, .tb_btn_tel a:before{ right: 20px; }
	.article-lp .btn_koushiki a span, .article-lp .btn_mail a span, .article-lp .btn_tel a span{ font-size: 1.6rem; }
}
@media screen and (max-width: 640px){
	.btn_tel{ margin-bottom: 10px; }
	.btn_koushiki a, .btn_tel a, .btn_mail a, .btn_gray a,
	.btn_orange a {
		padding: 15px 5px;
		font-size: 5.5vw;
	}
	.btn_koushiki a:before, .btn_tel a:before, .btn_mail a:before,
	.btn_gray a:before, .btn_orange a:before { right: 15px; }
	.btn_koushiki a span, .btn_tel a span, .btn_mail a span{ font-size: 4vw; }
	.tb_btn a, .tb_btn_tel a{
		padding: 15px 5px;
		font-size: 3vw;
	}
	.tb_btn a:before, .tb_btn_tel a:before{
		right: 8px;
		width: 5px;
		height: 5px;
	}
	.btn_koushiki.btntext a{
		font-size: 5vw;
		line-height: 1.3;
	}
	
	.kimono2 .btn_tel a:after, .kimono3 .btn_tel a:after,
	.kitte2 .btn_tel a:after, .kosen .btn_tel a:after {
		background-image: url(images/icon-sp.png);
		left: 8px;
		width: 25px;
		height: 25px;
	}
	.kimono2 .btn_mail a:after, .kimono3 .btn_mail a:after,
	.kitte2 .btn_mail a:after,
	.kosen .btn_mail a:after {
		left: 8px;
		width: 25px;
		height: 25px;
	}
}

/* ------------------------------------------------
 postpage
------------------------------------------------ */
body .postpage{ word-wrap: break-word; }
.privacy{
	line-height: 2;
	margin-top: 20px;
}

#bread{
	margin-bottom: 30px;
	padding: 10px 0;
}
#bread li{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
}
#bread li:after{
	content: "＞";
	margin-left: 5px;
}
#bread li:last-child:after{ content: ""; }
.postpage main{ margin-bottom: 100px; }
.postpage main h1{ line-height: 1.4; }
.postpage main h2{
	margin: 20px 0;
	padding: 15px 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #ddd;
	text-align: left;
	font-size: 2.4rem;
}
#bread a{
	color: #000;
}
.postpage main h3{
	position: relative;
	margin: 20px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}
.postpage main h3:before{
	position: absolute;
	content: "";
	bottom: -1px;
	left: 0;
	width: 50%;
	height: 1px;
	background: #666;
}
.postpage section{ margin: 50px 0; }
.indexlist{ border: 1px solid #ccc; }
.indexlist .ttl{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}
.indexlist li:nth-of-type(even){ background: #f6f6f6; }
.indexlist li a{
	position: relative;
	display: block;
	padding: 10px 10px 10px 40px;
	text-decoration: none;
	color: #000;
}
.indexlist li a:before{
	position: absolute;
	top: 6px;
	left: 10px;
	font-style: italic;
	font-size: 2rem;
	color: #b99768;
}
.indexlist li:nth-of-type(1) a:before{ content: "1."; }
.indexlist li:nth-of-type(2) a:before{ content: "2."; }
.indexlist li:nth-of-type(3) a:before{ content: "3."; }
.indexlist li:nth-of-type(4) a:before{ content: "4."; }
.indexlist li:nth-of-type(5) a:before{ content: "5."; }
.indexlist li:nth-of-type(6) a:before{ content: "6."; }
.indexlist li:nth-of-type(7) a:before{ content: "7."; }
.indexlist li:nth-of-type(8) a:before{ content: "8."; }
.indexlist li:nth-of-type(9) a:before{ content: "9."; }
.indexlist li:nth-of-type(10) a:before{ content: "10."; }
@media screen and (min-width: 641px){
	.postpage .inner{ width: 700px; }
	.postpage main h1{ font-size: 3.6rem; }
	.indexlist{ padding: 20px 30px; }
	.indexlist li:hover{
		background: #ddd;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.postpage main h3{ font-size: 2rem; }
}
@media screen and (max-width: 640px){
	.postpage .btn_koushiki a{ padding: 20px 15px 20px 5px; }
	#bread{
		padding: 5px 10px;
		background: #f6f6f6;
	}
	#bread li{
		display: inline;
		line-height: 1;
	}
	.postpage main h1{ font-size: 2.4rem; }
	.postpage main h3{ font-size: 1.8rem; }
	.indexlist{ padding: 10px 15px; }
	
}

/* ------------------------------------------------
 footer
------------------------------------------------ */
footer{
	padding: 30px 0;
	background: #ddd;
}
footer a{
	text-decoration: none;
	color: #000;
}
#copyright{
	text-align: center;
	font-size: 1.2rem;
}
#pagetop{
	position: fixed;
	right: 10px;
	width: 50px;
	height: 50px;
	background: #b99768;
	opacity: .7;
	cursor: pointer;
}
#pagetop:before{
	position: absolute;
	content: "";
	top: 50%;
	left: 45%;
	width: 10px;
	height: 10px;
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	-webkit-transform: rotate(45deg) translate(-50%);
	transform: rotate(45deg) translate(-50%);
}

#pop{
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 99;
}
.pop_wrap{
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 15px;
	width: 100%;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#ranking.pop_wrap{
	top: 15px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.pop_close{
	position: relative;
	margin: 0 auto 20px;
	width: 50%;
	max-width: 600px;
	border: 2px solid #fff;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.pop_close:after{
	position: absolute;
	content: "×";
	top: 50%;
	right: 10px;
	font-weight: bold;
	font-size: 2rem;
	color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 641px){
	footer a:hover{ text-decoration: underline; }
	#pagetop:hover{ opacity: 1; }
}

/* ------------------------------------------------
 styles
------------------------------------------------ */
table .blank{
	background: none;
	border: 0;
}
.maru2, .maru, .sankaku, .batsu{
	padding-top: 60px;
	background: center 10px no-repeat;
}
.maru2{ background-image: url(images/maru2.png); }
.maru{ background-image: url(images/maru.png); }
.sankaku{ background-image: url(images/sankaku.png); }
.batsu{ background-image: url(images/batsu.png); }

.bgmaru{
	background-image: url(images/bgmaru.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 80px;
	height: 80px;
}
.bgbatsu{
	background-image: url(images/bgbatsu.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 80px;
	height: 80px;
}

.col3{ font-size: 0; }
.col3 li{
	display: inline-block;
	margin-right: 2%;
	width: 32%;
	vertical-align: top;
	font-size: 1.8rem;
}
.col3 li:nth-of-type(3n){ margin-right: 0; }
.tbl{
	display: table;
	width: 100%;
}
.tbl_l, .tbl_r{
	display: table-cell;
	vertical-align: middle;
}

.box_gry{
	margin: 20px 0;
	background: #f6f6f6;
	border-radius: 5px;
}
.box_ylw{
	background: #f9f6e5;
}
.box_red{
	background: #e2574c;
	color: #ffffff;
	padding: 15px 0;
}
.box_brwn{
	background: #b99768;
	color: #ffffff;
	padding: 15px 0;
}
.box_pink{
	margin: 20px 0;
	padding: 15px;
	background: #fff1f3;
}
.box_pickup{
	margin: 20px 0;
	padding: 15px;
	background: #f9f6e5;
	border: 4px double #b99768;
}

.answ.box_ylw{
	padding: 20px;
	background: #f9f6e5;
}

.q-a dt {
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	background: #b99768;
	color: #fff;
	text-indent: -25px;
	font-size: 18px;
}
.q-a dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 7px;
}
.q-a dd {
	margin: 20px 10px 40px 35px;
	text-indent: -25px;
}
.q-a dd:before {
	content: "A.";
	color: #ffd27f;
	font-size: 18px;
	font-weight: bold;
	margin-right: 7px;
}

.aligncenter{ text-align: center; }
img.aligncenter{ display: block; margin: auto; }
.li-n{ list-style: none; }
.mt0{margin-top: 0!important;}
.mt10{ margin-top: 10px!important; }
.mt30{ margin-top: 30px!important; }
.mt50{ margin-top: 50px!important;}
.mt80{ margin-top: 80px!important; }
.mb0{margin-bottom: 0!important;}
.mb10{ margin-bottom: 10px!important; }
.mb30{ margin-bottom: 30px!important; }
.mb50{ margin-bottom: 50px!important;}
.mb80{ margin-bottom: 80px!important; }
.pl0{ padding-left: 0!important; }

.f08em{ font-size: .8em!important; }
.f12em{ font-size: 1.2em!important; }
.f14em{ font-size: 1.4em!important; }
.f17em{ font-size: 1.7em!important; }
.f20em{ font-size: 2em!important; }

.bgorange{ background-color: #e28d2b; }
.bggray{ background-color: #666666; }

.boxyellow{
	background: #f9f6e5;
	padding: 20px 25px;
}
.boxyellow p{
	margin: 0 !important;
}

.marker{
	background: -webkit-linear-gradient(transparent 60%, #ffd27f 60%);
	background: linear-gradient(transparent 60%, #ffd27f 60%);
}
.yellow{ color: #ffd27f; }
.orange{ color: #e28d2b; }
.red{ color: #b90f31; }
.red2{ color: #e2574c; }
.brown{ color: #b99768; }

.img-cmt{ margin-bottom: 5px!important; }
.cmt { margin-top: 0!important; }

.youtube{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 641px){
	.pc{ display: block; }
	.sp{ display: none; }
	.box_gry{ padding: 10px 30px; }
	#wrap.kimono6 .cv-content{ height: auto; }
}
@media screen and (max-width: 640px){
	.pc{ display: none; }
	.sp{ display: block; }
	.box_gry{ padding: 5px 15px; }
	#wrap.kimono6 .cv-content{
		padding: 1rem 0;
		height: auto;
	}
	table.swipe{
		position: relative;
		display: block;
		width: calc(100vw - 3.0rem);
		font-size: 0;
		overflow-x: scroll;
	}
	table.swipe:before{
		position: absolute;
		content: "";
		top: 50%;
		left: 50%;
		width: 90px;
		height: 75px;
		background: url(images/tbl_slide.png) 0 0 no-repeat;
		background-size: 90px 75px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 2;
	}
	table.swipe.close:before{
		opacity: 0;
		-webkit-transition: .3s;
		transition: .3s;
	}
	table.swipe thead, table.swipe tbody{
		display: block;
		width: -webkit-max-content;
		width: max-content;
	}
	table.swipe th, table.swipe td{ width: 100px; }
	table.swipe tbody th{
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		line-height: 1.4;
		z-index: 1;
	}
	table.swipe thead th.th1{
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 1;
	}
	table.swipe tbody th:before, table.swipe thead th.blank:before,
	table.swipe tbody th:after, table.swipe thead th.blank:after{
		position: absolute;
		content: "";
		top: 0;
		width: 1px;
		height: 100%;
		background: #ccc;
	}
	table.swipe tbody th:before, table.swipe thead th.blank:before{
		left: -1px;
	}
	table.swipe tbody th:after, table.swipe thead th.blank:after{
		right: -1px;
	}
	table.swipe::-webkit-scrollbar{ height: 10px; }
	table.swipe::-webkit-scrollbar-track{ background: #f1f1f1; }
	table.swipe::-webkit-scrollbar-thumb{ background: #bcbcbc; }
}