@charset "utf-8";

/*****************************************************

contents.css
-----------------------------------
1: parts for PC
-----------------------------------
2: parts for Smartphone
-----------------------------------
ex: clearfix

******************************************************/

/*=================================

	1: parts for PC

================================*/

#main {
	font-size: 22px;
	font-size: 2.2rem;
}
#index .boxLayout01 > .inner,
#index .boxLayout02 > .inner,
#index .boxLayout03 > .inner,
#index .boxLayout04 > .inner,
#index .boxLayout05 > .inner,
#index .boxLayout06 > .inner {
	width: 950px;
	margin: 0 auto;
}
#index .imgHeading {
	padding-top: 35px;
	text-align: center;
}
#index .boxLayout01 {
	height: 530px;
	padding-top: 30px;
	background: url(/ph/kourai-ninjin/img/index_main_bg01.png) repeat-x 0 0 #ffffff;
}
#index .boxLayout01 h1 {
	padding-left: 60px;
}
#index .boxLayout02 {
	background-color: #ffffff;
}
#index .boxLayout03 {
	background-color: #f8f8f8;
}
#index .boxLayout04 {
	position: relative;
	background: url(/ph/kourai-ninjin/img/index_main_bg02.png) repeat 0 0;
}
#index .boxLayout04:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 58px;
	background: url(/ph/kourai-ninjin/img/index_bg02.gif) repeat-x 0 0;
}
#index .boxLayout04 > .inner {
	position: relative;
	padding-top: 58px;
}
#index .boxLayout04 > .inner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: 58px;
	margin-left: -475px;
	background: url(/ph/kourai-ninjin/img/index_bg01.jpg) no-repeat 0 0;
}
#index .boxLayout04 .tableCol01 > .img {
	width: 557px;
	vertical-align: middle;
	text-align: left;
}
#index .boxLayout04 .tableCol01 > .txt {
	width: 393px;
	padding-left: 20px;
	font-size: 22px;
	font-size: 2.2rem;
	vertical-align: middle;
	text-align: left;
}
#index .boxLayout05 {
	padding-bottom: 50px;
	background: url(/ph/kourai-ninjin/img/index_main_bg03.png) repeat 0 0;
}
#index .boxLayout05 > .bgBox01 {
	background: url(/ph/kourai-ninjin/img/index_bg03.png) no-repeat 50% 50%;
}
#index .boxLayout05 > .bgBox01 > .inner {
	width: 950px;
	margin: 0 auto;
}
#index .boxLayout05 > .bgBox01 .img01 {
	text-align: center;
}
#index .boxLayout05 .txt01 {
	margin-top: 10px;
	text-align: center;
}
#index .boxLayout06 {
	padding: 45px 0 70px;
	background: #ffffff;
}
#index .boxLayout06 .btnLink01 {
	margin-top: 70px;
	text-align: center;
}


/* detail */
#detail .boxLayout01 > .inner,
#detail .boxLayout02 > .inner,
#detail .boxLayout03 > .inner {
	width: 950px;
	margin: 0 auto;
}
#detail .imgHeading01 {
	padding-top: 30px;
	text-align: center;
}
#detail .imgHeading02 {
	padding-top: 60px;
	text-align: center;
}
#detail .boxLayout01 {
	background: url(/ph/kourai-ninjin/img/detail_main_bg01.png) repeat 0 0;
}
#detail .boxLayout01 .tableCol01 h1 {
	width: 617px;
}
#detail .boxLayout01 .tableCol01 .snsArea {
	width: 333px;
	vertical-align: middle;
	text-align: right;
}
#detail .boxLayout02 > .inner {
	background: #ffffff;
	padding-bottom: 60px;
}
#detail .boxLayout02 .tableCol01.type01 {
	margin-top: 35px;	
}
#detail .boxLayout02 .tableCol01.type01 > .img {
	width: 449px;
	vertical-align: middle;
}
#detail .boxLayout02 .tableCol01.type01 > .txt {
	width: 501px;
	text-align: left;
	vertical-align: middle;
}
#detail .boxLayout02 .dlList01 + .dlList01 {
	margin-top: 20px;
}
#detail .boxLayout02 .dlList01 > dd {
	margin-top: 0.5em;
	font-size: 20px;
	font-size: 2.0rem;
}
#detail .boxLayout02 .tableCol01.type02 {
	position: relative;
	width: 909px;
	margin: 40px auto 31px;
	background: url(/ph/kourai-ninjin/img/detail_bg02.png) repeat-y 0 0;
}
#detail .boxLayout02 .tableCol01.type02:before {
	content: "";
	position: absolute;
	top: -28px;
	left: 0;
	width: 100%;
	height: 28px;
	background: url(/ph/kourai-ninjin/img/detail_bg01.png) no-repeat 0 0;
}
#detail .boxLayout02 .tableCol01.type02:after {
	content: "";
	position: absolute;
	bottom: -31px;
	left: 0;
	width: 100%;
	height: 31px;
	background: url(/ph/kourai-ninjin/img/detail_bg03.png) no-repeat 0 0;
}
#detail .boxLayout02 .tableCol01.type02 > .headline {
	width: 230px;
	padding: 0 15px 0 25px;
	color: #3d1100;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}
