/*=================================================
 * CSS for PC
 * ================================================= */

/********************
REVIEW COMMON
********************/

/** step **/

.step{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	table-layout: fixed;
	margin: 0 0 1px 0;
	padding: 1px 0 0 0;
	border-top: 1px solid #3e3e41;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.step div{
	position: relative;
	display: table-cell;
	height: 60px;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	color: #999;
	text-align: center;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.step div em{
	display: inline-block;
	font-family: "FontB";
	font-size: 20px;
	font-weight: normal;
	padding-top: 4px;
}

#step1 div:nth-child(1),
#step2 div:nth-child(2),
#step3 div:nth-child(3),
#step4 div:nth-child(4){	background: #9c95ff; color: #fff;}

#step1 div:nth-child(2),
#step2 div:nth-child(1),
#step3 div:nth-child(1),
#step4 div:nth-child(1){	background: #1c1c1e;}

#step1 div:nth-child(3),
#step2 div:nth-child(3),
#step3 div:nth-child(2),
#step4 div:nth-child(2){	background: #28282a;}

#step1 div:nth-child(4),
#step2 div:nth-child(4),
#step3 div:nth-child(4),
#step4 div:nth-child(3){	background: #3e3e41;}

#step1 div:nth-child(2):after,
#step2 div:nth-child(1):after,
#step3 div:nth-child(1):after,
#step4 div:nth-child(1):after{
	content: "";
	display: block;
	clear: both;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 0 35px 20px;
	border-color: transparent transparent transparent #1c1c1e;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -20px;
}

#step1 div:nth-child(3):after,
#step2 div:nth-child(3):after,
#step3 div:nth-child(2):after,
#step4 div:nth-child(2):after{
	content: "";
	display: block;
	clear: both;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 0 35px 20px;
	border-color: transparent transparent transparent #28282a;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -20px;
}
#step4 div:nth-child(3):after{
	content: "";
	display: block;
	clear: both;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 0 35px 20px;
	border-color: transparent transparent transparent #3e3e41;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -20px;
}

#step1 div:nth-child(1):after,
#step2 div:nth-child(2):after,
#step3 div:nth-child(3):after{
	content: "";
	display: block;
	clear: both;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 0 35px 20px;
	border-color: transparent transparent transparent #9c95ff;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -20px;
}

.step div:after{
	border-width: 30px 0 30px 10px !important;
	right: -10px !important;
}


/********************
REVIEW INDEX
********************/

/** komidata **/

