@charset "utf-8";

img {vertical-align: bottom;}

.marB05 {margin-bottom: 5px;}
.marB10 {margin-bottom: 10px;}
.marB15 {margin-bottom: 15px;}
.marB20 {margin-bottom: 20px;}
.marB30 {margin-bottom: 30px;}
.marB40 {margin-bottom: 40px;}
.marB50 {margin-bottom: 50px;}
.marB60 {margin-bottom: 60px !important;}

body{
	font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HiraMinProN-W6";
	color: #491b05;
}
.txtC {text-align: center;}


.wrapper {
	text-align: center;
	width: 100%;
}
#contents {
	width: 750px;
	margin: 0 auto;
}
@media screen and (max-width: 750px){
	#contents {
		width: 100%;
	}
}



.fv__cart {
	background-image: url(../img/fv_cart.png);
	width: 960px;
	height: 195px;
	position: relative;
}
.fv__btn {
	position: absolute;
	right: 53px;
	top: 54px;
}

/* -----------------------------
	sec01
----------------------------- */
.sec01__box01 {
	background-image: url(../img/sec01_img01.png);
	width: 960px;
	height: 266px;
	margin: 0 auto;
	position: relative;
}
.sec01__box02 {
	background-image: url(../img/sec01_img02.png);
	width: 960px;
	height: 227px;
	margin: 0 auto;
	position: relative;
}
.sec01__box01 p,
.sec01__box02 p {
	position: absolute;
	font-weight: bold;
	text-align: left;
	font-size: 120%;
	line-height: 1.5;
	width: 495px;
}
.sec01__box01 p {top: 160px;left: 415px;}
.sec01__box02 p {top: 126px;left: 105px;}
.sec01__box03 {
	background-image: url(../img/sec01_img03.png);
	width: 960px;
	height: 270px;
	margin: 0 auto;
	position: relative;
}
.sec01__box0301,
.sec01__box0302,
.sec01__box0303 {
	position: absolute;
	font-weight: bold;
	font-size: 110%;
}
.sec01__box0301 {bottom: 53px;left: 127px;}
.sec01__box0302 {bottom: 53px;left: 379px;}
.sec01__box0303 {bottom: 53px;left: 689px;}
.sec01__box04 {
	background-image: url(../img/sec01_img04.png);
	width: 960px;
	height: 163px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 200%;
	line-height: 1.3;
}

/* -----------------------------
	cart
----------------------------- */
.cartBox {
	padding: 30px 0;
	text-align: center;
	margin-bottom: 50px;
}
.cartBox__block01 {
	background-image: url(../img/cart_img02.png);
	width: 868px;
	height: 205px;
	margin: 0 auto 20px;
	position: relative;
}
.cartBox__block01 a {
	position: absolute;
	right: 25px;
	bottom: 21px;
}
.cartBox__block02 {
	background-image: url(../img/cart_img04.png);
	width: 868px;
	height: 320px;
	margin: 0 auto 20px;
	position: relative;
}
.cartBox__block02 a {
	position: absolute;
	right: 25px;
	bottom: 29px;
}

/* -----------------------------
	regcart
----------------------------- */

.regcartBox {
	margin: 0 auto 50px;
	text-align: center;
	width: 97%;
}