#detail .boxLayout02 .tableCol01.type02 > .txt {
	width: 679px;
	padding: 0 55px 0 30px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
	vertical-align: middle;
	border-left: solid 1px #cccccc;
}
#detail .boxLayout02 .tableCol01.type02 .linkTxt01 {
	margin-top: 1em;
}
#detail .boxLayout02 .tableCol01.type02 .linkTxt01 a {
	display: inline-block;
	padding-left: 25px;
	color: #333333;
	text-decoration: none;
	background: url(/ph/kourai-ninjin/img/detail_ic03.png) no-repeat 0 0;
}
#detail .boxLayout02 .tableCol01.type02 .linkTxt01 a:hover {
	text-decoration: underline;
}
#detail .boxLayout02 .tableWrap01 {
	width: 820px;
	margin: 30px auto 0;
}
#detail .boxLayout02 .table01 {
	width: 100%;
	font-size: 20px;
	font-size: 2.0rem;
	border-top: solid 1px #a47800;
	border-left: solid 1px #a47800;
}
#detail .boxLayout02 .table01 th,
#detail .boxLayout02 .table01 td {
	padding: 18px 25px;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #a47800;
}
#detail .boxLayout02 .table01 .lv01 {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #ad221f;
}
#detail .boxLayout03 {
	padding-bottom: 40px;
	background: url(/ph/kourai-ninjin/img/detail_main_bg02.png) repeat 0 0;
}
#detail .boxLayout03 .qaBox01 {
	position: relative;
	min-height: 155px;
	margin: 50px 0;
	font-size: 20px;
	font-size: 2.0rem;
	background: url(/ph/kourai-ninjin/img/detail_bg05.png) repeat-y 0 0;
}
#detail .boxLayout03 .qaBox01 + .qaBox01 {
	margin-top: 70px;
}
#detail .boxLayout03 .qaBox01:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0;
	width: 100%;
	height: 24px;
	background: url(/ph/kourai-ninjin/img/detail_bg04.png) no-repeat 0 0;
}
#detail .boxLayout03 .qaBox01:after {
	content: "";
	position: absolute;
	bottom: -32px;
	left: 0;
	width: 100%;
	height: 32px;
	background: url(/ph/kourai-ninjin/img/detail_bg06.png) no-repeat 0 0;
}
#detail .boxLayout03 .qaBox01 > dt {
	position: relative;
	padding: 22px 85px 24px 175px;
	color: #3d1100;
	font-weight: bold;
	line-height: 1.2;
}
#detail .boxLayout03 .qaBox01 > dt:before {
	content: "";
	position: absolute;
	left: 88px;
	top: 0;
	height: 74px;
	width: 74px;
	z-index: 1;
	background: url(/ph/kourai-ninjin/img/detail_ic01.png) no-repeat 0 0;
}
#detail .boxLayout03 .qaBox01 > dt:after {
	content: "";
	position: absolute;
	left: 95px;
	bottom: 0;
	height: 3px;
	width: 761px;
	background: url(/ph/kourai-ninjin/img/detail_bg07.png) no-repeat 0 0;
}
#detail .boxLayout03 .qaBox01 > dd {
	position: relative;
	padding: 22px 85px 5px 265px;
}
#detail .boxLayout03 .qaBox01 > dd:before {
	content: "";
	position: absolute;
	left: 175px;
	top: 13px;
	height: 74px;
	width: 74px;
	background: url(/ph/kourai-ninjin/img/detail_ic02.png) no-repeat 0 0;
	z-index: 1;
}
#detail .boxLayout04 {
	padding: 100px 0 60px;
}
#detail .boxLayout04 .btnLink01 {
	text-align: center;
}


