@charset "UTF-8";
/*
リセット
カスタム変数
フォントサイズ
*/

html,body,p,form,ul,ol,li,h1,h2,h3,h4{margin:0;padding:0;}
ol,ul{list-style: none;}
a{text-decoration: none;}

div,p,ol,ul,li{
	box-sizing: border-box;
}

/* cleafix */
.cf::after{
	display:block;
	content:"";
	clear:both;
}

.error{
	color:#ff0000!important;
	font-weight:800!important;
}

/* カスタム定数 */
:root{
	--sitecolor:#f3f3f2; /*サイト基本色*/
	--textcolor:#333333;
	--deepblue:#CEE0E9;
	--orange:#cee0e9;
	--red:#E02B00;
	--lightblue:#55A3E1;
	--lightgray:#F0F0F0;
	--bordergray:#DDDDDD;
	--fsl:120%;
	--fsxl:170%;
	--fsxxl:240%;
}

button{
	cursor:pointer!important;
}
#searchBoxArea{
	width:400px;
	margin:0 auto;
	text-align:center;
}
#searchBox{
	display:block!important;
}
#searchBox.open{
	display:block!important;
}

/* スマホ・デスクトップの基本切り替え */
@media screen and (min-width:599px){
	.forsp{
		display:none;
	}
	:root{
		--fsbase:1.4rem;
		--container:1280px;
		--commonlist-itemwidth:240px;
		--commonlist-imgwidth:160px;
		--commonlist-imgheight:227px;
	}
	
	/* フォントサイズ */
	html{
		font-size:62.5%;
	}
	body,td{
		font-size:var(--fsbase);
		line-height:1.2em;
		background-color:var(--sitecolor);
	}
	.container{
		width:var(--container);
		margin: 0 auto;
	}
	.wrapper,th,td{
		background-color:#FFFFFF;
	}
	h2{
		font-size:var(--fsxl);
		line-height: 1em;
		font-weight: bold;
		margin-top:40px;
	}
}
@media screen and (max-width:599px){
	.fordt{
		display:none;
	}
	:root{
		--fsbase:1.4rem;
		--commonlist-width:850px;
		--commonlist-itemwidth:130px;
		--commonlist-imgwidth:120px;
		--commonlist-imgheight:170px;
	}
	/* フォントサイズ */
	html{
		font-size:62.5%;
		line-height:1.2em;
	}
	body,td{
		font-size:var(--fsbase);
		line-height:1.2em;
	}
	h2{
		font-size:var(--fsxl);
		line-height: 1em;
		font-weight: bold;
		margin-top:40px;
	}
}

