@charset "utf-8";
/* CSS Document */
*, *:before, *:after{
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.main_inner{width:1050px;margin: auto;}

@media screen and (max-width:1050px) {
.main_inner{width:100%;}
}
/*main内ヘッダーstart*/

.mypage__title_wrap{width: 1050px;margin:20px auto 20px auto;display: flex;flex-wrap: wrap;}

@media screen and (max-width:1050px) {
	.mypage__title_wrap{width: 100%; padding: 0;}
}
@media screen and (max-width:768px) {
	.mypage__title_wrap{width: 100%; padding: 0 10px;}
}
.mypage__title {
	width: 100%;
	margin: 30px 0;
	padding: 0;
	font-size: 28px;
	color: #3c1615;
	display: flex;align-items: center;
}
@media screen and (max-width: 768px) {
  .mypage__title {font-size: 18px;padding: 0 10px;display: flex;flex-wrap: wrap;margin-top:50px;}
}
span.title{flex-basis: 30%;display: flex;align-items: center;margin:0;}
@media screen and (max-width: 768px) {
	span.title {flex-basis: 100%;display: flex; justify-content: center;margin-bottom: 30px;}
  }
ul.event_navi{display:flex;justify-content: flex-end;align-items:flex-start;flex-basis: 70%;margin: 0;height:40px ;}
@media screen and (max-width: 768px) {
	ul.event_navi {flex-basis: 100%;display: flex;justify-content: center;height: auto;}
  }
ul.event_navi li a{margin-left: 10px ;padding: 10px 20px;text-align: center;font-size: 13px;border-radius: 4px;}
@media screen and (max-width: 768px) {
	ul.event_navi li a {padding: 10px;font-size: 13px;}
	ul.event_navi li a.hobima_top {margin-left: 0;}
  }
a.hobima_top{background: #00ced1;color:white;}
a.tfo_top{background: #3c1615;color:white;}
a.inquiry{background:#808285;color:white;}
@media screen and (max-width: 768px) {
  a.inquiry{display: none;}
}
a.tfo_gate_top{background: #3c1615 !important;color:gold !important;}
a.seasonout{background: #ccc !important;color:#333 !important;pointer-events: none;}
.user_status{
	flex-basis: 40%;
	margin: auto;
}
.user_status li{
	font-size:16px;
	line-height: 24px;
	padding:  0;
}
.user_status_pt2{
	flex-basis: 100%;
	margin-bottom: 30px;
	height: 125px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
}
@media screen and (max-width: 768px) {
.user_status_pt2{height: auto;}
}
.user_status_pt2 li.user_name_area{
	flex-basis: 100%;
	font-size:16px;
	line-height: 24px;
	padding:  0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
@media screen and (max-width: 905px) {
	.user_status_pt2 li.user_name_area{
		padding-left: 150px;}
	}
@media screen and (max-width: 768px) {
	.user_status_pt2 li.user_name_area{
		margin-top: 30px;
		padding-left: 0px;}
	}
.user_name{
	color: #3c1615;
	font-size: 20px;
	font-weight: 600;
	padding: 0 10px;
}
.user_status_pt2 li.user_status_area{
	flex-basis: 100%;
	font-size:16px;
	line-height: 24px;
	padding:  0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
@media screen and (max-width: 905px) {
	.user_status_pt2 li.user_status_area{
		padding-left: 150px;}
	}
@media screen and (max-width: 768px) {
	.user_status_pt2 li.user_status_area{
		padding-left: 0px;}
	}

.status_flag{
	color: dimgray;
	padding: 0 10px;
}

.user_status_pt2 li.ticket_box{
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 100px;
	border:1px dotted #666;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	box-shadow: #ccc 2px 2px 2px;
}
@media screen and (max-width:768px){
	.user_status_pt2 li.ticket_box{
		margin-bottom:20px;position: relative;
	}
}
.user_status_pt2 li.ticket_active{border:none;border-radius: 5px;}
.user_status_pt2 p.ticket_active_txt{padding-top:5px;font-size: 105%;line-height: 14px;}
.ticket_box_cols_left{flex-basis: 80%;max-width:80%;padding: 5px;margin: 0;display: flex;justify-content: center;align-items: center;font-size: 13px;flex-direction: column;}
.ticket_box_cols_left a{display: flex;justify-content: center;align-items: center;margin-top:10px;padding: 10px;color: white; background: #3c1615;border-radius: 4px;}
.ticket_active_left{color:white;font-weight:bold;background: url("../img/tfo_ticket_bg.jpg");background-position:top left;background-size: 100% 100%;background-repeat: no-repeat;}
.ticket_active_left a{display: flex;justify-content: center;align-items: center;margin-top:10px;padding: 10px;color: #3c1615;font-weight:bold; background: #fff;box-shadow: 2px 2px 2px #666; border-radius: 4px;}
.ticket_box_cols_right{flex-basis: 20%;max-width:20%;padding: 0;border-left: 1px dotted #666;}
.ticket_box_cols_right img{width: 80%;height: auto;margin: auto;padding-top:10px;display: flex;align-self: center;z-index: 10000;}
.ticket_active_right{background:#000080;position: relative;border-left: 1px dotted #fff;}
.ticket_active_right:after{content:"TICKET";bottom: 0;color: rgba(255,255,255,0.3);font-size: 15px;box-sizing: border-box; font-weight: 600;position: absolute;width:20%;border-top-right-radius:4px;border-bottom-right-radius:4px;}

/*main_navi*/
.user_main_navi{
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #3c1615;
	padding-bottom: 30px;
}
.user_main_navi li{
	flex-basis: 16%;
	margin-bottom: 1%;
	font-size:15px;
}
@media screen and (max-width:1050px) {
	.user_main_navi li{font-size:12px;}
}
@media screen and (max-width:768px) {
	.user_main_navi li{flex-basis: 33%;}
}
.user_main_navi li a {
	letter-spacing: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding-left: 18px;
	color: #3c1615;
	background: white;
	border:1px solid #3c1615;
	border-radius:4px;
	position: relative;
	height:50px;
}
.user_main_navi li a:hover{
	color: white;
	background:#3c1615;
	border:1px solid #3c1615;
}

.user_main_navi2{
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.user_main_navi2 li{
	/*flex-basis: 32%; ※3列の場合*/
	/*flex-basis: 49%; ※2列の場合*/
	flex-basis: 100%;
	padding-bottom: 10px;
	font-size:.875rem;
}
@media screen and (max-width:1050px){
	.user_main_navi2 li{flex-basis: 100%;font-size:12px;margin-bottom: 25px;}
	.user_main_navi2 li:last-child{margin-bottom:none;}
}
.user_main_navi2 li.active {
	background: white;
	border:1px solid #3c1615;
	border-radius:4px;
}
.user_main_navi2 li.active a {
	flex-basis: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:auto;
	padding: 10px;
	color: white;
	background: #3c1615;
	position: relative;

}
.user_main_navi2 li.active dl{width: 90%;height:auto;margin: auto;display: flex;flex-wrap: wrap;}
@media screen and (max-width:1050px){
	.user_main_navi2 li.active dl{height:auto;}
}
.user_main_navi2 li.active dt{flex-basis:100%;align-self: flex-start; font-size:12px; padding-top: 10px;margin:0 auto;text-align: center;}
.user_main_navi2 li.active dd{flex-basis:100%;}
.user_main_navi2 li.active dd a{font-size:12px;text-align: center;margin-top: 10px;padding: 10px 0;color: white; background: #3c1615;border-radius:4px;align-content: center;}
.user_main_navi2 li.active dt.buylist_text{margin-bottom: 12px;}
@media screen and (max-width:1050px){
	.user_main_navi2 li.active dt.buylist_text{margin-bottom: 0px;}
}
.user_main_navi2 li.inactive{
	background: lightgray;
	border:1px solid gray;
	border-radius:4px;
}
.user_main_navi2 li.inactive a{
	flex-basis: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1%;
	color: lightgray;
	background: gray;
	position: relative;
	padding: 10px 0;
}
.user_main_navi2 li.inactive dl{width: 90%;margin: auto;}
.user_main_navi2 li.inactive dt{font-size:12px; padding-top: 10px;margin: auto;text-align: center;}
.user_main_navi2 li.inactive dd{margin: auto;height: auto;display: flex;}
.user_main_navi2 li.inactive dd a{font-size:12px;text-align: center;margin-top: 10px;padding: 10px 0;color: lightgray; background: gray;border-radius:4px;align-content: center;}
.red{color:red;}
.blue{color:dodgerblue;}
/*ボタンのアイコン制御*/
.icon__favorite:before{content:"\f005";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 18px;top:0;display: block;margin-top: 10px;}
.icon__favorite_list:before{content:"\f005";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__fan_list{font-size:85%;padding-left:24px !important;text-align: center;line-height: 1.1em;}
.icon__fan_list:before{content:"\f234";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 12px;top:0;display: block;margin-top: 15px;}
.icon__fan_list2:before{content:"\f234";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__message:before{content:"\f0e0";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 18px;top:0;display: block;margin-top: 12px;}
.icon__add_change:before{content:"\40";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}

.badge_area{position:relative;}
.badge{
	position:absolute;
	top:-10px;
	left:-5px;
	font-size:10px;
	background:red;
	color:white;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	border-radius:50%;
	z-index: 1000;
}
.icon__browse:before{content:"\f06e";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 18px;top:0;display: block;margin-top: 12px;}
.icon__browse_list:before{content:"\f06e";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__buy:before{content:"\f291";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 18px;top:0;display: block;margin-top: 10px;}
.icon__buy2:before{content:"\f291";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__lottery2:before{content:"\f500";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__info:before{content:"\f05a";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 18px;top:0;display: block;margin-top: 10px;}
.icon__info2:before{content:"\f05a";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}

.icon__ticket:before{content:"\f3ff";font-family: "Font Awesome 5 Free";font-size:20px;font-weight: 900;padding-right: 5px;/*position: absolute;left: 40px;*/}
.icon__ticket_counter:before{content:"\f3ff";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__buy_list:before{content:"\f03a";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 40px;top:0;display: block;margin-top: 5px;}
.buy_list_badge_area{position:relative;}
.buy_list_badge{
	position:absolute;
	top:5px;
	left:-5px;
	font-size:10px;
	background:red;
	color:white;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	border-radius:50%;
	z-index: 1000;
}
.icon__talkroom:before{content:"\f086";font-family: "Font Awesome 5 Free";font-size:20px;font-weight: 900;padding-right: 5px;/*position: absolute;left: 40px;*/}
.icon__talkroom_list:before{content:"\f086";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;margin-top: 0;}
.icon__lottery:before{content:"\f500";font-family: "Font Awesome 5 Free";font-size:20px;font-weight: 900;padding-right: 5px;/*position: absolute;left: 40px;*/}
.icon__reservation:before{content:"\f044";font-family: "Font Awesome 5 Free";font-size:20px;font-weight: 900;padding-right: 5px;/*position: absolute;left: 40px;*/}
.icon__coupon:before{content:"\f1f9";font-family: "Font Awesome 5 Free";font-size:20px;font-weight: 900;padding-right: 5px;/*position: absolute;left: 40px;*/}

.icon__message_new:before{content:"\f0e0";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__dlist:before{content:"\f03a";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__guidebook:before{content:"\f518";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__comment_list:before{content:"\f4ad";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__ranking:before{content:"\f521";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__check_item:before{content:"\f058";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.icon__premium:before{content:"\f3bf";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}

@media screen and (max-width:1050px){
.icon__favorite:before{content:"\f005";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 18px;margin-top: 13px;}
.icon__favorite_list:before{font-size:1em;}
.icon__fan_list{font-size:85%;padding-left:24px !important;text-align: center;line-height: 1.1em;}
.icon__fan_list:before{content:"\f234";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 12px;margin-top: 17px;}
.icon__fan_list2:before{font-size:1em;}
.icon__message:before{content:"\f0e0";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 18px;margin-top: 15px;}
.icon__browse:before{content:"\f06e";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 18px;margin-top: 15px;}
.icon__browse_list:before{font-size:1em;}
.icon__buy:before{content:"\f291";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 18px;margin-top: 13px;}
.icon__buy2:before{font-size:1em;}
.icon__info:before{content:"\f05a";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 18px;margin-top: 13px;}
.icon__info2:before{font-size:1em;}
.icon__ticket:before{content:"\f3ff";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position:unset;left: 0px;padding-right: 10px;}
.icon__buy_list:before{content:"\f03a";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 20px;}
.icon__talkroom:before{content:"\f086";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 20px;}
.icon__talkroom_list:before{font-size:1em;}
.icon__lottery:before{content:"\f500";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: unset;left: 0px;padding-right: 10px;}
.icon__reservation:before{content:"\f044";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: unset;left: 20px;padding-right: 10px;}
.icon__coupon:before{content:"\f1f9";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 20px;}

.icon__message_new:before{content:"\f0e0";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 0;}
.icon__dlist:before{content:"\f03a";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 0;}
.icon__guidebook:before{content:"\f518";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 0;}
.icon__comment_list:before{content:"\f4ad";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 0;}
.icon__ranking:before{content:"\f521";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 0;}
.icon__check_item:before{content:"\f058";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 0;}
}
/*main内ヘッダーend*/

/*main内コンテンツstart*/
.baner_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.baner_item{flex-basis:100%;padding-bottom:20px;}
.baner_item__cols2{flex-basis:49%;padding-bottom:20px;}
.baner_wrap img{width: 100%;height: auto;}

/*section　ranking*/
.ranking_content{width: 100%;display:flex;flex-wrap: wrap;justify-content: space-between;}
.ranking_item{flex-basis: 30%;padding: 0 1%; font-size:13px;}
@media screen and (max-width:768px){
	.ranking_item{flex-basis: 100%;}
}
.ranking_item li{margin-bottom: 10%;padding-bottom: 2%; border-bottom: 1px dashed #ccc;}
@media screen and (max-width:768px){
	.ranking_item li{margin-bottom: 4%;}
}
@media screen and (max-width:480px){
	.ranking_item li{margin-bottom: 6%;}
}
.ranking_item li:last-child{border:none;}
.ranking_item li.ranking_title{ font-weight:600; color: #bf0000;border: none;text-align: center;}
.ranking_item li.rank1{font-weight:600;padding-left: 45px;position: relative;}
.ranking_item li.rank1:before{content:"1";position: absolute;top: -5px;left: 12px;font-size: 20px}
.ranking_item li.rank1:after{content:"\f521";position: absolute;top: -15px;left: 0;color: gold;z-index: -1;font-size: 30px; font-family: "Font Awesome 5 Free";font-weight: 900;}
.ranking_item li.rank2{font-weight:600;position: relative;padding-left: 45px;}
.ranking_item li.rank2:before{content:"2";position: absolute;top: -5px;left: 12px;font-size: 20px}
.ranking_item li.rank2:after{content:"\f521";position: absolute;top: -15px;left: 0;color: silver;z-index: -1;font-size: 30px; font-family: "Font Awesome 5 Free";font-weight: 900;}
.ranking_item li.rank3{font-weight:600;position: relative;padding-left: 45px;}
.ranking_item li.rank3:before{content:"3";position: absolute;top: -5px;left: 12px;font-size: 20px}
.ranking_item li.rank3:after{content:"\f521";position: absolute;top: -15px;left: 0;color: burlywood;z-index: -1;font-size: 30px; font-family: "Font Awesome 5 Free";font-weight: 900;}
.ranking_item li.rank4{position: relative;padding-left: 45px;}
.ranking_item li.rank4:before{content:"4";position: absolute;top:-5px;left: 12px;font-weight:600;font-size: 20px;}
.ranking_item li.rank5{position: relative;padding-left: 45px;}
.ranking_item li.rank5:before{content:"5";position: absolute;top:-5px;left: 12px;font-weight:600;font-size: 20px;}

.ranking_number__1{font-weight:600;position: relative;margin:2px;padding-left: 12px;padding-top: 7px;font-size: 20px;z-index: 100;}
.ranking_number__1::after{content:"\f521";position: absolute;top: 0;left: 0;color: gold;z-index: -1;font-size: 30px; font-family: "Font Awesome 5 Free";font-weight: 900;}
.ranking_number__2{font-weight:600;position: relative;margin:2px;padding-left: 12px;padding-top: 7px;font-size: 20px;z-index: 100;}
.ranking_number__2::after{content:"\f521";position: absolute;top: 0;left: 0;color: silver;z-index: -1;font-size: 30px; font-family: "Font Awesome 5 Free";font-weight: 900;}
.ranking_number__3{font-weight:600;position: relative;margin:2px;padding-left: 12px;padding-top: 7px;font-size: 20px;z-index: 100;}
.ranking_number__3::after{content:"\f521";position: absolute;top: 0;left: 0;color: burlywood;z-index: -1;font-size: 30px; font-family: "Font Awesome 5 Free";font-weight: 900;}
.ranking_number{font-weight:600;position: relative;margin:2px;padding-left: 6px;padding-top: 7px;font-size: 20px;z-index: 100;}





.more_info{display:block;margin:auto;padding-top: 2%;font-size: 62.5%;}
@media screen and (max-width: 768px) {
	.more_info{font-size: 13px;}
}
a.more_info_btn{display:block;text-align:center;padding:3%;color:#3c1615;border: 1px solid #3c1615;border-radius:4px;}
a.more_info_btn:hover{color:white;background:#3c1615; border: 1px solid #3c1615;border-radius:4px;}

/*メッセージページ制御*/
/*1:メッセージメイン*/
.message_main{width:100%;display:block;margin: 50px 0;}
@media screen and (max-width: 480px) {
	.message_main{margin: 10px 0;padding: 0 5px;}
}
.message_navi{
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #3c1615;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.message_navi li{
	flex-basis: 24%;
	font-size:15px;
}
@media screen and (max-width:1050px) {
	.message_navi li{font-size:12px;}
}
@media screen and (max-width:768px) {
	.message_navi li{flex-basis: 33%;padding-bottom: 2%;align-self: baseline;}
	.message_navi li:nth-child(n+3){padding-bottom: 0;}
}
.message_navi li a {
	letter-spacing: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding: 20px;
	color: #3c1615;
	background: white;
	border:1px solid #3c1615;
	border-radius:4px;
	position: relative;
}
@media screen and (max-width:480px) {
	.message_navi li a {padding: 15px 10px;}
}
.message_navi li a:hover{
	color: white;
	background:#3c1615;
	border:1px solid #3c1615;
}
.message_tool{width:100%;margin: 20px auto;display: flex;justify-content: space-around;flex-wrap: wrap;}
.message_tool_act{flex-basis: 30%;max-width: 30%;font-size: 14px;padding: 0 10px;border:1px solid #ccc;display:flex;justify-content: center;align-items: center;}
.message_tool_act.checkbox{flex-basis: 20%;max-width: 20%;}
@media screen and (max-width: 768px) {
	.message_tool_act.checkbox{flex-basis: 100%;max-width: 100%;}
}
.message_tool_act label{padding-left: 5px;}
.message_tool_act select{padding: 5px;border:none;}
.message_tool_act input.submit{padding:5px;margin-left:10px; }
@media screen and (max-width: 768px) {
	.message_tool_act{flex-basis:100%;max-width: 100%;font-size: 12px;padding: 10px;}
	.message_tool_act:first-child{margin-bottom: 10px;}
}
.message_tool_search{
	flex-basis: 40%;
	max-width: 40%;
	font-size: 14px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #999;
	display:flex;
	align-items: center;
	padding:10px;
	border-radius: 10px;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.message_tool_search{flex-basis:100%;max-width: 100%;font-size: 13px;margin-top:10px; padding: 10px;}
}
.message_tool_search input[type="text"]{
  border: none;display:flex;align-items: center;width: 85%;
}
.message_tool_search input[type="text"]:focus {
  outline: 0;
}
.message_tool_search input[type="submit"]{
	cursor:pointer;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	color:white;
	border: none;
	background-color: #3c1615;
	width: 60px;
	height: 100%;
	outline : none;
	right:0;
	top:0;
	position: absolute;
	-webkit-appearance: none;
	border-radius: 0;
}
@media screen and (max-width: 768px) {
.message_tool_search input[type="submit"]{
	width: 64px;
	height: 100%;}
}

.message_tool_search input[type="button"]{
	cursor:pointer;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	color:white;
	border: none;
	background-color: #3c1615;
	width: 60px;
	height: 100%;
	outline : none;
	right:0;
	top:0;
	position: absolute;
	-webkit-appearance: none;
	border-radius: 0;
}
@media screen and (max-width: 768px) {
.message_tool_search input[type="button"]{
	width: 64px;
	height: 100%;}
}

table.message_body{width:100%;display: table;font-size:13px;table-layout: fixed;}
table.message_body thead{background: #fbf7ec;}
@media screen and (max-width: 768px) {
	table.message_body thead{display:none;}
}

table.message_body tr{
	border-top:1px solid #3c1615;
	border-right:1px solid #3c1615;
	position: relative;
}
table.message_body tr:last-child{border-bottom:1px solid #3c1615;}
@media screen and (max-width: 768px) {
	table.message_body tr{border-left:1px solid #3c1615;display: flex;flex-wrap:wrap;}
	table.message_body tr:last-child{border-bottom:1px solid #3c1615;}
}
@media screen and (max-width: 480px) {
	table.message_body tr{padding:10px;}
}
table.message_body td{
	border-left:1px solid #3c1615;
	padding:20px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: break-word;
}
@media screen and (max-width: 768px) {
	table.message_body td{padding: 10px;}
}
table.message_body td.checkbox{flex-basis: 15%;width:15%;text-align: center;}
table.message_body td.from{flex-basis: 30%;flex-basis: 30%;}
table.message_body td.subject{flex-basis: 35%;flex-basis: 35%;}
table.message_body td.time{flex-basis: 20%;width: 20%;}
@media screen and (max-width: 768px) {
	table.message_body td{border-bottom:none;border-left:none;}
	/*table.message_body td.checkbox{order:1;flex-basis:10%;}*/
	table.message_body td.checkbox{order:2;flex-basis: 25%;width:25%;text-align: left;}
	table.message_body td.from{order:1;flex-basis: 75%;flex-basis: 75%;}
	table.message_body td.subject{order:3;flex-basis: 75%;flex-basis: 75%;}
	table.message_body td.time{order:4;flex-basis: 25%;width: 25%;}
}
@media screen and (max-width: 480px) {
	table.message_body td{padding:0;white-space: unset;width:100%;}
	table.message_body td:nth-child(odd){margin-bottom: 0;padding: 5px 0;}
	table.message_body td input[type="text"]{width: 100%;}
	table.message_body td.checkbox{order:3;flex-basis: 25%;width:25%;padding: 0;}
	table.message_body td.from{order:1;flex-basis: 100%;flex-basis: 100%;}
	table.message_body td.subject{order:2;flex-basis: 100%;flex-basis: 100%;}
	table.message_body td.time{order:4;flex-basis: 75%;width: 75%;}
}
ul.reg-nmb-list{justify-content: center;}
ul.reg-nmb-list li:nth-child(1){padding-right: 10px;}
ul.reg-nmb-list li:nth-child(2){padding-left: 10px;}
.reg-nmb-active{background: #3c1615 !important;color: #fff!important;}
/*2：メッセージ作成ページ*/
.message_tool_act_create{
flex-basis: 100%;
padding:20px 10px;
font-size: 14px;
letter-spacing: .2em;
background:#ccc;
border-radius:4px;
display: flex;
justify-content: center;
align-items: center;
}
.message_tool_act_create input[type="submit"]{background:none;border:none;outline:none;}
@media screen and (max-width: 768px) {
	.message_tool_act_create{flex-basis: 100%;}
	.message_tool_act_create input[type="submit"]{width:100%;padding:10px;font-size: 12px;letter-spacing: 0;}
	label.submit{order:1;margin-bottom: 20px;}
	label.save{order:2;margin-bottom: 20px;}
	label.delete{order:3;}
}

/*popup*/
/* ポップアップウインドウの設定 */
.popup {
  background: rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:100000
/*width: 700px;
height:70%;
overflow-y: scroll;*/
}
.popup::after{
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;left:0;
	z-index:-1;
}
@media screen and (max-width: 768px) {
.popup {width: 100%;height:100%;}
}
.popup-content {
	background-color: #fff;
  margin: auto;
  padding:0 10px;
  width: 700px;
  height:70%;
  overflow-y: scroll;
  z-index:100001;
  position: absolute;
  top:0;
  left: 0;
  bottom:0;
  right:0;
  }
  @media screen and (max-width: 768px) {
	.popup-content {width: 90%;}
  }
/* チェックボックスの初期設定 */
#popup-on{display: none;}
/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup{display: block;}

/* 閉じるアイコン（右上） */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  display: inline-flex;
  float: left;
  top:0;
  right:0;
  margin-bottom: 10px;
}

/* 送信ボタン */
.submit_btn{
  background: #3c1615;
  border-radius: 4px;
  color: #fff;
  padding:20px 10px;
font-size: 14px;
  cursor: pointer;
  margin: 20px auto;
  width:50%;
  text-align: center;
display: block;
}
.submit_btn input{display: none;}
@media screen and (max-width: 768px) {
.submit_btn {width: 90%;font-size: 12px;}
}
/*popup*/

table.message_create_body{width:100%;display: table;margin-top: 20px; table-layout: fixed;}

table.reply_icon{position:relative;}
table.reply_icon:before{content:"\f3e5";font-family: "Font Awesome 5 Free";font-size:20px;font-weight: 900;position: absolute;top:0;left:-50px;color:white;background:#3c1615;width:50px;height:50px;display: flex;margin:auto;align-items: center;justify-content: center;border-top-left-radius:5px;border-bottom-left-radius:5px;}
@media screen and (max-width: 1180px) {
	table.reply_icon{margin-top:50px;}
	table.reply_icon:before{
		font-size:12px;
		top:-30px;
		left:0;
		width:30px;
		height:30px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		border-bottom-left-radius:0;
	}
}
table.reply_icon2{position:relative;}
table.reply_icon2:before{content:"\f3e5";font-family: "Font Awesome 5 Free";font-size:20px;font-weight: 900;position: absolute;top:0;left:-51px;color:#3c1615;border:1px solid #3c1615;background:white;width:50px;height:50px;display: flex;margin:auto;align-items: center;justify-content: center;border-top-left-radius:5px;border-bottom-left-radius:5px;}
@media screen and (max-width: 1180px) {
	table.reply_icon2{margin-top:50px;}
	table.reply_icon2:before{
		font-size:12px;
		top:-31px;
		left:0;
		width:30px;
		height:30px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		border-bottom-left-radius:0;
	}
}
table.message_create_body thead td:nth-child(odd){background: #b0c4de;}
table.message_create_body tr{
border-top:1px solid #3c1615;
border-right:1px solid #3c1615;
}
table.message_create_body tr.reply:last-child{border-top:none;}
@media screen and (max-width: 768px) {
	table.message_create_body tr{border-left:1px solid #3c1615;padding:0;}
	table.message_create_body tr:last-child{border-bottom:1px solid #3c1615;}
	table.message_create_body tr.reply{border-left:1px solid #3c1615;padding:0;}
	table.message_create_body tr.reply:last-child{border-bottom:1px solid #3c1615;}
}
table.message_create_body td{
	border-left:1px solid #3c1615;
	border-bottom:1px solid #3c1615;
	padding:20px 10px;
	font-size:13px;
	overflow-wrap: break-word;
}
@media screen and (max-width: 768px) {
	table.message_create_body td{width: 100%;text-align: center;}
}
table.message_create_body td:nth-child(odd){width: 30%;text-align: center;}
@media screen and (max-width: 768px) {
	table.message_create_body td:nth-child(odd){width: 100%;}
}

table.message_create_body td.message_area{text-align: left;}
table.message_create_body td input[type="text"] {width:100%;border-width:0px;border-style:none;outline: none;font-size:16px;}
table.message_create_body td textarea{width:100%;height:500px;border: none;padding: 10px;outline: none;font-size:16px;}

@media screen and (max-width: 768px) {
	table.message_create_body td{border-left:none;padding:15px 10px;}
	table.message_create_body td textarea{height:50vh;}
}
/*お気に入り*/
ul.list_body{
	width:100%;
	font-size:14px;
	border-top:1px solid #3c1615;
	border-right:1px solid #3c1615;
}
ul.list_body_reset{border:none;}
ul.list_body li.list_item{
	width:100%;
	border-left:1px solid #3c1615;
	border-bottom:1px solid #3c1615;
	display: flex;
}
@media screen and (max-width: 768px) {
	ul.list_body li.list_item{flex-wrap:wrap;}
}
@media screen and (max-width: 480px) {
	ul.list_body li.list_item{position: relative;}
}

ul.list_body li.list_item div.checkbox{flex-basis: 5%;height:auto;display: flex;justify-content: center;align-items: center;}
@media screen and (max-width: 480px) {
	ul.list_body li.list_item div.checkbox {position: absolute;top:0;left:0;z-index: 1;}
}

ul.list_body li.list_item div.checkbox input[type="checkbox"]{display: flex;justify-content: center;align-items: center;}
@media screen and (max-width: 768px) {
	ul.list_body li.list_item div.checkbox input[type="checkbox"]{flex-basis:100%;width:20px;height:20px;}
}
@media screen and (max-width: 480px) {
	ul.list_body li.list_item div.checkbox input[type="checkbox"]{width:20px;height:20px;margin: 5px;}
}

.list_item_checkbox{flex-basis: 100%;padding: 5px; background: #3c1615;color: white;}
.list_item_checkbox input[type="checkbox"]{width: 20px;height: 20px;justify-content: flex-start;display: flex;}

ul.list_body li.list_item div.product_img {
	display: flex;justify-content: center;align-items:center;width:100px;height:auto; position: relative;
}
.lineup_item_img{
	align-self: center;
    display: flex;
}
.product_img img{
	width:100%;
	height:auto;
	display: flex;
	object-fit: contain;
	object-position: center;
}
.product_img a:hover{opacity: .8;}
@media screen and (max-width: 820px) {
	ul.list_body li.list_item div.product_img{flex-basis:20%;width:auto;}
	.product_img img{width:100px;}
}
@media screen and (max-width: 480px) {
	ul.list_body li.list_item div.product_img{flex-basis:30%;}
	.product_img img{width:70px;}
	ul.list_body li.list_item div.product_img_reset{flex-basis:20%;margin-left: -10px;}
}
div.list_item_info{flex-basis:100%;max-width:100%;display: flex;flex-wrap:wrap;padding-left: 10px;}
@media screen and (max-width: 820px) {
	div.list_item_info{flex-basis:75%;max-width:75%;}
}
@media screen and (max-width: 480px) {
	div.list_item_info{flex-basis:70%;flex-basis:70%;}
}
div.list_item_info ul.list_item_info__colsleft{flex-basis: 70%;display: flex;flex-wrap:wrap;padding: 10px 0;}
@media screen and (max-width: 1050px) {
	div.list_item_info ul.list_item_info__colsleft{flex-basis:60%;}
}
@media screen and (max-width: 768px) {
	div.list_item_info ul.list_item_info__colsleft{flex-basis:100%;padding: 0;font-size: 8px;}
}
ul.list_item_info__colsleft li{padding-top:10px;}
@media screen and (max-width: 480px) {
	ul.list_item_info__colsleft li{padding-top:5px;}
}
ul.list_item_info__colsleft li.list_item_info__product_id{flex-basis: 100%;}
ul.list_item_info__colsleft li.list_item_info__product_name{flex-basis: 100%;font-size: 20px;font-weight: bold;border-bottom:1px solid #3c1615;position: relative;}
@media screen and (max-width: 1050px) {
	ul.list_item_info__colsleft li.list_item_info__product_name{font-size: 16px;}
}
@media screen and (max-width: 480px) {
	ul.list_item_info__colsleft li.list_item_info__product_name{font-size: 12px;}
}
.text-hidden{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;width: 400px;}
@media screen and (max-width: 480px) {
	.text-hidden{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;width: 200px;}
}
ul.list_item_info__colsleft li.list_item_info__sub_info1{flex-basis: 70%;display: flex;flex-wrap:wrap;}
@media screen and (max-width: 1050px) {
	ul.list_item_info__colsleft li.list_item_info__sub_info1{flex-basis: 60%;}
}
@media screen and (max-width: 768px) {
	ul.list_item_info__colsleft li.list_item_info__sub_info1{flex-basis: 100%;}
}
span.list_item_info__product_title{flex-basis: 100%;padding-bottom: 10px;}
@media screen and (max-width: 480px) {
	span.list_item_info__product_title{padding-bottom: 5px;}
}
span.list_item_info__dealer_name{flex-basis: 100%;padding-bottom: 10px;}
@media screen and (max-width: 480px) {
	span.list_item_info__dealer_name{padding-bottom: 5px;}
}
span.list_item_info__time{flex-basis: 100%;}
ul.list_item_info__colsleft li.list_item_info__sub_info2{flex-basis: 30%;display: flex;flex-wrap:wrap;}
@media screen and (max-width: 1050px) {
	ul.list_item_info__colsleft li.list_item_info__sub_info2{flex-basis: 40%;}
}
@media screen and (max-width: 768px) {
	ul.list_item_info__colsleft li.list_item_info__sub_info2{flex-basis: 100%;margin: auto;align-self: flex-end}
}
span.list_item_info__product_price{flex-basis: 100%;padding-bottom: 10px;font-size: 20px;font-weight: bold;text-align: right;}
@media screen and (max-width: 1050px) {
	span.list_item_info__product_price{font-size: 14px;}
}
@media screen and (max-width: 768px) {
	span.list_item_info__product_price{flex-basis: 40%;text-align: left;align-self: center;padding-bottom: 0;}
}
span.list_item_info__status_icon{flex-basis: 100%;color:white;background: #BB0000;display: flex;justify-content: center;align-items: center;margin: auto;padding: 5px 0;margin-bottom: 10px;}
@media screen and (max-width: 768px) {
	span.list_item_info__status_icon{flex-basis: 30%;align-self: center;padding:2px 0;margin-bottom: 0;}
}
span.list_item_info__product_stock{flex-basis: 100%;text-align: right;font-size: 16px;}
@media screen and (max-width: 768px) {
	span.list_item_info__product_stock{flex-basis: 30%;font-size: 10px;text-align: center;align-self: center}
}
/*在庫ステータス色分け*/
.stock__instock{color:dodgerblue;}
.stock__lowstock{color:darkmagenta;}
.stock__waiting{color:orangered;}
.stock__sold{color:#BB0000;}
.stock__outofstock{color:#110000;}
.stock__reserved{color:seagreen;}

ul.list_body li.list_item div.list_item_info ul.list_item_info__colsright{flex-basis: 30%;}
@media screen and (max-width: 1050px) {
	ul.list_body li.list_item div.list_item_info ul.list_item_info__colsright{flex-basis: 40%;}
}
@media screen and (max-width: 768px) {
	ul.list_body li.list_item div.list_item_info ul.list_item_info__colsright{flex-basis:100%;}
}
li.list_item_info__form_area{display: flex;flex-direction: column;justify-content:space-around;height: 100%; padding: 10px;margin: auto;}
@media screen and (max-width: 768px) {
	li.list_item_info__form_area{display: flex;flex-direction: unset;justify-content:flex-end;flex-wrap: wrap;height: auto;flex-direction: unset;flex-wrap: wrap;padding: 10px 0;}
}
@media screen and (max-width: 480px) {
	li.list_item_info__form_area{font-size: 10px;}
}
li.list_item_info__form_area label.list_item_info__buy_button{
	border-radius: 6px;
    position: relative;
    width: 100%;
    padding: 15px 0 15px 20px;
	color: #FFF;
    /*background: #333;*/
	background: linear-gradient(0deg, rgba(255,50,0,1) 0%, rgba(255,110,50,1) 100%);
    text-align: center;
}
@media screen and (max-width: 768px) {
	li.list_item_info__form_area label.list_item_info__buy_button{ margin-bottom: 10px;width: 49%;}
}
@media screen and (max-width: 480px) {
	li.list_item_info__form_area label.list_item_info__buy_button{ padding: 20px 0 5px 0}
}
li.list_item_info__form_area label.list_item_info__buy_button:before{
	position:absolute;
	content:"\f07a";
    font-family: "Font Awesome 5 Free";
    font-size: 17px;
    font-weight: 900;
	left: 20px;
    top: 13px;
}
@media screen and (max-width: 1050px) {
	li.list_item_info__form_area label.list_item_info__buy_button:before{ font-size: 14px;top: 15px;}
}
@media screen and (max-width: 480px) {
	li.list_item_info__form_area label.list_item_info__buy_button:before{ left: 42%;top: 5px;}
}
li.list_item_info__form_area label.list_item_info__buy_button input{
	color: #FFF;
    background: none;
	border:none;
	font-size: 16px;
    text-align: center;
}
@media screen and (max-width: 1050px) {
	li.list_item_info__form_area label.list_item_info__buy_button input{font-size: 13px;}
}
@media screen and (max-width: 480px) {
	li.list_item_info__form_area label.list_item_info__buy_button input{font-size: 10px;}
}
li.list_item_info__form_area label.list_item_info__delete_button{
	border-radius: 6px;
    position: relative;
    width: 100%;
    padding: 15px 0 15px 20px;
	color: #333;
    background: #ccc;
    text-align: center;
}
li.list_item_info__form_area label.list_item_info__delete_button:before{
	position:absolute;
	content:"\f2ed";
    font-family: "Font Awesome 5 Free";
    font-size: 17px;
    font-weight: 900;
	left: 40px;
    top: 13px;
}
@media screen and (max-width: 1050px) {
	li.list_item_info__form_area label.list_item_info__delete_button:before{ font-size: 14px;top: 15px;}
}
@media screen and (max-width: 480px) {
	li.list_item_info__form_area label.list_item_info__delete_button:before{left: 47%;top: 5px;}
}
@media screen and (max-width: 768px) {
	li.list_item_info__form_area label.list_item_info__delete_button{ margin-bottom: 10px;width: 49%;}
}
@media screen and (max-width: 480px) {
	li.list_item_info__form_area label.list_item_info__delete_button{padding: 20px 0 5px 0}
}
@media screen and (max-width: 480px) {
	li.list_item_info__form_area label.list_item_info__delete_button__fan_list{width: 100%;}
}
li.list_item_info__form_area label.list_item_info__delete_button input{
	color: #333;
    background: none;
	border:none;
	font-size: 16px;
    text-align: center;
}
@media screen and (max-width: 1050px) {
	li.list_item_info__form_area label.list_item_info__delete_button input{ font-size: 13px}
}
@media screen and (max-width: 480px) {
	li.list_item_info__form_area label.list_item_info__delete_button input{ font-size: 10px}
}
h4.box__from_name{width:100%;font-size: 20px;font-weight: bold;text-align: center;color: #666;border-bottom: 1px dotted #ccc;margin-bottom: 50px;}
h4.box__from_name p{margin-bottom: 10px;}
ul.message_create_area{width: 100%;display: flex;flex-wrap: wrap;font-size: 16px;}
@media screen and (max-width: 768px) {
	ul.message_create_area{padding: 10px;}
}
li.from_dealer_content{flex-basis: 100%;display: flex;}
li.to_user_content{flex-basis: 100%;display: flex;}
div.from_dealer{
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	background: #fffffa;
	border:1px solid #ccccc0;
	border-radius: 5px;
	padding: 20px 20px 10px 20px;
	margin-bottom: 20px;
	position: relative;
}
div.from_dealer:before {
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #fffffa transparent transparent;
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	z-index: 1;
}
div.from_dealer:after {
	border-style: solid;
	border-width: 11px 11px 11px 0;
	border-color: transparent #ccccc0 transparent transparent;
	content: "";
	position: absolute;
	top: 50%;
	left: -11px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
}

div.to_user{
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;justify-content:flex-end;
	background: #fff;
	border:1px solid #3c1615;
	color:#333;
	border-radius: 5px;
	padding: 20px 20px 10px 20px;
	margin-bottom: 20px;
	position: relative;
}
div.to_user:before {
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #fff;
	content: "";
	position: absolute;
	top: 50%;
	right: -10px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	z-index: 1;
}
div.to_user:after {
	border-style: solid;
	border-width: 11px 0 11px 11px;
	border-color: transparent transparent transparent #3c1615;
	content: "";
	position: absolute;
	top: 50%;
	right: -11px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
}
.from_dealer p{flex-basis: 100%;display: flex;justify-content:flex-start;}
.to_user p{flex-basis: 100%;display: flex;justify-content:flex-end;}
.msg_create_txt{padding-bottom: 10px;}
.txt_create_area{width:100%;margin: 10px 0;display: flex;}
.txt_create_area textarea{width:90%;height:100px;font-size:16px;padding: 10px;margin: 10px;}
.txt_create_area label.txt_create_submit_btn{display:flex;align-items: center;}
.txt_create_area input{padding:5px !important;font-size:13px !important; }
.msg_create_subtxt{font-size: 13px;}
.msg_create_back_btn{width: 100%;margin-top:50px;display: flex;justify-content:center;}
.msg_create_back_btn input{padding:5px !important;font-size:13px !important;}

.msg_delete{position:absolute;top:-5px;left:5px;font-size: 25px;font-weight: bold;color:#999;}
.msg_delete_fukidashi{padding: 10px;color:#333;background: #ececec;font-size: 12px;border-radius: 4px;display: none;}
	.msg_delete_on{display: none;}
	.msg_delete_on:hover + .msg_delete_fukidashi{display: block;}

/*閲覧履歴*/
.product_img{position: relative;}
.product-detail__form__favorite{
border-radius: 50%;
display: block;
position: absolute;
z-index: 100;
width: 46px;
height: 46px;
top: 5px;
right:0;
background: #efefef;
cursor: pointer;
}
.product-detail__form__favorite:before{
    content: "\f005";
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #C0C0C0;
    font-family: "Font Awesome 5 Free";
    font-size: 19px;
    font-weight: 900;
    text-align: center;
}
.product-detail__form__favorite input{
	border-radius: 50%;
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}
.-is-active:before{color: #f98a00;}
@media screen and (max-width: 480px) {
	.product-detail__form__favorite{width: 30px;height: 30px;top:3px;}
	.product-detail__form__favorite:before{font-size: 15px;}
}
.sort_tool{width:100%;margin: 20px auto;display: flex;justify-content: flex-end;}
.sort_tool_act{flex-basis: 15%;max-width:15%;font-size: 14px;padding: 0;border:1px solid #ccc;display:flex;justify-content: center;align-items: center;}
.sort_tool_act:last-child{margin-left: 10px;}
.sort_tool_act select{padding: 5px;border:none;}
@media screen and (max-width: 768px) {
	.sort_tool_act{flex-basis:100%;max-width:100%;font-size: 12px;padding: 10px;margin-top: 10px;}
	.sort_tool_act:last-child{margin-left: 0;}
}
.sort_tool2{width:100%;margin: 20px auto;display: flex;justify-content: flex-end;}
.sort_tool_act2{flex-basis: 15%;max-width:15%;font-size: 14px;padding: 0;border:1px solid #ccc;display:flex;justify-content: center;align-items: center;}
.sort_tool_act2 select{padding: 5px;border:none;}
@media screen and (max-width: 768px) {
	.sort_tool_act2{flex-basis:100%;max-width:100%;font-size: 12px;padding: 10px;margin-top: 10px;}
}
/*ファン登録したディーラーリスト*/
._fan_list_wrap{padding:10px;}
.fan_dealer__pic {
	width: 80px;
	height: 80px;
	margin: 0 auto;

}
@media screen and (max-width: 768px) {
	.fan_dealer__pic {
	width: 70px;
	height: 70px;
    top:0;
    margin-bottom: 0;
	}
}
.fan_dealer__pic img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: 100%;
	background: #ececec;
}
._fan_list{align-content: flex-start;flex-basis:100%!important;}
._fan_ul_li{padding: 0 0 10px 0;}

ul.list_item_info__colsleft li.list_item_info__dealer_id{flex-basis: 100%;}
ul.list_item_info__colsleft li.list_item_info__dealer_name{flex-basis: 100%;font-size: 20px;color:#3c1615;font-weight: bold;display:flex;align-items:flex-end;border-bottom:1px solid #3c1615;}
ul.list_item_info__colsleft li.list_item_info__dealer_name a{color:#3c1615;font-weight: bold;}
@media screen and (max-width: 1050px) {
	ul.list_item_info__colsleft li.list_item_info__dealer_name{font-size: 16px;}
}
@media screen and (max-width: 480px) {
	ul.list_item_info__colsleft li.list_item_info__dealer_name{font-size: 12px;}
}
.fnli_name{flex-basis: 60%;}
.fnli__del_btn{
	flex-basis: 20%;
	position: absolute;
	right: 10px;
    padding: 5px 10px;
	color: #333;
    background: #ccc;
    text-align: center;
	border-radius: 4px;
	font-size: 14px;
}
.fnli__del_btn:before{
	content:"\f2ed";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	padding-right: 5px;
}
	@media screen and (max-width: 480px) {
		.fnli__del_btn{font-size: 10px; padding: 2px 5px;}
		.fnli__del_btn:before{padding-right: 2px;}
	}
.fnli_col1{flex-basis: 30%!important;}
.fnli_col2{flex-basis: 70%!important;justify-content: flex-start;}
	@media screen and (max-width: 820px) {
		.fnli_col1,.fnli_col2{flex-basis: 100%!important;}
	}
.fnli_btn{
	flex-basis:24%;
	margin-right: 1%;
	padding: 5px 0;
	color: #3c1615;
	background-color: #ddd189;
    /**border: 2px #3c1615 solid;*/
    text-align: center;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
	display: flex;
    justify-content: center;
    align-items: center;
}	
	@media screen and (max-width: 820px) {
		.fnli_btn{font-size: 12px;}
	}
	@media screen and (max-width: 480px) {
		.fnli_btn{flex-basis:48%;margin-right: 2%;margin-bottom: 2%;}
	}
.fnli_btn:last-child{margin-right: 0;}
.fnli_btn:hover{color: #fff;background: #3c1615;}
/*.-is-item,
.-is-dip,
.-is-msg,
.-is-talkroom {}*/

.-is-item::before,
.-is-dip::before,
.-is-msg::before,
.-is-talkroom::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	padding-right: 10px;
	font-size: 18px;
}
@media screen and (max-width: 820px) {
	.-is-item::before,
	.-is-dip::before,
	.-is-msg::before,
	.-is-talkroom::before{
		font-size: 15px;
		padding-right: 5px;
	}
}
.-is-item::before {content:"\f06e";}
.-is-dip::before {content:"\f3e0";}
.-is-msg::before {content:"\f0e0";}
.-is-talkroom::before {content:"\f086";}

ul.list_item_info__colsleft li.list_item_info__sub_info1 span.list_item_info__dealer_comment{flex-basis: 100%;padding-bottom: 10px;}
	@media screen and (max-width: 480px) {
		ul.list_item_info__colsleft li.list_item_info__sub_info1 span.list_item_info__dealer_comment{padding-bottom: 5px;}
	}
ul.list_item_info__colsleft li.list_item_info__sub_info1 span.list_item_info__get_time{flex-basis: 100%;padding-bottom: 10px;}
	@media screen and (max-width: 480px) {
		ul.list_item_info__colsleft li.list_item_info__sub_info1 span.list_item_info__get_time{padding-bottom: 5px;}
	}
ul.list_item_info__colsleft li.list_item_info__sub_info1 span.list_item_info__rating_star{flex-basis: 100%;display:flex;align-items: flex-start; margin-bottom:10px;}
	@media screen and (max-width: 480px) {
		ul.list_item_info__colsleft li.list_item_info__sub_info1 span.list_item_info__rating_star{padding-bottom: 0;margin-bottom:0;}
	}
.product-detail__form__rating_star{
display: block;
z-index: 100;
width:30px;
margin-top: 7px;
cursor: pointer;position: relative;
}
	@media screen and (max-width: 480px) {
		.product-detail__form__rating_star{width:20px;}
	}
.product-detail__form__rating_star:before{
    content: "\f005";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    margin: auto;
    color: #C0C0C0;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    text-align: center;
}
	@media screen and (max-width: 480px) {
	.product-detail__form__rating_star:before{font-size: 14px;}
	}

.product-detail__form__rating_star input{
display: block;
position: relative;
width: 18px;
height: 18px;
background: none;
border: none;
outline: none;
cursor: pointer;
}
.-is-active:before{color: #f98a00;}

li.list_item_info__form_area label.list_item_info__normal_button{
	border-radius: 6px;
    position: relative;
    width: 100%;
    padding: 15px;
	margin-bottom: 10px;
	color: #3c1615;
    border:1px solid #3c1615;
    text-align: center;
}
	@media screen and (max-width: 768px) {
		li.list_item_info__form_area label.list_item_info__normal_button{width: 49%;padding: 15px;margin-bottom: 10px;}
	}
	@media screen and (max-width: 480px) {
		li.list_item_info__form_area label.list_item_info__normal_button{width: 100%;padding: 10px;margin-bottom: 10px;}
	}
li.list_item_info__form_area label.list_item_info__normal_button input{
	color: #3c1615;
    background: none;
	border:none;
	font-size: 16px;
	text-align: center;
	outline: none;
	position: relative;
}

	@media screen and (max-width: 768px) {
		li.list_item_info__form_area label.list_item_info__normal_button input{font-size: 13px;}
	}
	@media screen and (max-width: 480px) {
		li.list_item_info__form_area label.list_item_info__normal_button input{font-size: 10px;word-break: break-all;overflow: visible;}
	}
	@media screen and (max-width: 768px) {
	.talkroom_button{margin-top: -50px !important;}
	}
	@media screen and (max-width: 480px) {
		.talkroom_button{margin-top: -10px !important;margin-bottom: 0 !important;}
		}
.list_item_info__mailmag_status{margin-top: 10px;}
.list_item_info__mailmag_status,
.list_item_info__dip_status{
	width: 100%;
	padding:5px 0;
	margin-bottom: 10px;
	color: red;
	border-bottom:1px solid #3c1615;
	text-align: center;
}
	@media screen and (max-width: 480px) {
		.list_item_info__mailmag_status,
	.list_item_info__dip_status{margin: 2px;}
	}

.list_item_info__mailmag_status select{border:none;color:red;outline: none;}
/* ポップアップウインドウの設定 */
.rating_star_btn{
	display: flex;
	align-items: center;
	padding:10px;
	position: relative;
	background: #3c1615;
	color:white;
	border-radius: 5px;
	}
	@media screen and (max-width: 480px) {
		.rating_star_btn{font-size:10px;}
	}

.rating_star_submit_btn{
	padding:2px;
	border-radius: 5px;
	margin-bottom: 5px;
	}
.rating_star_popup {
background-color: rgba(255,255,255,0.8);
display: none;
position: absolute;
top: -80px;
right: -255px;
margin: auto;
padding:30px 10px;
width: 250px;
height:130px;
z-index:100000;
color:#333;
font-size: 12px;
border: 1px solid #ccc;
border-radius: 4px;
text-align: center;
}
.rating_star_popup:before {background-color: rgba(0,0,0,0.8);width:5px;height:5px;left: 250px;}
@media screen and (max-width: 480px) {
.rating_star_popup {left: -300px;top: -50px;}
}

.input-range {
display: none;
}
.range-group {
position: relative;
margin: 10px 0;
}
.range-group > a {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
}
.range-group > a:before {
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	font-weight: 900;
	color: #aaa;
}
.range-group > a.on:before {
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	font-weight: 900;
	color: #fc3;
}
/* チェックボックスの初期設定 */
#rating_star_popup-on{display: none;}

/* チェックされたらポップアップウインドウを開く */
/*#rating_star_popup-on:checked + .rating_star_popup{display: block;text-align: center;}*/
/* 閉じるアイコン（右上） */
.rating_star_icon-close{
	background: #000;
	color: #fff;
	font-size: 12px;
	padding: 5px;
	position: absolute;
	top:0;right: 0;
}
.rating_star_txt{padding:5px 0 0 0;}

/*レーティングの設定*/
.rating {
    line-height: 1;
    color: #f98a00;
	font-size: 24px;
	padding:5px 0;
	width:100%;
}
	@media screen and (max-width: 480px) {
		.rating {font-size: 24px;}
	}
.rating input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.rating label {
    display: inline-block;
}

.rating input:focus + label {
    outline: none;
}

.rating input:checked + label ~ label {
    color: grey;
}

/*購入履歴*/
.order_item{
	flex-wrap: wrap;
	margin-bottom: 10px;
	border-top:1px solid #3c1615;
	border-right:1px solid #3c1615;
}
.order_item:last-child{margin-bottom: 0;}
.list_item_header{
	flex-basis: 100%;
	background: #3c1615;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	color: white;
}
.list_item_header a{color: #fff;}
.list_item_header_cols1{
	flex-basis:70%;
	display: flex;
	flex-wrap: wrap;
}
.list_item_header_new{
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	align-items: center;
}
	@media screen and (max-width:768px){
		.reset_flex-basis100{padding-left: 0 !important;}
		.reset_flex-basis100 li{flex-grow: 1 !important;}
		.reset_margin-top_10{margin-top: 10px !important;}
	}
	@media screen and (max-width:480px){
		.reset_flex-basis100{flex-basis: 100% !important;max-width:100%!important;}
		.reset_margin-top_10{margin-top: 10px !important;}
	}
.order_time{
	flex-basis: 25%;
	padding-top: 16px;
	position: relative;
}
	@media screen and (max-width:480px){
		.order_time{flex-basis: 33%;}
	}
.order_time:before{
	position: absolute;
	content: "購入日";
	top: 0;
	left:0;
	font-size: 12px;
}
.total_price{
	flex-basis: 25%;
	padding-top: 16px;
	position: relative;
}
	@media screen and (max-width:480px){
		.total_price{flex-basis: 33%;}
	}
.total_price:before{
	position: absolute;
	content: "合計";
	top: 0;
	left:0;
	font-size: 12px;
}
.shipping_date{
	margin: 0;
	flex-basis: 100%;
	max-width:100%;
	padding-top: 16px;
	position: relative;
	display: flex;
	flex-wrap: wrap;align-self: start;
}
	@media screen and (max-width:480px){
		.shipping_date{font-size: 12px;}
	}

.shipping_date:before{
	position: absolute;
	content: "発送元";
	top: 0;
	left:0;
	font-size: 12px;
}
.shipping_date_reset{
	flex-basis: 100%;
	padding-left: 46px;
	text-align: left;
	position: relative;
}
.shipping_date_reset:before{
	position: absolute;
	content: "発送元";
	top: 0;
	left:0;
	font-size: 12px;
}

.shipper{flex-basis: 100%;}
.shipper_status{flex-basis: 100%;}
.destination{
	flex-basis: 25%;
	padding-top: 16px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
	@media screen and (max-width:480px){
		.destination{flex-basis: 33%;}
	}
.destination:before{
	position: absolute;
	content: "お届け先";
	top: 0;
	left:0;
	font-size: 12px;
}
.bill_to{
	flex-basis: 25%;
	padding-top: 16px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.bill_to:before{
	position: absolute;
	content: "請求先";
	top: 0;
	left:0;
	font-size: 12px;
}
	@media screen and (max-width:480px){
		.bill_to{margin-top: 10px;}
	}
.list_item_header_cols2{
	flex-basis: 30%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin:0;
}
.order_id{
	flex-basis: 100%;
	padding-bottom: 5px;
	position: relative;
	margin: 0;
	}
.order_info{flex-basis:100%;display: flex;}
	@media screen and (max-width:480px){
		.order_id,.order_info{flex-basis:50%;}
	}
.order_id{padding-bottom: 0;font-size: 12px;}
.order_info{font-size: 12px;}

.order_detail_btn{color: #fff;padding-right: 10px; }
.order_receipt_btn{color: #fff;padding:0 10px; border-left:1px solid #fff;}
div.list_item_container{width:100%;display: flex;flex-wrap: wrap;border-top:1px solid #3c1615;padding: 10px;}
div.list_item_container ul.list_item_wrap{
	flex-basis:80%;
	max-width:80%;
	display: flex;
	flex-wrap:wrap;
	padding: 10px;
	overflow:hidden;
}
	@media screen and (max-width:1050px){
	div.list_item_container ul.list_item_wrap{padding: 10px 0;}
	}
ul.list_body li.list_item ul.list_item_wrap_reset{flex-basis:100%;max-width: 100%;}
ul.list_body li.list_item ul.list_item_wrap__buy_list{
	flex-basis:55%;
	max-width:55%;
	display: flex;
	flex-wrap:wrap;
	padding: 10px;
	overflow:hidden;
}
	@media screen and (max-width:480px){
		ul.list_body li.list_item ul.list_item_wrap__buy_list{flex-basis:100%;max-width:100%;padding: 5px;}
	}
ul.list_item_wrap li.list_buy_item{
	flex-basis:33.3333%;
	max-width:33.3333%;
	display: flex;
	margin-bottom: 10px;
	align-self: flex-start;
}
	@media screen and (max-width:480px){
		ul.list_item_wrap li.list_buy_item{flex-basis:50%;max-width:50%;}
	}
div.list_item_info ul.list_item_info__buylist{
	flex-basis: 100%;display: flex;flex-wrap:wrap;align-self:flex-start;padding: 0;
}
ul.list_item_info__buylist li{padding-bottom:5px;align-self: center;width: 200px;}
	@media screen and (max-width:820px){
		ul.list_item_info__buylist li{width: auto;font-size:13px;width: auto;}
	}
	@media screen and (max-width:480px){
		ul.list_item_info__buylist li{font-size:12px;}
	}
ul.list_item_info__buylist li.list_item_info__product_id{flex-basis: 100%;}
ul.list_item_info__buylist li.list_item_info__product_name{flex-basis:200px;font-weight: bold;/*overflow: hidden;text-overflow: ellipsis;*/}
ul.list_item_info__buylist li.list_item_info__product_title{flex-basis: 100%;}
ul.list_item_info__buylist li.list_item_info__dealer_name{flex-basis: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.list_item_info__buylist li.list_item_info__product_price{flex-basis:100%;color:#bb0000;}

ul.list_body li.list_item div.other_item_wrap{
	flex-basis:20%;
	max-width:20%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	padding: 10px 0px 0px 10px;
	border-left: 1px solid #3c1615;
}
	@media screen and (max-width:480px){
		ul.list_body li.list_item div.other_item_wrap{
			padding: 10px 0px 0px;
			border-left: none;
		}
	}
ul.list_body li.list_item div.other_item_wrap__buy_list{
	flex-basis:45%;
	max-width:45%;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 10px 10px 0;
}
	@media screen and (max-width:480px){
		ul.list_body li.list_item div.other_item_wrap__buy_list{flex-basis:100%;max-width:100%;font-size: 12px;}
	}
.shipping_status{
	flex-basis: 100%;
	font-size:16px;
	margin-top: 20px;
	padding-top: 16px;
	position: relative;
	color:#0000cd;
	}
	@media screen and (max-width:480px){
		.shipping_status{
			flex-basis: 50%;
			font-size:1em;
			margin:10px 0 !important;
			}
	}

.shipping_status:before{
	position: absolute;
	content:"配送状況";
	font-size: 12px;
	top: 0;
	left:0;
	color:#444;
}
.ship_number_status{
	flex-basis: 100%;
	font-size:16px;
	margin: 20px 0 10px;
	padding-top: 16px;
	position: relative;
	color:#0000cd;
	}
	@media screen and (max-width:480px){
		.ship_number_status{
			flex-basis: 50%;
			font-size:1em;
			margin:10px 0 !important;
			}
	}

.ship_number_status:before{
	position: absolute;
	content:"出荷伝票番号";
	font-size: 12px;
	top: 0;
	left:0;
	color:#444;
}
.order_visible_wrap{
	flex-basis: 100%;
	display: flex;
	justify-content: center;
	border-top: 1px solid #ccc;
	padding: 10px;
}
.order_visible_wrap_reset{
	flex-basis: 100%;
	display: flex;
	justify-content: flex-start;

	padding-top: 10px;
}
.order_visible_btn{
	background: #fff;
	color:#3c1615;
	border:1px solid #3c1615;
	text-align:center;
	align-self:flex-end;
	padding: 10px;
	margin:0;
	border-radius: 4px;
}
.order_visible_txt{color:#0000EE;}
	/*visible_popup*/
	.visible_popup {
	background-color: #fff;
	color:#333;
	box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding:30px 10px;
	width: 50%;
	height:70%;
	overflow-y: scroll;
	z-index:100000;
}
	@media screen and (max-width: 768px) {
		.visible_popup {width: 90%;height:90%;}
	}
/* チェックボックスの初期設定 */
#visible_popup-on{display: none;}

/* チェックされたらポップアップウインドウを開く */
#visible_popup-on:checked + .visible_popup{display: block;}

/* 閉じるアイコン（右上） */
.visible_popup-icon-close{
background:rgba(0,0,0,0.7);
color: #fff;
font-size: 30px;
padding: 0 10px;
position: fixed;
top:15%;
right: 27%;
z-index: 10000;
}
	@media screen and (max-width:768px){
		.visible_popup-icon-close{top:5%;right: 7%;}
	}
.visible_popup-title{font-size: 150%;color:#3c1615;text-align: center;border-bottom:1px solid #3c1615;padding: 20px 0;margin: auto;}
	@media screen and (max-width:768px){
		.visible_popup-title{font-size: 100%;}
	}
.visible_popup-txt{width: 100%;}
.visible_popup-subtxt{text-align: center;padding: 0;margin:20px auto;word-break: break-all;}
	@media screen and (max-width:480px){
		.visible_popup-subtxt{font-size: 80%;white-space: normal;}
	}
.visible_popup-btn_area{width: 100%;margin: 20px auto;display: flex;justify-content: center;}
.visible_popup-btn_area input{margin:0 10px;padding: 10px 20px;}

/*popup*/
.agree_btn{
	width:100%;margin: 20px auto 0;padding:10px;display:inline-flex;justify-content: center;
	color:#fff;background:#ff0000;border-radius: 4px;cursor: pointer;
}
.is-Received{background:#444;pointer-events: none;}

/*購入リスト*/
li.list_buy_item2,
li.list_gacha_item {width: 100%;display: flex;flex-wrap:wrap;margin-bottom: 0;}
@media screen and (max-width:480px){
	li.list_buy_item2 {font-size: 12px;}
}
ul.gacha_item_wrap{
	flex-basis: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 0;
    overflow: hidden;
}
li.list_gacha_item{padding: 10px; border:1px solid #96802d;border-radius: 5px;margin-bottom: 10px;}
li.list_gacha_item:last-child{margin-bottom: 0;}
.gacha_item_ttl_wrap{flex-basis:100%; line-height: 20px;}
.gacha_item_ttl{padding: 0px 10px; font-size:14px; color:white; background: linear-gradient(60deg,#3c1615 50%,#96802d 100%); border-radius: 2px;}
div.list_item_info ul.list_item_info__buylist2_header li{border-bottom: 1px solid #3c1615;margin-left:4px;padding-left: 4px;padding-bottom: 2px;margin-bottom: 5px;}
div.list_item_info ul.list_item_info__buylist2_header_reset li{border-bottom: 1px solid #3c1615;padding-left: 4px;padding-bottom: 2px;margin-bottom: 5px;}
li.list_buy_item2 ul.list_item_info__buylist2{flex-basis: 50%;max-width:50%;padding-left:10px;align-self: center;}
@media screen and (max-width:768px){
li.list_buy_item2 ul.list_item_info__buylist2:first-child{padding-left:0;}
}
ul.list_item_info__buylist2 li{padding-bottom: 5px;}

ul.list_item_info__buylist2 li.list_item_info__product_name{flex-basis:200px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.list_item_info__buylist2 li.list_item_info__dealer_name{flex-basis:200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.list_item_info__buylist2 li.list_item_info__product_price{color:#bb0000;}
.order_shipping_wrap{flex-basis: 50%;max-width:50%;display: flex;flex-wrap: wrap;align-items: center;margin: auto;}
@media screen and (max-width:768px){
	.order_shipping_wrap{padding-right: 5px;font-size: 10px;}
}@media screen and (max-width:480px){
	.order_shipping_wrap{padding-left: 5px;margin: 0;}
}
li.list_buy_item2 ul.list_item_info__buylist2_reset{flex-basis: 100%;display: flex;flex-wrap: wrap;}
li.list_buy_item2 ul.list_item_info__buylist2_reset li{padding-bottom: 5px}
ul.list_item_info__buylist2_reset li.list_item_info__product_id{flex-basis:15%;max-width:15%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.list_item_info__buylist2_reset li.list_item_info__product_name{flex-basis:30%;max-width:30%;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.list_item_info__buylist2_reset li.list_item_info__product_item_count{flex-basis:10%;max-width:10%;text-align: center;}
ul.list_item_info__buylist2_reset li.list_item_info__dealer_name{flex-basis:30%;max-width:30%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.list_item_info__buylist2_reset li.list_item_info__product_price{flex-basis:10%;max-width:10%;color:#bb0000;}
@media screen and (max-width:1280px){
	ul.list_item_info__buylist2_reset li.list_item_info__product_id{flex-basis:20%;max-width:20%;}
	ul.list_item_info__buylist2_reset li.list_item_info__product_name{flex-basis:40%;max-width:40%;}
	ul.list_item_info__buylist2_reset li.list_item_info__product_price{flex-basis:20%;max-width:20%;}
	ul.list_item_info__buylist2_reset li.list_item_info__product_item_count{flex-basis:18%;max-width:18%;}
	ul.list_item_info__buylist2_reset li.list_item_info__dealer_name{display: none;}
}
@media screen and (max-width:1050px){
	ul.list_item_info__buylist2_reset li.list_item_info__product_id{flex-basis:30%;max-width:30%;}
	ul.list_item_info__buylist2_reset li.list_item_info__product_name{flex-basis:35%;max-width:35%;}
	ul.list_item_info__buylist2_reset li.list_item_info__product_price{flex-basis:20%;max-width:20%;}
	ul.list_item_info__buylist2_reset li.list_item_info__product_item_count{flex-basis:15%;max-width:15%;}
	ul.list_item_info__buylist2_reset li.list_item_info__dealer_name{display: none;}
}
@media screen and (max-width:480px){
	li.list_buy_item2 ul.list_item_info__buylist2{padding-left:0;}
	ul.list_item_info__buylist2_reset li{font-size: 8px;}
}
.order_shipping_item{flex-basis: 100%;padding-bottom: 5px;color:#0000cd;}
@media screen and (max-width:768px){
	.order_shipping_item{font-size: 10px;}
}
@media screen and (max-width:480px){
	.order_shipping_item{font-size: 12px;}
}
.order_shipping_btn{
	border:1px solid #3c1615;
	color:#3c1615;
	text-align:center;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	font-size:11px;
}
.customer_name {
    font-size: 16px;
    padding: 10px 0;
    margin-right: 20px;
}
@media screen and (max-width:480px){
	.customer_name {flex-basis: 100%;}
}
.deal_date {
    flex-basis: 25%;
    padding-top: 16px;
    position: relative;
}
@media screen and (max-width:480px){
	.deal_date {flex-basis: 50%;}
}
.deal_date:before {
	position: absolute;
content: "注文日時";
top: 0;
left: 0;
font-size: 12px;
}

.switch_area #swImg {
top: 10px;
left: 5px;
}

.issue-btn{
	display: inline-flex; justify-content: center; align-items: center; margin: auto; padding: 10px; cursor: pointer;
	position:absolute; right:0px; bottom:0; color:#3c1615!important; background: #fff; border-radius: 4px;
}
.issue-btn::before{
	content:"\f02f";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 18px;padding-right: 5px;
}
@media screen and (max-width:480px){
	.issue-btn{padding: 5px 10px;font-size: .75rem;}
	.issue-btn::before{font-size: 16px;}
}

.order_contact_wrap{
	flex-basis: 50%;
	max-width:50%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.order_contact_wrap a{flex-basis: 100%;align-self: center;}
.order_contact_btn{
	background: #3c1615;
	color:#fff;
	text-align:center;
	padding: 10px;
	margin:auto;
	border-radius: 4px;font-size:11px;
}
.order_contact_subtext{color:red;font-size: 11px;padding-top: 5px;}
.switch_area{
	position       : relative;
	margin         : 0 20px 10px auto;
	width          : 100%;
	background     : #fff;
}
.switch_area input[type="checkbox"] {
	display        : none;
}
.switch_area label {
	display        : block;
	box-sizing     : border-box;
	height         : 24px;
	border         : 2px solid #3c1615;
	border-radius  : 30px;
	margin-top:5px;
	background: #ffffe0;
  }
   /* === 表示する文字（標準） ================================ */
.switch_area label span:after{
	content        : "受取り未確認";
	padding        : 5px 0;
	color          : #3c1615;
	text-align: center;
	margin: auto;
	width: 100%;
	display: block;
	font-size: 12px;
  }
   /* === 表示する文字（ONのとき） ============================ */
.switch_area input[type="checkbox"]:checked + label span:after{
	content: "受取り完了";
	color: #bb0000;
  }
 /* === チェックボックスのラベル（ONのとき） ================ */
.switch_area input[type="checkbox"]:checked +label {
	border-color   : #bb0000; background: #f08080;
  }

/* === 丸部分のSTYLE（標準） =============================== */
.switch_area #swImg {
position       : absolute;
width          : 14px;
height         : 14px;
background     : #3c1615;
top            : 24px;
left           : 5px;
border-radius  : 26px;
transition     : .2s;
}
@media screen and (max-width:768px){.switch_area #swImg {top: 20px;}}
@media screen and (max-width:480px){.switch_area #swImg {top: 24px;}}
/* === 丸部分のSTYLE（ONのとき） =========================== */
.switch_area input[type="checkbox"]:checked ~ #swImg {
left: unset;
right: 5px;
background: #bb0000;
animation: .3s;
}

@media screen and (max-width:480px){
	.order_contact_wrap{flex-basis: 50%;max-width:50%;border-left: 1px dotted #ccc;padding-left: 5px;}
	.order_contact_subtext{font-size: 8px;}
}

/*注文詳細*/
h4.order_title_wrap{
	width:100%;
	display: flex;
	margin: 20px 0;
	font-size: 16px;
}
h4.order_title_wrap span.order_title_time{padding: 0 10px;}
h4.order_title_wrap span.order_title_id{border-left:1px solid #ccc;padding: 0 10px;}
h4.order_title_wrap a.order_title_receipt_btn{flex-basis: 60%; display: flex;justify-content: flex-end;}
.list_item_order_detail{
	width: 100%;
	border-top:1px solid #3c1615;
	background:white;
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	color: #3c1615;
	font-size: 13px;
}
	/*トグルメニュー*/
	.toggle {
		display: none;
	}
	.Label {		/*タイトル*/
		padding: 1em;
		display: block;
		color: #fff;
		background:#3c1615;
		flex-basis: 100%;
		max-width: 100%;
		margin: auto;
		text-align: center;
		cursor: pointer;
	}
	.Label::before{		/*タイトル横の矢印*/
		content:"";
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		position: absolute;
		top:calc( 50% - 3px );
		right: 20px;
		transform: rotate(135deg);
	}
	.Label,
	.content {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		transition: all 0.3s;
	}
	.content {		/*本文*/
		height: 0;
		padding:0 20px;
		overflow: hidden;
	}
	.toggle:checked + .Label + .content {	/*開閉時*/
		height: auto;
		padding:20px ;
		transition: all .3s;
	}
	.toggle:checked + .Label::before {
		transform: rotate(-45deg) !important;
	}
	.lottery_lbl{font-size:.75rem;}
	.lottery_ctt{ background:#f1f1f1;}

.payment{
	flex-basis: 20%;
	padding-top: 20px;
	margin-left: 20px;
	position: relative;
	}
	@media screen and (max-width:480px){
		.payment{margin-top: 10px;margin-left: 0;}
	}
.payment:before{
	position: absolute;
	content:"支払方法";
	font-size: 12px;
	top: 0;
	left:0;
}
.payment2{
	flex-basis: 50%;
	padding-top: 20px;
	margin-left: 20px;
	position: relative;
	}
	@media screen and (max-width:480px){
		.payment2{margin-top: 10px;margin-left: 0;}
	}
.payment2:before{
	position: absolute;
	content:"支払方法";
	font-size: 12px;
	top: 0;
	left:0;
}
ul.order_price_area{flex-basis: 30%;display: flex;flex-wrap: wrap;}
@media screen and (max-width:480px){
	ul.order_price_area{flex-basis: 100%;margin-top: 10px;padding-top:10px;border-top: 1px dotted #ccc;}
}
ul.order_price_area li{display: flex;justify-content: flex-end;position: relative;padding-bottom:5px;flex-basis: 100%;}
ul.order_price_area li::before{content:"";padding-right: 100px;right: 0;position: absolute;top:0;}
ul.order_price_area li.subtotal_amount::before{content:"小計";}
ul.order_price_area li.fee::before{content:"販売手数料+消費税";}
ul.order_price_area li.system_fee::before{content:"定額決済システム利用料";}
ul.order_price_area li.basic_system_fee::before{content:"基本システム利用料";}
ul.order_price_area li.shipping_fee::before{content:"送料";}
ul.order_price_area li.discount_fee{color: #bb0000;}
ul.order_price_area li.discount_fee::before{content:"プレミアム会員優待割引";}
ul.order_price_area li.total_amount::before{content:"合計";}

/*会員情報*/
tbody.info_body td:nth-child(odd){background: #f0ffff;}
tbody.info_body input[type="text"]{width:50%;padding: 5px;}

.info_btn_area{width:100%;display: flex;flex-wrap: wrap;margin-top: 50px;justify-content: space-between;}
.info_btn_area_unique_item{width:100%;display: flex;flex-wrap: wrap;margin-top: 50px;justify-content: center;}
.info_btn_area input,
.info_btn_area_unique_item input{background: none;border:none; font-size: 20px;color: white;outline: none !important;}
.info_button_else{flex-basis:45%;max-width:45%;display: flex;justify-content: center;padding: 20px 0;background: #666;}
.info_button_ok{flex-basis:45%;max-width:45%;display: flex;justify-content: center;padding: 20px 0;background: #4682b4;}
.info_button_event{font-size: 20px; color: #fff;}
@media screen and (max-width: 480px) {
	.info_btn_area{justify-content: center;}
	.info_btn_area input,
	.info_btn_area_unique_item input{font-size: 14px;}
	.info_button_else{flex-basis:100%;max-width:100%;order: 2;}
	.info_button_ok{flex-basis:100%;max-width:100%;order: 1;margin-bottom: 20px;}
	.info_button_event{font-size: 14px;}
	}
.info_asterisk{position: relative;margin-left: 0; padding-left: 1.2em;line-height: 1.5em;white-space: normal;}
.info_asterisk:before{content:"※";box-sizing: border-box;display: inline-block;position: absolute;top: 12px;left: 0;}
.info_asterisk2{position: relative;margin-left: 0;padding-left: 1em;line-height: 1.5em;white-space: normal;display: inline-block;}
.info_asterisk2:before{content:"※";box-sizing: border-box;display: inline-block;margin: 0;position: absolute;top: 0;left: 0;}
@media screen and (max-width: 480px) {
	.info_asterisk,.info_asterisk2{margin-left: 0;padding-left: 15px !important;}
	.info_asterisk:before,.info_asterisk2::before{top:6px;}
}
dl.list1,dl.list2 {display: flex;flex-wrap: wrap;}
dl.list1 dt,dl.list1 dd,
dl.list2 dt,dl.list2 dd {padding: 2%;}
dl.list1 dt,dl.list2 dt {flex-basis:98%;background:url("../img/pattern.png");margin-top: 2%;}
dl.list1 dd{flex-basis:98%;margin-right: 10%;}
dl.list2 dd{flex-basis:98%;margin-right: 5%;}
@media screen and (max-width: 480px) {
dl.list1 dd{flex-basis:100%;margin-right: 0;}
dl.list2 dd{flex-basis:100%;margin-right: 0;}
}
/*main内コンテンツend*/

/*main内サイドメニューstart*/
@media screen and (max-width: 768px) {
	.side{margin-top:50px;}
}
.box__title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	padding-left: 35px;
	color: #3c1615;
	font-family:  -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
	font-size: 22px;
	border-bottom: 1px solid #3c1615;
	position: relative;
}
@media screen and (max-width: 768px) {
	.box__title {
    	font-size: 16px;
	}
}
.side .msg__list {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 0 0 4px;
	height: 362px;
	padding: 20px;
	background: #FFF;
	border: 1px solid #3c1615;
	overflow-y: scroll;
}
.side .msg__item {
	margin-bottom: 12px;
	padding-bottom: 9px;
	border-bottom: 1px solid #d8d8d8;
	display: flex;
	font-size: 12px;
}
.side .msg__item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.msg__pic {
	width: 40px;
	height: 40px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.msg__pic {
		top:0;
		margin-bottom: 0;
	}
}
.msg__pic img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: 100%;
	background: #ececec;
}
@media screen and (max-width: 768px) {
	.msg__pic img {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		border: 2px solid #FFF;
	}
}
.msg__from__wrap{width:200px;margin: 0;padding-left: 5px; display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
@media screen and (max-width: 768px) {
	.msg__from__wrap{width:100%;}
	}
.msg__from{flex-basis: 100%; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media screen and (max-width: 768px) {
	.msg__from{flex-basis: 90%;}
	}
.msg__subject{flex-basis: 100%; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media screen and (max-width: 768px) {
	.msg__subject{flex-basis: 90%;}
	}
.dlist_link_box{width:100%;display: flex;}
.dlist_link_box a{flex-basis:100%;color:white;font-weight: bold;background: #3c1615;padding: 10%;font-size:14px;text-align: center;border-radius:4px;}

/*コメントリスト*/
.comment_list_body{width:100%;font-size: 14px;}
.comment_list_item{margin-bottom:10px;padding:10px 0;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;display: flex;flex-wrap: wrap;}
.comment_list_item_title{flex-basis: 100%;padding-bottom: 10px; font-size: 16px;}
.comment_list_item_title a{pointer-events: none;}
.comment_list_item_text{
	font-size: 13px;
	line-height: 1.8;
	word-break: break-all;
	display: flex;
	flex-direction: column;
}
.comment_detail_item_text{
	font-size: 13px;
	line-height: 1.8;
	word-break: break-all;
	display: flex;
}
.comment_list_footer_item{flex-basis: 100%;padding-top: 10px; font-size: 13px;}
.comment_list_update_time{color:#3c1615;padding-right: 10px;}
.comment_list_user_name{color:#3c1615;}
.comment_list_more_info{width:100%; display: flex;justify-content: flex-end;padding-top: 20px;}
.comment_list_more_info a{
	border-radius: 4px;
    display: block;
    padding: 7px ;
    background: #FFF;
    color: #56A9D3;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

/*ディーラーリスト*/
.d_name{display: flex;flex-wrap: wrap;border: none;}
@media screen and (max-width:768px){
	.d_name{width:65%;}
}
@media screen and (max-width:480px){
	.d_name{width:100%;}
}
.d_name a{flex-basis:60%;align-self: center;}
	@media screen and (max-width:768px){
		.d_name a{flex-basis:50%;padding: 10px 0;}
	}
	@media screen and (max-width:480px){
		.d_name a{flex-basis: 40%;padding: 15px 0 0 0}
	}
	.contact__sns{flex-basis:40%; display: flex; justify-content: flex-end;}
	@media screen and (max-width:480px){
		.contact__sns{flex-basis: 60%;margin-top: 10px;justify-content: flex-start;}
	}
	.contact__sns__item img{width:30px;height:auto;margin-right:10px;}

.fan_on{width:10%;text-align: center;align-self: center;position: relative;}
	@media screen and (max-width:1050px){
	.fan_on{position: relative;font-size: 10px;}
	}
	@media screen and (max-width:480px){
	.fan_on{width:33% !important;height: 50px;}
	}
.dip_status{width:10%;text-align: center;align-self: center;}
	@media screen and (max-width:768px){
	.dip_status{position: relative;text-align: right;}
	.dip_status:before{content: "DIP:";position: absolute;left:0;}
	}
	@media screen and (max-width:480px){
	.dip_status{width:33% !important;text-align: left;padding-left: 30px !important;}
	}

.d_detail{width:15%;text-align: center;align-self: center;}
@media screen and (max-width:768px){
	.d_detail{position: relative;}
	}
	@media screen and (max-width:480px){
	.d_detail{width:33% !important;text-align: left;}
	}
.inner_d-text{width:100%;padding-top: 10px;word-break: break-all;white-space: break-spaces;text-align: left;}
.inner_d-name{width:100%;padding-bottom: 10px;font-size: 16px;}
.status_label{flex-basis:100%;display: flex;flex-wrap: wrap;margin: -20px 0 0 -10px;}
	@media screen and (max-width:768px){
	.status_label{margin: -10px 0 0 -10px;}
	}
	@media screen and (max-width:480px){
	.status_label{margin: -15px 0 0 -10px;position: absolute;}
	}
.dip_premium{background:linear-gradient(170deg,#f6e9bf 0%,#c2aa60 100%);box-shadow: 0px 0px 1px 5px rgba(250,225,150,1) inset;}
.dip_premium_label{background: #191970;color:gold;font-size: 10px;padding: 5px;display: block;text-align: center;}
.sanka{background: #ff0000;color:white;font-size: 10px;padding: 5px;display: block;}

.dealer-list__fan{
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	cursor: pointer;
	}

	.dealer-list__fan:before{
		content: "\f234";
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		left: 35%;
		top: 35%;
		margin: auto;
		color: #aaa;
		font-family: "Font Awesome 5 Free";
		font-size: 25px;
		font-weight: 900;
	}

	@media screen and (max-width:768px){
		.dealer-list__fan:before{left:5%;top: 15%;}
	}
	@media screen and (max-width:480px){
		.dealer-list__fan:before{left:25%;top:25%;}
	}
	.dealer-list__fan input{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		background: none;
		border: none;
		outline: none;
		cursor: pointer;
	}

	.-is-active:before{color: #f98a00;}

/*プレミアム会員ページ*/
.premium_upgrade_btn{display: flex;width:40%;text-align: center; padding:10px;margin-top:10px;background:linear-gradient(170deg,#f6e9bf 0%,#c2aa60 100%);box-shadow: 0px 0px 1px 5px rgba(250,225,150,1) inset;}

.premium_content{width:100%;display: flex;flex-wrap: wrap;}
.premium_content_cols_left{flex-basis:70%;max-width:70%;display: flex;flex-wrap: wrap;padding-right:20px;border-right:#3c1615 dotted 1px;}
dl.premium_info{flex-basis: 100%;display: flex;flex-wrap: wrap;font-size: 16px;}
dl.premium_info dt.premium_info_col1{flex-basis: 20%;max-width:20%;padding:20px 10px;background: #3c1615;border:1px solid #3c1615;color: white;margin-bottom: 20px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;text-align: center;}
dl.premium_info dd.premium_info_col2{flex-basis: 80%;max-width:80%;padding:20px 10px;margin-bottom: 20px;border:1px solid #3c1615;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.premium_info_title{font-size: 20px;font-weight: bold;color:#bb0000;line-height:30px;margin: auto;text-align: center;letter-spacing:5px;}
.premium_info_text{font-size: 18px;padding-top: 20px;padding-left: 10px; position: relative;display: flex;flex-wrap: wrap;}
.premium_info_text::before{content:"\f005";font-family: "Font Awesome 5 Free";font-weight: 900;position: relative;top: 0;left: 0;padding-right:5px;color: #f98a00;text-shadow: 2px 2px 2px #ccc;}
.text_bold{color:#bb0000;font-size: 20px;font-weight: bold;}
.subtext_box{flex-basis:80%;letter-spacing:2px;display: flex;align-items: center;justify-content: center; background: #ececec;border-radius: 5px;color: #333;padding: 10px;margin-top: 5px;margin-left:20px;font-size: 14px;}
.premium_content_cols_right{flex-basis:30%;max-width:30%;height:1%;display: flex;flex-wrap: wrap;padding-left:20px;}
.upgrade__checkbox{flex-basis:100%;align-self: flex-start;margin-bottom: 20px;font-size: 14px;color: #3c1615;display: flex;align-items: center;}
.upgrade__checkbox input{width:20px;height:20px;margin-right: 10px;}
div.premium_content_cols_right label.upgrade__buy_button{
	border-radius: 6px;
    position: relative;
	width: 100%;
	align-self:flex-start;
    padding: 15px 0 15px 20px;
	color: #FFF;
    background: #3c1615;
    text-align: center;
}
@media screen and (max-width: 768px) {
	div.premium_content_cols_right label.upgrade__buy_button{ margin-bottom: 10px;width: 49%;}
}
@media screen and (max-width: 480px) {
	div.premium_content_cols_right label.upgrade__buy_button{ padding: 20px 0 5px 0}
}
div.premium_content_cols_right label.upgrade__buy_button:before{
	position:absolute;
	content:"\f07a";
    font-family: "Font Awesome 5 Free";
    font-size: 17px;
    font-weight: 900;
	left: 20px;
    top: 13px;
}
@media screen and (max-width: 1050px) {
	div.premium_content_cols_right label.upgrade__buy_button:before{ font-size: 14px;top: 15px;}
}
@media screen and (max-width: 480px) {
	div.premium_content_cols_right label.upgrade__buy_button:before{ left: 42%;top: 5px;}
}
div.premium_content_cols_right label.upgrade__buy_button input{
	color: #FFF;
    background: none;
	border:none;
	font-size: 16px;
    text-align: center;
}
@media screen and (max-width: 1050px) {
	div.premium_content_cols_right label.upgrade__buy_button input{font-size: 13px;}
}
@media screen and (max-width: 480px) {
	div.premium_content_cols_right label.upgrade__buy_button input{font-size: 10px;}
}
/*エラー表示*/
.cartField_Text_caution{flex-basis:100%; display: flex;justify-content: center;flex-wrap:wrap;color: red;background:#ffe4e1;border:1px solid red;border-radius:5px;margin: 2% 0;padding: 1%;}
.cartField_Text_caution li{flex-basis:100%;max-width: 100%; display: flex;flex-wrap:wrap;justify-content: center;color: red;border-bottom:1px dotted red;padding: 1%;font-size: 14px;}
.cartField_Text_caution li a{flex-basis:100%;max-width: 100%;display: flex;justify-content: center;}

/*入場予約*/
ul.reservation_content{width:100%;display: flex;flex-wrap: wrap;margin: 0;padding: 0;}
ul.reservation_content li{
	flex-basis:100%;max-width:100%;margin: auto;padding: 20px;font-size: 16px;line-height:32px;letter-spacing: .2em; text-align: center;
	display: flex;flex-wrap: wrap;border: #3c1615 1px solid;
}
ul.reservation_content li:not(:first-child){
	border-top:none;
}
ul.reservation_content li label{flex-basis: 50%;text-align: left;}
ul.reservation_content li input{flex-basis: 40%;}

.reservation_check{border: 1px solid #3c1615;border-radius: 5px;padding:20px;margin: 0;display: flex;justify-content: center;align-content: center;}
.reservation_check input{width:16px;height:16px;margin-right: 10px;margin-top: 8px;}
dl.about_reserve_content{width:100%;display: flex;flex-wrap: wrap;margin: 0;padding: 0;}
dl.about_reserve_content dt.tittle{flex-basis:100%;max-width:100%;margin-bottom:10px;padding-left:22px;padding-bottom:10px;text-align:left;font-size: 18px;font-weight:700;color:#3c1615;border-bottom: 1px solid #3c1615;position: relative;}
dl.about_reserve_content dt.tittle::before{content:"\f06a";font-weight:900;font-family:"Font Awesome 5 Free";position: absolute;top:9px;left: 0;}
dl.about_reserve_content dd{flex-basis:100%;max-width:100%;padding:10px 0;font-size: 16px;font-weight:lighter;color:#444;letter-spacing: .2em;line-height: 32px;}
ul.about_reserve_content_list{width:100%;display: flex;flex-wrap: wrap;margin: 0;padding: 0;}
ul.about_reserve_content_list li{flex-basis:100%;max-width:100%;margin-left:22px;padding:10px 0;font-size: 14px;list-style: circle;}
ul.about_reserve_content_list li.tittle{flex-basis:100%;max-width:100%;margin-left:0;padding:10px 0 10px 22px;font-size: 18px;list-style:none;font-weight: 700;color: #3c1615;position: relative;}
ul.about_reserve_content_list li.tittle::before{content:"\f0c8";font-weight:900;font-family:"Font Awesome 5 Free";position: absolute;top:9px;left: 0;}
.reservation_status{width:100%; display: flex;flex-wrap:wrap;justify-content: center; margin: auto;padding: 10px;text-align:center;font-size:20px;color: #3c1615; background: lightcyan; border: 1px solid #3c1615;border-radius: 5px;}
.reservation_status p{flex-basis:100%;max-width: 100%;display:flex;justify-content: center;margin: auto;}
.reservation_status p:first-child{margin-bottom: 20px;}

/*bigsquare*/
#page_top{margin-top: 50px;}
.dmap_back_btn_wrap{width:100%;margin:auto;display: flex;justify-content: center;}
a.dmap_back_btn{font-size:1.5em;margin:20px auto 0;text-align: center;padding: 10px 20px;background: #3c1615;color: white;border-radius: 4px;}
h4.bigsquare_title{width:100%;margin:50px auto;padding:0;text-align: center;font-size: 30px;font-weight:700;color: #3c1615; }
@media screen and (max-width:768px){h4.bigsquare_title{margin:30px auto;font-size: 1.8rem;}}
@media screen and (max-width:480px){h4.bigsquare_title{margin:20px auto;font-size: 1.2rem;}}
figure.bigsquare_hero{width:100%;margin:0 auto;padding:0;display: flex;flex-wrap: wrap;align-items: flex-start;}
figure.bigsquare_hero img{flex-basis:100%;max-width:100%;height:auto;border:4px double #3c1615;box-shadow:0px 0px 10px #3c1615;border-radius: 15px;}
ul.bigsquare_item_list{width:100%;margin:50px 0;padding:0;display: flex;flex-wrap: wrap;align-items: flex-start;}
li.bigsquare_item{flex-basis: 33%;max-width:33%;margin-left:.5%;margin-bottom:.5%;padding:10px;display: flex;flex-wrap: wrap;border:1px solid #3c1615;border-radius: 5px;}
li.bigsquare_item:nth-child(3n+1){margin-left: 0;}
@media screen and (max-width:480px){
	li.bigsquare_item{flex-basis: 100%;max-width:100%;margin-left:0;margin-bottom:5%;}
}
p.bigsquare_item_title{height:30px;font-size: 20px;font-weight: 700;color:white;background: #3c1615;border-radius:5px;margin-bottom:10px;padding: 5px 20px;display: flex;align-items: center;}
figure.bigsquare_item_img{flex-basis: 100%;max-width:100%;margin-bottom:5px;}
figure.bigsquare_item_img img{width:100%;height:auto;}
figure.bigsquare_dcut_img{flex-basis: 100%;max-width:100%;margin-bottom:5px;}
figure.bigsquare_dcut_img img{width:660px;height:450px;margin: auto;display: flex;}
@media screen and (max-width:768px){
	figure.bigsquare_dcut_img img{width:100%;height:auto;}
}
ul.bigsquare_block_item_list{width:100%;margin-top:20px;display: flex;flex-flow:wrap;}
li.bigsquare_block_item{flex-basis: 24%;max-width:24%;margin-left:1.3%;margin-bottom:1.3%;padding:10px;display: flex;flex-wrap: wrap;border:1px solid #3c1615;border-radius: 5px;}
li.bigsquare_block_item:nth-child(4n+1){margin-left: 0;}
@media screen and (max-width:768px){
	li.bigsquare_block_item{flex-basis: 33%;max-width:33%;margin-left:.5%;margin-bottom:.5%;}
	li.bigsquare_block_item:nth-child(4n+1){margin-left: .5%;}
	li.bigsquare_block_item:nth-child(3n+1){margin-left: 0;}
}
@media screen and (max-width:480px){
	li.bigsquare_block_item{flex-basis: 100%;max-width:100%;margin-left:0;margin-bottom:5%;}
}
div.bigsquare_block_item_title{flex-basis: 100%;max-width:100%;display: flex;flex-wrap: wrap;}
div.bigsquare_block_item_title div.block_item_title__left_cols{flex-basis: 100%;max-width:100%;margin-bottom: 10px;display: flex;}
div.bigsquare_block_item_title div.block_item_title__right_cols{flex-basis: 100%;max-width:100%;}
span.block_box{display:flex;align-items:center;color:white;background: #3c1615;border-radius:5px;margin-right:5px;padding: 5px;font-size: 13px;}
span.block_name{word-break:break-all;font-size: 14px;display: flex;}
/* 空の子パネル
 * padding, margin の左右も 0 に指定してしまうと、
 * 最後の行のレイアウトが崩れるので注意。
 */
.bigsquare_block_item.is-empty {
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
span.item_small_text{font-size: 12px;}

/*Dカット　アコーディオンメニュー*/
.bigsquare_dlist{width:100%;column-count: 3;line-height: 2em;}
@media screen and (max-width:480px){
	.bigsquare_dlist{column-count: 2;}
}
.bigsquare_block_dlist{width:100%;column-count: 2;line-height: 2em;}
@media screen and (max-width:480px){
	.bigsquare_block_dlist{column-count: 1;}
}
.bigsquare__acd-check{
    display: none;
}
.bigsquare__acd-label{
    background: #3c1615;
    color: #fff;
	display: block;
	margin-top: 20px;
    margin-bottom: 1px;
    padding: 10px;
	text-align: center;
	position: relative;
	border-radius: 5px;
	line-height: 20px;
}
.bigsquare__acd-label:after{
	content: '\f107';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 2em;
	background: #96802d;
    box-sizing: border-box;
	display: flex;
	align-items: center;
    padding: 10px 20px;
    position: absolute;
    right: 0;
	top: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.bigsquare__acd-content{
	border: 1px solid #333;
	display: block;
	width:100%;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	overflow: hidden;
	transition:.5s ease-out;
}
.bigsquare__acd-check:checked + .bigsquare__acd-label:after{
    content: '\f106';
}
.bigsquare__acd-check:checked + .bigsquare__acd-label + .bigsquare__acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
	transition: .5s ease-out;
}
@media screen and (max-width:768px) {
	.bigsquare__acd-label::after{display: none;}
}
@media screen and (max-width:480px) {
	.bigsquare__acd-label{display: flex;flex-direction: column;}
	.bigsquare__acd-label:after{height: 100%;}
	.bigsquare__acd-content{width: 100%;}
}
.font__large{font-size: 16px;}
@media screen and (max-width:480px) {
	.font__large{font-size: 12px;}
}
.width__100{width: 100%;padding-right: 55px;height: 40px;margin-top: unset;}
@media screen and (max-width:768px) {
	.width__100{padding: 10px;}
}
ul.bigsquare_imgblock{width:100%;display: flex;flex-wrap: wrap;}
ul.bigsquare_imgblock li{flex-basis:25%;max-width:25%;display: flex;}
a.anchor {display: block;position: relative;width: 100%;padding-top: 150px;margin-top: -150px;z-index: -1;}

@media screen and (max-width:768px) {
.sp_ticket{position:absolute !important;top:0;left:0;right:0;margin:auto;}
}
/*マイページ広告枠*/
section.info_item_contain{
    flex-basis: 100%;max-width: 100%;margin: -20px auto 20px;padding: 0;display: flex;flex-wrap: wrap;background: white;border: 3px solid #3c1615;border-radius: 5px;
    }
section.info_item_contain h4 {
    flex-basis: 100%;max-width: 100%;height: auto;margin: auto;padding: 10px;padding-bottom: 1rem;display: flex;justify-content: center;
    background: #3c1615;color: white;font-size: 1.25rem;font-weight: 700;
    }
    @media screen and (max-width:480px){
        section.info_item_contain h4 {font-size: 1rem;}
    }
ul.info_item_list {
    flex-basis: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 1em;
    line-height: 2rem;
    padding: 1rem 2rem;
    }
ul.info_item_list li {
    flex-basis: 100%;
    max-width: 100%;
    font-size:14px;
    }
    @media screen and (max-width:480px){
		ul.info_item_list {padding: 10px;}
        ul.info_item_list li {font-size: 12px;}
    }
.news__item__dl {
    align-items: center;
    display: flex;
}
.news__item:not(:last-child) {
    margin-bottom: 10px;
}
.news__item__term {
    display: flex;
    align-items: center;
    color: #5E5E5E;
	line-height: 1.2rem;
}
.news__item__description {
    margin-left: 15px;
    color: #333;
}
.new {
	display: inline-block;
    position: relative;
    /* top: -1px; */
    /* width: 50px; */
    margin-right: 10px;
    padding: 3px 6px;
    background: #C2123C;
    color: #FFF;
    text-align: center;
    font-size: .625rem;
}
@media screen and (max-width:480px){
	.new {display: block; width: 50px;}
}

/*loader*/
.bg-change{background: linear-gradient(0deg, rgba(255,50,0,.5) 0%, rgba(255,110,50,.5) 100%)!important}
.loader-1 {
	width: 25px;
	height: 25px;
	display: inline-block;
	border-radius: 50%;
	border: solid 4px;
	border-color: #000000 #00000070 #00000070;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	animation-name: spin;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes spin {
	to {
	transform: rotate(360deg);
	}
}

/*抽選販売*/
.lottery_item__box {/*親box*/
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom: 20px;
}
.lottery_item__subbox {/*item単位の親box*/
	flex-basis:100%;
	max-width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom: 10px;
    background: #F1F1F1;
}
	.lottery_item__header {
		flex-basis: 100%;
		max-width: 100%;
		padding: 20px 0px 15px;
		font-size: .875rem;
		border-bottom: 1px solid #3c1615;
		box-sizing: border-box;
		margin: 0 20px;
	}
	@media screen and (max-width:480px){
		.lottery_item__header {
			padding: 10px 0;
			margin: 0 10px;
			font-size: .875rem;
		}
	}	
	.lottery_item__body {
		flex-basis: 100%;
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		padding: 20px;
		align-self: flex-start;
	}
	@media screen and (max-width:480px){
		.lottery_item__body {
		padding: 10px;
		}
	}
	.lottery_item__img {
		flex-basis: 15%;
		max-width: 15%;
		display: flex;
		justify-content: center;
		align-items: center;
		height: auto;
		position: relative;
	}
	@media screen and (max-width:480px){
		.lottery_item__img {
			flex-basis: 30%;
			max-width: 30%;		
		}
	}
	.lottery_item__img img {
		width: 120px;
	}
	@media screen and (max-width:480px){
		.lottery_item__img img {
			width: 100px;
		}
	}	
		.lottery_item__info {
		flex-basis: 65%;
		max-width: 65%;
		display: flex;
		flex-wrap: wrap;
		margin-top: -0.6em;
		padding-left: 20px;
	}
	@media screen and (max-width:480px){
		.lottery_item__info {
			flex-basis: 70%;
			max-width: 70%;
			margin-top: 0em;
		}
	}
	.lottery_item_info__list{
		line-height: 1.69231;
		font-size: 13px;
	}
	.lottery_item_info__product_name{
		font-weight: bold;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.lottery_item_info__product_price{
		color: #bb0000;
	}
	.lottery_item_info__fav{
		display: inline-flex;
		align-items: center;
	}

	.lottery_item__lottery {
		flex-basis: 20%;
		max-width: 20%;
		display: flex;
		flex-wrap: wrap;
		align-self: flex-start;
	}
	@media screen and (max-width:480px){
		.lottery_item__lottery {
			flex-basis: 100%;
			max-width: 100%;
			margin-top:10px;	
		}
	}	
	.lottery_head{
		flex-basis: 100%;
		max-width: 100%;
		font-size: 13px;
		padding: 5px;
		text-align: center;
		background: #FFF;
		border: 1px solid #3c1615;
	}
	.lottery_body{
		flex-basis: 100%;
		max-width: 100%;
		font-size: 12px;
		padding: 5px;
		text-align: center;
		line-height: 1.69231;
	}
	.lottery_btn{
		flex-basis: 100%;
		max-width: 100%;
		display: flex;
		justify-content: center;
		font-size: 13px;
		padding: 2px 5px;
		background-color: #3c1615;
		color: #fff;
		border-radius:4px;
	}
	.-is-red{color:red;}
	.bg-lottery{background: linear-gradient(0deg, rgb(230,64,78) 0%, rgb(255,71,87) 100%)!important}
	.lottery_msg__box {
		width:100%;
		display:flex;
		margin-bottom: 20px;
	}
	.lottery_msg__box p {
		font-size:1.2rem;
		margin-right: 20px;
		text-decoration: underline 5px #ffff99;
	}
	.lottery_msg__caution {
		font-size:.75rem;
		position:relative;
		margin-top: -5px;
		padding: 5px 10px;
		padding-left: 25px;
		color: red;
		background: #ffeeee;
		border: 1px solid red;
		border-radius: 4px;
	}
	.lottery_msg__caution::before{content:"※";position:absolute;left:10px;}
	/*RR*/
	.entry_box {width:100%; display: flex;align-items: center;}
	.rr_btn_entry,
	.rr_btn_entry-currently,
	.rr_btn_cancel {
		position: relative;display: inline-flex;align-items: center; padding:5px 10px;
		border-radius: 4px; font-size: .75rem; color: #fff; letter-spacing: .2em;
	}
	.rr_btn_entry{background: #3c1615;}
	.rr_btn_entry-currently {background: #c92f2f;}
	.rr_btn_cancel{background: #444;}
	.rr_btn_entry::before,
	.rr_btn_entry-currently::before,
	.rr_btn_cancel::before {content: ""; font-family: "Font Awesome 5 Free";font-weight: 900; font-size: 20px; padding-right: 5px;}
	.rr_btn_entry::before {content: "\f152";}
	.rr_btn_entry-currently::before {content: "\f14a";}
	.rr_btn_cancel::before {content: "\f2d3";}
	.rr_btn_release{margin-left: 10px; padding:5px; color: #c92f2f; font-size: .75rem; background: white; border-radius: 4px;}
	.-locked{color: #444;background: #ccc; pointer-events: none; cursor: default; text-decoration:none;}
	.rr_purchase{
		flex-basis: 100%;
		max-width: 100%;
		display: flex;
		justify-content: center;
		font-size: 13px;
		padding: 2px 5px;
		background-color: #444;
		color: #fff;
		border-radius:4px;
	}
	.item_rr__favorite {
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		display: inline-block;
		position: relative;
		width: 24px;
		height: 24px;
		background: #FFF;
		border: 1px solid #CCC;
	}
	.item_rr__favorite input {
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		display: block;
		position: relative;
		width: 24px;
		height: 24px;
		background: none;
		border: none;
		outline: none;
		cursor: pointer;
	}
	.item_rr__favorite.-is-active:before {
		color: #F98A00;
	}
	.item_rr__favorite:before {
		content: "\f005";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		color: #AAA;
		font-size: 12px;
		line-height: 12px;
	}
	.mbr-btn{position: relative;}
	.mbr-btn::after{content:"※hobima.comに遷移";position: absolute;bottom:2px;font-size:11px;margin-left: -18px;}

	/*トグルボタン*/
.toggle_input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}
.toggle_label {
    width: 50px;
    height: 25px;
    /*background: #fff;*/
    border: 3px solid #ccb8b8;
    position: relative;
    display: inline-block;
    border-radius: 40px;
    transition: 0.4s;
    box-sizing: border-box;
	font-size: .875rem;
}
@media screen and (max-width:480px){
    .toggle_label {height: 25px;}
}
.toggle_label:before {
    content: "メルマガを受取る";
    position: absolute;
    display: flex;
    align-items: center;
    width: 150px;
    font-weight: 900;
    top: 0;
    bottom: 0;
    left: 55px;
    margin: auto;
    color:#ccb8b8;
}
@media screen and (max-width:480px){
    .toggle_label:before{ content: "メルマガを受取る";width: 100px;font-size: .75rem;top: -2px;left: 50px;}
}
.toggle_label:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    left: 2px;
    top: 2px;
    z-index: 2;
    background: #ccb8b8;
    transition: 0.4s;
}
@media screen and (max-width:480px){
    .toggle_label:after {width: 15px;height: 15px;}
}
.toggle_input:checked + .toggle_label {
    border: 3px solid #bb0000;background: #fff
}
.toggle_input:checked + .toggle_label:after {
    left: 22px;
    background: #bb0000;
}
@media screen and (max-width:480px){
    .toggle_input:checked + .toggle_label:after {left: 27px;}
}
.toggle_input:checked + .toggle_label:before {
    color: #bb0000;
}
.toggle_button {
    position: relative;
}
.-tggl{
	flex-basis: 20%;
    max-width: 20%;
	display: flex;
	padding-right: 130px;
}
@media screen and (max-width:480px) {
	.-tggl{justify-content: flex-start;padding-right: 0px;}
}
.bnr_area{
	width: 100%;
	padding:50px 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  .bnr_area li{
	flex-basis: 30%;
	max-width: 30%;
  }
  
  .bnr_area li a img{
	width: 100%;
	height: auto;
	border:1px solid #ccc;
  }

/*talkroom ポップアップウインドウの設定 */
.img-popup {
    background: rgba(0, 0, 0, .8);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color:#333;
    z-index:100000;
}
.img-popup::after{
      content: "";
      width: 100%;
      height: 100%;
      position: fixed;
      top:0;left:0;
      z-index:-1;
}
    @media screen and (max-width: 768px) {
    .img-popup {width: 100%;height:100%;}
    }
.img-popup-content {
	background-color: #fff;
    margin: auto;
    padding:0;
    width: 700px;
    height: fit-content;
    max-height: 100%;
    z-index:100001;
    position: absolute;
    top:0;
    left: 0;
    bottom:0;
    right:0;
    overflow-y: scroll;
}
  @media screen and (max-width: 480px) {
    .img-popup-content  {width: 100%;}
    }
.img-popup-content-header{
    width:100%;padding: 10px 20px;font-size: 1rem;font-weight: 700;letter-spacing: .2rem;background: #6f5151;color: white;position: relative;
}
@media screen and (max-width: 768px) {
    .img-popup-content-header {padding: 5px 10px;font-size: .875rem;font-weight: normal;letter-spacing: 0;}
    }
@media screen and (max-width: 480px) {
    .img-popup-content-header {padding: 5px 50px 5px 10px;font-size: .75rem;}
    }
ul.img-popup-content-inner{
    width:100%;display: flex;flex-wrap: wrap;padding: 20px 0;
}
ul.img-popup-content-inner li{
    flex-basis: 100%;max-width: 100%;padding: 10px;float: none;height: auto;width: auto;margin: auto;
}
.input-title{width: 600px;margin:auto;display:flex;justify-content: flex-start;}
.count_numb{width: 600px;margin:auto;display:flex;justify-content: flex-end;color: #555;font-size: .8rem;letter-spacing: .2rem;}
ul.img-popup-content-inner li img.img_pupup{width: auto;max-width: 600px;height: auto;margin:auto;display:flex;}
ul.img-popup-content-inner li input.input-txt{width: 600px;margin: auto;padding: 20px;display: flex;}
@media screen and (max-width: 480px) {
    ul.img-popup-content-inner li input.input-txt {width: 100%;}
    }
.popup-btn-submit{
    display:block;width:400px;margin:auto;padding: 10px 20px;font-size: 1rem;text-align:center;background: #6f5151;color: white;border-radius:5px;cursor:pointer;
}
    @media screen and (max-width: 480px) {
        .popup-btn-submit {width: 100%;}
        }
.popup-btn-close{
    display:block;width:200px;margin:auto;padding: 10px 20px;font-size: 1rem;text-align:center;background: #aaa;color: #333;border-radius:5px;cursor:pointer;
}
  /* チェックボックスの初期設定 */
  #img-popup-on{display: none;}
  /* チェックされたらポップアップウインドウを開く */
  #img-popup-on:checked + .img-popup{display: block;}

  /* 閉じるアイコン（右上） */
  .img-icon-close{
    background: #000;
    color: #fff;
    font-size: 30px;
    padding: 0 10px;
    height: 100%;
    line-height: normal;
    display: inline-flex;
	align-items: center;
    position: absolute;
    top:0;
    right:0;
    z-index:1;
  }
    @media screen and (max-width:480px){
        .img-icon-close{font-size: 20px; align-items: center;}
    }
ul.img-popup-content-inner li.alert{flex-basis:90%;max-width:90%;margin-bottom:20px;padding:10px;color:red;border:2px solid red;background: #ffcccc;}
li.alert p.alert-title,li.alert p.alert-txt,li.alert p.alert-subtxt{
    text-align: center;margin: auto;padding-bottom: 10px;
}
li.alert p.alert-title{font-size: 1rem;}
li.alert p.alert-txt{font-size: 1rem;font-weight: 700;}
li.alert p.alert-subtxt{font-size: .9rem;padding-bottom: 0px;}

ul.img-popup-content-inner li.folder-search{
    flex-basis:100%;max-width: 100%;margin: 10px;padding: 10px;display: flex;flex-wrap: wrap;justify-content: center; background: #c6c6b6;border-radius:4px;
}
.hidden {
    display: none;
}