/* common */
.snsList {
	text-align: right;
	line-height: 20px;
}
.snsList > li {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
}
.snsList > li + li {
	margin-left: 10px;
}
.tableCol01 {
	display: table;
	width: 100%;
}
.tableCol01 > * {
	display: table-cell;
}
.figureCol {
}
.figureCol > .imgR {
	float: right;
	margin-left: 15px;
}
.figureCol > .imgL {
	float: left;
	margin-right: 15px;
}
.figureCol > .txt {
	overflow: hidden;
	zoo: 1;
}
.figureCol.break > .imgR,
.figureCol.break > .imgL {
	margin-bottom: 10px;
}
.figureCol.break > .txt {
	overflow: inherit;
	zoo: 1;
}
.paragraph01 {
	margin-top: 1em;
}
.leadTxt01 {
	margin-top: 25px;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
}
.leadTxt01 + * {
	margin-top: 15px;
}
.figure01 {
	margin-top: 40px;
}
.noteTxt01 {
	position: relative;
	padding-left: 1.0em;
	font-size: 80%;
}
.noteTxt01 > .ast {
	position: absolute;
	top: 0;
	left: 0;
}

/*=================================

	2: parts for SP

================================*/
@media only screen and (max-width: 640px) {
#main {
	font-size: 14px;
	font-size: 1.4rem;
}
/* index */
#index .boxLayout01 > .inner,
#index .boxLayout02 > .inner,
#index .boxLayout03 > .inner,
#index .boxLayout04 > .inner,
#index .boxLayout05 > .inner,
#index .boxLayout06 > .inner {
	width: 100%;
	padding: 0 10px;
}
#index .imgHeading {
	padding-top: 15px;
}
#index .boxLayout01 {
	height: auto;
	padding-top: 10px;
	-webkit-background-size: contain;
					background-size: contain;
}
#index .boxLayout01 h1 {
	margin-top: 15px;
	padding: 0 0 70px 0;
}
#index .boxLayout02 > .inner {
	padding: 0;
}
#index .boxLayout03 {
	margin-top: 15px;
}
#index .boxLayout04 {
	padding-bottom: 15px;
}
#index .boxLayout04:before {
	display: none;
}
#index .boxLayout04 > .inner:before {
	display: none;
}
#index .boxLayout04 .tableCol01 > .img {
	width: 100%;
}
#index .boxLayout04 .tableCol01 > .txt {
	width: 100%;
	margin-top: 10px;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
}
#index .boxLayout05 {
	padding-bottom: 15px;
}
#index .boxLayout05 .imgHeading img {
	width: 70%;
}
#index .boxLayout05 > .bgBox01 {
	margin: 10px 0;
	background: none;
}
#index .boxLayout05 > .bgBox01 > .inner {
	width: 100%;
	padding: 0 10px;
}
#index .boxLayout05 > .bgBox01 .img01 {
	text-align: center;
}
#index .boxLayout05 .txt01 {
	margin-top: 10px;
	text-align: center;
}
#index .boxLayout06 {
	padding: 35px 0 50px;
	background: #ffffff;
}
#index .boxLayout06 .inner > .img01 {
	margin-bottom: 10px;
	text-align: center;
}
#index .boxLayout06 .inner > .img01 img {
	width: 60%;
	height: auto;
}
#index .boxLayout06 .btnLink01 {
	margin-top: 30px;
}
#index .boxLayout06 .btnLink01 img {
	width: 90%;
}