.regcartBox__box {
	border: 5px solid #fb7306;
	margin: 0 0 20px 0;
}
.regcartBox__box__head {
	position: relative;
	background: #fb7306;
	padding: .5% 0 .5% 2%;
	text-align: left;
}
.regcartBox__box__body {
	padding: 1% 0 0;
}
.regcartBox__box__head .head__ico {
	position: absolute;
	right: 3%;
	top: -5%;
}
.regcartBox__box__head .head__under {
	margin: -0.9% 0 0;
}
.regcartBox__box__block01,
.regcartBox__box__block02 {
	letter-spacing: -.40em;
	position: relative;
}
.regcartBox__btn__box {
	position: absolute;
	right: 3%;
	bottom: 23%;
}
.regcartBox__box__block01__left,
.regcartBox__box__block02__left {
	display: inline-block;
	width: 36%;
	letter-spacing: normal;
	padding: 0 0 0 2%;
}
.regcartBox__box__block01__right,
.regcartBox__box__block02__right {
	display: inline-block;
	width: 60%;
	letter-spacing: normal;
	vertical-align: top;
	padding: 1% 0 0 2%;
	text-align: left;
}
.regcartBox__box__block01__right .btn__under,
.regcartBox__box__block02__right .btn__under {
	text-align: center;
}
.regcartBox__box__note {
	padding: 2% 0;
}
.regcartBox__attention {
	border: 3px dotted #999999;
	padding: 2% 1.5%; /* 1% 1.5% */
	text-align: left;
}
.regcartBox__attention {
	font-family: "メイリオ", Meiryo, "YuGothic", "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
	padding
}
.regcartBox__attention .regcartBox__attention_ttl {
	font-size: 1.5em;
	color: #F8690A;
	line-height: 1.4em;
	text-align: left;
}
.regcartBox__attention .regcartBox__attention_cont {
	padding: 0 0 .6em;
}
.regcartBox__attention .regcartBox__attention_cont li{
	font-size: 1.14em; /* 1.2em */
	color: #535353;
	line-height: 1.5em;
	text-align: left;
}
.regcartBox__attention .regcartBox__attention_cont li a:link{color: #535353;}
.regcartBox__attention .regcartBox__attention_cont li a:hover{color: #535353;}
.regcartBox__attention .regcartBox__attention_cont li a:visited{color: #535353;}
.regcartBox__attention .regcartBox__attention_cont li a:active{color: #535353;}

/* -----------------------------
	sec02
----------------------------- */
#sec02 h4 {
	text-align: left;
	position: absolute;
	font-size: 180%;
	line-height: 1.2;
}
#sec02 p {
	text-align: left;
	position: absolute;
	font-size: 130%;
	line-height: 1.5;
}
.sec02__box01 {
	background-image: url(../img/sec02_img02.png);
	width: 960px;
	height: 385px;
	position: relative;
	font-weight: bold;
}
.sec02__box01 h4 {
	left: 425px;
	top: 55px;
	width: 350px;
}
.sec02__box01 p {
	left: 424px;
	top: 143px;
	width: 400px;
}
.sec02__box02 {
	background-image: url(../img/sec02_img03.png);
	width: 960px;
	height: 273px;
	position: relative;
	font-weight: bold;
}
.sec02__box02 h4 {
	left: 189px;
	top: 42px;
	width: 350px;
}
.sec02__box02 h4 sup {
	font-size: 50%;
}
.sec02__box02 p {
	left: 189px;
	top: 88px;
	width: 420px;
}
.sec02__box02 p span {
	font-size: 50%;
}
.sec02__box03 {
	background-image: url(../img/sec02_img04.png);
	width: 960px;
	height: 340px;
	position: relative;
	font-weight: bold;
}
.sec02__box03 h4 {
	left: 415px;
	top: 45px;
	width: 350px;
}
.sec02__box03 p {
	left: 399px;
	top: 94px;
	width: 400px;
}
.sec02__box04 {
	background-image: url(../img/sec02_img05.png);
	width: 960px;
	height: 261px;
	position: relative;
	font-weight: bold;
}
.sec02__box04 h4 {
	left: 105px;
	top: 7px;
}
.sec02__box04 p {
	left: 110px;
	top: 57px;
	width: 460px;
}

/* -----------------------------
	sec03
----------------------------- */

#sec03 img {
    position: relative;
    margin-top: -3%;
}


/* -----------------------------
	voice
----------------------------- */
#voice {
	border: 20px solid #d5caa5;
	background-color: #f3ecd3;
	padding: 40px 20px;
}
#voice h3 {
	background-image: url(../img/sec04_img01.png);
	width: 560px;
	height: 49px;
	padding-top: 45px;
	font-size: 300%;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 20px;
}
#voice h4 {
	position: absolute;
	font-size: 150%;
	font-weight: bold;
	color: #de0000;
	line-height: 1.5;
	width: 350px;
	text-align: left;
}
.voice__box01 p,
.voice__box02 p,
.voice__box03 p {
	position: absolute;
	font-weight: bold;
}
.voice__box01 {
	background-image: url(../img/sec04_img02.png);
	width: 845px;
	height: 226px;
	margin: 0 auto 20px;
	position: relative;
}
.voice__box01 h4 {
	left: 232px;
	top: 44px;
}
.voice__box01 p {
	left: 232px;
	top: 173px;
}
.voice__box02 {
	background-image: url(../img/sec04_img03.png);
	width: 845px;
	height: 226px;
	margin: 0 auto 20px;
	position: relative;
}
.voice__box02 h4 {
	left: 283px;
	top: 44px;
}
.voice__box02 p {
	left: 283px;
	top: 173px;
}
.voice__box03 {
	background-image: url(../img/sec04_img04.png);
	width: 845px;
	height: 226px;
	margin: 0 auto;
	position: relative;
}
.voice__box03 h4 {
	left: 233px;
	top: 63px;
}
.voice__box03 p {
	left: 233px;
	top: 173px;
}

