@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*/
.topicpath {
    background-color: #25236f;
    background-image: linear-gradient(to right, #25236f 0%, #1f2f9e 100%);
    background-size: 100%;}
.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: #6a5acd;
	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: #6a5acd;color:white;}
a.tfo_gate_top{background: #6a5acd !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: #6a5acd;
	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: #6a5acd;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: #6a5acd;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 #6a5acd;
	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: #6a5acd;
	background: white;
	border:1px solid #6a5acd;
	border-radius:4px;
	position: relative;
	height:50px;
}
.user_main_navi li a:hover{
	color: white;
	background:#6a5acd;
	border:1px solid #6a5acd;
}

.user_main_navi2{
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.user_main_navi2 li{
	flex-basis: 100%;
	/*flex-basis: 32%;*/
	padding-bottom: 10px;
	font-size:16px;
}
@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 #6a5acd;
	border-radius:4px;
}
.user_main_navi2 li.active a {
	flex-basis: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:auto;
	padding: 10px 0 10px 25px;
	color: white;
	background: #6a5acd;
	position: relative;

}
.user_main_navi2 li.active dl{width: 90%;height:80%;margin: auto;display: flex;flex-wrap: wrap;align-content: flex-start;}
@media screen and (max-width:1050px){
	.user_main_navi2 li.active dl{height:auto;}
}
.user_main_navi2 li.active dt{flex-basis:100%;min-height: 34px; 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: #6a5acd;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__status_upgrade2:before{content:"\f3a5";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__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:25px;font-weight: 900;position: absolute;left: 40px;top:0;display: block;margin-top: 5px;}
.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;}
.icon__pay2:before{content:"\f157";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 0;top:0;display: block;}
.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:25px;font-weight: 900;position: absolute;left: 40px;top:0;display: block;margin-top: 5px;}
.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:"\f0c0";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 40px;}
.icon__reservation:before{content:"\f290";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 40px;}
.icon__coupon:before{content:"\f1f9";font-family: "Font Awesome 5 Free";font-size:25px;font-weight: 900;position: absolute;left: 30px;}

.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;}
.icon__myshelf:before{content:"\f543";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__myshelf: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: absolute;left: 20px;}
.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:"\f0c0";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 20px;}
.icon__reservation:before{content:"\f290";font-family: "Font Awesome 5 Free";font-size:16px;font-weight: 900;position: absolute;left: 20px;}
.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%;}
  .icon__pay2:before{font-size:18px;top:-1px;}
}
.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:#6a5acd;border: 1px solid #6a5acd;border-radius:4px;}
a.more_info_btn:hover{color:white;background:#6a5acd; border: 1px solid #6a5acd;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 #6a5acd;
	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: #6a5acd;
	background: white;
	border:1px solid #6a5acd;
	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:#2F95C9;
	border:1px solid #2F95C9;
}
.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%;
}
@media screen and (max-width: 768px) {
	.message_tool_search input[type="text"]{
		font-size: 14px;height: unset;
	  }
}
.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: #3879D9;
	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%;}
}

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

table.message_body tr{
	border-top:1px solid #6a5acd;
	border-right:1px solid #6a5acd;
	position: relative;
}
table.message_body tr:last-child{border-bottom:1px solid #6a5acd;}
@media screen and (max-width: 768px) {
	table.message_body tr{border-left:1px solid #6a5acd;display: flex;flex-wrap:wrap;}
	table.message_body tr:last-child{border-bottom:1px solid #6a5acd;}
}
@media screen and (max-width: 480px) {
	table.message_body tr{padding:10px;}
}
table.message_body td{
	border-left:1px solid #6a5acd;
	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: #2f95c9 !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: 90%;height:90%;}
}
.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: 100%;}
  }
/* チェックボックスの初期設定 */
#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: dodgerblue;
  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:#6a5acd;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:#6a5acd;border:1px solid #6a5acd;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 #6a5acd;
border-right:1px solid #6a5acd;
}
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 #6a5acd;padding:0;}
	table.message_create_body tr:last-child{border-bottom:1px solid #6a5acd;}
	table.message_create_body tr.reply{border-left:1px solid #6a5acd;padding:0;}
	table.message_create_body tr.reply:last-child{border-bottom:1px solid #6a5acd;}
}
table.message_create_body td{
	border-left:1px solid #6a5acd;
	border-bottom:1px solid #6a5acd;
	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 #6a5acd;
	border-right:1px solid #6a5acd;
}
ul.list_body_reset{border:none;}
ul.list_body li.list_item{
	width:100%;
	border-left:1px solid #6a5acd;
	border-bottom:1px solid #6a5acd;
	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;}
}

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: #6a5acd;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:150px;height:auto; position: relative;}
.product_img img{
	width:100%;height:100px;
	display: flex;
	vertical-align: bottom;
	object-fit: contain;
	object-position: center;
	font-family: 'object-fit: contain; object-position: center;';
}
.product_img a:hover{opacity: .8;}
@media screen and (max-width: 768px) {
	ul.list_body li.list_item div.product_img{flex-basis:20%;}
}
@media screen and (max-width: 480px) {
	ul.list_body li.list_item div.product_img{flex-basis:30%;}
	ul.list_body li.list_item div.product_img_reset{flex-basis:20%;margin-left: -10px;}
}
div.list_item_info{flex-basis:100%;display: flex;flex-wrap:wrap;padding-left: 10px;}
@media screen and (max-width: 768px) {
	div.list_item_info{flex-basis:75%;}
}
@media screen and (max-width: 480px) {
	div.list_item_info{flex-basis:69%;}
}
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 #6a5acd;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;
    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: block;}