/* 基本色 */
html,body,td{
	color:var(--textcolor);
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
a, a:link, a:visited{
	color:var(--lightblue);
	cursor: pointer;
}




/* スライドメニュー */
.shader{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	position:absolute;
	top:0;
	left:0;
	z-index:299;
	display:none;
}
.slidemenu{
	position:absolute;
	top:0;
	left:-300px;
	width:270px;
	z-index:300;
	background-color:#FFFFFF;
	height:100%;
	overflow:scroll;
}
.slidemenu a{
	display:block;
}
.slidemenu .header{
	height:110px;
	background-color:var(--sitecolor);
	background-image:url("/static/img/common/arrow_wl.png");
	background-repeat: no-repeat;
	background-position:15px 75px;
	position:relative;
}
.slidemenu .header h1{

	bottom:8px;
	right:8px ;
}
.slidemenu .usermenu ul li{
	width:100%;
}
.slidemenu .usermenu ul li a{
	display:block;
	position:relative;
	padding:13px;
	line-height: 1em;
	border-bottom:1px solid var(--bordergray)
}
.slidemenu .usermenu ul li a::after{
	content:"▶";
	display: block;
	position: absolute;
	right:13px;
	top:13px;
}
.slidemenu .contentsmenu{
	padding:1em;
}
.slidemenu h2{
	font-size:1.4rem;
	margin-top:0;
}
.slidemenu .contentsmenu ul li{
	padding:1em 0 0 1em;
}
.slidemenu .genremenu{
	padding-left:1em;
}
.slidemenu .genremenu h3{
	margin-top:1em;
}
.slidemenu .showall{
	text-align: right;
	padding-top:1em;
}
.slidemenu .showall::after{
	content:"▶";
}
.slidemenu .age{
	border-top:1px solid var(--bordergray);
	border-bottom:1px solid var(--bordergray);
	margin-top:1em;
	padding:1em;
	
}
.slidemenu .age ul li{
	padding:1em 0 0 1em;
}
.wrapper{
	posititon:relative;
	width:100%;
}
/* ヘッダー */
.header{
	min-width:1280px;
}
.header .logolinedt{
background-color:var(--sitecolor);
	min-width:
}
.header .openmenu{
	display:block;
	width:60px;
	height:30px;
	margin:15px 0;
	border-right:1px solid #FFF;
	float:left;
	background-image:url("/static/img/common/menu.png");
	background-repeat: no-repeat;
	background-position: center;
	border:none;
	background-color: transparent;
}
.header .login{
	display:block;
	float:left;
	width:80px;
	height:60px;
	text-indent:-9999px;
	background-image:url("/static/img/common/login_btn.png");
	background-repeat: no-repeat;
	background-position: center;
}
.header .guide{
	display:block;
	float:left;
	width:80px;
	height:60px;
	text-indent:-9999px;
	background-color:var(--orange);
	background-image:url("/static/img/common/register_btn.png");
	background-repeat: no-repeat;
	background-position: center;
}
.header h1{
	display:block;
	float:left;
	width:173px;
	height:36px;
	text-indent:-9999px;
	margin-top:12px;
	margin-left:24px;
	background-image:url("/static/img/common/rebecca_logo.png");
	background-repeat: no-repeat;
	background-position: center;
}
.header .searchbox{
	float:left;
	padding-left:50px;
}
.header .searchbox form{
	display:flex;
	padding-top:12px;
}
.header .searchbox input[type=text]{
	background-color:#FFFFFF;
	padding:0 10px;
	border-radius:17px 0 0 17px;;
	font-size:1.4rem;
	width:220px;
	border:none;
}
.header .searchbox button[type=submit]{
	width:40px;
	height:34px;
	border-radius:0 17px 17px 0;
	background-color:var(--orange);
	background-image:url("/static/img/common/search_btn.png");
	background-repeat: no-repeat;
	background-position: center;
	border:none;
}



/* ログイン後ヘッダー */

.header .logout{
	display:block;
	float:left;
	width:80px;
	height:60px;
	text-indent:-9999px;
	background-image:url("/static/img/common/logout_btn.png");
	background-repeat: no-repeat;
	background-position: center;
}
.header .mypage{
	display:block;
	float:left;
	width:80px;
	height:60px;
	text-indent:-9999px;
	background-color:var(--orange);
	background-image:url("/static/img/common/mypage_btn.png");
	background-repeat: no-repeat;
	background-position: center;
}
.currentpoint{
	height:60px;
	border-left:1px dotted #FFFFFF;
	float:right;
	padding-right:5px;
}
.currentpoint .pointlabel{
	font-size:1.8rem;
	line-height:1em;
	padding:20px 5px 0 20px;
	display:inline-block;
	color:#FFFFFF;
}
.currentpoint .ammount{
	font-size:1.8rem;
	line-height:1em;
	padding:20px 20px 0;
	display:inline-block;
	color:#FFFFFF;
}
.currentpoint a{
	display:inline-block;
	color:var(--textcolor);
	background: rgb(211,211,211);
	background: -moz-linear-gradient(0deg, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 70%);
	background: -webkit-linear-gradient(0deg, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 70%);
	background: linear-gradient(0deg, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d3d3d3",endColorstr="#ffffff",GradientType=1);
	position: relative;
	padding:12px 12px 12px 40px; 
	border: 1px solid var(--bordergray);
	border-radius:5px;
	font-weight: bold;
}

.currentpoint a::before{
	position:absolute;
	content:url("/static/img/common/point_ico.png");
	left:10px;
	top:10px;
}
/* フッター */

.footerannounce{
	text-align: center;
	padding-top:0;
}
.footer{
	background-color:var(--sitecolor);
	color:#333;
	margin-top:0px;
}
.footer a,
.footer a:link,
.footer a:hover,
.footer a:visited{
	color:#333;
}
.footermenu{
	display:flex;
	justify-content: center;
}
.footermenu div{
	padding:0 50px;
}
.footermenu h2{
	font-size:1.4rem;
}
.footermenu ul{
	padding-top:5px;
}
.footermenu ul li{
	padding-top: 5px;
	padding-left:5px;
}
.footermenu ul li::before{
	content:"・";
}
.copyrightsbox{
	border-top:1px solid #535F7C;
	margin-top:60px;
	padding:20px 0 60px 0;
	text-align: center;
	color:#535F7C;
	line-height:1.5em;
}

/* 作品サムネイルのリスト */
.filterbox .container{
	border-top:1px solid var(--bordergray);
	margin-top:30px;
}
.filterwrap{
	background-color:var(--lightgray);
	border-radius: 8px;
	display:flex;
	justify-content: center;
	margin-top:var(--fsbase);
}
.filterwrap select{
	border-color:var(--bordergray);
	border-radius: 3px;
	background-color: #FFFFFF;
	margin:10px;
}
.filterwrap option{
	padding:3px;
	box-sizing: border-box;
}
.commonlist{
	display:flex;
	width:100%;
	flex-wrap: wrap;
	justify-content: left;
	margin-top:30px;
}

.commonlist li{
	width:var(--commonlist-itemwidth);
	padding-bottom:30px;
}
.commonlist li a{
	display:block;
}
.commonlist li .place{
	font-size:var(--fsl);
	font-weight: bold;
	text-align: center;
	height:30px;
	padding-top:10px;
}
.commonlist li .first{
	text-align:left;
	text-indent:-99999px;
	background-image:url("/static/img/common/crown1.png");
	background-position: top center;
	background-repeat: no-repeat;
}
.commonlist li .second{
	text-align:left;
	text-indent:-99999px;
	background-image:url("/static/img/common/crown2.png");
	background-position: center;
	background-repeat: no-repeat;
	
}
.commonlist li .third{
	text-align:left;
	text-indent:-99999px;
	background-image:url("/static/img/common/crown3.png");
	background-position: center;
	background-repeat: no-repeat;
	
}
.commonlist li .thumb{
	text-align: center;
	
}
.commonlist li .thumb img{
	width:var(--commonlist-imgwidth);
	height:var(--commonlist-imgheight);
}
.modelbox .commonlist li .thumb img{
	width:130px;
	height:130px;
}
.commonlist li .date{
	padding-top:5px;
	text-align:center;
	color:var(--textcolor);
}
.commonlist li .title{
	padding-top:5px;
	margin-left:10px;
	margin-right:10px;
}
.commonlist li .actress{
	text-align:center;
	padding-top:5px;
}
.commonlist li .genre{
	text-align:center;
	color:var(--orange);
	padding-top:5px;
}
.commonlist li .price{
	text-align:center;
	color:var(--orange);
	padding-top:5px;
}
.commonlist li .rating{
	text-align:center;
	color:var(--orange);
	padding-top:5px;
}

/* MOREボタン */
.showallbox{
	text-align: center;
}
.showallbox a {
	display:inline-block;
	padding:10px;
	text-align: center;
	border:1px solid var(--lightblue);
	font-weight:bold;
	border-radius: 8px;
}

/* ページ移動 */
	.pagenation{
		width: 100%;
	}
	.pagenation ul{
		display:flex;
		flex-wrap: wrap;
/*
		justify-content: space-between;
*/
		justify-content: center;
		margin-top:30px;
		max-width:70%!important;
		margin:30px auto;
	}
	.pagenation ul li{
		padding:5px;
		margin:3px;
		width:40px;
		text-align:center;
	}
	.pagenation ul li.current{
		background-color:var(--lightgray);
		border-radius: 5px;
	}

/* 通常ページタイトル */
.titlebox h1{
    font-size: var(--fsxl);
    line-height: 1em;
    font-weight: bold;
    margin-top: 50px;
	line-height:1.1em;
}

/* フォーム系 */
.centerformbox{
	width:600px;
	margin:30px auto;
	padding:30px;
	margin-top:30px;
	background-color:var(--lightgray);
}
.centerformbox .formline{
	display:block;
	padding:0;
	border-bottom:none;
}
.centerformbox .formline button[type=submit]{
	margin-top:30px;
	width:100%;
	
}
.centerformbox .formline .elemlabel{
	font-weight: bold;
	padding-top:20px;
}
.centerformbox .formline:first-child .elemlabel{
	padding-top:0;
	width:100%;
}
.centerformbox .formline .elem{
	padding-top:5px;
	width:100%;
}
.centerformbox .formline .one{
	text-align:left;
}
.formline input[type=text],.formline input[type=password]{
	border:1px solid var(--bordergray);
	padding:2px;
	width:100%;
}

.formline textarea{
	border:1px solid var(--bordergray);
	padding:2px;
	width:100%;
	height:6em;
}
.formline button[type=submit]{
	padding:10px 1em;
	background-color:var(--orange);
	border:none;
	border-radius: 8px;
	font-size:2.4rem;
	line-height:1em;
	font-weight: bold;
	color:#FFFFFF;
}

.centereditbox{
	width:800px;
	margin:30px auto;	
}
.formline{
	display:flex;
	padding:30px 1em;
	border-bottom:1px solid var(--bordergray);
}
.formline:last-child{
	border-bottom:none;
}
.formline .elemlabel{
	width:30%;
	font-weight: bold;
}
.formline .elem{
	width:70%;
}

.formline .one{
	width:100%;
	text-align: center;
}
.formline .caution{
	color:red;
}


/* メッセージ */
.centermessagebox{
	width:800px;
	margin:30px auto;
	padding:30px;
	margin-top:30px;
	background-color:var(--lightgray);
}

/* 情報リスト */

.infomationlist{
	margin-top:30px;
}
.infomationlist li{
	display:flex;
	padding:10px 1em;
	border-bottom:1px dotted var(--bordergray);
	line-height:1.6em;
}
.infomationlist li:first-child{
	border-top:1px dotted var(--bordergray);
}
.infomationlist li .elemlabel{
	width:30%;
}
.infomationlist li .elem{
	width:70%;
}

/* 装飾 */
.alertbg{
	background-color:#FDEBEB;
}
.normalbg{
	background-color:#FFFFFF;
}
.tcenter{
	text-align:center;
}
.torange{
	color:var(--orange);
}

/* 商品詳細画面 */
.iteminfo{
	width:100%;
}
.sampleimagebox{
	width:100%;
/*
	max-width:1200px;
*/
}
.sampleimagebox ul{
	width:100%;
/*
	max-width:1200px;
*/
}
.sampleimagebox ul li{
	width:22%;
	margin:10px;
  display: inline-block;
  list-style: none;
}
.sampleimagebox ul li img{
	width:100%;
}


/* カート画面＆送信確認画面 */
.container.confirm{
	max-width:800px;
	margin:0 auto;
}
.payment_method{
	max-width:800px;
	margin:0 auto;
}

.delivery_area{
	margin-top:50px;
}
.btnArea{
	margin:0 auto;
	margin-top:20px;
	text-align:center;
}
.btnArea input[type=button]{
	padding: 10px 1em;
background-color: transparent;
	border: none;
	border-radius: 8px;
	font-size: 2.4rem;
	line-height: 1em;
	font-weight: bold;
	color: #333333;
	cursor:pointer;
}
.btnArea input[type=submit]{
	padding: 10px 1em;
background-color: transparent;
	border: none;
	border-radius: 8px;
	font-size: 2.4rem;
	line-height: 1em;
	font-weight: bold;
	color: #333333;
	cursor:pointer;

}



/* スマホデザイン */

@media screen and (max-width:599px){
	
/* フッターフロートボタン */
	.floatbutton{
		position:fixed;
		bottom:22px;
		left:0;
		z-index:298;
		background-color:var(--lightblue);
		width:100%;
	}
	.floatbutton a,
	.floatbutton a:link,
	.floatbutton a:visited{
		color:#FFFFFF;
	}
	.floatbutton ul{
		display:flex;
		width:100%;
	}
	.floatbutton li{
		width:20%;
		border-right:1px solid #FFF;
		height:50px;
	}
	.floatbutton li:last-child{
		border-right: none;
	}
	.floatbutton li a{
		display:block;
		width:100%;
		height:100%;
		background-position: center;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.floatbutton li a.ranking{
		background-image: url("/static/img/common/footer_ranking_btn.png");
	}
	.floatbutton li a.sale{
		background-image: url("/static/img/common/footer_sale_btn.png");
	}
	.floatbutton li a.coupon{
		background-image: url("/static/img/common/footer_coupon_btn.png");
	}
	.floatbutton li a.home{
		background-image: url("/static/img/common/footer_home_btn.png");
	}
	.floatbutton li a.ranking{
		background-image: url("/static/img/common/footer_ranking_btn.png");
	}
	.floatbutton li a.favorite{
		background-image: url("/static/img/common/footer_favorite_btn.png");
	}
	.floatbutton li a.login{
		background-image: url("/static/img/common/footer_login_btn.png");
	}
	.floatbutton li a.logout{
		background-image: url("/static/img/common/footer_logout_btn.png");
	}
	
/* ヘッダー */
	.header{
		min-width:260px;
	}
	.logolinesp{
		background-color:var(--sitecolor);
		position:relative;
		height:60px;
	}

	.userBtn{
		float:right;
		margin-top:15px;
		margin-right:15px;
		margin-left:5px;
	}

	.logolinesp .openmenu {
    	border-right: none;
	}
	.logolinesp h1{
		width:100px;
		height:21px;
		background-size:contain;
		margin-top:20px;
		margin-left:0;
	}
	.logolinesp .login{
		display:block;
		float:right;
		width:30px;
		height:30px;
		margin-right:15px;
		margin-top:15px;
		background-image:url("/static/img/common/login_btn_sp.png");
	}
	.logolinesp .opensearch{
		display:block;
		float:right;
		width:30px;
		height:30px;
		margin-right:25px;
		margin-top:15px;
		background-image:url("/static/img/common/search_btn_sp.png");
		background-repeat: no-repeat;
		background-position: center;
		border:none;
		background-color:transparent;
	}

	.logolinesp .slidesearchbox{
		position:absolute;
		z-index:297;
		width:100%;
		height:60px;
		top:-60px;
		background-color:var(--sitecolor);
	}

/* フッター */

.footermenu{
	display:block;
}
.footermenu div{
	padding:30px var(--fsbase) 0  var(--fsbase);
}
.footermenu div h2{
	margin-top:0;
}
.copyrightsbox{
	border-top:1px solid #535F7C;
	margin-top:30px;
	padding:20px  var(--fsbase) 60px  var(--fsbase);
	text-align: center;
	color:#535F7C;
	line-height:1.5em;
	font-size:1.2rem;
}

	
/* スマホ用検索ボックス */
	.slidesearchbox form{
		display:flex;
		padding-top:12px;
	}
	.slidesearchbox input[type=text]{
		background-color:#FFFFFF;
		padding:0 10px;
		border-radius:17px 0 0 17px;;
		font-size:1.6rem;
		width:270px;
		border:none;
	}
	.slidesearchbox button[type=submit]{
		width:40px;
		height:34px;
		border-radius:0 17px 17px 0;
		background-color:var(--orange);
		background-image:url("/static/img/common/search_btn.png");
		background-repeat: no-repeat;
		background-position: center;
		border:none;
	}
	button.closesearch {
		width: 30px;
		height: 30px;
		background-image: url(/static/img/common/arrow_wl.png);
		background-position: center;
		display: block;
		float: left;
		background-repeat: no-repeat;
		margin: 15px;
		border:none;
		background-color:transparent;
	}
	
/* 作品サムネイルのリスト */
.filterbox .container{
	border-top:none;
	margin-top:0;
}
.filterwrap{
	margin-left:var(--fsbase);
	margin-right:var(--fsbase);
	display:block;
	box-sizing: border-box;
	padding:0 1rem 1rem 1rem;
}
.filterwrap select{
	border-color:var(--bordergray);
	border-radius: 3px;
	width:100%;
	margin:0;
	margin-top:1rem;
}
.filterwrap option{
	padding:3px;
}
.commonlist{
	display:block;
	width:100%;
	margin:30px 0 0 0;
	padding:0 var(--fsbase);
}
	.commonlist li{
		width:100%;
		padding-bottom:30px;
	}

	.commonlist li a::after{
		display:block;
		clear: both;
		content:'';
	}
.commonlist li .thumb{
	width::var(--commonlist-imgwidth);
	float:left;
	padding:0 var(--fsbase) 0 0;
}
.commonlist li .date{
	text-align:left;
}
.commonlist li .actress{
	text-align:left;
}
.commonlist li .genre{
	text-align:left;
}
.commonlist li .rating{
	text-align:left;
}
.commonlist li .price{
	text-align:left;
}
/* MOREボタン */
.showallbox{
	text-align: right;
}
.showallbox a{
	border:none;
}
.showallbox a::after{
	content:" ▶";
}

/* 通常ページタイトル */
.titlebox h1{
    padding-left:var(--fsbase);
    padding-right:var(--fsbase);
}

	
/* フォーム系 */
.centerformbox{
	width:auto;
	margin:30px var(--fsbase);
}
.centerformbox .formline{
}
.centerformbox .formline .elemlabel{
	font-weight: bold;
	padding-top:20px;
}
.centerformbox .formline:first-child .elemlabel{
	padding-top:0;
}
.centerformbox .formline .elem{
	padding-top:5px;
}
.formline{
	display:block;
	padding:15px 1em;
	border-bottom:none;
}
.formline:last-child{
	border-bottom:none;
}
.formline .elemlabel{
	width:100%;
	font-weight: bold;
}
.formline .elem{
	width:100%;
}

.formline .one{
	width:100%;
	text-align: center;
}
.formline .caution{
	color:red;
}
.formline button[type=submit]{
	width:100%;
	text-align: center;
}
	.centereditbox{
		width:100%;
	}
	
/*  */
.infomationlist li{
	display:block;
	padding:15px 1em;
}
.infomationlist li .elemlabel{
	width:100%;
	font-weight: bold;
}
.infomationlist li .elem{
	width:100%;
}
/* メッセージ */
.centermessagebox{
	width:auto;
	margin:30px var(--fsbase);

}






/* --------------------------------------------------
	Q&A用のやつ
-------------------------------------------------- */
.qa_q{font-weight:bold;color:#F37394;margin-bottom:5px;}
.qa_a{padding:0 0 10px 1.2em;border-bottom:1px dotted #ccc;margin-bottom:10px;}






/* --------------------------------------------------
	お問い合わせフォームのiframe
-------------------------------------------------- */

.iframe-container {
  max-width: 640px; /* PCでの最大幅を元の幅に設定 */
  margin: 0 auto; /* 中央寄せ */
}

.iframe-container iframe {
  width: 100%; /* 親要素の幅いっぱいに広げる */
  height: 1000px; /* 高さの固定 */
}

/* 画面幅が640px未満の場合 */
@media screen and (max-width: 640px) {
  .iframe-container {
    width: 100%; /* 画面いっぱいに広げる */
  }
}



/* --------------------------------------------------
	動画の幅
-------------------------------------------------- */
/* 動画を囲む親要素のスタイル */
.video-container1 {
  max-width: 1000px;  /* PCでの最大幅を1000pxに制限 */
  margin: 0 auto;     /* 画面中央に配置 */
}

/* 動画自体のスタイル */
.responsive-video1 {
  width: 100%;       /* 親要素の幅に合わせて伸縮 */
  height: auto;      /* 縦横比を維持 */
}

/* 画面幅が1000px未満の場合は画面いっぱいに広げる */
@media screen and (max-width: 999px) {
  .video-container1 {
    max-width: 100%; /* 親要素の最大幅を画面幅に合わせる */
  }
}









/* --- スマホ表示 (599px以下) --- */
@media screen and (max-width: 599px) {

	/* PC用のグローバルメニューを非表示に */
	.headermenu {
		display: none;
	}

	/* ハンバーガーアイコン（三本線）のスタイル */
	.hamburger-icon {
		display: block;
		position: absolute; /* ヘッダー基準で位置を決めるため */
		top: 15px;
		left: 15px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		z-index: 100; /* 他の要素より手前に表示 */
	}

	.hamburger-icon span {
		display: block;
		position: absolute;
		width: 100%;
		height: 3px;
		background-color: #333; /* 線の色 */
		top: 14px;
		transition: transform 0.3s, background-color 0.3s;
	}

	.hamburger-icon span::before,
	.hamburger-icon span::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 3px;
		background-color: #333; /* 線の色 */
		transition: transform 0.3s;
	}

	.hamburger-icon span::before {
		top: -10px; /* 上の線 */
	}

	.hamburger-icon span::after {
		top: 10px; /* 下の線 */
	}

	/* チェックボックスを非表示に（見た目には不要なため） */
	.hamburger-check {
		display: none;
	}

	/* チェックされたら（＝アイコンがタップされたら）メニューを表示 */
	.hamburger-check:checked ~ .headermenu {
		display: block;
		position: absolute;
		top: 60px; /* ヘッダーの高さ分だけ下げる（要調整） */
		left: 0;
		width: 100%;
		background-color: #fff; /* メニューの背景色 */
		z-index: 99;
		border-top: 1px solid #eee;
	}
	
	/* ▼▼▼【重要】表示されたメニューのリストスタイル調整 ▼▼▼ */
	.headermenu ul {
		/* この設定でメニュー項目を縦に並べます */
		display: flex;
		flex-direction: column;
		width: 100%;
		padding-left: 0; /* 左の余白をリセット */
	}

	.headermenu li {
		width: 100%;
		float: none; /* 回り込みを解除 */
	}

	.headermenu li a {
		display: block;
		padding: 15px;
		text-align: left;
		border-bottom: 1px solid #eee;
		color: #333;
	}
    /* スマホでは<BR>による改行をなくし、スッキリ見せる */
	.headermenu li a br {
		display: none;
	}

	/* チェックされたらアイコンを「×」印に変化させる */
	.hamburger-check:checked ~ .hamburger-icon span {
		background-color: transparent; /* 中央の線を消す */
	}

	.hamburger-check:checked ~ .hamburger-icon span::before {
		transform: rotate(45deg);
		top: 0;
	}

	.hamburger-check:checked ~ .hamburger-icon span::after {
		transform: rotate(-45deg);
		top: 0;
	}
}













/* 「次に進む」ボタンの背景の帯を消す */
.latestbox {
    background-color: transparent !important; /* 背景色を透明にする */
}

/* 念のためpayment_methodの背景も透明に */
.payment_method {
    background-color: transparent !important;
}

/* もし上記で消えない場合、btnAreaの親のformタグにも背景色がある可能性があるので追加 */
form {
    background-color: transparent !important;
}