/* CSS Document */

/******************************************/
/* コンテンツ */
/******************************************/
#LpPage {
	overflow: hidden;
}

#ContentsArea {
	padding: 0px 0px 0px 0px;
	background-image: none;
}

.contentPartsFooter {
	width: 100%;
}


.topBlownBorder {
	padding-top: 0px;
	border-top: 1px #ead2a0 solid;
}


.contentParts > p {
	margin-top: 0px;
}

/******************************************************/
/* コンテンツ枠 */
.contentParts .leftParts {
	width: 100%; max-width: 300px;
	margin: 0px auto 20px auto;
	line-height: 180%;
	text-align: justify;
	text-justify: inter-ideograph;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: start; /* 水平方向の揃え */
	justify-content: start;

	-webkit-align-items: stretch; /* 垂直方向の揃え */
	align-items: stretch;

	-webkit-align-content: space-between; /* 行の揃え */
	align-content: space-between;

	-webkit-flex-direction: row;
	flex-direction: row;


}

.contentParts .leftParts div:nth-child(1) {
	width: 120px;
}

.contentParts .leftParts div:nth-child(2) {
	width: 170px;
}

.contentParts .leftParts div img.item {
	margin: 0px 5px 0px 5px;
	display: block;
}
.contentParts .leftParts p {
	color: #F38B5A;
}



.contentParts .rightParts {
	width: 100%;
	line-height: 180%;
	text-align: justify;
	text-justify: inter-ideograph;
}



.contentParts .rightParts p {
	margin-top: 0px;
}



.contentParts .itemTitle {
	width: 100%;
	margin-bottom: 20px;
	padding: 3px 10px 3px 10px;
	border-left: 5px #000000 solid;
	text-align: left;
	font-size: 1.6em;
	font-weight: normal;
	box-sizing: border-box;
}

.merit {
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.merit dt {
	width: 100%;
	max-width: 340px;
	margin: 0px auto 10px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.merit dd {
	width: 100%;
	max-width: 300px;
	margin: 0px auto 10px auto;
	padding: 0px 0px 0px 0px;
	line-height: 180%;
}

.merit dt img {
	width: 90%;
	margin: 0px auto 0px auto;
}

.merit .blue,
.merit .green {
	width: 100%; height: auto;
	min-height: 90px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.merit .blue strong,
.merit .green strong {
	width: 25px; height:auto;
	padding: 5px 5px 5px 5px;
	box-sizing: border-box;
	background-color: #293866;

	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-align: center;
	line-height: 100%;
	color:#ffffff;

	display: block;
}

.merit .green strong {
	background-color: #666629;
}

.merit .blue span,
.merit .green span {
	width: 100%; height:auto;
	padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	border: 1px #000000 solid;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;

	text-align: left;
}

.merit .green span {
	border: 1px #000000 solid;
	border-top: none;
}


.cautionary {
	width: 100%;
	border-top: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-left: 1px #666666 solid;
	border-collapse:collapse;

}

.cautionary th {
	width: 100%;
	padding: 2px 2px 2px 2px;
	box-sizing: border-box;
	background-color: #D0E9A5;
	border-bottom: 1px #666666 solid;
	text-align: left;
	font-weight: normal;
	display: block;
}


.cautionary td {
	width: 100%;
	padding: 2px 2px 2px 2px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-bottom: 1px #666666 solid;
	text-align: left;
	display: block;
}

.contentParts > p.price {
	width: 100%;
	margin-top: 20px;
	font-size: 1.2em;
}

.cath {
	width: 100%;
	font-size: 1.2em;
	color: #A04A2D;
}


.masui {
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.masui dd {
	width: 250px;
    margin: 10px auto 30px auto;
    padding: 15px 20px 20px 20px;

    border: 1px #000000 solid;
	box-sizing: border-box;

	display: block;
	position: relative;
}

.masui dd span {
	width: 120px;
	margin: 0px auto 0px auto;
	padding: 5px 20px 5px 20px;
	background-color: #00134C;
	border-radius: 15px 15px 15px 15px;
	color: #ffffff;
	display: block;
	position: absolute;
	top: -15px;
	left: 0;
  	right: 0;
}



.goldline {
	margin-bottom: 20px;
}

.contentParts h4.price {
	font-size: 1.2em;
}


/** pc（フロート）・スマートフォン（縦）**/
/** pc **/
@media screen and (min-width: 641px){

	#LpPage {
		min-width: 930px;
	}

	/******************************************/
	/* ヘッダー */
	#headerSlim #lpHeaderParts {
		width: 880px;
		padding: 15px 0px 15px 0px;
		box-sizing: border-box;
		position: relative;
	}

	/******************************************************/
	/* コンテンツ枠 */

	.contentParts .leftParts {
		width: 300px;
		margin: 0px 0px 0px 0px;
	}

	.contentParts .rightParts {
		width: 540px;
	}

	.cautionary th {
		width: 20%;
		border: 1px #666666 solid;
		display: table-cell;
	}

	.cautionary td {
		width: 80%;
		border: 1px #666666 solid;
		display: table-cell;
	}

	.masui {
		-webkit-flex-direction: row;
		flex-direction: row;
	}


	.masui dd {
		width: 250px;
	    margin: 10px 0px 0px 0px;
	    padding: 15px 20px 20px 20px;
	}


	.merit .blue,
	.merit .green {
		width: 100%; height: 90px;
	}

}