li.to_user_content{flex-basis: 100%;display: block;}
div.from_dealer{
	flex-basis: 60%;
	width:60%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	background: #fffffa;
	border:2px 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: -8px;
	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;
	z-index: 0;
  }

div.to_user{
	flex-basis: 60%;
	width:60%;
	float: right;
	display: flex;
	flex-wrap: wrap;justify-content:flex-end;
	background: #fff;
	border:2px solid #6a5acd;
	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: -8px;
	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 #6a5acd;
	content: "";
	position: absolute;
	top: 50%; right: -11px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	z-index: 0;
  }
  @media screen and (max-width: 480px) {
	div.from_dealer,div.to_user{flex-basis: 100%;width:100%;}
  }
.from_dealer p{flex-basis: 100%;display: flex;justify-content:flex-start;line-height: 1.5em;}
.to_user p{flex-basis: 100%;display: flex;justify-content:flex-start;line-height: 1.5em;}
.to_user p.msg_create_subtxt{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;line-height:1.5em;}
.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:10px;right:10px;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_dealer__pic {
	width: 100px;
	height: 100px;
	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;}
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:#6a5acd;font-weight: bold;display:flex;align-items:flex-end;border-bottom:1px solid #6a5acd;}
ul.list_item_info__colsleft li.list_item_info__dealer_name a{color:#6a5acd;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;}
}
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;
	color: #6a5acd;
    border:1px solid #6a5acd;
    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: #6a5acd;
    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 #6a5acd;
	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: #6a5acd;
	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 #6a5acd;
	border-right:1px solid #6a5acd;
}
.order_item:last-child{margin-bottom: 0;}
.list_item_header{
	flex-basis: 100%;
	background: #6a5acd;
	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;
}
@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 #6a5acd;padding: 10px;}
div.list_item_container ul.list_item_wrap{
	flex-basis:70%;
	max-width:70%;
	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{
	width:50%;
	display: flex;
	flex-wrap:wrap;
	margin-bottom: 10px;
}
@media screen and (max-width:768px){
	ul.list_item_wrap li.list_buy_item{width:100%;}
}
div.list_item_info ul.list_item_info__buylist{flex-basis: 100%;display: flex;flex-wrap:wrap;padding: 0;}
ul.list_item_info__buylist li{padding-bottom:5px;align-self: center;width: 200px;}
@media screen and (max-width:480px){
	div.list_item_info ul.list_item_info__buylist{height: min-content;}
	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:30%;
	max-width:30%;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 10px 10px 0;
	align-self: flex-start;
}
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:#6a5acd;
	border:1px solid #6a5acd;
	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:#6a5acd;text-align: center;border-bottom:1px solid #6a5acd;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*/

/*購入リスト*/
li.list_buy_item2 {width: 100%;display: flex;flex-wrap:wrap;margin-bottom: 0;}
@media screen and (max-width:480px){
	li.list_buy_item2 {font-size: 12px;}
}
div.list_item_info ul.list_item_info__buylist2_header li{border-bottom: 1px solid #6a5acd;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 #6a5acd;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 #6a5acd;
	color:#6a5acd;
	text-align:center;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	font-size:11px;
}
.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: #6a5acd;
	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 #6a5acd;
	border-radius  : 30px;
	margin-top:5px;
	background: #ffffe0;
  }
   /* === 表示する文字（標準） ================================ */
.switch_area label span:after{
	content        : "受取り未確認";
	padding        : 5px 0;
	color          : #6a5acd;
	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     : #6a5acd;
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:1px solid #6a5acd;
	background:white;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	color: #6a5acd;
	border-radius: 4px;
	font-size: 13px;
}
.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;
}
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.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: #6a5acd;
	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 #6a5acd;
	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 #6a5acd;
  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: #722D80;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:dodgerblue;padding-right: 10px;}