/* -----------------------------
	qa
----------------------------- */
#qa {
	text-align: center;
}
#qa h3 {
	margin-bottom: 30px;
}
#qa dl {
	width: 825px;
	margin: 0 auto;
	text-align: left;
	font-size: 140%;
}
#qa dt {
	color: #e4b01a;
	margin-bottom: 15px;
	padding-left: 20px;
}
#qa dd {
	border: 1px solid #e4b01a;
	padding: 20px;
	margin-bottom: 40px;
	line-height: 1.4;
}


/* -----------------------------
	dataBox
----------------------------- */
#dataBox {
	padding-bottom: 50px;
}
#dataBox h3 {
	background-image: url(../img/data.png);
	width: 960px;
	height: 100px;
	line-height: 100px;
	font-size: 300%;
	font-weight: bold;
}
#dataBox h4 {
	margin-bottom: 13px;
	font-size: 150%;
	color: #de0000;
}
.dataBox__left {
	float: left;
	width: 545px;
	padding-top: 60px;
	padding-left: 65px;
}
.dataBox__right {
	float: right;
	width: 257px;
	padding-top: 60px;
	padding-right: 65px;
}
#dataBox table,
#dataBox td,
#dataBox th {
	border-collapse: collapse;
	border:1px solid #e4b01a;
	padding: 15px;
	text-align: left;
	line-height: 1.2;
}
#dataBox th {
	width: 5em;
}
#dataBox table {
	margin-bottom: 10px;
}
#dataBox table span {
	color: #de0000;
}
#dataBox ul li {
	text-align: left;
	text-indent: -1.3em;
	padding-left: 1.3em;
	line-height: 1.6;
	font-size: 85%;
}


/* -----------------------------
	howtoBox
----------------------------- */
.howtoBox {
	background-color: #f5efd7;
	padding: 50px 0;
}
.howtoBox h3 {
	font-size: 280%;
	margin-bottom: 30px;
	font-weight: bold;
}
.howtoBox__inner {
	background-color: #ffffff;
	padding: 30px 50px;
	width: 580px;
	margin: 0 auto;
}
.howtoBox h4 {
	font-size: 180%;
	padding: 10px;
	background-color: #e4b01a;
	margin-bottom: 10px;
	font-weight: bold;
}
.howtoBox p {
	font-size: 125%;
	line-height: 1.7;
}
.howtoBox strong {
	font-size: 130%;
}
.howtoBox .payL {float: left;padding-left: 20px;}
.howtoBox .payL p {display: block;width: 250px;line-height: 1em;padding-top: 10px;}
.howtoBox .payL img {float: left;}
.howtoBox .payL span {float: right;width: 75%;font-size: 65%;text-align: left;}
.howtoBox .payR {float: right;padding-right: 102px;}
.howtoBox .fuki {position: absolute;right: -76px;bottom: 7px;}
.howtoBox__box {position: relative;}

