@charset "utf-8";
/*!
 * guide CSS
 * ---------------------------------------------
 * 下層ページのcss
 *
 */


/*===================================
	element
=====================================*/
/*  sprite
---------------------------------*/

/*{
	background-image: url(../images/base/sprite.png);
	background-repeat: no-repeat;
}*/

.contHead h2 {
	padding-top: 0;
}

/*===================================
	ガイドトップ
=====================================*/

.guideNavi {
	margin-top: 50px;
	line-height: 1.2;
}
.guideNavi > ul {
	overflow: hidden;
	margin-right: -30px;
}
.guideNavi > ul > li {
	display: inline-block;
	vertical-align: top;
	width: 370px;
	margin: 0 30px 20px 0;
}
.guideNavi > ul > li > a {
	display: block;
	position: relative;
	margin-bottom: 22px;
	padding: 17px 20px;
	background: #eee;
	font-size: 20px;
	/*font-weight: 600;*/
	font-weight: 500;
}
.guideNavi > ul > li > a:after {
	position: absolute;
	top: 50%;
	right: 22px;
	width: 9px;
	height: 9px;
	margin-top: -4px;
	border-color: #e90f0f;
}
.guideNavi > ul > li > a:hover {
	opacity: .7;
}
.guideNavi li li {
	margin-bottom: 0.8em;
	padding-left: 1em;
	font-size: 18px;
	text-indent: -1em;
	line-height: 1.6;
}
.guideNavi li li:before {
	content: "・";
	display: inline;
}
.guideNavi li li a {
	/*text-decoration: underline;*/
}
.guideNavi li li a:hover {
	text-decoration: none;
}
.guideNavi li li a:after {
	display: none;
}

/*===================================
	共通
=====================================*/

.pageNavi {
	margin-bottom: 50px;
}
.pageNavi li {
	display: inline-block;
	vertical-align: top;
	margin: 0 25px 15px 0;
}
.pageNavi a {
	color: #e90f20;
	/*font-weight: 600;*/
	font-weight: 500;
}
.pageNavi.arrow.down a:after {
	width: 10px;
	height: 10px;
	margin: -7px 0 0 8px;
	border-color: #e90f20;
}
.pageNavi a:hover {
	text-decoration: underline;
}
.sec {
	overflow: hidden;
	margin-bottom: 50px;
	line-height: 1.6;
}
.sec p {
	margin-bottom: 1.6em;
}
.sec p .note {
	display: block;
	font-size: 13px;
}
.sec p.execute {
	margin: 2em 0 4em;
}
.sec h4 {
	margin-bottom: 1em;
	font-size: 18px;
}
.sec a {
	color: #e90f20;
}
.sec a:hover {
	text-decoration: underline;
}
.guideList {
	margin-top: 2em;
}
.guideList li {
	overflow: hidden;
}
.guideList div {
	clear: right;
	float: left;
	width: 470px;
	margin-bottom: 40px;
}
.guideList figure {
	float: right;
	width: 370px;
	margin-bottom: 40px;
}
.sec .guideList li p:nth-last-of-type(1) {
	margin-bottom: 0;
}

/*===================================
	ご注文について
=====================================*/

.orderNavi {
	margin: 2em 0 50px;
	padding: 20px;
	border: solid 8px #eee;
}
.orderNavi h3 {
	margin-bottom: 1em;
	font-size: 18.2px;
}
.orderNavi li,
.methodNavi li {
	margin-bottom: 0.8em;
	padding-left: 1em;
	text-indent: -1em;
}
.orderNavi li:before,
.methodNavi li:before {
	content: "・";
	display: inline;
}
.orderNavi li a:hover,
.methodNavi li a:hover {
	text-decoration: underline;
}
.order #Step5 figure + p {
	clear: both;
}
.methodNavi {
	margin: 1em 0 2em;
}
.methodNavi li {
	margin-bottom: 0.5em;
}
.methodCont li,
.otherList li {
	margin-bottom: 40px;
}
.guideList .methodCont div,.guideList .methodCont figure {
	margin-bottom: 0;
}

/*===================================
	よくあるご質問
=====================================*/

.faq .sec {
	margin-bottom: 40px;
}
.faq .sec .lato {
	font-size: 22px;
}
.faq .sec .ttl__sec .lato {
	padding-right: 17px;
	color: #666;
}
.faq .sec .ttl__sec + .lato {
	float: left;
	width: 56px;
	color: #e90f20;
	text-align: center;
}
.faq .sec div {
	margin-left: 56px;
	padding-top: 5px;
}
.faq .sec div p{
	margin-bottom: 0;
}
.faq .sec div .dem li {
	margin-bottom: 1.6em;
}