.comment_list_user_name{color:dodgerblue;}
.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{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:50%;margin-top: 10px;}
	}
	.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:#6a5acd 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: #6a5acd;border:1px solid #6a5acd;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 #6a5acd;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: #6a5acd;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: #3879D9;
    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;}
}
*/
.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;margin-bottom: 0px;padding-top: 20px;padding-bottom: 20px; border-bottom: 1px solid #6a5acd;}
@media screen and (max-width: 480px) {
	.premium_content{padding-top: 0px;}
}
.premium_content_cols_left{flex-basis:70%;max-width:70%;display: flex;flex-wrap: wrap;padding-right:20px;border-right:#6a5acd dotted 1px;}
@media screen and (max-width: 480px) {
	.premium_content_cols_left{flex-basis:100%;max-width:100%;padding-right:0;border-right:none;padding-bottom:20px;border-bottom:#6a5acd 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: 100%;max-width:100%;padding:10px;text-align: center;color: white;background: #6a5acd;border:1px solid #6a5acd;border-top-left-radius: 4px;border-top-right-radius: 4px;}
dl.premium_info dd.premium_info_col2{flex-basis: 100%;max-width:100%;padding:10px;border:1px solid #6a5acd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
@media screen and (max-width: 480px) {
	dl.premium_info dt.premium_info_col1{border-top-right-radius: 4px;border-bottom-left-radius: 0px;}
	dl.premium_info dd.premium_info_col2{border-top-right-radius: 0px;border-bottom-left-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;}
@media screen and (max-width: 480px) {
	.premium_content_cols_right{flex-basis:100%;max-width:100%;padding-right:0;padding-left:0;padding-top:20px;}
}
.upgrade__checkbox{flex-basis:100%;align-self: flex-start;margin-bottom: 20px;font-size: 14px;color: #6a5acd;display: flex;align-items: center;flex-wrap: wrap;}
@media screen and (max-width: 480px) {
	.upgrade__checkbox{justify-content: 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;
	max-width: 100%;
    flex-basis: 100%;
    display: block;
	align-self:flex-start;
    padding: 15px 0 15px 20px;
	color: #FFF;
    background: orangered;
    text-align: center;
	box-shadow: 2px 2px 2px #ccc;
	transition: .5s;
}
div.premium_content_cols_right label.upgrade__buy_button:hover{
	box-shadow: none;
	transform: translateY(2px);
}

@media screen and (max-width: 480px) {
	div.premium_content_cols_right label.upgrade__buy_button{ padding: 10px 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: 18px;
}
@media screen and (max-width: 1050px) {
	div.premium_content_cols_right label.upgrade__buy_button:before{ font-size: 14px;top: 17px;}
}
@media screen and (max-width: 480px) {
	div.premium_content_cols_right label.upgrade__buy_button:before{ left: 20%;top: 12px;}
}
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: 14px;}
}
/*エラー表示*/
.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: 0;padding: 20px;font-size: 16px;line-height:32px;letter-spacing: .2em; margin: auto;text-align: center;}
.reservation_check{border: 1px solid dodgerblue;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:#6a5acd;border-bottom: 1px solid #6a5acd;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: #6a5acd;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: dodgerblue; background: lightcyan; border: 1px solid dodgerblue;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;}
h4.bigsquare_title{width:100%;margin:50px auto;padding:0;text-align: center;font-size: 30px;font-weight:700;color: #6a5acd; }
@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;}
figure.bigsquare_hero img{flex-basis:100%;max-width:100%;height:auto;border:4px double #3879d9;box-shadow:0px 0px 10px #3879d9;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 #3879d9;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: #3879D9;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 #3879d9;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: #3879D9;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;}
@media screen and (max-width:480px){
	.bigsquare_dlist{column-count: 2;}
}
.bigsquare_block_dlist{width:100%;column-count: 2;}
@media screen and (max-width:480px){
	.bigsquare_block_dlist{column-count: 1;}
}
.bigsquare__acd-check{
    display: none;
}
.bigsquare__acd-label{
    background: dodgerblue;
    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: #00479d;
    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 #003366;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: #003366;color: white;font-size: 1.8rem;font-weight: 700;
    }
    @media screen and (max-width:480px){
        section.info_item_contain h4 {font-size: 1.2rem;}
    }
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:16px;
    }
    @media screen and (max-width:480px){
        ul.info_item_list li {font-size: 12px;}
    }