.komidata{
	text-align: center;
	border: 3px double #3e3e41;
	margin: 0 10px 10px 10px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.komidata_top1{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	padding: 7px 0 0 0;
}
.komidata_top1 em{
	font-size: 34px;
	font-weight: normal;
	font-family: "FontB";
}

.komidata_top2{
	display: table;
	width: auto;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
}
.komidata_top2_l,
.komidata_top2_r{
	display: table-cell;
	vertical-align: bottom;
}

.komidata_top2_l{
	position: relative;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	padding: 4px 10px 4px 0;
}
.komidata_top2_l:after{
	content: '';
	height: 30px;
	border-right: 1px dotted #3e3e41;
	position: absolute;
	top: 2px;
	right: 0;
}

.komidata_top2_r{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 0 0 10px;
}
.komidata_top2_r em{
	font-size: 34px;
	font-weight: normal;
	font-family: "FontB";
	color: #ff65b6;
	background: -webkit-linear-gradient(top, #ff9ee0 20%, #ff429c 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.komidata_mid{
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 5px 0;
}

.komidata_mid span{	color: #ff429c;}

.komidata_bt{
	padding: 10px 0 0 0;
	border-top: 1px solid #3e3e41;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.komidata_bt a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 300px;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffae00;
	background: -moz-linear-gradient(-45deg, #ffae00 0%, #ff8a00 100%);
	background: -webkit-linear-gradient(-45deg, #ffae00 0%,#ff8a00 100%);
	background: linear-gradient(135deg, #ffae00 0%,#ff8a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#ff8a00',GradientType=1 );
	border-radius: 25px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.komidata_bt a:hover{
	text-decoration: none;
	opacity			: 0.8;
	filter			: alpha(opacity=80);
}

.komidata .rvscore{	justify-content: center;}

.rv_list{}

.rvbox{
	position: relative;
	display: block;
	color: #fff;
	padding: 0 30px 0 10px;
	border-bottom: 1px solid #3e3e41;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.rv_list .rvbox:first-child{	border-top: 1px solid #3e3e41;}

a.rvbox:hover{	text-decoration: none;}
a.rvbox:before{
	content: '';
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: calc(50% - 2px);
	right: 9px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
a.rvbox:after{
	content: '';
	height: 100%;
	border-left: 1px dotted #3e3e41;
	position: absolute;
	top: 0;
	right: 20px;
}

.rvname{
	width: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	padding: 10px 0 3px 0;
}

.rvname span{
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	margin-right: 5px;
}

.rvname em{
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #9b95ff;
}

.rvname em i{
	font-style: normal;
	color: #fff;
}

.rvscore{
	width: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	padding: 0 0 10px 0;
}

.rvscore p{
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	border: 1px solid #3e3e41;
	border-radius: 2px;
	margin-right: 5px;
	padding: 0 4px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.rvscore .star{
	font-size: 22px;
	line-height: 25px;
	margin-right: 5px;
	color: #444;
}

.rvscore .star em{	color: #ffcc00;}

.rvscore .star span.per1{
	color: rgb(255,204,0);
	background:  -webkit-linear-gradient(0deg, rgba(255,204,0,1) 0%, rgba(255,204,0,1) 10%, rgba(68,68,68,1) 10%, rgba(68,68,68,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rvscore .star span.per2{
	color: rgb(255,204,0);
	background:  -webkit-linear-gradient(0deg, rgba(255,204,0,1) 0%, rgba(255,204,0,1) 20%, rgba(68,68,68,1) 20%, rgba(68,68,68,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rvscore .star span.per3{
	color: rgb(255,204,0);
	background:  -webkit-linear-gradient(0deg, rgba(255,204,0,1) 0%, rgba(255,204,0,1) 30%, rgba(68,68,68,1) 30%, rgba(68,68,68,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rvscore .star span.per4{
	color: rgb(255,204,0);
	background:  -webkit-linear-gradient(0deg, rgba(255,204,0,1) 0%, rgba(255,204,0,1) 40%, rgba(68,68,68,1) 40%, rgba(68,68,68,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rvscore .star span.per5{
	color: rgb(255,204,0);
	background:  -webkit-linear-gradient(0deg, rgba(255,204,0,1) 0%, rgba(255,204,0,1) 50%, rgba(68,68,68,1) 50%, rgba(68,68,68,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rvscore .star span.per6{
	color: rgb(255,204,0);
	background:  -webkit-linear-gradient(0deg, rgba(255,204,0,1) 0%, rgba(255,204,0,1) 60%, rgba(68,68,68,1) 60%, rgba(68,68,68,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rvscore .star span.per7{
	color: rgb(255,204,0);
	background:  -webkit-linear-gradient(0deg, rgba(255,204,0,1) 0%, rgba(255,204,0,1) 70%, rgba(68,68,68,1) 70%, rgba(68,68,68,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rvscore .star span.per8{
	color: rgb(255,204,0);
	background:  -webkit-linear-gradient(0deg, rgba(255,204,0,1) 0%, rgba(255,204,0,1) 80%, rgba(68,68,68,1) 80%, rgba(68,68,68,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rvscore .star span.per9{
	color: rgb(255,204,0);
	background:  -webkit-linear-gradient(0deg, rgba(255,204,0,1) 0%, rgba(255,204,0,1) 90%, rgba(68,68,68,1) 90%, rgba(68,68,68,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.rvscore .point{
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	color: #ffade8;
}


/********************
REVIEW RD
********************/

.rv_main{
	border-top: 1px solid #3e3e41;
}

.rv_main .rvbox{	border-bottom: none;}

.rvdata{
	padding: 0 10px;
}

.rvdata dl{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	border-bottom: 1px dotted #3e3e41;
}
.rvdata dl:first-of-type{	border-top: 1px dotted #3e3e41;}

.rvdata dt,
.rvdata dd{
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	padding: 5px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.rvdata dt{
	width: 125px;
}

.rvdata dd{
	font-size: 16px;
	color: #444;
}
.rvdata dd i{
	font-style: normal;
	color: #fff;
}
.rvdata dd em{	color: #ffcc00;}
.rvdata dl:nth-of-type(n+6) dd em{	color: #ff678e;}

.rvsubdata{
	width: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.rvsubdata div{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	font-size: 11px;
	line-height: 18px;
}

.rvsubdata div span{
	font-size: 12px;
	line-height: 18px;
	margin-right: 3px;
}

.rvsubdata div.use{
	font-size: 13px;
	font-weight: bold;
	padding: 0 4px;
	border-radius: 2px;
}
.rvsubdata div.use span{	font-size: 14px;}

.rvsubdata div.use.shop{	background: #825911;}
.rvsubdata div.use.deli{	background: #15931b;}

.rv_main .txt{
	width: calc(100% - 20px);
	margin: 5px auto 15px auto;
	overflow-wrap: break-word;
	word-break: break-word;
}

.sensi{
	font-size: 14px;
	line-height: 20px;
	/*font-weight: bold;*/
	text-align: center;
	margin: 10px 0 0 0;
	padding: 60px 10px;
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
	background-color: #28282a;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
		color-stop(.25, #1c1c1e), color-stop(.25, transparent),
		color-stop(.5, transparent), color-stop(.5, #1c1c1e),
		color-stop(.75, #1c1c1e), color-stop(.75, transparent),
		to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #1c1c1e 25%, transparent 25%,
		transparent 50%, #1c1c1e 50%, #1c1c1e 75%,
		transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #1c1c1e 25%, transparent 25%,
		transparent 50%, #1c1c1e 50%, #1c1c1e 75%,
		transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #1c1c1e 25%, transparent 25%,
		transparent 50%, #1c1c1e 50%, #1c1c1e 75%,
		transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #1c1c1e 25%, transparent 25%,
		transparent 50%, #1c1c1e 50%, #1c1c1e 75%,
		transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #1c1c1e 25%, transparent 25%,
		transparent 50%, #1c1c1e 50%, #1c1c1e 75%,
		transparent 75%, transparent);
}

.sensi span{
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}



/** total **/

.total{
	width: 100%;
	font-size: 0;
	line-height: 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0 0 15px 0;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.total_l{
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
}

.total_l p{
	font-size: 12px;
	line-height: 18px;
	box-shadow:0px 0px 0px 1px #3e3e41 inset;
	-moz-box-shadow:0px 0px 0px 1px #3e3e41 inset;
	-webkit-box-shadow:0px 0px 0px 1px #3e3e41 inset;
	padding: 0 5px;
}

.total_l span{
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	background: #3e3e41;
	padding: 0 5px;
}

.total_r{
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	padding: 0 0 0 5px;
}


/** res **/

.res_bg{
	border-top: 1px solid #3e3e41;
	padding: 10px 10px 10px 30px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.res{
	position: relative;
	text-align: left;
	background: #2e1627;
	border: 1px solid #ffade8;
	border-radius: 10px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.res em{
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	color: #ffade8;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
}

.res span{
	display: inline-block;
	vertical-align: top;
	font-size: 42px;
	line-height: 42px;
	color: #ffade8;
	position: absolute;
	top: 1px;
	left: -15px;
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	     -o-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

.res p{
	font-size: 16px;
	line-height: 25px;
	text-align: left;
}


/********************
REVIEW FORM
********************/

.regbox{
	padding: 0 0 10px 0;
}

.reg_t{
	display: flex;
	width: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	background: #3e3e41;
	border-top: 1px solid #3e3e41;
	border-bottom: 1px solid #3e3e41;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.regbox > div{
	padding: 10px;
}

.regbox2{
	border-top: 1px solid #3e3e41;
	border-left: 1px solid #3e3e41;
}

.regbox2_in{
	width: 100%;
	display: table;
	min-height: 60px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.regbox2_in:first-of-type{
	border-top: 1px solid #3e3e41;
}
.regbox2_in.line1{
	display: block;
	min-height: 0;
}

.regbox2_l,
.regbox2_r{
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px solid #3e3e41;
	border-right: 1px solid #3e3e41;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.regbox2_l{
	width: 150px;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	background: #333;
	padding: 10px 0;
	border-left: 1px solid #3e3e41;
}
.regbox2_l.ss{	font-size: 14px;}

.regbox2_l br{	display: none;}

.regbox2_r{
	font-size: 16px;
	line-height: 20px;
	padding: 10px;
}

.regbox2_r .txtlink{
	text-align: center;
}

.regbox2_r .sub{
	padding: 5px 0 0 0;
}
.regbox2_r .sub p{
	position: relative;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 3px 0;
	padding: 0 0 0 12px;
}
.regbox2_r .sub p:last-of-type{	margin-bottom: 0;}

.regbox2_r .sub span{
	display: inline-block;
	vertical-align: top;
	color: #ff9966;
	position: absolute;
	top: 0;
	left: 0;
}

.regbox2_in.line1 .regbox2_l,
.regbox2_in.line1 .regbox2_r{
	display: block;
	width: auto;
}

.regbox .txt_12{
	padding: 10px 0 0 0;
}

.regbox .txt_12 p{
	position: relative;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	margin: 0 0 3px 0;
	padding: 0 0 0 12px;
}
.regbox .txt_12 p.no{	padding-left: 0;}
.regbox .txt_12 p:last-of-type{	margin-bottom: 0;}
.regbox .txt_12 span{
	display: inline-block;
	vertical-align: top;
	color: #ff9966;
	position: absolute;
	top: 0;
	left: 0;
}

.evaluation{
	display: flex;
	width: 100%;
	flex-direction: row-reverse;
	justify-content: space-around;
}
.evaluation input[type='radio']{	display: none;}
.evaluation label{
	-webkit-flex-basis:30px;
    flex-basis:30px;
	width: auto;
	height: auto;
	line-height: 10px;
	color: #3e3e41;
	cursor: pointer;
	background: none;
	box-shadow: none;
	border: none;
	margin: 0;
	padding: 0;
}
.evaluation label i{
	font-size: 45px;
}
.evaluation label:hover,
.evaluation label:hover ~ label,
.evaluation input[type='radio']:checked ~ label{	color: #ffcc00;}

.star2_box label:hover,
.star2_box label:hover ~ label,
.star2_box input[type='radio']:checked ~ label{	color: #ff678e;}

.regbox .contxt{
	font-size: 16px;
	line-height: 20px;
}

.regbox2_r .txt{
	font-size: 34px;
	line-height: 1;
	color: #3e3e41;
	letter-spacing: 5px;
}
.regbox2_r .txt em{	color: #ffcc00;}
.regbox2_r .txt2 em{	color: #ff678e;}

.regbox textarea{
	width: 100%;
	min-height: 250px;
	height: 40vh;
}

.chk_bar{
	display: flex;
	justify-content: space-between;
	font-size: 0;
	line-height: 0;
}

.chk_bar input[type="checkbox"],
.chk_bar input[type="radio"]{	display: none;}

.chk_bar input[type="checkbox"] + label,
.chk_bar input[type="radio"] + label{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: calc(50% - 5px);
	height: 48px;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 20px;
	color: #fff;
	border: 1px solid #3e3e41;
	border-radius: 3px;
	box-shadow:0px 0px 0px 1px #1c1c1e inset;
	cursor: pointer;
	margin: 0 5px;
	background: rgb(40,40,42);
	background: linear-gradient(0deg, rgba(40,40,42,1) 0%, rgba(28,28,30,1) 100%);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.chk_bar input[type="checkbox"] + label span,
.chk_bar input[type="radio"] + label span{
	font-size: 22px;
	line-height: 22px;
	margin: -2px 1px 0 0;
}

.chk_bar input[type="checkbox"]:checked + label,
.chk_bar input[type="radio"]:checked + label{
	color: #fff;
	background: #9c96ff;
	border-color: #9c96ff;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

.chk_bar input[type="radio"]:checked + label#exp_place_type_1_label{
	background: #825911;
	border-color: #825911;
}

.chk_bar input[type="radio"]:checked + label#exp_place_type_2_label{
	background: #15931b;
	border-color: #15931b;
}



/** rewrite **/

.rewrite{
	text-align: right;
	margin: -10px 0 20px 0;
	padding: 0 10px 0 0;
}

.rewrite .edit_btn{
	display: inline-block;
	vertical-align: top;
	width: 45px;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	border: 1px solid #9c96ff;
	color: #9c96ff;
	background: #1c1c1e;
	border-radius: 3px;
	padding: 0;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.rewrite .edit_btn:hover{
	color: #fff;
	background: #9c96ff;
}

.tx_caution{	margin-top: 10px;}

.req_caution{
	width: auto;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	border: 1px solid #3e3e41;
	margin: 0 0 10px 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.req_caution a{	color: #ff429c;}
.req_caution a.pink{	color: #ffade8;}
.req_caution .yellow{	color: #ffd943;}
.req_caution a#comment_sample{	color: #ffd943; cursor: pointer;}

#exp_comment_note{
	font-size: 11px;
	line-height: 16px;
	padding: 8px 0 0 0;
}

#exp_comment_num{
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
}
#exp_comment_num span{	color: #ff429c;}

.mb{
	margin-bottom: 20px;
}
#submit{
	border-top: 1px solid #3e3e41;
	padding: 20px 10px;
}
.bt_bg{	text-align: center;}



/*============================
modal
============================*/

#modal_bg{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 650px;
	height: 100vh;
	background: rgba(28, 28, 30, 0.75);
	position: fixed;
	top: 0;
	left: calc(50% - 325px);
	z-index: 2000000000;
	padding: 22px 0 95px 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#modal_box{
	position: relative;
	width: calc(100% - 44px);
	background: #28282a;
	border-radius: 10px;
	box-shadow:0px 0px 15px 1px rgba(28, 28, 30, 0.3);
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#modal_box .regbox{	padding-bottom: 0;}

.modal_close{
	display: inline-block;
	vertical-align: top;
	width: 35px;
	height: 35px;
	background: #9c96ff;
	border-radius: 50%;
	box-shadow:0px 0px 0px 2px #ffffff inset;
	-moz-box-shadow:0px 0px 0px 2px #ffffff inset;
	-webkit-box-shadow:0px 0px 0px 2px #ffffff inset;
	position: absolute;
	top: -17.5px;
	right: -17.5px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.modal_close:hover{
	background: #ffffff;
	box-shadow:0px 0px 0px 2px #9c96ff inset;
	-moz-box-shadow:0px 0px 0px 2px #9c96ff inset;
	-webkit-box-shadow:0px 0px 0px 2px #9c96ff inset;
}
.modal_close:before{
  content: '';
  width: 20px;
  height: 1px;
  position: absolute;
  top: 17.5px;
  left: calc(50% - 10px);
  background: #fff;
  -webkit-transition	: 0.2s ease-in-out;
  -moz-transition	: 0.2s ease-in-out;
  -o-transition	: 0.2s ease-in-out;
  transition		: 0.2s ease-in-out;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal_close:after{
  content: '';
  position: absolute;
  top: 17.5px;
  left: calc(50% - 10px);
  width: 20px;
  height: 1px;
  background: #fff;
  -webkit-transition	: 0.2s ease-in-out;
  -moz-transition	: 0.2s ease-in-out;
  -o-transition	: 0.2s ease-in-out;
  transition		: 0.2s ease-in-out;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);



}
.modal_close:hover:before,
.modal_close:hover:after{	background: #9c96ff;}

	#modal_bt li:nth-of-type(1){
		width: 100%;
		margin: 0 0 5px 0;
	}
	#modal_bt .modal_btlink:last-child{
		width: 100%;
	}
	#modal_bt li:nth-of-type(2){	padding: 0 0 0 0;}
	#modal_bt li:nth-of-type(3){	padding: 0 0 0 0;}
	#modal_bt li:nth-of-type(3) a em{
		text-align: left;
	}


#modal_form{
}


#modal_form .form{
	padding: 0;
	border: 1px solid #3e3e41;
}

#modal_form .tr{
	display: block;
	width: auto;
	margin: 0;
}

#modal_form .th{
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	background: #28282a1;
	border-bottom: 1px solid #3e3e41;
	box-shadow: none;
	padding: 15px 0;
}
#modal_form .th br{	display: none;}

#modal_form .td{
	display: block;
	width: auto;
	text-align: center;
	padding: 10px;
	background: #1c1c1e;
}
#modal_form .td.tcheck{	text-align: left; padding-right: 5px; padding-bottom: 0;}
#modal_form .evaluation{	justify-content: space-around;}

#modal_form .th:after,
#modal_form .td:after{	display: none;}

#modal_form input[type="text"],
#modal_form input[type="email"],
#modal_form input[type="tel"],
#modal_form input[type="password"],
#modal_form textarea{
	color: #333;
	border			: 1px solid #ccc;
	border-radius	: 3px;
	-moz-border-radius	: 3px;
	-webkit-border-radius	: 3px;
	padding			: 6px;
	font-size		: 16px;
	font-family: Meiryo,'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
	line-height		: 25px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#modal_form select{	width: 100% !important;}
#modal_form select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;
	line-height: 25px;
	border			: 1px solid #ccc;
	border-radius	: 3px;
	-moz-border-radius	: 3px;
	-webkit-border-radius	: 3px;
	padding			: 6px 30px 6px 6px;
	font-family: Meiryo,'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
	background: url(../../img/all/select.png) right 50% no-repeat;
	-webkit-background-size: 30px 60px;
	background-size: 30px 60px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#modal_form select#edit_manzoku_num{
	border: none;
	outline: none;
	font-size: 28px;
	font-weight: bold;
	line-height: 40px;
	color: #fff;
	padding: 8px 10px;
	background: url(../../img/all/select_pink.png) right 50% no-repeat #ff528f;
	background: url(../../img/all/select_pink.png) right 50% no-repeat, -moz-linear-gradient(left, #ff528f 0%, #ff34a7 100%);
	background: url(../../img/all/select_pink.png) right 50% no-repeat, -webkit-linear-gradient(left, #ff528f 0%,#ff34a7 100%);
	background: url(../../img/all/select_pink.png) right 50% no-repeat, linear-gradient(to right, #ff528f 0%,#ff34a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff528f', endColorstr='#ff34a7',GradientType=1 );
	background-color: #ff4726 !important;
	-webkit-background-size: 30px 60px, auto;
	background-size: 30px 60px, auto;
}

#modal_form select#edit_manzoku_num option{
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	background: #1c1c1e;
}
#modal_form textarea{	width: 100%; height: 40vh;}
#modal_form textarea.s_advice{	height: 200px;}

#modal_box #submit{
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 0;
}
#modal_form .td a.bt_bbb{
	position: static;
	margin: 3px auto 0 auto;
}

#modal_form #exp_comment_note{
	text-align: left;
	padding: 7px 0 0 0;
}
#modal_form #exp_comment_num{	text-align: left;}

#modal_form #edit_exp_advice_box{
	text-align: left;
}

	#modal_form #submit .bt{	width: 100%;}
	#modal_form .line3 label,
	#modal_form .line4 label,
	#modal_form .line5 label,
	#modal_form .line6 label,
	#modal_form .line8 label,
	#modal_form .line6.ex_point label{
		width: calc(100% / 3 - 5px);
	}
	#modal_form .td p.remain{	width: 100%;margin-bottom: 10px;}

#modal_form #re_wari label{
	width: calc(50% - 5px);
}
#modal_form #re_wari label.line100,
#modal_form #re_pay label{	width: calc(100% - 5px);}

#modal_form .req_caution{
	margin-right: 0;
	margin-left: 0;
}
.form .td input[type="checkbox"],
.form .td input[type="radio"]{	display: none;}

.form .td label{
	display: inline-block;
	height: 34px;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #3e3e41;
	margin: 0 5px 5px 0;
	cursor: pointer;
	box-shadow:0px 0px 0px 1px #1c1c1e inset;
	-moz-box-shadow:0px 0px 0px 1px #1c1c1e inset;
	-webkit-box-shadow:0px 0px 0px 1px #1c1c1e inset;
	background: -webkit-linear-gradient(90deg, #28282a 0%, #1c1c1e 100%);
	background: -moz-linear-gradient(90deg, #28282a 0%, #1c1c1e 100%);
	background: -o-linear-gradient(90deg, #28282a 0%, #1c1c1e 100%);
	background: -ms-linear-gradient(90deg, #28282a 0%, #1c1c1e 100%);
	background: linear-gradient(0deg, #28282a 0%, #1c1c1e 100%);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.form .td input[type="checkbox"]:checked + label,
.form .td input[type="radio"]:checked + label{
	color: #fff;
	border-color: #c72976;
	background: #ff3399;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

	.form .th.amtel{
		box-shadow:3px 0px 0px 0px #ba0000 inset;
		-moz-box-shadow:3px 0px 0px 0px #ba0000 inset;
		-webkit-box-shadow:3px 0px 0px 0px #ba0000 inset;
	}
	.form .th p{	line-height: 14px;}

	.form .td.line3,
	.form .td.line4,
	.form .td.line5,
	.form .td.line6,
	.form .td.line7,
	.form .td.line8{
		font-size: 0;
		line-height: 0;
		text-align: left;
		padding-bottom: 10px;
	}
	.line3 label{
		width: -webkit-calc(33.3% - 5px);
		width: -moz-calc(33.3% - 5px);
		width: calc(33.3% - 5px);
	}
	.line4 label{	width: calc(97 / 320 * 100%);}
	.line5 label{	width: calc(97 / 320 * 100%);}
	.line6 label{	width: calc(97 / 320 * 100%);}
	.line8 label{	width: calc(55 / 320 * 100%);}
	.line6.ex_point label{	width: calc(55 / 320 * 100%);}
	.form .hashtag{
		display: block;
	}
	.form .hashtag .th,
	.form .hashtag .td{	display: block;}
	.form .hashtag .th{
		width: 100%;
		padding: 18px 0;
	}
	.form .hashtag .th:after{	display: none;}
	.form .hashtag .th br{	display: none;}
	.form .hashtag .th em{	font-size: 13px;}
	.form .hashtag .td{	padding-right: 5px;}
	.form .hashtag.hashtag2 .td{	padding-right: 10px;}
	.form .hashtag .td div.hashtag_in{
		text-align: left;
		padding-bottom: 5px;
	}
	.form .hashtag .td.line5 div.hashtag_in label{	width: calc(100% / 5 - 5px);}

	.form .td.line6 a.bt{
		margin: 0 auto;
	}

	.sys_check_link{
		margin-top: 5px;
		display: block;
	}



.error_text{
	color: #ff0000;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
	display: block;
	background: #f8d3d2;
	padding: 10px;
	border-radius: 3px;
}

.error_text:empty{display: none;}

.error_text{
	color: #ff0000;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
	display: block;
}
#submit .error_text br{	display: inline;}

.error_block .regbox2_l{
	background: #f8d3d2 !important;
	animation-name: indfade;
	animation-duration: 2.0s;
	animation-timing-function: ease-out;
	animation-delay: 0.0s;
	animation-iteration-count: infinite;
	animation-fill-mode: backwards;
}
@keyframes indfade {
	0%{
		color: #ff0000;
	}
	80% {
		color: #ff0000;
	}
	85% {
		color: #f8d3d2;
	}
	90% {
		color: #ff0000;
	}
	95% {
		color: #f8d3d2;
	}
	100%{
		color: #ff0000;
	}
}


.campaign_box div{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	padding-top: calc(350 / 650 * 100%);
	background-repeat:no-repeat;
	background-position: top center;
	background-size: cover;
	-webkit-background-size: contain;
	background-size: contain;
}
/*
.campaign_box div:after{
	content: '';
	width: 100%;
	height: auto;
	background: url(./img/gacha_title.png) no-repeat top center;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: calc(100 / 650 * 100%);
	background-repeat:no-repeat;
	background-position: top center;
	background-size: cover;
	-webkit-background-size: contain;
	background-size: contain;
}
*/
.campaign_box p{
    font-size: 11px;
    line-height: 16px;
	margin: 0 10px;
}

/** rgtxt **/

.rgtxt{
	text-align: center;
	background: #333333;
	margin: 0 10px 10px 10px;
	padding: 15px 10px;
	border-radius: 5px;
}

.rgtxt div{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #ffade8;
	margin: 0 0 10px 0;
}

.rgtxt p{
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

.rgtxt .align-left{
	display: inline-block;
	font-size: 14px;
	text-align: left;
}

.rgtxt .span1{	color: #cba9ff;}
.rgtxt .span2{	color: #fff08c;}

#exp_comment_num{
	font-size: 14px;
	line-height: 18px;
}

#exp_comment_num span{
	font-size: 14px;
	line-height: 18px;
	color: #ff429c;
}

#exp_advice_box{
	display: none;
	margin-top: 10px;
}

.over_bt{
	padding-top: 10px;
	padding-bottom: 20px;
}

.over_bt .bt1{
	display: inline-block;
	vertical-align: top;
	width: 300px;
}


/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {
	.regbox2_l{
		min-width: 75px;
		width: 25%;
	}
	.rv_reg select{ width: 100%;}
	.regbox2_l br{	display: inline;}
	.evaluation label i{ font-size: 9.0vw;}
	#modal_bg{
		width: 100%;
		left: 0;
	}
	#modal_bg .evaluation label i{ font-size: 6.0vw;}
	.regbox2_r .txt{
		font-size: 8.0vw;
		letter-spacing: 1px;
	}
}

@media screen and (max-width: 400px) {
	#modal_box .regbox2_r .chk_bar{
		display: block;
	}
	#modal_box .regbox2_r .chk_bar input[type="radio"] + label{
		width: calc(100%);
		height: 40px;
		margin: 0;
	}
	#modal_box .regbox2_r .chk_bar input[type="radio"]:last-of-type + label{
		margin-top: 10px;	
	}
}