@charset "utf-8";
/* CSS Document */
.hover{ -webkit-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.hover:hover{opacity: .7;}
.pc_in{display: inline-block!important;} 
.sp_in{display: none!important;} 
.pc{display: block!important;} 
.sp{display: none!important;} 
#container{width: 100%;}
@media only screen and (max-width:768px) {
    .pc_in{display: none!important;}   
    .sp_in{display: inline-block!important;} 
    .pc{display: none!important;}   
    .sp{display: block!important;} 
}


.title1{ font-size: 3.0rem; line-height: 3.0rem; font-weight: 400; font-family: inherit; text-align: center; margin: 30px auto 80px; }
.title2{ font-size: 2.2rem; line-height: 2.2rem; font-weight: 400; text-align: center; margin: 0 auto 40px; max-width: 965px; }
.title3{ font-size: 1.4rem; line-height: 1.4rem; font-weight: 600; text-align: center; margin: 0 auto 30px; max-width: 965px; }
@media screen and (max-width: 768px) {
	.title1 { font-size: 1.5rem; line-height: 1.5rem; margin: 0 auto 60px; max-width: calc(100% - 50px); }
	.title2 { font-size: 1.5rem; line-height: 1.5rem; margin-bottom: 38px; max-width: calc(100% - 50px); }
	.title3 { font-size: 1.3rem; line-height: 1.3rem; margin-bottom: 30px; max-width: calc(100% - 50px); }
}

#contents.top_bg .white { background: #fff; padding: 128px 0 120px; }
@media screen and (max-width: 768px) {
	#contents.top_bg{ padding-top: 60px;}
	#contents.top_bg .white { padding: 40px 0 61px; }
}
/***********************************************************************
**	INPUT
***********************************************************************/
#cart input[type=text],
#cart input[type=email],
#cart input[type=reset],
#cart input[type=submit],
#cart textarea,
#cart select {
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
#cart input[type=text],
#cart input[type=email],
#cart textarea,
#cart select {
	padding: 0 15px;
	height: 36px;
	background: #ffffff;
	/*border: solid #cccccc 1px;*/
	font-size: 1.3rem;
}/*
**	INPUT
*/
#cart select::-ms-expand { display: none; }
::-webkit-input-placeholder { color:#ccc; font-weight: normal; }
:-ms-input-placeholder { color:#ccc; font-weight: normal; }
::-moz-placeholder { color:#ccc; font-weight: normal; }
#cart button, #cart input, #cart select, #cart textarea  { appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:none; border-radius:0; }
#cart input[type="text"], #cart input[type="password"], #cart input[type="tel"], #cart input[type="email"], #cart input[type="number"] { padding: 5px 15px; height: 36px; background: #fff; border: solid #ccc 1px; font-size: 1.3rem; box-sizing: border-box;}
#cart input[type="radio"], input[type="checkbox"] { position:relative; border:solid #d9d9d9 1px; vertical-align:top; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline:none; }
#cart input[type="radio"] { width:16px; height:16px; margin-top:10px; margin-bottom:12px; margin-right:5px; border-radius:50%; background:#fff; border:1px solid #777; }
#cart input[type="radio"]:checked:before { content:''; position:absolute; left:2px; top:2px; width:10px; height:10px; border-radius:5px; background:#111; }
#cart input[type="checkbox"] { width:16px; height:16px; margin-top:10px; margin-bottom:12px; margin-right:5px; background:#fff; border:1px solid #777; }
#cart input[type="checkbox"]:checked { background:#777; }

span.select { position:relative; display:inline-block; overflow:hidden; border:solid #d9d9d9 1px; height:35px; background:#fff; box-sizing: border-box; }
span.select:after { content:''; position:absolute; right:32px; top:0; width:1px; height:36px; background:#ccc; pointer-events:none; }
span.select.disabled:after { content:none; } /* 下矢印消す */
span.select select { font-size:1.3rem; line-height:26px; padding:0 32px 0 16px; border:none; width:100%; height:35px; vertical-align:top;  background-size:9px; }
span.radio { position:relative; display:inline-block; padding-left:24px; }
span.radio input[type="radio"] { position:absolute; left:0; top:0; }
span.checkbox { position:relative; display:inline-block; padding-left:21px;}
span.checkbox input[type="checkbox"] { position:absolute; left:0; top:1px; }
span.textarea { display:block; background:#fff; border:solid #d9d9d9 1px; font-size: 0!important;}
span.textarea textarea { width:100%; height:200px; font-size:1.3rem; line-height:26px; padding:10px 13px; resize: vertical;}
@media only screen and (max-width:768px) {
	#cart input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { font-size:1.3rem; line-height:28px; padding:6px 10px; border:0.5px solid #ccc; height: 40px; }
	#cart input[type="radio"] { width:20px; height:20px; margin:9px 5px 9px 0; border-radius:50%; background:#fff; box-sizing:border-box; border:0.5px solid #777; }
	#cart input[type="radio"]:checked:before { content:''; position:absolute; left:2px; top:2px; width:14px; height:14px; border-radius:50%; background:#111; }
	#cart input[type="checkbox"] { width:12px; height:12px; margin:6px 5px 10px 0; }
    span.select select { background-size:11.5px; }
    span.select:after { right:38px; top:0; width:1px; height:40px; }
    span.select select { height:40px; }
    span.checkbox { min-height:20px; }
    span.textarea textarea { height:160px;}
	span.select select { appearance: none; position:relative; font-size:1.3rem; line-height:28px; padding:5.5px 10.5px; color:#555; }
	span.checkbox { padding-left:14px; }
}
/***********************************************************************
**	INPUT
***********************************************************************/
div.basic input[type=text],
div.basic input[type=email],
div.basic input[type=reset],
div.basic input[type=submit],
div.basic textarea,
div.basic select {
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	line-height: normal;
}
div.basic input[type=text],
div.basic input[type=email],
div.basic textarea,
div.basic select { padding: 0 15px; height: 40px; background: #ffffff; border: solid #cccccc 1px; font-size: 1.4rem; line-height: 1.4rem; }/*
**	INPUT
*/
div.basic select::-ms-expand { display: none; }
::-webkit-input-placeholder { color:#b4b4b4; }
:-ms-input-placeholder { color:#b4b4b4; }
::-moz-placeholder { color:#b4b4b4; }
div.basic button, div.basic input, div.basic select, div.basic textarea  { appearance:none; -webkit-appearance:none; -moz-appearance:none; border: none; outline:none; border-radius:0; resize: vertical; }
div.basic input[type="text"], div.basic input[type="password"], div.basic input[type="tel"], div.basic input[type="email"], div.basic input[type="number"] { padding: 5px 15px; height: 40px; background: #fff; border: solid #d9d9d9 1px; font-size: 1.4rem; box-sizing: border-box;}
div.basic input[type="radio"], div.basic input[type="checkbox"] { position:relative; border:1px solid #d9d9d9; vertical-align:top; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline:none; }
div.basic input[type='radio']{ position: absolute; left: 0; top: 2px; width: 14px; height: 14px; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none; border: 1px solid #d9d9d9; border-radius: 50%; box-sizing: border-box; background: #fff;}
div.basic input[type='radio']:checked::before{content: ""; position: absolute; left: 3px; top: 3px; width: 6px; height: 6px; background: #000; border-radius: 50%;}
div.basic input[type="checkbox"] { appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none; border: 1px solid #d9d9d9; box-sizing: border-box; width: 14px; height: 14px;}
div.basic input[type="checkbox"]:checked::before {content: ""; position: absolute; left: 3px; top: 3px; background: #000; width: 6px; height: 6px;}

div.basic span.select { position:relative; display:inline-block; overflow:hidden; border:1px solid #d9d9d9; width: 190px; height:40px; background:#fff; box-sizing: border-box; }
div.basic span.select::after { content:''; position:absolute; right:34px; top:0; width:1px; height:40px; background:#d9d9d9; pointer-events:none; }
div.basic span.select::before { content: ""; position: absolute; right: 11px; top: 16px; width:11px; height: 7px; background:  url(https://file.lounie.jp/common/icon/arrow_cart.png) no-repeat center; pointer-events: none;}
div.basic span.select.disabled:after { content:none; } /* 下矢印消す */
div.basic span.select select { font-size:1.2rem; line-height:1.2rem; padding:0 32px 0 16px; border:none; width:100%; height:40px; }
div.basic span.radio { position:relative; display:inline-block; padding-left:24px;}
div.basic span.radio input[type="radio"] { position:absolute; left:0; top:calc(50% - 7px); }
div.basic span.checkbox { position:relative; display:inline-block; padding-left:21px; min-height:15px; }
div.basic span.checkbox input[type="checkbox"] { position:absolute; left:0; top:11px; }
div.basic .address span.textarea { display:inline-block;}
div.basic span.textarea { display:block; background:#fff; font-size: 0!important;}
div.basic span.textarea textarea { width:100%; height:136px; font-size:1.4rem; line-height:26px; padding:10px 15px; resize: vertical;}
@media only screen and (max-width:768px) {
	div.basic input[type="text"], div.basic input[type="password"], div.basic input[type="tel"], div.basic input[type="email"] { font-size:1.3rem; line-height:1.3rem; padding:6px 10px; border:1px solid #d9d9d9; height: 50px; }
	div.basic input[type="radio"]{ position: absolute; left: 0; top: 3px; width: 15px; height: 15px; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none; border: 1px solid #d9d9d9; border-radius: 50%; box-sizing: border-box; background: #fff; top: 1px;}
	div.basic input[type="radio"]:checked::before{content: ""; position: absolute; left: 3px; top: 3px; width: 7px; height: 7px; background: #000; border-radius: 50%;}
	div.basic input[type="checkbox"]{ position: absolute; left: 0; top: 3px; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none; border: 1px solid #d9d9d9; box-sizing: border-box; width: 15px; height: 15px;}
	div.basic input[type="checkbox"]:checked::before {content: ""; position: absolute; left: 3px; top: 3px; background: #000; width: 7px; height: 7px;}
    div.basic span.select select {}
	div.basic span.select::before { right: 11px; top: 22px; z-index: 1; width: 7px; height: 5px; background:  url(https://file.lounie.jp/common/icon/arrow_cart2.png) no-repeat center; background-size: 7px;}
    div.basic span.select::after { right:30px; top:0; width:1px; height:50px; }
    div.basic span.select select { height:50px; }
    div.basic span.checkbox { min-height:20px; }
	div.basic span.checkbox input[type="checkbox"] { top:6px; }
	div.basic span.textarea { display:block;}
	div.basic .address span.textarea { display:block;}
    div.basic span.textarea textarea { height:160px;}
	div.basic span.select select { appearance: none; position:relative; font-size:1.3rem; line-height:1.3rem; padding:5.5px 10.5px;}
}
/***********************************************************************
**		シングルカラムページ
***********************************************************************/
h1.pagetitle { font-size:1.8rem; line-height: 2.4rem; font-weight:bold; padding-bottom:14px; border-bottom:1px solid #d9d9d9; text-align:left; letter-spacing:0.05em; max-width:680px; margin:0 auto; position: relative; }
h3.pagetitle { font-size:1.8rem; line-height: 2.4rem; font-weight:bold; padding-bottom:21px; border-bottom:1px solid #d9d9d9; text-align:left; letter-spacing:0.05em; max-width:680px; margin:0 auto; position: relative; }
p.pagenote { font-size:1.4rem; line-height:1.4rem; text-align:left; max-width:965px; margin:20px auto 0; }
article.single { max-width:965px; margin: auto; overflow:hidden; }
article.single p.catch { font-size:1.4rem; line-height:2.4rem; letter-spacing:0.05em; text-align: center;}
article.single p.catch+p.catch { margin-top: 20px;}
article.single p.caution { color:#bc0c0c; font-size:1.2rem; line-height:2.4rem; margin-top:20px; }
article.single div.catch p { font-size:1.4rem; line-height:2.4rem; letter-spacing:0.05em; }
article.single div.catch p~p { margin-top:8px; }
article.single div.catch p a { color: #b4b4b4; }
article.single a.underline { display: inline-block; text-decoration: underline; }
article.single .accbox { display:inline-block; margin:35px auto 0; box-sizing: border-box;}
article.single .accbox h1 { font-size:2.2rem; line-height:2.2rem; font-weight:400; margin-bottom:30px; text-align:center; }
article.single .accbox ul { text-align:left; }
article.single .accbox ul li~li { margin-top:20px; }
article.single .accbox ul li label { display:inline-block; font-size:1.2rem; line-height:24px; padding-top:7px; padding-bottom:7px; width:94px; }
article.single .accbox ul li input { width:274px; }
article.single .accbox a.lostpassword { margin-top:30px; font-size:16px; line-height:24px; }
article.single .accbox a.underline:after { bottom:2px; }
article.single .accbox .button_large { margin-top:40px; }
article.single .bonus { display: inline-block; margin-top:55px; }
article.single .bonus p { font-size:16px; line-height: 28px; }
article.single .bullet { margin-top:10px; }
article.single .bullet p { position:relative; padding-left:1em; text-align:left; line-height: 24px; }
article.single .bullet p:before { content:'・'; position:absolute; left:0; top:0; }
article.single .note { margin-top:10px; }
article.single .note p { position:relative; padding-left:1em; text-align:left; font-size:1.2rem; line-height: 24px; letter-spacing:0.05em; }
article.single .note p:before { content:'※'; position:absolute; left:0; top:0; }
article.single .top_caution { font-size:1.4rem; line-height:1.4rem; color:#f74747; font-weight:500; margin-bottom:26px; }
@media only screen and (max-width:768px) {
	h1.pagetitle { font-size:1.4rem; line-height: 20px; font-weight:bold; padding-bottom:10px; border-bottom:0.5px solid #d9d9d9; max-width:none;  margin:0 15px; }
    h3.pagetitle { font-size:1.4rem; line-height: 20px; font-weight:bold; padding-bottom:11px; border-bottom:0.5px solid #d9d9d9; max-width:none;  margin:0 15px; }
	p.pagenote { font-size:1.0rem; line-height:1.9rem; text-align:center; max-width:100%; margin:32px 15px 0; }
	article.single { max-width:none; margin:0; }
	article.single p.catch { font-size:1.2rem; line-height:20px; text-align:center; letter-spacing:0; }
	article.single div.catch p { font-size:1.3rem; line-height:2.5rem; letter-spacing:0; }
	article.single div.catch p~p { margin-top:2px; }
	article.single .accbox { display:block; padding:15px; border:0.5px solid #d9d9d9; margin:12px 12px 0; }
	article.single .accbox h1 { font-size:1.5rem; line-height:1.5rem; margin-bottom:28px; }
	article.single .accbox ul { text-align:left; }
	article.single .accbox ul li~li { margin-top:12px; }
	article.single .accbox ul li label { display:inline-block; font-size:14px; line-height:30px; padding:0; width:94px; }
	article.single .accbox ul li input { width:100%; }
	article.single .accbox a.lostpassword { margin-top:20px; font-size:15px; line-height:24px; font-weight:bold; }
	article.single .accbox a.underline:after { bottom:-2px; }
	article.single .accbox .button_large { margin-top: 30px; }
	article.single .bonus { display: inline-block; margin-top:35px; }
	article.single .bonus p { font-size:13px; line-height: 21px; }
	article.single .bullet { margin-top:10px; }
	article.single .bullet p { position:relative; padding-left:1em; text-align:left; line-height: 24px; }
	article.single .bullet p:before { content:'・'; position:absolute; left:0; top:0; }
	article.single .note { margin-top:10px; }
	article.single .note p { position:relative; padding-left:1em; text-align:left; font-size:1.1rem; line-height: 18px; letter-spacing:0; }
	article.single .caution { color:#f13748; font-size:16px; line-height:28px; margin-top:30px; }
	article.single .top_caution { font-size:1.3rem; line-height:1.3rem; margin-bottom:14px; }
/*	article.single .buttons { margin-top:20px; margin-left:15px; margin-right: 15px; }
*/	article.single .buttons { margin-top:20px; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction:column-reverse;}
	div#confirm section.cart article.single .buttons { margin-top:20px;  } /*cart confirmページだけ他のcssが上書きされているため一時的に記述 */
}
/***********************************************************************
	各種ボタン
***********************************************************************/
.next_step{ margin-top: 60px; display: flex; align-items: center; justify-content: center;}
.btns { user-select:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; width:275px; height:60px; border:1px solid #000; background:#fff; box-sizing: border-box; color: #000; transition: all .2s ease 0s; cursor: pointer;}
.next_step .btns~.btns { margin-left: 20px;}
.btns_buy {display: flex;}
.btns.black { background:#000; color: #fff; transition: all .2s ease 0s;}
.btns.black.disabled { background:#d9d9d9; pointer-events: none; border: 1px solid #d9d9d9;}
.btns.black:hover { opacity: 0.7; cursor: pointer; }
.btns.black.agree:hover { opacity: 0.7; cursor: pointer; }
.btns a { width:100%; height: 100%; display: flex; align-content: center; justify-content: center; transition: none;}
.btns form { height: 100%;}
.btns p { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; line-height: 1.4rem; letter-spacing: 0.08em; align-self: center; padding-top: 1px; color: inherit;}
.btns:hover{ background-color: #000; border-color: #000; color: #fff;}
.amazon_btn_wrap {margin-left: 20px;}
.amazon_btn_wrap div[id^="AmazonPayButton"] {width: 272px;height: 92px;}
@media only screen and (max-width:768px) {
.btns.black{margin-bottom: 20px;}
.next_step{ margin-top: 60px; flex-direction: column-reverse;}
.btns { width:100%;}
.next_step .btns~.btns { margin-left: 0; margin-bottom: 20px;}
.btns p { font-size: 1.3rem; line-height: 1.3rem;}
.amazon_btn_wrap {margin-left: 0; margin-bottom: 20px;}
.amazon_btn_wrap div[id^="AmazonPayButton"] {width: 100%;height: 86px;}
}
/***********************************************************************
**		購入フロー共通部
***********************************************************************/

#contents.purchase{padding-bottom: 130px;}
@media only screen and (max-width:768px) {
	#contents.purchase{padding: 0 0 65px;}
}
/*
**	SECTION
*/
section.cart { position:relative;}
@media only screen and (max-width:768px) {
	section.cart { }
}

/* STEP表示部 */
section.cart { text-align: center; margin-top: 40px;}
section.cart .step { margin:0 auto 90px; display: flex; align-items: center; justify-content: center;}
section.cart .step li { position:relative; padding:0 34px 0 0; color: #b4b4b4; }
section.cart .step li~li { padding-left:36px; background:url(https://file.lounie.jp/common/icon/arrow_right1.png) left center no-repeat; }
section.cart .step li:last-of-type { padding-right:0; }
section.cart .step li p { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size:2.2rem; line-height:2.2rem; }
section.cart .step li span { display: block; font-size:1.4rem; line-height:1.4rem; letter-spacing: 0.1em; margin-top: 24px; }
section.cart .step li.active { color:#000; }
section.cart .caption { margin-top: 24px; }
section.cart .caption p { font-size:1.3rem; line-height:24px; letter-spacing:0.05em; }
section.cart h1 { font-size: 1.8rem; line-height: 1.8rem; font-weight: 400; text-align: left; margin-bottom: 28px;}
section.cart h1 p.message { font-size:1.3rem; font-weight:normal; color:#bc0c0c; }
section.cart .package { overflow: hidden; margin-top: 90px; }
section.cart .package.preorder { background: #fafafa; margin-top: 90px; padding: 90px 0;}
section.cart .package .inner { max-width: 945px; margin: auto;}
section.cart .noitem .btns { margin: 90px auto 0;}
@media only screen and (max-width:768px) {
	section.cart {margin-top: 0;}
	section.cart .step { margin:0 auto 58px; padding-top: 40px; white-space: nowrap;}
	section.cart .step li { padding:0 20px 0 0; display: flex; align-items: center;}
	section.cart .step li~li { padding-left:24px; background:url(https://file.lounie.jp/common/icon/arrow_right2.png) left center no-repeat; background-size: 5px 8px; }
	section.cart .step li:last-of-type { padding-right:0; }
	section.cart .step li p { font-size:1.5rem; line-height:1.5rem; }
	section.cart .step li span { padding-left: 10px; font-size:1.1rem; line-height:1.1rem; white-space: nowrap; margin-top: 0; padding-bottom: 1px; }
	section.cart .step li:not(.active) span{ display: none;}
	section.cart .caption { margin-top:20px; padding:0 15px; }
	section.cart .caption p { font-size:13px; line-height:24px; }
	section.cart .package { margin-top: 50px; }
	section.cart .package .inner{ max-width: 100%;}
	section.cart .noitem .btns { margin: 40px auto 0;}
	section.cart h1 { font-size: 1.5rem; line-height: 1.5rem; margin-bottom: 20px; }
	
	
}
.dialog_delete_back{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center; z-index:2000;}
.dialog_delete { display:inline-block; padding:40px 70px; background:#fff; color:#555; position: relative; top: 35%;}
.dialog_delete p { font-size:1.4rem; line-height:24px; }
.dialog_delete .buttons { margin-top: 30px; }
.dialog_delete .buttons .button_large { width:200px;}

.popup_register { width:960px; }
.popup_register article.single { margin:80px 0; padding-top: 0; }
.popup_register .close { position: absolute; right:24px; top:24px; width:40px; height:40px; }
.popup_register .button_large{ margin-top: 32px;}
@media only screen and (max-width:768px) {
    .dialog_delete { top: 15%; width: calc(100% - 30px); padding:30px 40px; box-sizing: border-box;}
    .dialog_delete .buttons .button_large.cancel { margin: auto; }
    .dialog_delete .buttons .button_large.ok { margin: 15px auto 0; }
    .dialog_delete .buttons .button_large p{height: initial;}
	.popup_register { width:auto; }
	.popup_register article.single { margin:40px 0; padding-top: 0; }
	.popup_register div.basic { margin:0; padding-bottom: 20px; }
	.popup_register .close { position: absolute; right:12px; top:12px; width:20px; height:20px; background-size:20px; }
}

/***********************************************************************
**		カート
***********************************************************************/
#cart section.cart .package .free_shipping{ height: 60px; background: #f2f2f2; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px;}
#cart section.cart .package .free_shipping p{ font-size: 1.4rem; line-height: 1.4rem; letter-spacing: 0.08em; color: #7f7f7f;}
#cart section.cart .package .free_shipping p span{ font-family: 'Montserrat', sans-serif; font-weight: 400;}

#cart section.cart .package ul.item { display: flex; align-items: center; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #d9d9d9; }
#cart section.cart .package ul.item li { box-sizing: border-box;}
#cart section.cart .package ul.item li.montserrat { font-family: 'Montserrat', sans-serif; font-weight: 400;}
#cart section.cart .package ul.item li.montserrat.s_bold { font-weight: 600;}


#cart section.cart .package ul.item li:nth-child(1) { text-align:left; padding-right:20px; vertical-align:top; }
#cart section.cart .package ul.item li .thumb { float:left; width:96px; padding-right:20px; }
#cart section.cart .package ul.item li a { display:block; }
#cart section.cart .package ul.item li img { width:100%; }
#cart section.cart .package ul.item li .detail { text-align: left;}
#cart section.cart .package ul.item li p { font-size: 1.2rem; line-height: 1.2rem; display: flex; align-items: center; }
#cart section.cart .package ul.item li p.icon i{ margin-top: 0; }
#cart section.cart .package ul.item li p.name { line-height: 2.4rem; }
#cart section.cart .package ul.item li p.color { margin-top: 18px;}
#cart section.cart .package ul.item li p.color span{ font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1.1rem; line-height: 1.1rem; padding-right: 6px;}
#cart section.cart .package ul.item li p.size { margin-top: 12px;}
#cart section.cart .package ul.item li p.size span{ font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1.1rem; line-height: 1.1rem; padding-right: 6px;}
#cart section.cart .package ul.item li .delete {width: 30px; height: 30px; margin: auto; background: url(https://file.lounie.jp/common/icon/close6.png) center no-repeat; background-size: 13px 12px; cursor: pointer; }
#cart section.cart .package ul { text-align: left; }
#cart section.cart .package ul li { text-align: center; font-size:1.4rem; line-height: 1.4rem; vertical-align:middle; }
#cart section.cart .package ul li:nth-child(1) { width:100px; }
#cart section.cart .package ul li:nth-child(2) { width:405px; }
#cart section.cart .package ul li:nth-child(2)::after { content: ""; clear: both; display: block;}
#cart section.cart .package ul li:nth-child(3) { width:120px;}
#cart section.cart .package ul li:nth-child(4) { width:190px; }
#cart section.cart .package ul li:nth-child(5) { width:150px; }
#cart section.cart .package ul.index { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; display: flex; align-items: center; height: 50px; box-sizing: border-box;}
#cart section.cart .package ul.index li { box-sizing: border-box;}
#cart section.cart .package ul.index li:nth-child(2) { padding-left:30px; }
#cart section.cart .package span.select { width:114px; height:44px; font-family: inherit; }
#cart section.cart .package span.select:after { right:40px; height:44px; }
#cart section.cart .package span.select select { height:44px; line-height:44px; padding-left: 30px; }
#cart section.cart .package span.select::before { content: ""; position: absolute; right: 13px; top: 10px; width: 11px; height: 20px; background:  url(https://file.lounie.jp/common/icon/arrow_cart.png) no-repeat center; pointer-events: none;}

#cart section.cart .next_step {justify-content: space-between;align-items: flex-start; flex-wrap: wrap;}
#cart section.cart .package .items { position:relative; }
#cart section.cart .package .items .total {  margin-top: 30px; width:100%; height:140px; padding: 0 44px; box-sizing: border-box; background: #f2f2f2; display: flex; align-items: center; justify-content: space-between;}
#cart section.cart .package .items .total span { font-size:1.4rem; line-height:1.4rem;}
#cart section.cart .package .items .total p { font-size:2.3rem; line-height:2.3rem; font-weight:600;}
#cart section.cart .package .notice { margin-top:56px; text-align:center; }
#cart section.cart .package .notice p { font-size:1.4rem; line-height:1.4rem; display: inline-block;}
#cart section.cart .pay-choice_wrap {max-width: 945px; margin: 28px auto 0; width: 100%;}
#cart section.cart .pay-choice {display: flex;align-items: center;margin-top: 55px;padding: 15px 45px;background: #F2F2F2;}
#cart section.cart .pay-txt {font-size: 14px;line-height: 28px;text-align: left;letter-spacing: -.1px; margin-top: 26px;}
#cart section.cart .pay-choice p {margin-right: 19px;font-size: 13px;line-height: 13px;letter-spacing: 1px;}
#cart section.cart .pay-choice ul {display: flex; align-items: center; flex-wrap: wrap;}
#cart section.cart .pay-choice ul li {height: 30px;padding: 0;}
#cart section.cart .pay-choice ul li ~ li {margin-left: 20px;}
#cart section.cart .pay-choice ul li.credit {width: 233px;background: url(https://file.lounie.jp/cart/pay-choice-credit.jpg) no-repeat;}
#cart section.cart .pay-choice ul li.amazon {width: 127px;background: url(https://file.lounie.jp/cart/pay-choice-amazon.jpg) no-repeat;}
#cart section.cart .pay-choice ul li.cash {width: 97px;background: url(https://file.lounie.jp/cart/pay-choice-cash.jpg) no-repeat;}
#cart section.cart .pay-choice ul li.gmo {width: 112px;background: url(https://file.lounie.jp/cart/pay-choice-gmo.jpg) no-repeat;}
@media only screen and (max-width:768px) {
	#cart section.cart article.single { padding-top: 0; }
	#cart section.cart .package .free_shipping{ height: 40px; margin: 0 auto 30px;}
	#cart section.cart .package .free_shipping p{ font-size: 1.0rem; line-height: 1.0rem;}
    #cart section.cart .package ul.index { display:none; }
	#cart section.cart .package ul.item { display:block; position: relative; padding: 20px 0; border-right:none; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
	#cart section.cart .package ul.item~ul { border-top:none; margin-top:0; margin-bottom:0; }
	#cart section.cart .package ul.item li { display:block; width: 100%; height:100%; }
	#cart section.cart .package ul.item li .thumb { float:left; width:72px; padding-right:15px; padding-bottom: 70px; }
	#cart section.cart .package ul.item li:nth-child(1) { width: 35px; height: 40px; padding: 0; position: absolute; left: 18px; bottom: 20px;}
	#cart section.cart .package ul.item li .delete { position: relative; left: 0; top: 0; width:100%; height:40px; border:none; margin-top:0; background: url(https://file.lounie.jp/common/icon/close7.png) top 4px center no-repeat; background-size: 12px;}
	#cart section.cart .package ul.item li .delete::before { content: "削除"; font-size: 1.1rem; line-height: 1.1rem; color: #b4b4b4; width: 100%; text-align: center; position: absolute; bottom: 4px; left: 0;}
	#cart section.cart .package ul.item li .detail { text-align: left; float: left; width: calc(100% - 87px); margin-bottom: 18px;}
	#cart section.cart .package ul.item li p.brand { font-size:1.2rem; line-height:1.2; margin-top:5px; }
    #cart section.cart .package ul.item li p.name { height: 4.48rem; overflow: hidden; font-size:1.3rem; line-height:2.3rem; margin-top:-4px; }
    #cart section.cart .package ul.item li p.color { margin: 12px 0 0; display: inline-block;}
	#cart section.cart .package ul.item li p.color span{ font-size: 1.1rem; line-height: 1.1rem; padding-right: 6px;}
	#cart section.cart .package ul.item li p.size { margin: 12px 0 0 40px; display: inline-block;}
	#cart section.cart .package ul.item li p.size span{ font-size: 1.1rem; line-height: 1.1rem; padding-right: 6px;}
	#cart section.cart .package span.select { width:80px; height:40px;}
	#cart section.cart .package span.select::before { right: 11px; top: 18px; z-index: 1; width: 7px; height: 4.5px; background:  url(https://file.lounie.jp/common/icon/arrow_cart2.png) no-repeat center; background-size: 7px 4.5px;}
	#cart section.cart .package span.select:after { right:30px; height:40px; }
	#cart section.cart .package span.select select { height:40px; padding-left: 19px; margin-top: -3px; text-align:left; padding-right: 30px;}
	#cart section.cart .package .items { position:relative; text-align:left; border-bottom:none; }
	#cart section.cart .package .items .total {  margin-top: 30px; width:100%; height:80px; padding: 0 20px;}
	#cart section.cart .package .items .total span { font-size:1.3rem; line-height:1.3rem;}
	#cart section.cart .package .items .total p { font-size:1.5rem; line-height:1.5rem;}
	#cart section.cart .package ul li:nth-child(1) {}
	#cart section.cart .package ul li:nth-child(2)::after{ display: none;}
	#cart section.cart .package ul li:nth-child(3) { padding-left: 87px; text-align: left;}
	#cart section.cart .package ul li:nth-child(4) { display: inline-block; margin-top: 18px; width: 80px; box-sizing: content-box; text-align: left;}
	#cart section.cart .package ul li:nth-child(5) { display: inline-block; width: calc(100% - 167px); padding-right: 18px;  text-align: right; vertical-align: text-top; font-size: 1.3rem; line-height: 1.3rem;}

	#cart section.cart .package .notice { margin-top:34px; }
	#cart section.cart .package .notice p { font-size:1.1rem; line-height:2.2rem; }
	#cart section.cart .package .buttons { overflow: hidden; }
	#cart section.cart .package .buttons .button_large.shopping { display:none; }
	#cart section.cart .package .buttons .button_large.continue{ float:none; margin-top:0; }
	#cart section.cart .bottom { margin:30px 15px 0; border-top:0.5px solid #d9d9d9; overflow:hidden; }
	#cart section.cart .bottom .button_large.shopping { display:block; margin-top:30px; }
	#cart section.cart .next_step {margin-top: 54px;}
	#cart section.cart .next_step .btns {order: 1;}
	#cart section.cart .btns_buy {display: block; width: 100%;order: 3;}
	#cart section.cart .pay-choice_wrap {padding: 0 25px; box-sizing: border-box;}
	#cart section.cart .pay-choice {flex-wrap: wrap;margin-top: 60px;padding: 25px 20.5px 20px;}
	#cart section.cart .pay-txt {font-size: 11px;line-height: 20px;text-align: left;margin-top: 0;order: 2;margin-bottom: 35px;}
	#cart section.cart .pay-choice p {margin-right: 0;line-height: 25px;letter-spacing: 1px;text-align: center;width: 100%; margin-bottom: 15px;}
	#cart section.cart .pay-choice ul {text-align: center;justify-content: center;}
	#cart section.cart .pay-choice ul li {height: 36px;margin: 5px 4.5px;padding: 0;}
	#cart section.cart .pay-choice ul li ~ li {margin: 5px 4.5px;}
	#cart section.cart .pay-choice ul li.credit {width: 275px;background: url(https://file.lounie.jp/cart/pay-choice-credit-sp.jpg) no-repeat; background-size: 100%;}
	#cart section.cart .pay-choice ul li.amazon {width: 149px;background: url(https://file.lounie.jp/cart/pay-choice-amazon-sp.jpg) no-repeat; background-size: 100%;}
	#cart section.cart .pay-choice ul li.cash {width: 116px;background: url(https://file.lounie.jp/cart/pay-choice-cash-sp.jpg) no-repeat; background-size: 100%;}
	#cart section.cart .pay-choice ul li.gmo {width: 274px;background: url(https://file.lounie.jp/cart/pay-choice-gmoatobarai-sp.jpg) no-repeat; background-size: 100%;}
}
/*
**	汎用的なフォームページレイアウト
*/
div.basic { width: 100%; margin: auto; text-align:left; position:relative; }
div.basic dl~dl { margin-top:27px; }
div.basic dl.border { border-bottom: 1px solid #d9d9d9; padding-bottom: 60px; }
div.basic dl.border li { padding: 0 45px; }
div.basic .costdata dl~dl { margin-top:12px; }
div.basic dl dt {}
div.basic dl dt p { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: 27px; font-size: 1.4rem; font-weight: 400; line-height: 1.4rem; padding: 16px 0 15px 45px; }
div.basic dl dd .note-text { padding: 0 45px 20px 276px; font-size:1.2rem; line-height: 2.2rem; letter-spacing: 0.05em; }
div.basic dl dd .note-text span { color: #f74747; }
div.basic dl dd .note-text i { font-style: normal; color: #f74747; }
div.basic li { padding:17px 45px 17px}
div.basic p.terms { font-size:1.2rem; line-height:2.1rem; text-align: center; margin-top:58px; }
div.basic p.terms a { color: #b4b4b4; }
div.basic dl.input { position:relative; padding-left:231px; }
div.basic dl.input~dl { margin-top:10px; }
div.basic dl.input dt { position:absolute; left:0; top:0; font-size: 1.4rem; line-height: 1.4rem; font-weight: 400; display: flex; align-items: center; height: 100%;}
div.basic dl.input.top dt { align-items: flex-start;}
div.basic dl.input.required dt span { position: relative;}
div.basic dl.input.required dt span:after { content:'＊'; position: absolute; right: -12px; top: 2px; color:#f74747; line-height:1.0rem; font-size:1.0rem;}
div.basic dl.input dd { vertical-align: middle; position: relative;}
div.basic dl.input dd i.error_txt{ position: absolute; left: 0; bottom: calc(-1rem - 5px); font-size: 1.1rem; line-height: 1.1rem; color: #f74747; font-style: normal;}
div.basic dl.input dd img.card { width: 320px; }

div.basic dl.input dd span.text.cvc_popup_trigger { margin-left:10px; color: #b4b4b4; vertical-align: baseline; cursor: pointer;}
div.basic dl.input .cvc_popup { display:none; position:absolute; left:320px; top:-40px; width:434px; z-index:10; box-shadow:0 0 10px 3px rgba(0,0,0,0.25); }
div.basic dl.input .cvc_popup img { width:100%; }
div.basic dl.input .cvc_popup .close { display:none; }

div.basic dl.input dd~dd { margin-top:14px; }
div.basic dl.input dd.border { padding-bottom:14px; border-bottom:1px solid #d9d9d9; }
div.basic dl.input dd.notopspace { margin-top:0; align-items: center;}

div.basic dl.input dd p { font-size:1.4rem; line-height: 2.4rem; letter-spacing: 0.05em; padding: 8px 40px 8px 0px;  }
div.basic dl.input dd > p { padding-top:0.9rem; padding-bottom:9px; }
div.basic dl.input dd.note { margin:0; }
div.basic dl.input dd.note p { position: relative; padding:0; padding-left:1.1em; font-size:1.1rem; line-height:18px; margin-top: 30px;}
div.basic dl.input dd.note p~p{ margin-top: 4px;}
div.basic dl.input dd.note p:before { content:'※'; position: absolute; left:0; top:0; }
div.basic dl.input dd.note.non-ask p { padding-left: 0; }
div.basic dl.input dd.note.non-ask p:before { display: none; }

div.basic dl.input dd > span.select { padding:0; margin-left:20px;}
div.basic dl.input dd > span.select:first-child { margin-left:0; }
div.basic dl.input dd > input {}
div.basic dl.input dd > input:not([type="hidden"])~input { margin-left: 20px;}
div.basic dl.input dd > input:first-child { margin-left:0; }
div.basic dl.input dd span.radio span { display:inline-block; font-size:1.4rem; line-height:24px; padding:6px 0 6px; vertical-align: top; }
div.basic dl.input dd span.checkbox span { display:inline-block; font-size:1.4rem; line-height:24px; padding:6px 0 6px; vertical-align: top; }

div.basic dl.input dd > span{font-size: 1.2rem;}
div.basic dl.input dd > span~span { margin-left:50px; vertical-align: bottom; }
div.basic dl.input dd > span~span.br { margin-left:0;}
div.basic dl.input dd > span.text { margin-left:20px; display:inline-block; font-size:1.4rem; line-height:20px; vertical-align: bottom; }

div.basic dl.input dd span.select.block { display:block; margin-left: 0; }

div.basic dl > dd > ul > li[data-open] { display:none; }
div.basic dl > dd > ul > li[data-open].open { display:block; }

/* input / select の幅 */
div.basic dl.input dd input.name { width:230px; }
div.basic dl.input dd input.postal { width:480px; }
div.basic dl.input dd span.select.region { width:230px; }
div.basic dl.input dd input.address { width:480px; }
div.basic dl.input dd textarea.address { width:478px; height: 40px; overflow: hidden; resize: none; line-height: normal;}
div.basic dl.input dd input.tel { width:480px; }
div.basic dl.input dd input.email { width:480px; }
div.basic dl.input dd input.user_id { width:480px; }
div.basic dl.input dd input.user_pw { width:480px; }
div.basic dl.input dd span.select.birth_y { width:170px; }
div.basic dl.input dd span.select.birth_y+span { margin-left: 10px; }
div.basic dl.input dd span.select.birth_m { width: 90px; margin-left: 60px; }
div.basic dl.input dd span.select.birth_m+span { margin-left: 10px; }
div.basic dl.input dd span.select.birth_d { width: 90px; margin-left: 60px; }
div.basic dl.input dd span.select.birth_d+span { margin-left: 10px; }
div.basic dl.input dd span.card_expiration { width:90px; }
div.basic dl.input dd span.card_paycount { width:150px; margin: 20px 0 0 20px!important; }
div.basic dl.input dd input.card_number { width:280px; }
div.basic dl.input dd input.card_holder { width:280px; }
div.basic dl.input dd input.card_cvc { width:150px; }
div.basic dl.input dd span.select.case { width:345px; }
div.basic dl.input dd input.order_id { width:345px; }

/*
**	170802 追加　一時的なフォーム、テキストエリア
*/
div.basic dl.temporary_aera{ margin-top:60px;}
div.basic dl.white_area dd span.checkbox span { display:inline-block; font-size:14px; line-height:25px; padding:6px 0 0 14px; vertical-align: top; }
div.basic li.temporary { border: none; padding:0; margin-bottom:54px; }
div.basic li.temporary .white_area{ border: 1px solid #d9d9d9; background:#fff; padding:32px; text-align:center;}
div.basic li.temporary .white_area div{ display:inline-block; text-align:left;}
div.basic li.temporary .white_area div > dd > p.sub_ttl{ font-size: 18px; line-height: 26px; font-weight: bold; padding-bottom: 4px; text-align: center;  letter-spacing: 0.05em;}
div.basic li.temporary .white_area div > dd > span{ display:block;}
div.basic li.temporary .white_area div > dd > span.checkbox{ min-height:22px;}
div.basic li.temporary .white_area div > dd > span.checkbox input[type="checkbox"]{ margin-bottom: 6px;}
div.basic li.temporary .white_area .note{ margin: 6px 0 0; padding-left: 34px;}
div.basic li.temporary .white_area .note p{ position: relative; padding-left: 0; text-align: left; font-size: 12px; line-height: 22px; letter-spacing: 0.05em;}
div.basic li.temporary .white_area .note p:before{display:none;}

div.basic li.temporary_border{ border:1px solid #d9d9d9; margin-bottom:54px;}
div.basic li dl.temporary_aera{ margin-top:60px;}
div.basic li .normal_area{ padding:4px 38px 8px; text-align:left;}
div.basic li .normal_area div{ display:inline-block; text-align:left;}
div.basic li .normal_area div > dd > p.sub_ttl{ font-size: 18px; line-height: 26px; font-weight: bold; padding:6px 0 2px; text-align: left;  letter-spacing: 0.05em;}
div.basic li .normal_area div > dd > p{font-size: 14px; line-height: 20px; letter-spacing: 0.05em; padding-top: 10px;}
div.basic li .normal_area div > dd > span{ display:block;}
div.basic[data-open="atodene"]{ padding-top: 0;}
div.basic li dl.atobarai{ padding-left: 276px;}
div.basic li dl.atobarai dt{ padding-left: 0;}
div.basic li dl.atobarai dt img.atobarai{ width: 187px;}
div.basic li dl.atobarai dd{ margin-top: 34px;}
div.basic li dl.atobarai dd p{ font-size: 1.3rem; line-height: 2.4rem;}
div.basic li dl.atobarai dd p .red{ color: #f74747;}

.amazon div.basic li {padding: 28px 45px 26px;}
.amazon div.basic > form > dl > dt {position: relative;}
.amazon div.basic .changeAmazon {position: absolute;top: 9px; right: 10px; border: 1px solid #000; padding: 5px 19px 6px;font-size: 12px; color: #000;}
.amazon div.basic dl.input dt {align-items: baseline;top: 4px;}
.amazon div.basic dl dt p {padding: 17px 0 17px 45px;letter-spacing: 1px;}
.amazon div.basic dl.input dd.border {padding-bottom: 39px;}
.amazon div.basic dl.input dd > span:not(.textarea) {font-size: 1.4rem;line-height: 24px;}
.amazon div.basic dl.input dd.border {border-bottom: none;}
.amazon div.basic .remarks {padding-top: 33px;}
@media only screen and (max-width:768px) {
	div.basic { width: 100%; box-sizing: border-box; padding:20px 0 0; border: none; }
    div.basic dl { clear: both;  }
	div.basic dl~dl { margin-top:16px; }
	div.basic .costdata dl~dl { margin-top:6px; }
	div.basic dl dt { padding-left: 0; }
	div.basic dl dt p { font-size:1.3rem; line-height:1.3rem; padding:18px 25px 17px; margin-bottom: 16px; }
	div.basic dl dd .note-text { padding: 0 25px; font-size:1.0rem; line-height: 2rem; }
	div.basic dl.border {padding-bottom:40px;}
	div.basic dl.border li{padding:20px 25px 0;}
	div.basic li { padding:21px 25px 19px;}
	div.basic p.terms { font-size:1.3rem; line-height:2.5rem; margin-top:34px; }
	div.basic dl.input { position:relative; padding-left:0; min-height:38px; }
	div.basic dl.input~dl { margin-top:14px; }
	div.basic dl.input dt { position:unset; font-size:1.3rem; line-height: 1.3rem; padding:0 0 14px;}
	div.basic dl.input dd~dd { margin-top:14px; }
	div.basic dl.input dd i.error_txt{ font-size: 1.0rem; line-height: 1.0rem;}
	div.basic dl.input dd img.card{ width: 100%;}
	div.basic dl.input dd > span:not(:last-of-type) { margin-right:12px; }
	div.basic dl.input dd > span.radio { padding-left: 22px; margin-top: 10px; margin-left: 15px;}
	div.basic dl.input dd > span.text { font-size:1.3rem; padding: 9px 0 0; margin: 0;}
	div.basic dl.input dd > span.text > span { display: block; margin-left: 15px;}
	div.basic dl.input dd span.select { width:100%; height: 50px; padding:0; display: inline-block; }
    
    div.basic dl.input dd > span~span { margin-left:0; }
	div.basic dl.input dd > span~span.br{ margin-left: 15px;}
	div.basic dl.input dd span.text.cvc_popup_trigger { margin-left: 0; padding-top: 14px; }
	div.basic dl.input .cvc_popup { left:0; top:-40px; width:100%; }
    div.basic dl.input dd span.checkbox span { font-size:1.3rem; line-height:1.3rem; }
	div.basic dl.input dd > p { padding-top:9px; padding-bottom:9px; }
	div.basic dl.input dd.note p { padding-left:1.0em; font-size:1.0rem; line-height:1.9rem; }
    div.basic dl.input dd.note p~p {  margin-top: 16px; }
    div.basic dl.input.required dt span:after { font-size:1.3rem; line-height: 1.3rem; top: -2px; right: -14px; }
	div.basic dl.input dd span.radio span { font-size:1.3rem; line-height:1.3rem; padding:6px 0 6px; vertical-align: top; }
	div.basic dl.input dd span.checkbox span { font-size:1.3rem; line-height:1.3rem; padding:6px 0 6px; vertical-align: top; }
    
	/* input / select の幅 */
	div.basic dl.input dd input.name { width:100%; }
	div.basic dl.input dd input.name~input { margin:20px 0 0; }
	div.basic dl.input dd input.postal { width:100%; }
	div.basic dl.input dd span.select.region { width:55%; }
	div.basic dl.input dd input.address { width:100%;}
	div.basic dl.input dd input.tel { width:100%; }
	div.basic dl.input dd input.email { width:100%; }
	div.basic dl.input dd input.user_id { width:100%; }
	div.basic dl.input dd input.user_pw { width:100%; }
	div.basic dl.input dd span.select.birth_y { width:236px; margin:0; }
	div.basic dl.input dd span.select.birth_y + span {  margin:0; padding-left:10px; overflow:hidden; }
	div.basic dl.input dd span.select.birth_m { width:92px; margin:25px 0 0; }
	div.basic dl.input dd span.select.birth_m + span { margin:0; padding-left:10px; overflow:hidden; }
	div.basic dl.input dd span.select.birth_d { width:92px; margin:25px 0 0 30px; }
	div.basic dl.input dd span.select.birth_d + span { margin:0; padding-left:10px; overflow:hidden; }
	div.basic dl.input dd span.card_expiration { width:92px; }
	div.basic dl.input dd span.card_paycount { width:120px; }
	div.basic dl.input dd input.card_number { width:100%; }
	div.basic dl.input dd input.card_holder { width:100%; }
	div.basic dl.input dd input.card_cvc { width:238px; }
	div.basic dl.input dd span.select.case { width:100%; }
	div.basic dl.input dd input.order_id { width:100%; }
	
	div.basic dl.input dd.note { margin:0; }
    
	/*
	**	170802 追加　一時的なフォーム、テキストエリア
	*/
	div.basic dl.temporary_aera{ margin-top:35px;}
	div.basic dl.white_area dd span.checkbox span { display:inline-block; font-size:14px; line-height:26px; padding:6px 0 6px 10px; vertical-align: top; }
	div.basic li.temporary { border: none; padding-top:0; margin-bottom:30px; }
	div.basic li.temporary .white_area{ border: 1px solid #d9d9d9; background:#fff; padding:26px 20px 22px; text-align:center;}
	div.basic li.temporary .white_area div{ display:inline-block; text-align:left;}
	div.basic li.temporary .white_area div > dd > p.sub_ttl{ font-size:15px; line-height:26px; font-weight:bold; padding-bottom:2px; text-align:center; letter-spacing:0.05em;}
	div.basic li.temporary .white_area div > dd > span.checkbox{ min-height:24px;}
	div.basic li.temporary .white_area div > dd > span.checkbox input[type="checkbox"]{ margin-bottom: 8px;}
	div.basic li.temporary .white_area .note{ margin:0; padding-left: 33px;}
	div.basic li.temporary .white_area .note p{ position: relative; padding-left: 0; text-align: left; font-size: 12px; line-height: 22px; letter-spacing: 0.05em;}
	
	div.basic li.temporary_border{ border:1px solid #d9d9d9; margin-bottom:30px;}
	div.basic li dl.temporary_aera{ margin-top:60px;}
	div.basic li .normal_area{ padding:20px 25px 12px; text-align:left;}
	div.basic li .normal_area div{ display:inline-block; text-align:left;}
	div.basic li .normal_area div > dd > p.sub_ttl{ font-size:15px; line-height:15px; font-weight:bold; padding:0 0 6px; text-align:left; letter-spacing:0.05em;}
	div.basic li .normal_area div > dd > p{font-size: 14px; line-height: 20px; letter-spacing: 0.05em; padding-top: 6px;}
	div.basic .next_step{padding: 0 25px;}
	div.basic[data-open="atodene"]{ padding-top: 0;}
	div.basic li dl.atobarai{ padding-left: 0;}
	div.basic li dl.atobarai dt img.atobarai{ width: 94px;}
	div.basic li dl.atobarai dd{ margin-top: 16px;}
	div.basic li dl.atobarai dd p{ font-size: 1.0rem; line-height: 1.9rem;}

	.amazon div.basic li {padding: 24px 25px 35px;}
	.amazon div.basic .changeAmazon {top: 8px; right: 25px; padding: 6px 19px;font-size: 1.3rem; letter-spacing: .1rem;}
	.amazon div.basic dl.input dt {top: 0;}
	.amazon div.basic dl.input dd {padding-left: 15px;}
	.amazon div.basic dl dt p {padding: 19px 0 19px 25px;}
	.amazon div.basic dl.input dd.border {padding-bottom: 18px;}
	.amazon div.basic dl.input dd > span:not(.textarea) {font-size: 1.3rem;line-height: 24px; letter-spacing: .1rem;}
	.amazon div.basic .remarks {padding-top: 20px;}
	.amazon div.basic .remarks dl.input dd {padding-left: 0;}
}

/***********************************************************************
**		オーダーフォーム
***********************************************************************/


#order article.single.banner { margin-bottom: 120px; }
#order article.single.banner .wrapper{ display: flex;}
#order article.single.banner .accbox { background: #fafafa; width:calc(50% - 42px); padding:60px; border: none; text-align:center; margin-top: 0; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: wrap-reverse; }
#order article.single.banner .accbox h1 { margin-bottom: 40px; }
#order article.single.banner .accbox p { font-size: 1.4rem; line-height: 1.4rem; }

#order article.single.banner .accbox ul.input{ margin: 40px auto;}
#order article.single.banner .accbox ul.input li{}
#order article.single.banner .accbox ul.input li~li{ margin-top: 20px;}
#order article.single.banner .accbox ul.input li.login_err_msg { position: relative;}
#order article.single.banner .accbox ul.input li.login_err_msg .error_txt{ position: absolute; left: 0; bottom: calc(-1rem - 5px); font-size: 1.1rem; line-height: 1.1rem; color: #f74747; font-style: normal;}
#order article.single.banner .accbox ul.input li input{padding: 2px 12px 0; -webkit-appearance: none; appearance: none; width: 100%; height: 40px; background: #fff; border: solid #d9d9d9 1px;  border-radius: 0; font-size: 1.4rem; line-height: 1.4rem;}
#order article.single.banner .accbox ul.input li input::placeholder{color: #b4b4b4;}
#order article.single.banner .accbox ul.btn_group { margin-top: 40px; text-align: center; }
#order article.single.banner .accbox ul.btn_group li { display: block; margin: auto;  vertical-align: top; }
#order article.single.banner .accbox ul.btn_group li~li { margin-top: 30px; }
#order article.single.banner .accbox ul.btn_group li .btn a { margin: auto;}
#order article.single.banner .accbox ul.btn_group li .btn span { margin: auto;}
#order article.single.banner .accbox ul.btn_group li .btn.black {transition: all .2s ease 0s;}
#order article.single.banner .accbox ul.btn_group li .btn.black:hover {opacity: 0.7; cursor: pointer;}
#order article.single.banner .accbox ul.btn_group li .btn p { font-size: 1.4rem; line-height: 1.4rem;}
#order article.single.banner .accbox ul.btn_group li .forget_link  { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 1.4rem; line-height: 1.4rem; color: #b4b4b4;}
#order article.single.banner .accbox .bottom { margin-top: auto; position: relative; padding-bottom: 34px;}

#order article.single.banner .accbox .btns{ margin:40px auto 0; }
#order article.single.banner .accbox~.accbox { margin-left: 84px;}
#order article.single.banner .accbox~.accbox h1+p { line-height: 2.4rem; margin-top: 52px;}
#order article.single.banner .accbox~.accbox h1+p~p { margin-top: 36px;}
#order article.single.banner .accbox~.accbox h1+p span { font-family: 'Montserrat', sans-serif; font-weight: 400;}

@media only screen and (max-width:768px) {
	#order article.single.banner{ max-width: 100%; margin-bottom: 40px; overflow: visible;}
	#order article.single.banner .wrapper{ display: block;}
	#order article.single.banner .accbox { width:auto; width: 100%; padding:40px 25px; text-align:center; margin: 0;  }
	#order article.single.banner .accbox h1 { margin-bottom: 40px; }
	#order article.single.banner .accbox p { font-size: 1.3rem; line-height: 1.3rem; }
	#order article.single.banner .accbox .btns{ margin:40px auto 0; }
	#order article.single.banner .accbox .btns+p{ margin-top: 20px; }
	#order article.single.banner .accbox~.accbox { margin-left: 0; margin-top: 30px;}
	#order article.single.banner .accbox~.accbox h1+p { line-height: 2.5rem;}
	#order article.single.banner .accbox~.accbox h1+p~p { margin-top: 26px;}
    #order article.single.banner .accbox ul.input li.login_err_msg .error_txt{ font-size: 1.0rem; line-height: 1.0rem;}
}

/***********************************************************************
**		オーダー確認
***********************************************************************/
#confirm section.cart h2 a { display:inline; }
#confirm section.cart p.pagenote { margin: 60px 0; text-align: center;}
#confirm section.cart .next_step.first { margin-top: 0; }
#confirm section.cart .package { margin-bottom:60px; }
#confirm section.cart .package ul.inline li { display: inline-block; text-align: center; font-size:1.4rem; line-height: 1.4rem; vertical-align:middle; padding: 0; padding-bottom: 0; }
#confirm section.cart .package ul.inline li:nth-child(1) { width:466px; text-align:left; }
#confirm section.cart .package ul.inline li:nth-child(2) { width:107px; }
#confirm section.cart .package ul.inline li:nth-child(3) { width:248px; }
#confirm section.cart .package ul.inline li:nth-child(4) { width:134px; }
#confirm section.cart .package ul.inline.index { display: flex; align-items: center; padding-right: 10px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
#confirm section.cart .package ul.inline.index li { height:40px; line-height: 40px; border:none; vertical-align:top; box-sizing: border-box; }
#confirm section.cart .package ul.inline.index li:nth-child(1) { padding-left:200px; }
#confirm section.cart .package ul.inline.items { position:relative; text-align:left; }
#confirm section.cart .package ul.inline.item { width: 100%; display: inline-block; padding-top:20px; padding-bottom:20px; padding-right: 10px; border-bottom:1px solid #d9d9d9; }
#confirm section.cart .package ul.inline.item li { display:table-cell; min-height:28px; line-height:28px; height:100%; border-bottom:none; box-sizing: border-box; }
#confirm section.cart .package ul.inline.item li.montserrat { font-family: 'Montserrat', sans-serif; font-weight: 400;}
#confirm section.cart .package ul.inline.item li.montserrat.s_bold { font-weight: 600;}
#confirm section.cart .package ul.inline.item li:nth-child(1) { text-align:left; padding:0 20px 0 45px; vertical-align:top; border-top:none; }
#confirm section.cart .package ul.inline.item li .thumb {float: left; width:96px; padding-right:20px; box-sizing: border-box;}
#confirm section.cart .package ul.inline.item li a { display:block; }
#confirm section.cart .package ul.inline.item li img { width:100%; }
#confirm section.cart .package ul.inline.item li p.name { font-size:1.4rem; line-height: 2.4rem; margin-top:-4px; }
#confirm section.cart .package ul.inline.item li p.color { margin-top: 18px; font-size: 1.2rem; line-height: 1.2rem;}
#confirm section.cart .package ul.inline.item li p.color span{ font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1.1rem; line-height: 1.1rem; padding-right: 6px;}
#confirm section.cart .package ul.inline.item li p.size { margin-top: 12px; font-size: 1.2rem; line-height: 1.2rem; font-family: 'Montserrat', sans-serif; font-weight: 600; }
#confirm section.cart .package ul.inline.item li p.size span{ font-size: 1.1rem; line-height: 1.1rem; padding-right: 6px;}
#confirm section.cart .package ul.inline.item li p.each { display:none; }
#confirm section.cart .package ul.inline.item li .delete { display:inline-block; width:64px; height:24px; line-height:24px; color:#87754a; border:1px solid #87754a; border-radius:3px; text-align: center; margin-top: 15px; }
#confirm section.cart .package ul.inline.item li .delete span { font-size:12px; vertical-align:middle; padding-left: 12px;}
#confirm section.cart .campaign { padding-bottom:30px; border-bottom:1px solid #bbb; margin-bottom:35px; }
#confirm section.cart .campaign h1 { background:#eee;  font-size:14px; line-height:40px; padding-left:20px; margin-top:40px; margin-bottom:30px; padding-bottom:0; font-weight:bold; }
#confirm section.cart .campaign dl { display:table; position:relative; width:100%; }
#confirm section.cart .campaign dl~dl { margin-top:10px; }
#confirm section.cart .campaign dl dt { display:table-cell; padding-left:15px; }
#confirm section.cart .campaign dl dd { display:table-cell; width:5em; text-align: right; white-space:nowrap; padding-left:30px; }
#confirm section.cart .campaign dl dd.minus { color:#ca1515; }
#confirm section.cart .campaign dl span { font-size:1.4rem; line-height:20px; }
#confirm div.basic dl.input dd.notopspace { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center;}
#confirm section.cart .package .costdata { text-align:right; margin-top:30px; }
#confirm section.cart .package .costdata .wrapper { display:inline-block; }
#confirm section.cart .package .costdata dl { display: flex; align-items: center; font-size: 1.4rem; line-height: 1.4rem; letter-spacing: 0.03em;}
#confirm section.cart .package .costdata dl~dl { margin-top: 10px;}
#confirm section.cart .package .costdata dt { padding: 0 90px 0 0; white-space: nowrap;}
#confirm section.cart .package .costdata dd {width: 50%; }
#confirm section.cart .package .costdata dd.minus { color:#bc0c0c; }
#confirm section.cart .package .total {  margin-top: 30px; width:100%; height:140px; padding: 0 44px; box-sizing: border-box; background: #fafafa; display: flex; align-items: center; justify-content: space-between;}
#confirm section.cart .package .total span { font-size:1.4rem; line-height:1.4rem;}
#confirm section.cart .package .total p { font-size:2.3rem; line-height:2.3rem; font-weight:600;}

#confirm section.cart div.basic li.coupon p.campaignname { display: inline-block; width:300px; }
#confirm section.cart div.basic li.coupon dl.active dt { font-weight: bold; }
#confirm section.cart div.basic li.coupon input.coupon_code { width:300px; }
#confirm section.cart .application { width: 120px; height:40px; line-height:1.4rem; font-size:1.4rem; border: 1px solid #000; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; margin: 0 0 0 40px;}
#confirm section.cart .delete { display:inline-block; height:26px; line-height:24px; font-size:12px; margin: 6px 0 6px 30px; padding:0 5px; color:#4d4d4d; border:1px solid #b3b3b3; border-radius: 3px; background:#fff; vertical-align: middle; box-sizing: border-box; }
#confirm section.cart .delete span { padding-left:12px; padding-top: 1px; position: relative;}
#confirm section.cart .delete span:before {content: ""; display: inline-block; position: absolute; width: 7px; height: 7px; background: url(https://file.lounie.jp/common/icon/close4.png) no-repeat center; background-size: 100%;top: 5.2px; left: 1px;}
#confirm section.cart div.basic input.point_num { width:150px; margin-left: 20px; }
#confirm section.cart div.basic p.small { font-size:1.1rem; line-height: 2.4rem; display:block; margin-top: 14px; width:100%; }
#confirm section.cart div.basic > form > dl:last-of-type { border-bottom: 1px solid #d9d9d9; padding-bottom: 27px; }
#confirm section.cart div.basic > form > dl > dd { padding: 4px 0;}
#confirm section.cart div.basic .coupon dd { position: relative; margin-bottom: 46px; padding: 10px 0 9px;}
#confirm section.cart div.basic .coupon dd p.small { position: absolute; left: 0; bottom: -40px; font-size:1.1rem; line-height: 2.4rem; display:block; margin: 0; padding: 0; width:100%; }

@media only screen and (max-width:768px) {
	#confirm section.cart p.pagenote { margin:34px 0 34px; }
	#confirm section.cart div.basic p.terms { text-align:left; }
	#confirm section.cart .package { margin-bottom:35px; padding:0 25px; }
	#confirm section.cart .package ul.inline li { display:block; text-align: center; font-size:14px; vertical-align:middle; }
	#confirm section.cart .package ul.inline li:nth-child(1) { width:360px; padding-right:20px; text-align:left; }
	#confirm section.cart .package ul.inline.index{ display: none;}
	#confirm section.cart .package ul.inline.item { position: relative; display: block; padding:20px 0 18px; border-top:1px solid #d9d9d9; }
	#confirm section.cart .package ul.inline.item li { display:block; min-height:0; font-size: 1.3rem; line-height:1.2; width:100%; padding:0; height:auto; border-bottom:none; text-align:left; }
    #confirm section.cart .package ul.inline.item li~li{margin-top: 16px;}
	#confirm section.cart .package ul.inline.item li:nth-child(1) { text-align:left; padding:0; vertical-align:top; border-top:none; }
	#confirm section.cart .package ul.inline.item li:nth-child(2) { font-size: 1.3rem; line-height: 1.3rem; }
	#confirm section.cart .package ul.inline.item li:nth-child(3)::after { content:'点'; }
	#confirm section.cart .package ul.inline.item li:nth-child(4) { position: absolute; right: 0; bottom: 20px; text-align: right;}
	#confirm section.cart .package ul.inline.item li .thumb { width:77px; padding-right:15px; box-sizing: content-box;}
	#confirm section.cart .package ul.inline.item li p.name { font-size:1.3rem; line-height:2.3rem; margin-top:0; }
	#confirm section.cart .package ul.inline.item li p.color { display: inline-block; margin: 14px 38px 0 0; font-size: 1.1rem; line-height: 1.1rem;}
	#confirm section.cart .package ul.inline.item li p.color span{ padding-right: 6px;}
	#confirm section.cart .package ul.inline.item li p.size { display: inline-block; margin-top: 14px; font-size: 1.1rem; line-height: 1.1rem; }
	#confirm section.cart .package ul.inline.item li p.size span{ padding-right: 6px;}
	#confirm section.cart .package ul.inline.item li .delete { display:none; }
	
	#confirm section.cart .campaign { padding-bottom:15px; border-bottom:0.5px solid #bbb; margin-bottom: 0px; }
	#confirm section.cart .campaign h1 { font-size:14px; line-height:33px; padding-left:10px; margin-top:25px; margin-bottom:15px; padding-bottom:0; }
	#confirm section.cart .campaign dl { padding:5px 0; }
	#confirm section.cart .campaign dl~dl { margin-top:5px; }
	#confirm section.cart .campaign dl dt { padding-left:0; }
	#confirm section.cart .campaign dl span { font-size:1.3rem; line-height:18px; }
	
	#confirm section.cart .package .costdata { margin-top:15px; }
	#confirm section.cart .package .costdata .wrapper { display:block; }
	#confirm section.cart .package .costdata dl { justify-content: space-between; font-size: 1.3rem; line-height: 1.3rem; letter-spacing: 0.03em;}
	#confirm section.cart .package .costdata dl~dl{ margin-top: 12px;}
	#confirm section.cart .package .costdata dt { width:auto; text-align: left;  }
	#confirm section.cart .package .costdata dd { width: auto;}
	#confirm section.cart .package .total {  margin-top: 30px; height:80px; padding: 0 20px;}
	#confirm section.cart .package .total span { font-size:1.3rem; line-height:1.3rem;}
	#confirm section.cart .package .total p { font-size:1.5rem; line-height:1.5rem;}

	#confirm section.cart div.basic dl.input dd > p span~span { margin-left:20px; }
	#confirm section.cart div.basic li { padding: 21px 25px 15px; }
	#confirm section.cart div.basic li.coupon p.campaignname { display: inline-block; width:calc(450 / 630 * 100%); }
	#confirm section.cart div.basic li.coupon dl.active dt { font-weight: bold; }
	#confirm section.cart div.basic li.coupon input.coupon_code { width:calc(410 / 650 * 100%); float: left;}
	#confirm section.cart .application { width:calc(200 / 650 * 100%); height:50px; line-height:1.3rem; font-size:1.3rem; margin:0 0 0 calc(40 / 650 * 100%); vertical-align: bottom;}
	#confirm section.cart .delete { display:inline-block; width:calc(160 / 630 * 100%); height:40px; line-height:40px; font-size:14px; margin:0 0 0 calc(20 / 630 * 100%); padding:1px 0 0; color:#4d4d4d; border:0.5px solid #b3b3b3; border-radius: 3px; background:#fff; text-align:center; vertical-align: middle; }
	#confirm section.cart .delete span { padding-left:12px; padding-top: 1px;}
	#confirm section.cart .delete span:before {width: 8px; height: 8px;top: 6.2px; left: 0.5px; top: 6.2px;}
	#confirm section.cart div.basic dl.input~dl { margin-top: 0; }
	#confirm section.cart div.basic li.point span.radio { margin-left: 0;}
	#confirm section.cart div.basic li.point input.point_num { width:calc(268 / 620 * 100%); margin-left:0; margin-top:10px; vertical-align: middle;}
	#confirm section.cart div.basic li.point span.text { width:calc(126 / 620 * 100%); margin-left: 0; padding-left:10px; box-sizing: border-box; line-height: 1.3rem; }
	#confirm section.cart div.basic li.point .application { width: calc(200 / 620 * 100%); margin:10px 0 0 calc(26 / 620 * 100%); }
    #confirm section.cart div.basic p.small { font-size:1.1rem; margin-top: 10px; }
	#confirm section.cart div.basic > form > dl:last-of-type { padding-bottom: 20px; }
	#confirm section.cart div.basic .next_step { margin-top: 40px; }
    
    #confirm div.basic dl.input dd.notopspace { display: block;}
    #confirm div.basic dl.input dt {height: auto;}
    #confirm div.basic dl.input dd {padding-left: 15px;}
    #confirm div.basic .coupon dl.input dd {padding-left: 0;}
    #confirm div.basic dl.input dd > p {padding: 0; font-size: 1.3rem;}
	#confirm div.basic dl.input dd > p span {margin-left: 0!important;}
}

/***********************************************************************
**		購入完了
***********************************************************************/
#complete .single { margin-top: 0; }
#complete p.thanks { font-size:1.4rem; line-height:2.4rem; letter-spacing:0.08em; }
#complete p.thanks span{ font-weight: 600; }
#complete p.message { font-size:1.4rem; line-height:2.4rem; letter-spacing:0.08em; margin-top: 24px; }
#complete p.message a { color: #b4b4b4; }
#complete p.cartexist { font-size:1.4rem; line-height:28px; font-weight:bold; letter-spacing:0.05em; color:#bc0c0c; margin-top: 50px; }
#complete .banner { width: 570px; margin: 50px auto 0; }
#complete .accbox { width:760px; }
#complete .accbox p.text { font-size:1.6rem; line-height:28px; }
#complete .accbox b { font-weight:normal; color:#bc0c0c; }
#complete .message-02 {background: #FAFAFA;width: 945px;margin: 60px auto 0;padding: 60px 0;}
#complete .message-02 > p {font-size: 14px; line-height: 24px; text-align: center; margin-bottom: 30px; letter-spacing: 1.05px;}
#complete .message-02 .btn a {margin: 0 auto;}
#registrationmember_modal { position: absolute; top: 0;display: none; width: 100%; height: 100%; z-index: 333;}
#registrationmember_modal:before {content: "";position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);width: 100%; height: 100vh;}
#registrationmember_modal .frame {max-width: 980px; margin: 160px auto;background: #fff; position: relative;}
#registrationmember_modal .close_item {cursor: pointer; position: absolute;background: url(https://file.lounie.jp/common/icon/close8.png) center center no-repeat; right: -55px; top: 0px; background-size: 50px; width: 50px; height: 50px;}
#registrationmember_modal .popup_register {width: 100%; padding: 80px 85px 40px; box-sizing: border-box;}
#registrationmember_modal .popup_register article.single {margin: 0;}
#registrationmember_modal div.basic form .items > dl:last-child {border-bottom: 1px solid #d9d9d9;}
#registrationmember_modal div.basic dl.input dd {display: flex; align-items: end; flex-wrap: wrap;}
#registrationmember_modal div.basic dl.input dd.note {display: block;}
#registrationmember_modal div.basic dl.input~dl {margin-top: 34px;}
#registrationmember_modal div.basic dl.input.input_txt {margin-top: 10px;}
#registrationmember_modal div.basic dl.input.birth dd {flex-wrap: nowrap;}
#registrationmember_modal p.agree_check {text-align: center;margin-top: 36px;}
#registrationmember_modal div[class^="error_"] {width: 100%;}
#registrationmember_modal div[class^="error_"] p {font-size: 1.1rem;line-height: 1.1rem;color: #f74747;font-style: normal; padding: 0; margin-top: 4px;}
#registrationmember_modal p.agree_check span.checkbox input[type="checkbox"] { top: 0px;left: -26px;}
#registrationmember_modal p.agree_check span.checkbox {position: relative;display: inline-block;padding-left: 0;min-height: 15px;font-size: 1.4rem;line-height: 1.4rem;}
@media only screen and (max-width:768px) {
	#complete p.thanks { font-size:1.3rem; line-height:2.5rem; margin-top: 15px; }
	#complete p.message { width: calc(100% + 50px); margin-left: -25px; box-sizing: border-box; font-size:1.3rem; line-height:2.5rem; margin-top: 20px; }
	#complete p.cartexist { font-size:1.3rem; line-height:21px; font-weight:bold; letter-spacing:0.05em; color:#bc0c0c; margin-top:25px; }
	#complete .banner { width: 100%; margin: 40px auto 0; }
	#complete .accbox { display:block; width:auto; margin-top: 40px; }
	#complete .accbox p.text { font-size:1.3rem; line-height:21px; }
	#complete .message-02 {width: calc(100% + 50px);margin: 60px -25px 0;padding: 40px 26px; box-sizing: border-box;}
	#complete .message-02 > p {font-size: 1.3rem; line-height: 2.5rem; margin-bottom: 3.1rem;letter-spacing: .1rem;}
	#complete .next_step {padding: 0;}
	#complete .next_step .btn {width: 100%;}
	#complete.member-complete .title3 {margin: 6.4rem auto 1.4rem;}
	#registrationmember_modal {padding: 9rem 1rem 1rem; box-sizing: border-box;}
	#registrationmember_modal .frame {max-width: 100%; margin: 0; position: relative;}
	#registrationmember_modal .frame:after {content: ""; display: block; width: 100%; height: 1rem; bottom: -1rem; left: 0;position: absolute;}
	#registrationmember_modal .close_item {right: 0; top: -43px; background-size: 40px; width: 40px; height: 40px;}
	#registrationmember_modal .popup_register {padding: 0;}
	#registrationmember_modal div.basic {padding: 40px 0 60px;}
	#registrationmember_modal div.basic dl.input dd {flex-wrap: wrap;}
	#registrationmember_modal div.basic dl.input~dl {margin-top: 30px;}
	#registrationmember_modal div.basic dl.input dd.note p {letter-spacing: .01rem;}
	#registrationmember_modal div.basic dl.input dd > span.radio {margin-left: 0;}
	#registrationmember_modal div.basic dl.input dd > span.radio ~ span.radio {margin-left: 0;}
	#registrationmember_modal div.basic dl.input.birth dd {flex-wrap: wrap;}
	#registrationmember_modal p.agree_check {margin-top: 25px;}
	#registrationmember_modal p.agree_check span.checkbox {    font-size: 1.3rem;line-height: 1.3rem;padding-left: 0;}
	#registrationmember_modal div.basic .next_step {margin-top: 40px;}
	#registrationmember_modal div.basic .next_step .btns.black {margin-bottom: 0;}
	#registrationmember_modal .errorbox {margin: 0; padding-top: 30px;}

}

/***********************************************************************
**		会員登録
***********************************************************************/
#registrationmember section .title2 { margin-bottom: 80px; }
#registrationmember section div.basic dl.mailmagazine { margin-top: 38px;}
#registrationmember section div.basic dl.border { padding-bottom: 43px;}
#registrationmember section div.basic dl.border li{ padding: 17px 45px 17px;}
#registrationmember p.terms { font-size:1.2rem; line-height:2.2rem; text-align: center; margin-top:50px; }
#registrationmember p.agree_check { text-align: center; margin-top: 36px;}
#registrationmember p.agree_check span.checkbox { position:relative; display:inline-block; padding-left:0; min-height:15px; font-size: 1.4rem; line-height: 1.4rem; }
#registrationmember p.agree_check span.checkbox input[type="checkbox"] { top:0px; left: -26px; }
#registrationmember p.agree_check span.checkbox input[type="checkbox"]:checked::before {content: ""; position: absolute; left: 3px; top: 3px; background: #000; width: 6px; height: 6px;}

#registrationmember.complete article.single p.catch { text-align:left; }
@media only screen and (max-width:768px) {
	#registrationmember section .title2 { margin-bottom: 60px; }
	#registrationmember section .white div.basic{ padding-top: 0; }
	#registrationmember section div.basic dl.mailmagazine {}
	#registrationmember section div.basic dl.input.mailmagazine dd > span.radio { margin-left: 0;}
	#registrationmember section div.basic dl.border { padding-bottom: 16px;}
	#registrationmember section div.basic dl.border li{ padding: 21px 25px 19px;}
	#registrationmember section div.basic dl.border dd > span.radio{ margin-left: 0;}
	#registrationmember p.terms { font-size:1.3rem; line-height:2.4rem; margin-top:30px; }
	#registrationmember p.agree_check { margin-top: 26px;}
	#registrationmember p.agree_check span.checkbox { font-size: 1.3rem; line-height: 1.3rem; padding-left:0; min-height:15px; }
	#registrationmember p.agree_check span.checkbox input[type="checkbox"] { top:0px; left: -26px; }
	#registrationmember p.agree_check span.checkbox input[type="checkbox"]:checked::before {content: ""; position: absolute; left: 3px; top: 3px; background: #000; width: 6px; height: 6px;}
	#registrationmember div.basic .next_step {margin-top: 40px;}
}
/***********************************************************************
**		パスワード再発行
***********************************************************************/
#contents.top_bg #passwordresetting .white{ padding-top: 90px;}
#passwordresetting input, #passwordresetting select { background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: none; outline: none; border-radius: 0;}
#passwordresetting article.single {text-align: center;}
#passwordresetting article.single .accbox { padding: 0 0 0 14px; }
#passwordresetting article.single .accbox ul li~li { margin-top: 32px; }
#passwordresetting article.single .accbox ul li dl { display: flex; align-items: center;}
#passwordresetting article.single .accbox ul li dl dt { width:150px; font-size: 1.4rem; line-height: 1.4rem;}
#passwordresetting article.single .accbox ul li dl dt span {position: relative;}
#passwordresetting article.single .accbox ul li dl dt span::after { content: '＊'; position: absolute; right: -12px; top: 2px; color: #f74747; line-height: 1.0rem; font-size: 1.0rem;}
#passwordresetting article.single .accbox ul li dl dd { display: flex; align-items: center;;}
#passwordresetting article.single .accbox ul li dl dd span.select { border-color: #d9d9d9; height: 40px; }
#passwordresetting article.single .accbox ul li dl dd span.select::before { content: ""; position: absolute; right: 11px; top: 10px; width: 11px; height: 20px; background: url(https://file.lounie.jp/common/icon/arrow_cart.png) no-repeat center; }
#passwordresetting article.single .accbox ul li dl dd span.select::after { content: ''; position: absolute; right: 34px; top: 0; width: 1px; height: 40px; background: #d9d9d9; pointer-events: none; }
#passwordresetting article.single .accbox ul li dl dd span.select select { font-size: 1.2rem; line-height: 1.2rem; padding: 0 32px 0 16px; border: none; width: 100%; height: 40px; }
#passwordresetting article.single .accbox ul li dl dd span.select.birth_y { width:171px; }
#passwordresetting article.single .accbox ul li dl dd span.select.birth_m { width: 115px; margin-left: 30px; }
#passwordresetting article.single .accbox ul li dl dd span.select.birth_d { width: 115px; margin-left: 30px; }
#passwordresetting article.single .accbox ul li dl dd span.select+span { margin-left: 9px; font-size:1.4rem; line-height:1.4rem;}
#passwordresetting article.single .accbox ul li dl dd input { width: 505px; padding: 5px 15px; height: 40px; background: #fff; border: solid #d9d9d9 1px; font-size: 1.4rem; box-sizing: border-box;}
#passwordresetting article.single .accbox p.caution { font-size: 1.4rem; line-height: 1.4rem; color: #f74747; margin-top: 60px;}
#passwordresetting.comelete article.single p.catch { text-align: center;}
#passwordresetting.comelete .next_step { margin-top: 86px; }
@media only screen and (max-width:768px) {
	#contents.top_bg #passwordresetting .white{ padding: 36px 25px 0; text-align: left;}
	#passwordresetting article.single p.catch{ font-size: 1.3rem; line-height: 2.5rem; text-align: left; margin-bottom: 36px;}
	#passwordresetting article.single .accbox { padding: 0; margin: 0; border: none;}
	#passwordresetting article.single .accbox ul li~li { margin-top: 32px; }
	#passwordresetting article.single .accbox ul li dl { display: block;}
	#passwordresetting article.single .accbox ul li dl dt { width:auto; font-size: 1.3rem; line-height: 1.3rem; padding: 0 0 14px;}
	#passwordresetting article.single .accbox ul li dl dt span::after { right: -14px; top: -1px; line-height: 1.3rem; font-size: 1.3rem;}
	#passwordresetting article.single .accbox ul li dl dd { flex-wrap: wrap; align-items: flex-end;}
	#passwordresetting article.single .accbox ul li dl dd span.select {height: 50px; }
	#passwordresetting article.single .accbox ul li dl dd span.select::before { top: 14px; }
	#passwordresetting article.single .accbox ul li dl dd span.select::after { right: 30px; top: 0; width: 1px; height: 50px; }
	#passwordresetting article.single .accbox ul li dl dd span.select select { position: relative; font-size: 1.3rem; line-height: 1.3rem; padding: 5.5px 10.5px; height: 50px; }
	#passwordresetting article.single .accbox ul li dl dd span.select.birth_y { width:236px; }
	#passwordresetting article.single .accbox ul li dl dd span.select.birth_m { width: 92px; margin: 25px 0 0 0; }
	#passwordresetting article.single .accbox ul li dl dd span.select.birth_d { width: 92px; margin: 25px 0 0 30px; }
	#passwordresetting article.single .accbox ul li dl dd span.select+span { margin-left: 9px; font-size:1.3rem; line-height:1.3rem;}
	#passwordresetting article.single .accbox ul li dl dd input { width: 100%; font-size: 1.3rem; line-height: 1.3rem; padding: 6px 10px; border: 1px solid #d9d9d9; height: 50px;}
	#passwordresetting article.single .accbox p.caution { font-size: 1.3rem; line-height: 2.5rem; margin-top: 36px;}
	#passwordresetting article.single .accbox .next_step { margin-top: 36px;}
	#passwordresetting.comelete .next_step { margin-top: 36px; }
}

/***********************************************************************
**		メルマガ
***********************************************************************/
#registmailmagazine {}
#contents.top_bg #registmailmagazine .white{ padding: 90px 0 130px;}
#registmailmagazine .content_box { text-align: center;}
#registmailmagazine .content_box .form {}
#registmailmagazine .content_box .form dl dt label { font-size: 1.4rem; line-height: 1.4rem; letter-spacing: 0.1em; }
#registmailmagazine .content_box .form dl dd { margin-top: 40px; }
#registmailmagazine .content_box .form dl dd input[type=text],
#registmailmagazine .content_box .form dl dd input[type=email],
#registmailmagazine .content_box .form dl dd input[type=password] { padding: 2px 15px 0; -webkit-appearance: none; appearance: none; width: 400px; height: 40px; background: #fff; border: solid #d9d9d9 1px; border-radius: 0; font-size: 1.4rem; line-height: 1.4rem; }
#registmailmagazine .next_step {margin-top: 90px; }
#registmailmagazine.send, #registmailmagazine.complete {text-align: center;}

@media screen and (max-width: 768px) {
	#registmailmagazine { margin-top: 0;}
	#contents.top_bg #registmailmagazine .white{ padding: 36px 25px 60px;}
	#registmailmagazine .content_box .form dl dt label { font-size: 1.3rem; line-height: 2.5rem; letter-spacing: 0.08em;}
	#registmailmagazine .content_box .form dl dd { margin-top: 26px; }
	#registmailmagazine .content_box .form dl dd input[type=text],
	#registmailmagazine .content_box .form dl dd input[type=email],
	#registmailmagazine .content_box .form dl dd input[type=password] { padding: 6px 10px; width: 100%; height: 50px; font-size: 1.3rem; line-height: 1.3rem; }
	#registmailmagazine .next_step {margin-top: 40px; }
}

/***********************************************************************
**		お問い合わせ
***********************************************************************/
#contact section div.basic dl.border { padding-bottom: 43px;}
#contact section div.basic dl.border li{ padding: 17px 45px 17px;}
#contact p.terms { font-size:1.2rem; line-height:2.2rem; text-align: center; margin-top:50px; }
#contact .agree_check { text-align: center; margin-top: 36px;}
#contact .agree_check span.checkbox { position:relative; display:inline-block; padding-left:0; min-height:15px; font-size: 1.4rem; line-height: 1.4rem; }
#contact .agree_check span.checkbox label{ display: none;}
#contact .agree_check span.checkbox input[type="checkbox"] { top:0px; left: -26px; }
#contact .agree_check span.checkbox input[type="checkbox"]:checked::before {content: ""; position: absolute; left: 3px; top: 3px; background: #000; width: 6px; height: 6px;}
#contact .confirm .basic > dl:last-of-type { border-bottom: 1px solid #d9d9d9; padding-bottom: 27px; }
#contact .confirm .basic > dl > dd { padding: 4px 0;}
#contact .complete p.message { font-size: 1.2rem; line-height: 2.2rem; font-weight: 400; text-align: center; margin: 54px auto 4px;}
#contact .complete p.message span{ font-weight: 500;}

@media only screen and (max-width:768px) {
	#contact section .white div.basic{ padding-top: 0; }
	#contact section div.basic dl.border { padding-bottom: 16px;}
	#contact section div.basic dl.border li{ padding: 21px 25px 19px;}
	#contact section div.basic dl.input dd.note p~p{margin-top: 0;}
	#contact p.terms { font-size:1.3rem; line-height:2.4rem; margin-top:30px; }
	#contact .agree_check { margin-top: 26px;}
	#contact .agree_check span.checkbox { font-size: 1.3rem; line-height: 1.3rem; padding-left:0; min-height:15px; }
	#contact .agree_check span.checkbox input[type="checkbox"] { top:0px; left: -26px; }
	#contact .agree_check span.checkbox input[type="checkbox"]:checked::before {content: ""; position: absolute; left: 3px; top: 3px; background: #000; width: 6px; height: 6px;}
	#contact .next_step {margin-top: 40px;}
	#contact .confirm div.basic dl.input dt {}
	#contact .confirm div.basic dl.input dd { padding-left: 15px;}
	#contact .confirm div.basic dl.input dd > p { font-size: 1.3rem; padding: 0;}
	#contact .confirm div.basic dl.input dd > p span {margin-left: 0!important;}
	#contact .confirm div.basic li { padding: 21px 25px 15px; }
}

/* login_page
------------------------------------------------ */
#login_page .wrapper{ display: flex; max-width: 965px; margin: auto; overflow: hidden;}
#login_page .accbox { background: #fafafa; width:calc(50% - 42px); padding:60px; border: none; text-align:center; margin-top: 0; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: wrap-reverse; }
#login_page .accbox h1 { margin-bottom: 40px; }
#login_page .accbox p { font-size: 1.4rem; line-height: 1.4rem; }

#login_page .accbox ul.input{ margin: 40px auto;}
#login_page .accbox ul.input li{}
#login_page .accbox ul.input li~li{ margin-top: 20px;}
#login_page .accbox ul.input li input{padding: 2px 12px 0; -webkit-appearance: none; appearance: none; width: 320px; height: 40px; background: #fff; border: solid #d9d9d9 1px;  border-radius: 0; font-size: 1.4rem; line-height: 1.4rem;}
#login_page .accbox ul.input li input::placeholder{color: #b4b4b4;}
#login_page .accbox ul.btn_group { margin-top: 40px; text-align: center; }
#login_page .accbox ul.btn_group li { display: block; margin: auto;  vertical-align: top; }
#login_page .accbox ul.btn_group li~li { margin-top: 30px; }
#login_page .accbox ul.btn_group li .btn a { margin: auto;}
#login_page .accbox ul.btn_group li .btn span { margin: auto;}
#login_page .accbox ul.btn_group li .btn.black {transition: all .2s ease 0s;}
#login_page .accbox ul.btn_group li .btn.black:hover {opacity: 0.7; cursor: pointer;}
#login_page .accbox ul.btn_group li .btn p { font-size: 1.4rem; line-height: 1.4rem;}
#login_page .accbox ul.btn_group li .forget_link  { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 1.4rem; line-height: 1.4rem; color: #b4b4b4;}
#login_page .accbox .bottom { margin-top: auto; position: relative; padding-bottom: 34px;}

#login_page .accbox .btns{ margin:40px auto 0; }
#login_page .accbox~.accbox { margin-left: 84px;}
#login_page .accbox~.accbox h1+p { line-height: 2.4rem; margin-top: 52px;}
#login_page .accbox~.accbox h1+p~p { margin-top: 36px;}
#login_page .accbox~.accbox h1+p span { font-family: 'Montserrat', sans-serif; font-weight: 400;}

@media only screen and (max-width:768px) {
	#login_page .wrapper{ display: block;}
	#login_page .accbox { width:auto; width: 100%; padding:40px 25px; text-align:center; margin: 0;  }
	#login_page .accbox h1 { margin-bottom: 40px; }
	#login_page .accbox p { font-size: 1.3rem; line-height: 1.3rem; }
	#login_page .accbox .btns{ margin:40px auto 0; }
	#login_page .accbox .btns+p{ margin-top: 20px; }
	#login_page .accbox~.accbox { margin-left: 0; margin-top: 30px;}
	#login_page .accbox~.accbox h1+p { line-height: 2.5rem;}
	#login_page .accbox~.accbox h1+p~p { margin-top: 26px;}
}

/***********************************************************************
**		oggi
***********************************************************************/
#contents.top_bg #oggi .input .white { padding: 88px 0 120px;}
#oggi section div.basic p.catch { margin-bottom: 56px; text-align: left; }
#oggi section div.basic p.catch a{ color: #b4b4b4; }
#oggi section div.basic dl.border { padding: 43px 0; border-top: 1px solid #d9d9d9;}
#oggi section div.basic dl.border li{ padding: 17px 45px 17px;}
#oggi p.terms { font-size:1.2rem; line-height:2.2rem; text-align: center; margin-top:50px; }
#oggi .agree_check { text-align: center; margin-top: 36px;}
#oggi .agree_check span.checkbox { position:relative; display:inline-block; padding-left:0; min-height:15px; font-size: 1.4rem; line-height: 1.4rem; }
#oggi .agree_check span.checkbox label{ display: none;}
#oggi .agree_check span.checkbox input[type="checkbox"] { top:0px; left: -26px; }
#oggi .agree_check span.checkbox input[type="checkbox"]:checked::before {content: ""; position: absolute; left: 3px; top: 3px; background: #000; width: 6px; height: 6px;}
@media only screen and (max-width:768px) {
	#contents.top_bg #oggi .input .white { padding: 36px 0 61px;}
	#oggi section div.basic p.catch { padding: 0 25px; font-size: 1.3rem; line-height: 2.5rem; margin-bottom: 36px; }
	#oggi section .white div.basic{ padding-top: 0; }
	#oggi section div.basic dl.border { padding: 16px 0;}
	#oggi section div.basic dl.border li{ padding: 21px 25px 19px;}
	#oggi section div.basic dl.input dd.note p~p{margin-top: 0;}
	#oggi p.terms { font-size:1.3rem; line-height:2.4rem; margin-top:30px; }
	#oggi .agree_check { margin-top: 26px;}
	#oggi .agree_check span.checkbox { font-size: 1.3rem; line-height: 1.3rem; padding-left:0; min-height:15px; }
	#oggi .agree_check span.checkbox input[type="checkbox"] { top:0px; left: -26px; }
	#oggi .agree_check span.checkbox input[type="checkbox"]:checked::before {content: ""; position: absolute; left: 3px; top: 3px; background: #000; width: 6px; height: 6px;}
	#oggi .next_step {margin-top: 40px;}
}