/* detail */
#detail .boxLayout01 > .inner,
#detail .boxLayout02 > .inner,
#detail .boxLayout03 > .inner {
	width: 100%;
	padding: 0 10px;
}
#detail .imgHeading01 {
	padding-top: 15px;
}
#detail .imgHeading02 {
	padding-top: 20px;
}
#detail .boxLayout01 {
	background: none;
}
#detail .boxLayout01 > .inner {
	padding: 0;
}
#detail .boxLayout01 .tableCol01 h1 {
	width: 100%;
	padding: 0 10px;
	background: url(/ph/kourai-ninjin/img/detail_main_bg01.png) repeat 0 0;
}
#detail .boxLayout01 .tableCol01 .snsArea {
	margin-top: 10px;
	padding: 0 10px;
	width: 100%;
}
#detail .boxLayout02 > .inner {
	background: #ffffff;
	padding-bottom: 30px;
}
#detail .boxLayout02 .tableCol01.type01 {
	margin-top: 15px;	
}
#detail .boxLayout02 .tableCol01.type01 > .img {
	width: 100%;
}
#detail .boxLayout02 .tableCol01.type01 > .img img {
	width: 100%;
}
#detail .boxLayout02 .tableCol01.type01 > .txt {
	width: 100%;
	margin-top: 10px;
}
#detail .boxLayout02 .dlList01 + .dlList01 {
	margin-top: 10px;
}
#detail .boxLayout02 .dlList01 > dt img {
	width: 80%;
}
#detail .boxLayout02 .dlList01 > dd {
	font-size: 14px;
	font-size: 1.4rem;
}
#detail .boxLayout02 .tableCol01.type02 {
	position: relative;
	width: 100%;
	margin: 20px 0 0;
	padding: 5px;
	background: #ffffff;
	-webkit-box-shadow: 0 2px 3px 2px #dddddd;
					box-shadow: 0 2px 3px 2px #dddddd;
}
#detail .boxLayout02 .tableCol01.type02:before {
	display: none;
}
#detail .boxLayout02 .tableCol01.type02:after {
	display: none;
}
#detail .boxLayout02 .tableCol01.type02 > .headline {
	width: 100%;
	padding: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
	background: #f5f5f5;
}
#detail .boxLayout02 .tableCol01.type02 > .txt {
	width: 100%;
	padding: 0 10px 10px;
	font-size: 13px;
	font-size: 1.3rem;
	background: #f5f5f5;
	border-left: none;
}
#detail .boxLayout02 .tableCol01.type02 .linkTxt01 a {
	padding-left: 15px;
	background-position: 0 0.3em;
	background-size: 11px 11px;
}
#detail .boxLayout02 .tableCol01.type02 .linkTxt01 a:hover {
	text-decoration: none;
}
#detail .boxLayout02 .spSize01 {
	width: 40%;
}
#detail .boxLayout02 .tableWrap01 {
	width: 100%;
	margin: 20px 0 0;
}
#detail .boxLayout02 .table01 {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}
#detail .boxLayout02 .table01 tbody,
#detail .boxLayout02 .table01 tr {
	display: block;
}
#detail .boxLayout02 .table01 th,
#detail .boxLayout02 .table01 td {
	display: block;
	padding: 10px;
	border-right: solid 1px #a47800;
}
#detail .boxLayout02 .table01 .lv01 {
	text-align: left;
}
#detail .boxLayout03 {
	padding-bottom: 20px;
}
#detail .boxLayout03 .imgHeading02 img {
	width: 40%;
}
#detail .boxLayout03 .qaBox01 {
	position: relative;
	min-height: 0 !important;
	margin: 15px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	background: #ffffff;
	-webkit-box-shadow: 0 2px 3px 2px #bdba96;
					box-shadow: 0 2px 3px 2px #bdba96;
}
#detail .boxLayout03 .qaBox01 + .qaBox01 {
	margin-top: 10px;
}
#detail .boxLayout03 .qaBox01:before {
	display: none;
}
#detail .boxLayout03 .qaBox01:after {
	display: none;
}
#detail .boxLayout03 .qaBox01 > dt {
	display: block;
	padding: 20px 28px 20px 55px;
}
#detail .boxLayout03 .qaBox01 > dt:before {
	left: 10px;
	top: 10px;
	height: 37px;
	width: 37px;
	background-size: 37px 37px;
}
#detail .boxLayout03 .qaBox01 > dt:after {
	left: auto;
	right: 10px;
	top: 50%;
	bottom: auto;
	height: 0;
	width: 0;
	margin-top: -5px;
	border-top: solid 10px #a3201d;
	border-right: solid 6px transparent;
	border-bottom: solid 10px transparent;
	border-left: solid 6px transparent;
	background: none;
}
#detail .boxLayout03 .qaBox01 > dt.open:after {
	margin-top: -15px;
	border-top: solid 10px transparent;
	border-bottom: solid 10px #c0992b;
}
#detail .boxLayout03 .qaBox01 > dd {
	display: none;
	position: relative;
	border-top: solid 1px #d6cdc9;
	padding: 20px 10px 20px 55px;
}
#detail .boxLayout03 .qaBox01 > dd:before {
	left: 10px;
	top: 10px;
	height: 37px;
	width: 37px;
	-webkit-background-size: 37px 37px;
					background-size: 37px 37px;
}
#detail .boxLayout04 {
	padding: 35px 0 50px;
	background: #ffffff;
}
#detail .boxLayout04 .btnLink01 img {
	width: 90%;
}


/* common */
.spFullBox {
	margin-left: -10px;
	margin-right: -10px;
}
.tableCol01 {
	display: block;
}
.tableCol01 > * {
	display: inherit;
}
.figureCol {
}
.figureCol > .imgR,
.figureCol > .imgL {
	float: none;
	margin: 0 0 10px 0;
}
.figureCol > .imgR img,
.figureCol > .imgL img {
	width: 100%;
}
.figureCol > .txt {
	overflow: hidden;
	zoo: 1;
}
.figureCol.break > .imgR,
.figureCol.break > .imgL {
	margin-bottom: 10px;
}
.leadTxt01 {
	margin-top: 15px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}
.figure01 {
	margin-top: 20px;
}
.noteTxt01 {
	position: relative;
	padding-left: 1.0em;
	font-size: 80%;
}
.noteTxt01 > .ast {
	position: absolute;
	top: 0;
	left: 0;
}
}


/*=================================

	clearfix

=================================*/
.figureCol:after {
	content: "";
	display: block;
	clear: both;
}
.figureCol {
	zoom: 1;
}