/* -----------------------------
	endArea
----------------------------- */
#endArea {
	background-color: #f5efd7;
	width: 960px;
	text-align: center;
	padding: 50px 0 10px;
}
#endArea .link a {text-decoration: none;color: #491b05;}
#endArea .copy {font-size: 80%;}
#endArea strong {font-size: 150%;}

/* -----------------------------
	link
----------------------------- */

/* -----------------------------
	link
----------------------------- */
.linkBox {
	width: 43em;
	margin: 10px auto 10px;
}
.link01,.link02,.link03,.link04,.link05 {float: left;padding-right: 1em;}
.link01 a,.link02 a,.link03 a,.link04 a,.link05 a,#endArea a {text-decoration: none;color: #491b05;}
.modal > label {
	cursor: pointer;
	display: inline-block;
	text-decoration: underline;
}
#endArea .modal > label {
	text-decoration: none;
}
.modal-overlay {
	background:#000;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align:center;
	overflow: auto;
}
.modal-wrap {
	position: relative;
	margin: 0 auto;
	width: 70%;
	padding-top: 50px;
	background-color: #ffffff;
	text-align: left;
	padding: 20px;
	line-height: 1.4;
}
.modal-wrap h3 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 20px;
}
.modal-wrap h4 {
	font-weight: bold;
}
.modal-wrap .btn {
	padding-top: 10px;
	margin: 0 auto;
	text-align: center;
}
.modal-wrap .btn label {
	width: 200px;
	height: 50px;
	line-height: 50px;
	border: 2px solid #333333;
	background-color: #CECECE;
	font-size: 180%;
	font-weight: bold;
}
.modal-wrap label {
	color: #000;
	cursor: pointer;
	display: inline-block;
}
.modal-wrap .btn.top {
	position: absolute;
	right: 1.2em;
	top: .7em;
}
.modal-wrap .btn.top label {
	width: 53px;
	height: 53px;
}
.item_list_btn input {
	position: absolute;
	z-index: -9999;
	visibility: hidden;
}
.modal-overlay {
	opacity:0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-moz-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-ms-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-o-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	z-index: -999;
}
input:checked ~ .modal-overlay {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-0-transform: scale(1);
	transform: scale(1);
	z-index: 999;
}
.modal-wrap table {width: 100%;}
.modal-wrap table,
.modal-wrap td,
.modal-wrap th {
	border-collapse: collapse;
	border:1px solid #333;
	padding: 10px;
}
.modal-wrap th {
	background-color: #E7F7FF;
}
.popupBox h3 {font-size: 250%;}



.popupBoxEnd .modal-wrap {padding: 0;width: 960px;}
.popupBoxEnd__inner {padding: 20px 70px;}
.popupBoxEnd__inner h3 {text-align: center;font-size: 300%;}
.popupBoxEnd__inner h4 {font-size: 180%;margin-bottom: 20px;}
.popupBoxEnd__inner dl {font-size: 140%;margin-bottom: 40px;}
.popupBoxEnd__inner dt {color: #e4b01a; margin-bottom: 10px;}
.popupBoxEnd__inner dd {color: #491b05;}
.adTxt {
	float: left;
	width: 60%;
}
.adImg {
	float: right;
	width: 40%;
}

/* -----------------------------
	clearfix
----------------------------- */
.cfx:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.cfx{
	display: inline-block;
}
/* Hides from IE Mac */
* html .cfx{
	height: 1%;
}
.cfx{
	display:block;
}
/* End Hack */