/*===================================
	特定商取引法に基づく表記
=====================================*/

.notationSec {
	line-height: 1.6;
}
.notationSec a {
	color: #e90f20;
}
.notationList dt {
	margin-bottom: 0.5em;
	font-size: 18px;
	/*font-weight: 600;*/
	font-weight: 500;
}
.notationList dd {
	margin-bottom: 2.6em;
}
.notationList dd .disc li {
	margin-bottom: 1em;
}
.notationList dd p {
	margin-bottom: 1.6em;
}
.notationList dd .disc li:nth-last-of-type(1),
.notationList dd p:nth-last-of-type(1) {
	margin-bottom: 0;
}

/*===================================
	プライバシーポリシー
=====================================*/

.privacySec {
	line-height: 1.6;
}
.privacySec a {
	color: #e90f20;
}
.privacylist h3 {
	display: inline;
	font-size: 18px;
	/*font-weight: 600;*/
	font-weight: 500;
}
.privacylist > li {
	font-size: 18px;
	/*font-weight: 600;*/
	font-weight: 500;
	margin-bottom: 2.6em;
}
.privacylist h3 + p {
	margin-top: 0.7em;
}
.privacylist li p {
	margin-bottom: 1.6em;
	font-size: 16px;
	font-weight: normal;
}
.privacylist li li {
	font-size: 16px;
	font-weight: normal;
}
.privacylist li p:nth-last-of-type(1) {
	margin-bottom: 0;
}
.privacylist li ol {
	margin-top: 1.6em;
}
.privacylist h4 {
	font-size: 16px;
}
.privacylist .sign {
	margin-top: 1.6em;
	font-size: 16px;
	font-weight: normal;
	text-align: right;
}
.infoCont {
	margin: 2em 0 50px;
	padding: 20px;
	border: solid 8px #eee;
}
.infoCont dt {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

@media screen and (max-width: 752px) {

	/*===================================
		ガイドトップ
	=====================================*/

	.guideNavi > ul {
		margin-right: 0;
	}
	.guideNavi > ul > li {
		display: block;
		width: auto;
		margin: 0 0 50px;
	}
	.guideNavi > ul > li > a {
		margin-bottom: 30px;
		padding: 19px 24px;
		font-size: 34px;
	}
	.guideNavi > ul > li > a:after {
		right: 35px;
		width: 15px;
		height: 15px;
		margin-top: -6px;
		border-width: 2px;
	}
	.guideNavi li li {
		margin-bottom: 1em;
		font-size: 30px;
	}

	/*===================================
		共通
	=====================================*/

	.pageNavi {
		margin: 0 20px 50px;
	}
	.pageNavi li {
		display: block;
		margin: 0 0 1em;
	}
	.pageNavi li a {
		font-size: 28.5px;
	}
	.pageNavi.arrow.down a:after {
		width: 15px;
		height: 15px;
		margin: -7px 0 0 18px;
		border-width: 2px;
	}
	.sec {
		padding: 0 20px;
	}
	.sec p {
		font-size: 28px;
	}
	.sec p .note {
		font-size: 24px;
	}
	.sec p.execute {
		margin: 100px 0;
	}
	.sec h4 {
		font-size: 32px;
	}
	.guideList div {
		margin-bottom: 0;
	}
	.guideList div,
	.guideList figure {
		float: none;
		width: auto;
	}
	.guideList figure {
		margin-top: 50px;
		margin-bottom: 100px;
	}

	/*===================================
		ご注文について
	=====================================*/

	.orderNavi {
		padding: 24px;
		border-width: 10px;
	}
	.orderNavi h3 {
		font-size: 32px;
	}
	.orderNavi li {
		margin-bottom: 1em;
		font-size: 28px;
	}
	.methodCont li,
	.otherList li {
		margin-bottom: 100px;
	}

	/*===================================
		よくあるご質問
	=====================================*/

	.faq .sec .lato {
		font-size: 34px;
	}
	.faq .sec .ttl__sec + .lato {
		width: 77px;
	}
	.faq .sec div {
		margin-left: 77px;
	}

	/*===================================
		特定商取引法に基づく表記
	=====================================*/

	.notation .contHead h2 {
		font-size: 55px;
	}
	.notationList dt {
		font-size: 28px;
	}

	/*===================================
		プライバシーポリシー
	=====================================*/

	.privacylist > li,
	.privacylist h3,
	.infoCont dt {
		font-size: 28px;
	}
	.privacylist li p,.privacylist li li,.privacylist h4,.privacylist .sign {
		font-size: 24px;
	}
	.infoCont {
		padding: 24px;
		border-width: 10px;
	}
}