@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*@import url(https://use.typekit.net/qdy3jbd.css);*/
@import url(https://use.typekit.net/qdy3jbd.css);

/* 0-1. Reset
-------------------------------------------------- */
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td,
input, textarea, button
{ margin: 0;padding: 0;vertical-align: baseline; }

article,aside,footer,header,small,nav,section,figure,figcaption,main
{ margin: 0; padding: 0; display: block; vertical-align: baseline; list-style: none; background-color: transparent; outline: none; }

audio,canvas,video{ display: inline-block; }
ul,ol{ list-style-type: none; }
table{ border: none; border-collapse: collapse; border_spacing: 0; }
img{ line-height: 1; vertical-align: bottom; outline: none; }
a img{ border: none; outline: none; }
sub,sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
hr{ box-sizing: content-box; height: 0; }
button{
	font-family: 'MS PGothic',sans-serif;
    font-size: 100%;
	border: none;
	text-transform: none;
	background-color: transparent;
    cursor: pointer;
	-webkit-appearance: button;
	-ms-touch-action: manipulation;
    touch-action: manipulation;
}
input{ border: 1px solid #dad7d3; padding: 2px 5px; }
textarea{ border: 1px solid #dad7d3; resize: none; }
label{ background-color: transparent; cursor: pointer; }
input[type="button"],
input[type="reset"],
input[type="submit"]{ -webkit-appearance: button; cursor: pointer; }
button[disabled],
input[disabled]{ cursor: default; }
input[type="checkbox"],
input[type="radio"]{ box-sizing: content-box; padding: 0; vertical-align: middle; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{ -webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner{ padding: 0; border: 0; }
textarea{ overflow: auto; vertical-align: top; }
small{ font-size: 1.2rem; display: inline; }
:focus{ outline: none; }

/* 0-2. Base
-------------------------------------------------- */
/*
html[theme='dark-mode'] { filter: invert(1) hue-rotate(180deg); }
*/
:root{
	--MM-HEADER-HEIGHT: 50px;
}
html{
	overflow: auto;
/*	overflow-y: scroll;*/
	font-size: 62.5%;
	height: -webkit-fill-available;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
}
table{
	width: 100%;
}
strong,
em{
	font-weight: bold;
}
/* 0-3. Config
-------------------------------------------------- */
body{
	font-size: 15px;
	color: #000;
	background-color: #fff;
/*	height: 100%;*/
	min-height: 100vh;
	min-height: -webkit-fill-available;
	font-family: 'MS PGothic',sans-serif;
	letter-spacing: normal;
	line-height: 1.5;
	background-image: url(../img/mm_body_bg.gif);
	background-repeat: y-repeat;
	background-color:#333;
	background-position: center;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
}
body .w_introduction{
    font-family: 'Noto Sans JP', sans-serif;
}
input,textarea{
	font-family: 'MS PGothic',sans-serif;
	font-size: 100%;
}
a{
	background: transparent;
	color: #000;	/* ベースのリンク文字の色を指定 */
	text-decoration: none;	/* ベースのリンク文字の下線の有無を指定 */
	transition: all .3s;
}
a:hover,
a:active{
	color: #666;
}
a:focus {
	outline: none;
}
sup {
	vertical-align: top;
	line-height: 1;
}
.a_link{
    color: #0075c2;
    text-decoration: underline;
}
/* -----------------------------------------------
 [1. Layout]
 -------------------------------------------------- */
/* 1-1. #l_document, .l_lock
-------------------------------------------------- */
.l_lock {
	height: 100vh;
	overflow: unset;
	background-color: #333;
}
.l_document{
	background-color: #fff;
}
#l_document{

}
/* 1-2. #l_header
-------------------------------------------------- */
.l_header {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	z-index: 5;
	background: #fff;
	background: linear-gradient(90deg,#fff,#f5f5f5);
	height: var(--MM-HEADER-HEIGHT);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;/* 20201005 */
	border-bottom: 1px solid #eaeaea;
}
.l_header_left {
	float: left;
	margin-left: 16px;
}
.l_header_login {
    margin-left: auto;
    margin-right: 10px;
}
.hd_btn_login {
    background-color: #f69522;
}
.hd_btn_login a {
    display: inline-block;
    padding: 6px 20px;
    color: #fff;
}
.l_header_wrap {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	height: 64px;
}
/* 960以下 tabletまで */
@media only screen and (max-width: 960px) {
	.l_header {
	}
	.l_header_btn ul li.menu .menu_inner {
		height: 20px;
	}
}
/*  #l-container
-------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	#l-container {
		padding-top: 88px;
	}
}
/* -----------------------------------------------
 [2. Object]
 -------------------------------------------------- */
@media all and (-ms-high-contrast:none){

}
/* Form     [frm-***]*/
input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=password],
textarea {
	border: 1px solid #666;
	background-color: #fff;
	padding: 4px;
	vertical-align: middle;
}
input[type="email"] {
    width: 300px;
}
input[type=text].input_err {
    border: 1px solid #c44;
    background-color: #fdd;
}
input:focus {
	border-color: #f69522;
	box-shadow: 0 0 1px 3px rgba(183, 28, 28, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222; 
	outline: none;
}
select{
	text-transform: none;
	font-size: 100%;
	vertical-align:middle;
	font-weight: normal;
	color: #444;
	padding: 4px 24px 2px 4px;
	max-width: 100%; 
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #666;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
}
select::-ms-expand {
	display: none;
}
select:hover {
	border-color: #888;
}
select:focus {
	border-color: #b71c1c;
	box-shadow: 0 0 1px 3px rgba(183, 28, 28, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222; 
	outline: none;
}
select option {
	font-weight:normal;
	background-color: #fff;
	color: #000;
}

.form_select, label{
	position: relative;
	display: inline-block;
}
.form_select::after, label::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-bottom: solid 2px #444;
	border-right: solid 2px #444;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
	pointer-events: none;
}
label.control_label::after,
input[type=radio]+label::after ,
input[type=checkbox]+label::after{
	border: none;
}
/* input width  */
.input_w60{ width: 60px!important; }
.input_w70{ width: 70px!important; }
.input_w80{ width: 80px!important; }
.input_w90{ width: 90px!important; }
.input_w100{ width: 100px!important; }
.input_w110{ width: 110px!important; }
.input_w120{ width: 120px!important; }
.input_w130{ width: 130px!important; }
.input_w140{ width: 140px!important; }
.input_w150{ width: 150px!important; }
.input_w160{ width: 160px!important; }
.input_w170{ width: 170px!important; }
.input_w180{ width: 180px!important; }
.input_w190{ width: 190px!important; }
.input_w200{ width: 200px!important; }
.input_w220{ width: 220px!important; }
.input_w240{ width: 240px!important; }
.input_w260{ width: 260px!important; }
.input_w280{ width: 280px!important; }
.input_w300{ width: 300px!important; }
.input_w400{ width: 400px!important; }
.input_w100per{ width: 96%!important; }

@media screen and (max-width: 767px){
	.input_w300{ width: 94%!important; }
	.input_w400{ width: 94%!important; }
	.input_w100per{ width: 94%!important; }
}


/* radio checkbox */
input[type=radio] ,
input[type=checkbox] {
	-webkit-appearance: none;
	display: none;
}
input + label {
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 10px 30px;
	margin: 0;
	cursor: pointer;
	position: relative;
}
input[type=radio] + label{
	padding: 6px 10px 10px 30px;
}
/* 20201014  D_TOOL-816 input radio*/
input[type=radio] + label{
	/*padding-top:5px;*/
}
input + label:before {
	content: '';
	position: absolute;
	display: block;
	border: 1px solid #999;
	background-color: #fff;
}
input[type=radio] + label:before {
	top: 6px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 17px;
}
input[type=checkbox] + label:before {
	content: '';
	position: absolute;
	display: block;
	top: 10px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	border: 1px solid #999;
	background-color: #fff;
}
input[type=checkbox]:checked + label:after {
	content: '';
	position: absolute;
	display: block;
	top: 15px;
	left: 6px;
	width: 6px;
	height: 12px;
	border-right: 4px solid #b71c1c;
	border-bottom: 4px solid #b71c1c;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=radio]:checked + label:after {
	content: '';
	position: absolute;
	display: block;
	top: 14px;
	left: 4px;
	width: 14px;
	height: 14px;
	border-radius: 12px;
	background-color: #b71c1c;
}

/*  */
input[type=submit]{
	-webkit-appearance: none;
	text-align: center;
	vertical-align: baseline;
    color: #000;
    background-color: inherit;
    border: none;
}
.m_form_select_kara {
    vertical-align: middle;
}


/*2-1-13. Error    [err-***]*/


/*2-1-14. UI*/


/*2-1-15 align		[align_***]*/
.align_left{
	text-align: left;
}
.align_right{
	text-align: right;
}
.align_center{
	text-align: center;
}


/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#l_header:after,.l_main:after,
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}

/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}
.mlrauto{margin-left: auto; margin-right: auto;}

@media screen and (max-width: 767px){
/* margin  */.m0_sp{margin:0!important;}.m5_sp{margin: 5px!important;}.m10_sp{margin: 10px!important;}.m15_sp{margin: 15px!important;}.m20_sp{margin: 20px!important;}.m25_sp{margin: 25px!important;}.m30_sp{margin: 30px!important;}.m35_sp{margin: 35px!important;}.m40_sp{margin: 40px!important;}.m45_sp{margin: 45px!important;}.m50_sp{margin: 50px!important;}.m55_sp{margin: 55px!important;}.m60_sp{margin: 60px!important;}.m65_sp{margin: 65px!important;}.m70_sp{margin: 70px!important;}.m75_sp{margin: 75px!important;}.m80_sp{margin: 80px!important;}.m85_sp{margin: 85px!important;}.m90_sp{margin: 90px!important;}.m95_sp{margin: 95px!important;}.m100_sp{margin: 100px!important;}/* margin-top */.mt0_sp{margin-top:0!important;}.mt-5_sp{margin-top: -5px!important;}.mt-10_sp{margin-top: -10px!important;}.mt-15_sp{margin-top: -15px!important;}.mt-20_sp{margin-top: -20px!important;}.mt-25_sp{margin-top: -25px!important;}.mt-30_sp{margin-top: -30px!important;}.mt-35_sp{margin-top: -35px!important;}.mt-40_sp{margin-top: -40px!important;}.mt-45_sp{margin-top: -45px!important;}.mt-50_sp{margin-top: -50px!important;}.mt-55_sp{margin-top: -55px!important;}.mt-60_sp{margin-top: -60px!important;}.mt-65_sp{margin-top: -65px!important;}.mt-70_sp{margin-top: -70px!important;}.mt-75_sp{margin-top: -75px!important;}.mt-80_sp{margin-top: -80px!important;}.mt-85_sp{margin-top: -85px!important;}.mt-90_sp{margin-top: -90px!important;}.mt-95_sp{margin-top: -95px!important;}.mt-100_sp{margin-top: -100px!important;}.mt5_sp{margin-top: 5px!important;}.mt10_sp{margin-top: 10px!important;}.mt15_sp{margin-top: 15px!important;}.mt20_sp{margin-top: 20px!important;}.mt25_sp{margin-top: 25px!important;}.mt30_sp{margin-top: 30px!important;}.mt35_sp{margin-top: 35px!important;}.mt40_sp{margin-top: 40px!important;}.mt45_sp{margin-top: 45px!important;}.mt50_sp{margin-top: 50px!important;}.mt55_sp{margin-top: 55px!important;}.mt60_sp{margin-top: 60px!important;}.mt65_sp{margin-top: 65px!important;}.mt70_sp{margin-top: 70px!important;}.mt75_sp{margin-top: 75px!important;}.mt80_sp{margin-top: 80px!important;}.mt85_sp{margin-top: 85px!important;}.mt90_sp{margin-top: 90px!important;}.mt95_sp{margin-top: 95px!important;}.mt100_sp{margin-top: 100px!important;}/* margin-right */.mr0_sp{margin-right:0!important;}.mr5_sp{margin-right: 5px!important;}.mr10_sp{margin-right: 10px!important;}.mr15_sp{margin-right: 15px!important;}.mr20_sp{margin-right: 20px!important;}.mr25_sp{margin-right: 25px!important;}.mr30_sp{margin-right: 30px!important;}.mr35_sp{margin-right: 35px!important;}.mr40_sp{margin-right: 40px!important;}.mr45_sp{margin-right: 45px!important;}.mr50_sp{margin-right: 50px!important;}.mr55_sp{margin-right: 55px!important;}.mr60_sp{margin-right: 60px!important;}.mr65_sp{margin-right: 65px!important;}.mr70_sp{margin-right: 70px!important;}.mr75_sp{margin-right: 75px!important;}.mr80_sp{margin-right: 80px!important;}.mr85_sp{margin-right: 85px!important;}.mr90_sp{margin-right: 90px!important;}.mr95_sp{margin-right: 95px!important;}.mr100_sp{margin-right: 100px!important;}/* margin-bottom */.mb0_sp{margin-bottom:0!important;}.mb5_sp{margin-bottom: 5px!important;}.mb10_sp{margin-bottom: 10px!important;}.mb15_sp{margin-bottom: 15px!important;}.mb20_sp{margin-bottom: 20px!important;}.mb25_sp{margin-bottom: 25px!important;}.mb30_sp{margin-bottom: 30px!important;}.mb35_sp{margin-bottom: 35px!important;}.mb40_sp{margin-bottom: 40px!important;}.mb45_sp{margin-bottom: 45px!important;}.mb50_sp{margin-bottom: 50px!important;}.mb55_sp{margin-bottom: 55px!important;}.mb60_sp{margin-bottom: 60px!important;}.mb65_sp{margin-bottom: 65px!important;}.mb70_sp{margin-bottom: 70px!important;}.mb75_sp{margin-bottom: 75px!important;}.mb80_sp{margin-bottom: 80px!important;}.mb85_sp{margin-bottom: 85px!important;}.mb90_sp{margin-bottom: 90px!important;}.mb95_sp{margin-bottom: 95px!important;}.mb100_sp{margin-bottom: 100px!important;}/* margin-left */.ml0_sp{margin-left:0!important;}.ml5_sp{margin-left: 5px!important;}.ml10_sp{margin-left: 10px!important;}.ml15_sp{margin-left: 15px!important;}.ml20_sp{margin-left: 20px!important;}.ml25_sp{margin-left: 25px!important;}.ml30_sp{margin-left: 30px!important;}.ml35_sp{margin-left: 35px!important;}.ml40_sp{margin-left: 40px!important;}.ml45_sp{margin-left: 45px!important;}.ml50_sp{margin-left: 50px!important;}.ml55_sp{margin-left: 55px!important;}.ml60_sp{margin-left: 60px!important;}.ml65_sp{margin-left: 65px!important;}.ml70_sp{margin-left: 70px!important;}.ml75_sp{margin-left: 75px!important;}.ml80_sp{margin-left: 80px!important;}.ml85_sp{margin-left: 85px!important;}.ml90_sp{margin-left: 90px!important;}.ml95_sp{margin-left: 95px!important;}.ml100_sp{margin-left: 100px!important;}
	/* padding */.p0_sp{padding:0!important;}.p5_sp{padding: 5px!important;}.p10_sp{padding: 10px!important;}.p15_sp{padding: 15px!important;}.p20_sp{padding: 20px!important;}.p25_sp{padding: 25px!important;}.p30_sp{padding: 30px!important;}.p35_sp{padding: 35px!important;}.p40_sp{padding: 40px!important;}.p45_sp{padding: 45px!important;}.p50_sp{padding: 50px!important;}.p55_sp{padding: 55px!important;}.p60_sp{padding: 60px!important;}.p65_sp{padding: 65px!important;}.p70_sp{padding: 70px!important;}.p75_sp{padding: 75px!important;}.p80_sp{padding: 80px!important;}.p85_sp{padding: 85px!important;}.p90_sp{padding: 90px!important;}.p95_sp{padding: 95px!important;}.p100_sp{padding: 100px!important;}/* padding-top */.pt0_sp{padding-top:0!important;}.pt5_sp{padding-top: 5px!important;}.pt10_sp{padding-top: 10px!important;}.pt15_sp{padding-top: 15px!important;}.pt20_sp{padding-top: 20px!important;}.pt25_sp{padding-top: 25px!important;}.pt30_sp{padding-top: 30px!important;}.pt35_sp{padding-top: 35px!important;}.pt40_sp{padding-top: 40px!important;}.pt45_sp{padding-top: 45px!important;}.pt50_sp{padding-top: 50px!important;}.pt55_sp{padding-top: 55px!important;}.pt60_sp{padding-top: 60px!important;}.pt65_sp{padding-top: 65px!important;}.pt70_sp{padding-top: 70px!important;}.pt75_sp{padding-top: 75px!important;}.pt80_sp{padding-top: 80px!important;}.pt85_sp{padding-top: 85px!important;}.pt90_sp{padding-top: 90px!important;}.pt95_sp{padding-top: 95px!important;}.pt100_sp{padding-top: 100px!important;}/* padding-right */.pr0_sp{padding-right:0!important;}.pr5_sp{padding-right: 5px!important;}.pr10_sp{padding-right: 10px!important;}.pr15_sp{padding-right: 15px!important;}.pr20_sp{padding-right: 20px!important;}.pr25_sp{padding-right: 25px!important;}.pr30_sp{padding-right: 30px!important;}.pr35_sp{padding-right: 35px!important;}.pr40_sp{padding-right: 40px!important;}.pr45_sp{padding-right: 45px!important;}.pr50_sp{padding-right: 50px!important;}.pr55_sp{padding-right: 55px!important;}.pr60_sp{padding-right: 60px!important;}.pr65_sp{padding-right: 65px!important;}.pr70_sp{padding-right: 70px!important;}.pr75_sp{padding-right: 75px!important;}.pr80_sp{padding-right: 80px!important;}.pr85_sp{padding-right: 85px!important;}.pr90_sp{padding-right: 90px!important;}.pr95_sp{padding-right: 95px!important;}.pr100_sp{padding-right: 100px!important;}/* padding-bottom */.pb0_sp{padding-bottom:0!important;}.pb5_sp{padding-bottom: 5px!important;}.pb10_sp{padding-bottom: 10px!important;}.pb15_sp{padding-bottom: 15px!important;}.pb20_sp{padding-bottom: 20px!important;}.pb25_sp{padding-bottom: 25px!important;}.pb30_sp{padding-bottom: 30px!important;}.pb35_sp{padding-bottom: 35px!important;}.pb40_sp{padding-bottom: 40px!important;}.pb45_sp{padding-bottom: 45px!important;}.pb50_sp{padding-bottom: 50px!important;}.pb55_sp{padding-bottom: 55px!important;}.pb60_sp{padding-bottom: 60px!important;}.pb65_sp{padding-bottom: 65px!important;}.pb70_sp{padding-bottom: 70px!important;}.pb75_sp{padding-bottom: 75px!important;}.pb80_sp{padding-bottom: 80px!important;}.pb85_sp{padding-bottom: 85px!important;}.pb90_sp{padding-bottom: 90px!important;}.pb95_sp{padding-bottom: 95px!important;}.pb100_sp{padding-bottom: 100px!important;}/* padding-left */.pl0_sp{padding-left:0!important;}.pl5_sp{padding-left: 5px!important;}.pl10_sp{padding-left: 10px!important;}.pl15_sp{padding-left: 15px!important;}.pl20_sp{padding-left: 20px!important;}.pl25_sp{padding-left: 25px!important;}.pl30_sp{padding-left: 30px!important;}.pl35_sp{padding-left: 35px!important;}.pl40_sp{padding-left: 40px!important;}.pl45_sp{padding-left: 45px!important;}.pl50_sp{padding-left: 50px!important;}.pl55_sp{padding-left: 55px!important;}.pl60_sp{padding-left: 60px!important;}.pl65_sp{padding-left: 65px!important;}.pl70_sp{padding-left: 70px!important;}.pl75_sp{padding-left: 75px!important;}.pl80_sp{padding-left: 80px!important;}.pl85_sp{padding-left: 85px!important;}.pl90_sp{padding-left: 90px!important;}.pl95_sp{padding-left: 95px!important;}.pl100_sp{padding-left: 100px!important;}
.mlrauto_sp{margin-left: auto; margin-right: auto;}
.m1_sp {
	margin-bottom: 1px!important;
}
}
/* color */
.color_red{ color: #d50000; }
.color_blue{ color: #000ed5; }
.color_green{ color:#00d500;}
.color_yellow{ color: #d5d500;}
.color_grey{ color: #7d7d7d;}

/* width */
.w1per  { width:  1% !important; }
.w2per  { width:  2% !important; }
.w3per  { width:  3% !important; }
.w4per  { width:  4% !important; }
.w5per  { width:  5% !important; }
.w6per  { width:  6% !important; }
.w7per  { width:  7% !important; }
.w8per  { width:  8% !important; }
.w9per  { width:  9% !important; }
.w10per { width: 10% !important; }
.w11per { width: 11% !important; }
.w12per { width: 12% !important; }
.w13per { width: 13% !important; }
.w14per { width: 14% !important; }
.w15per { width: 15% !important; }
.w16per { width: 16% !important; }
.w17per { width: 17% !important; }
.w18per { width: 18% !important; }
.w19per { width: 19% !important; }
.w20per { width: 20% !important; }
.w21per { width: 21% !important; }
.w22per { width: 22% !important; }
.w23per { width: 23% !important; }
.w24per { width: 24% !important; }
.w25per { width: 25% !important; }
.w26per { width: 26% !important; }
.w27per { width: 27% !important; }
.w28per { width: 28% !important; }
.w29per { width: 29% !important; }
.w30per { width: 30% !important; }
.w31per { width: 31% !important; }
.w32per { width: 32% !important; }
.w33per { width: 33% !important; }
.w34per { width: 34% !important; }
.w35per { width: 35% !important; }
.w36per { width: 36% !important; }
.w37per { width: 37% !important; }
.w38per { width: 38% !important; }
.w39per { width: 39% !important; }
.w40per { width: 40% !important; }
.w41per { width: 41% !important; }
.w42per { width: 42% !important; }
.w43per { width: 43% !important; }
.w44per { width: 44% !important; }
.w45per { width: 45% !important; }
.w46per { width: 46% !important; }
.w47per { width: 47% !important; }
.w48per { width: 48% !important; }
.w49per { width: 49% !important; }
.w50per { width: 50% !important; }
.w51per { width: 51% !important; }
.w52per { width: 52% !important; }
.w53per { width: 53% !important; }
.w54per { width: 54% !important; }
.w55per { width: 55% !important; }
.w56per { width: 56% !important; }
.w57per { width: 57% !important; }
.w58per { width: 58% !important; }
.w59per { width: 59% !important; }
.w60per { width: 60% !important; }
.w61per { width: 61% !important; }
.w62per { width: 62% !important; }
.w63per { width: 63% !important; }
.w64per { width: 64% !important; }
.w65per { width: 65% !important; }
.w66per { width: 66% !important; }
.w67per { width: 67% !important; }
.w68per { width: 68% !important; }
.w69per { width: 69% !important; }
.w70per { width: 70% !important; }
.w71per { width: 71% !important; }
.w72per { width: 72% !important; }
.w73per { width: 73% !important; }
.w74per { width: 74% !important; }
.w75per { width: 75% !important; }
.w76per { width: 76% !important; }
.w77per { width: 77% !important; }
.w78per { width: 78% !important; }
.w79per { width: 79% !important; }
.w80per { width: 80% !important; }
.w81per { width: 81% !important; }
.w82per { width: 82% !important; }
.w83per { width: 83% !important; }
.w84per { width: 84% !important; }
.w85per { width: 85% !important; }
.w86per { width: 86% !important; }
.w87per { width: 87% !important; }
.w88per { width: 88% !important; }
.w89per { width: 89% !important; }
.w90per { width: 90% !important; }
.w91per { width: 91% !important; }
.w92per { width: 92% !important; }
.w93per { width: 93% !important; }
.w94per { width: 94% !important; }
.w95per { width: 95% !important; }
.w96per { width: 96% !important; }
.w97per { width: 97% !important; }
.w98per { width: 98% !important; }
.w99per { width: 99% !important; }
.w100per{ width: 100% !important; }
.wauto  { width: auto !important; }

.w700px{ max-width: 700px !important; }
.w710px{ max-width: 710px !important; }
.w720px{ max-width: 720px !important; }
.w730px{ max-width: 730px !important; }
.w740px{ max-width: 740px !important; }
.w750px{ max-width: 750px !important; }
.w760px{ max-width: 760px !important; }
.w770px{ max-width: 760px !important; }
.w780px{ max-width: 760px !important; }
.w790px{ max-width: 790px !important; }
.w800px{ max-width: 800px !important; }
@media screen and (max-width: 767px){
	.w700px,.w710px,.w720px,.w730px,.w740px,.w750px,.w760px,.w770px,.w780px,.w790px,.w800px{ max-width: 100%!important; }
}

@media screen and (max-width: 767px){
	.w1per_sp  { width:  1% !important; }
	.w2per_sp  { width:  2% !important; }
	.w3per_sp  { width:  3% !important; }
	.w4per_sp  { width:  4% !important; }
	.w5per_sp  { width:  5% !important; }
	.w6per_sp  { width:  6% !important; }
	.w7per_sp  { width:  7% !important; }
	.w8per_sp  { width:  8% !important; }
	.w9per_sp  { width:  9% !important; }
	.w10per_sp { width: 10% !important; }
	.w11per_sp { width: 11% !important; }
	.w12per_sp { width: 12% !important; }
	.w13per_sp { width: 13% !important; }
	.w14per_sp { width: 14% !important; }
	.w15per_sp { width: 15% !important; }
	.w16per_sp { width: 16% !important; }
	.w17per_sp { width: 17% !important; }
	.w18per_sp { width: 18% !important; }
	.w19per_sp { width: 19% !important; }
	.w20per_sp { width: 20% !important; }
	.w21per_sp { width: 21% !important; }
	.w22per_sp { width: 22% !important; }
	.w23per_sp { width: 23% !important; }
	.w24per_sp { width: 24% !important; }
	.w25per_sp { width: 25% !important; }
	.w26per_sp { width: 26% !important; }
	.w27per_sp { width: 27% !important; }
	.w28per_sp { width: 28% !important; }
	.w29per_sp { width: 29% !important; }
	.w30per_sp { width: 30% !important; }
	.w31per_sp { width: 31% !important; }
	.w32per_sp { width: 32% !important; }
	.w33per_sp { width: 33% !important; }
	.w34per_sp { width: 34% !important; }
	.w35per_sp { width: 35% !important; }
	.w36per_sp { width: 36% !important; }
	.w37per_sp { width: 37% !important; }
	.w38per_sp { width: 38% !important; }
	.w39per_sp { width: 39% !important; }
	.w40per_sp { width: 40% !important; }
	.w41per_sp { width: 41% !important; }
	.w42per_sp { width: 42% !important; }
	.w43per_sp { width: 43% !important; }
	.w44per_sp { width: 44% !important; }
	.w45per_sp { width: 45% !important; }
	.w46per_sp { width: 46% !important; }
	.w47per_sp { width: 47% !important; }
	.w48per_sp { width: 48% !important; }
	.w49per_sp { width: 49% !important; }
	.w50per_sp { width: 50% !important; }
	.w51per_sp { width: 51% !important; }
	.w52per_sp { width: 52% !important; }
	.w53per_sp { width: 53% !important; }
	.w54per_sp { width: 54% !important; }
	.w55per_sp { width: 55% !important; }
	.w56per_sp { width: 56% !important; }
	.w57per_sp { width: 57% !important; }
	.w58per_sp { width: 58% !important; }
	.w59per_sp { width: 59% !important; }
	.w60per_sp { width: 60% !important; }
	.w61per_sp { width: 61% !important; }
	.w62per_sp { width: 62% !important; }
	.w63per_sp { width: 63% !important; }
	.w64per_sp { width: 64% !important; }
	.w65per_sp { width: 65% !important; }
	.w66per_sp { width: 66% !important; }
	.w67per_sp { width: 67% !important; }
	.w68per_sp { width: 68% !important; }
	.w69per_sp { width: 69% !important; }
	.w70per_sp { width: 70% !important; }
	.w71per_sp { width: 71% !important; }
	.w72per_sp { width: 72% !important; }
	.w73per_sp { width: 73% !important; }
	.w74per_sp { width: 74% !important; }
	.w75per_sp { width: 75% !important; }
	.w76per_sp { width: 76% !important; }
	.w77per_sp { width: 77% !important; }
	.w78per_sp { width: 78% !important; }
	.w79per_sp { width: 79% !important; }
	.w80per_sp { width: 80% !important; }
	.w81per_sp { width: 81% !important; }
	.w82per_sp { width: 82% !important; }
	.w83per_sp { width: 83% !important; }
	.w84per_sp { width: 84% !important; }
	.w85per_sp { width: 85% !important; }
	.w86per_sp { width: 86% !important; }
	.w87per_sp { width: 87% !important; }
	.w88per_sp { width: 88% !important; }
	.w89per_sp { width: 89% !important; }
	.w90per_sp { width: 90% !important; }
	.w91per_sp { width: 91% !important; }
	.w92per_sp { width: 92% !important; }
	.w93per_sp { width: 93% !important; }
	.w94per_sp { width: 94% !important; }
	.w95per_sp { width: 95% !important; }
	.w96per_sp { width: 96% !important; }
	.w97per_sp { width: 97% !important; }
	.w98per_sp { width: 98% !important; }
	.w99per_sp { width: 99% !important; }
	.w100per_sp{ width: 100% !important; }
	.wauto_sp  { width: auto !important; }
}
/* br sp for pc*/
@media (min-width: 751px) {
	.br_sp{
		content:"　";
		display: inline-block;
		width: 1rem;
		height: 1rem;
	}
	.br_sp::before{
		content:" ";
		width: 1rem;
		height: 1rem;
	}
}

/*2-2-3. Object-Oriented CSS [OOCSS]*/
.no-display{ display: none; }
.no-br{ white_space: nowrap; }
.no-line-height{ line-height: 1!important; }
.pull-left{ float: left!important; }
.pull-right{ float: right!important; }
.right{ text-align: right!important; }
.center{ text-align: center!important; }
.left{ text-align: left!important; }
.top{ vertical-align: top!important; }
.middle{ vertical-align: middle!important; }
.bottom{ vertical-align: bottom!important; }
.block-center {
	margin-left: auto !important;
	margin-right: auto !important;
}
.no-selector:before,
.no-selector:after {
	content: none;
}
.fz15{ font-size: 15px !important; }
.fz12 { font-size: 12px !important; }
.no-border { border: 0; }
.headerlogo_image{
	width:140px;
	height:auto;
	/* 20201027_logo_svg */
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%0A%3Csvg%20id%3D%22%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20515%20150%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f29600%3B%7D.cls-2%7Bfill%3A%23656363%3B%7D.cls-3%7Bfill%3A%23f6b148%3B%7D.cls-4%7Bfill%3A%23fff%3B%7D.cls-5%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M180.77%2C59.24c0%2C.88-.57%2C1.33-1.7%2C1.33a2.09%2C2.09%2C0%2C0%2C1-1.32-.32%2C1.26%2C1.26%2C0%2C0%2C1-.37-1v-14c0-2.17-1.09-3.24-3.27-3.24H171V59.37a1.1%2C1.1%2C0%2C0%2C1-.34.9%2C2.47%2C2.47%2C0%2C0%2C1-2.34%2C0%2C1.11%2C1.11%2C0%2C0%2C1-.33-.91V42h-3.29a2.78%2C2.78%2C0%2C0%2C0-3.21%2C3.24v14a1.32%2C1.32%2C0%2C0%2C1-.38%2C1%2C2.2%2C2.2%2C0%2C0%2C1-1.36.32%2C2.12%2C2.12%2C0%2C0%2C1-1.33-.32%2C1.31%2C1.31%2C0%2C0%2C1-.38-1v-14q0-3.63%2C1.49-5.2c1-1%2C2.68-1.56%2C5.07-1.56h9.65c2.37%2C0%2C4.06.53%2C5.06%2C1.55s1.5%2C2.77%2C1.5%2C5.21Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M203.32%2C52.06c0%2C2.95-.72%2C5.15-2.17%2C6.58s-3.62%2C2.16-6.51%2C2.16h-2.31q-4.38%2C0-6.55-2.14c-1.44-1.43-2.17-3.63-2.17-6.6V47.14c0-2.94.72-5.11%2C2.16-6.54s3.62-2.15%2C6.56-2.15h2.31q8.69%2C0%2C8.68%2C8.69Zm-3.63-.2V47.32a5.84%2C5.84%2C0%2C0%2C0-1.2-4.1c-.8-.83-2.14-1.24-4-1.24h-2c-1.89%2C0-3.24.41-4%2C1.24a5.84%2C5.84%2C0%2C0%2C0-1.19%2C4.1v4.54c0%2C2%2C.39%2C3.32%2C1.18%2C4.14s2.13%2C1.23%2C4%2C1.23h2c1.89%2C0%2C3.23-.41%2C4-1.24A5.89%2C5.89%2C0%2C0%2C0%2C199.69%2C51.86Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M225%2C59.12a1.39%2C1.39%2C0%2C0%2C1-.4%2C1.1%2C2.13%2C2.13%2C0%2C0%2C1-1.39.35%2C2.23%2C2.23%2C0%2C0%2C1-1.41-.34%2C1.38%2C1.38%2C0%2C0%2C1-.38-1.09V55.31a3.38%2C3.38%2C0%2C0%2C0-.7-2.26%2C3.51%2C3.51%2C0%2C0%2C0-2.77-1h-8.35v7.07c0%2C1-.61%2C1.45-1.83%2C1.45a2.27%2C2.27%2C0%2C0%2C1-1.42-.34%2C1.38%2C1.38%2C0%2C0%2C1-.39-1.11V40.53a2%2C2%2C0%2C0%2C1%2C.6-1.48%2C2%2C2%2C0%2C0%2C1%2C1.49-.6h10q4%2C0%2C5.62%2C1.86A6.73%2C6.73%2C0%2C0%2C1%2C225%2C44.87v.85a8.38%2C8.38%2C0%2C0%2C1-.46%2C2.73%2C4.64%2C4.64%2C0%2C0%2C1-1.4%2C2%2C6.4%2C6.4%2C0%2C0%2C1%2C1.86%2C4.9Zm-3.58-13.45v-.61a3.16%2C3.16%2C0%2C0%2C0-.68-2.18A3.55%2C3.55%2C0%2C0%2C0%2C218%2C42h-7.81a.53.53%2C0%2C0%2C0-.61.6v6.1H218a3.63%2C3.63%2C0%2C0%2C0%2C2.73-.89A3%2C3%2C0%2C0%2C0%2C221.38%2C45.67Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M245%2C58.61a2.05%2C2.05%2C0%2C0%2C1-.34%2C1.35%2C1.34%2C1.34%2C0%2C0%2C1-1.08.39h-8.81c-2.76%2C0-4.65-.55-5.65-1.66s-1.36-2.78-1.36-5.34V45.57q0-3.9%2C1.47-5.53%2C1.65-1.8%2C5.76-1.8h8.56a1.41%2C1.41%2C0%2C0%2C1%2C1.11.4A2.14%2C2.14%2C0%2C0%2C1%2C245%2C40c0%2C1.17-.48%2C1.76-1.45%2C1.76h-8.37a4.4%2C4.4%2C0%2C0%2C0-3.12.83%2C4.67%2C4.67%2C0%2C0%2C0-.81%2C3.21v1.52h11.47c.83%2C0%2C1.25.52%2C1.25%2C1.56s-.39%2C1.53-1.17%2C1.53H231.22v2.25c0%2C1.76.24%2C2.91.71%2C3.41s1.52.76%2C3.14.76h8.47a1.37%2C1.37%2C0%2C0%2C1%2C1.08.4A2.14%2C2.14%2C0%2C0%2C1%2C245%2C58.61Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M277.69%2C50.48a7.63%2C7.63%2C0%2C0%2C1-.21%2C5.41q-1.28%2C2.63-5.2%2C3.68l-3.55%2C1c-3.06.81-5.48.6-7.26-.65-1.61-1.13-2.82-3.22-3.64-6.24l-.89-3.29q-1.22-4.52.17-7.22T263%2C39.21l2.66-.71a10%2C10%2C0%2C0%2C1%2C6-.08%2C6%2C6%2C0%2C0%2C1%2C3.34%2C3.08l.15.36a1%2C1%2C0%2C0%2C1-.27%2C1%2C3.37%2C3.37%2C0%2C0%2C1-1.61.79%2C1.61%2C1.61%2C0%2C0%2C1-1.14%2C0%2C4.7%2C4.7%2C0%2C0%2C1-.88-.87%2C2.91%2C2.91%2C0%2C0%2C0-1.73-.92%2C7.15%2C7.15%2C0%2C0%2C0-3.18.22l-2.21.59q-2.9.78-3.71%2C2.48a6.36%2C6.36%2C0%2C0%2C0%2C0%2C4.32l.89%2C3.28a6.76%2C6.76%2C0%2C0%2C0%2C2.23%2C3.9c1.1.8%2C2.6.94%2C4.5.44l3.09-.82A4.41%2C4.41%2C0%2C0%2C0%2C274%2C54.33a3.82%2C3.82%2C0%2C0%2C0%2C.18-2.86l-.24-.86a.53.53%2C0%2C0%2C0-.74-.43l-4%2C1.06a1.15%2C1.15%2C0%2C0%2C1-1-.09%2C1.87%2C1.87%2C0%2C0%2C1-.57-1.06c-.27-1%2C0-1.55.76-1.75l6.1-1.62a2%2C2%2C0%2C0%2C1%2C1.59.19%2C2%2C2%2C0%2C0%2C1%2C1%2C1.28Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M299%2C59.12a1.39%2C1.39%2C0%2C0%2C1-.4%2C1.1%2C2.17%2C2.17%2C0%2C0%2C1-1.4.35%2C2.2%2C2.2%2C0%2C0%2C1-1.4-.34%2C1.35%2C1.35%2C0%2C0%2C1-.39-1.09V55.31a3.32%2C3.32%2C0%2C0%2C0-.7-2.26%2C3.48%2C3.48%2C0%2C0%2C0-2.76-1h-8.36v7.07c0%2C1-.6%2C1.45-1.82%2C1.45a2.25%2C2.25%2C0%2C0%2C1-1.42-.34%2C1.38%2C1.38%2C0%2C0%2C1-.39-1.11V40.53a2%2C2%2C0%2C0%2C1%2C2.09-2.08h10q4%2C0%2C5.62%2C1.86A6.73%2C6.73%2C0%2C0%2C1%2C299%2C44.87v.85a8.38%2C8.38%2C0%2C0%2C1-.46%2C2.73%2C4.67%2C4.67%2C0%2C0%2C1-1.41%2C2%2C6.37%2C6.37%2C0%2C0%2C1%2C1.87%2C4.9Zm-3.59-13.45v-.61a3.16%2C3.16%2C0%2C0%2C0-.67-2.18A3.59%2C3.59%2C0%2C0%2C0%2C292%2C42h-7.8a.54.54%2C0%2C0%2C0-.62.6v6.1H292a3.64%2C3.64%2C0%2C0%2C0%2C2.74-.89A3%2C3%2C0%2C0%2C0%2C295.43%2C45.67Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M321%2C52.06c0%2C2.95-.73%2C5.15-2.18%2C6.58s-3.62%2C2.16-6.51%2C2.16H310c-2.91%2C0-5.1-.71-6.54-2.14s-2.18-3.63-2.18-6.6V47.14c0-2.94.73-5.11%2C2.16-6.54s3.63-2.15%2C6.56-2.15h2.31q8.68%2C0%2C8.69%2C8.69Zm-3.64-.2V47.32a5.79%2C5.79%2C0%2C0%2C0-1.2-4.1c-.79-.83-2.14-1.24-4-1.24h-2c-1.89%2C0-3.24.41-4%2C1.24a5.79%2C5.79%2C0%2C0%2C0-1.2%2C4.1v4.54c0%2C2%2C.39%2C3.32%2C1.18%2C4.14s2.13%2C1.23%2C4%2C1.23h2c1.89%2C0%2C3.24-.41%2C4-1.24A5.84%2C5.84%2C0%2C0%2C0%2C317.35%2C51.86Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M341.53%2C52.25c0%2C2.74-.54%2C4.76-1.64%2C6q-1.92%2C2.27-6.51%2C2.27h-2c-3%2C0-5.18-.76-6.46-2.27q-1.67-2-1.67-6V39.81a1.22%2C1.22%2C0%2C0%2C1%2C.42-1%2C2.21%2C2.21%2C0%2C0%2C1%2C1.4-.34c1.21%2C0%2C1.82.48%2C1.82%2C1.44V52.15a5.23%2C5.23%2C0%2C0%2C0%2C1%2C3.64%2C4.91%2C4.91%2C0%2C0%2C0%2C3.67%2C1.12h1.59c1.81%2C0%2C3.06-.38%2C3.74-1.12a5.39%2C5.39%2C0%2C0%2C0%2C1-3.64V39.89a1.35%2C1.35%2C0%2C0%2C1%2C.4-1.09%2C2.23%2C2.23%2C0%2C0%2C1%2C1.42-.35c1.21%2C0%2C1.81.48%2C1.81%2C1.44Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M363%2C47.25a6.08%2C6.08%2C0%2C0%2C1-1.64%2C4.51c-1.22%2C1.25-3.09%2C1.86-5.59%2C1.86h-7.84v5.52a1.34%2C1.34%2C0%2C0%2C1-.41%2C1.08%2C2.2%2C2.2%2C0%2C0%2C1-1.41.35%2C2.28%2C2.28%2C0%2C0%2C1-1.43-.34%2C1.37%2C1.37%2C0%2C0%2C1-.38-1.1V40.57a2%2C2%2C0%2C0%2C1%2C.59-1.48%2C2.06%2C2.06%2C0%2C0%2C1%2C1.49-.59h9.33c2.5%2C0%2C4.38.63%2C5.62%2C1.88A6.32%2C6.32%2C0%2C0%2C1%2C363%2C45Zm-3.59-.38V45.38a3.12%2C3.12%2C0%2C0%2C0-.89-2.39%2C4.36%2C4.36%2C0%2C0%2C0-3.11-1h-6.87a.53.53%2C0%2C0%2C0-.61.6v7.43h7.53a4.39%2C4.39%2C0%2C0%2C0%2C3-.85A3%2C3%2C0%2C0%2C0%2C359.41%2C46.87Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M140%2C75A65%2C65%2C0%2C1%2C1%2C75%2C10%2C65%2C65%2C0%2C0%2C1%2C140%2C75Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M136.66%2C66.88A53.54%2C53.54%2C0%2C1%2C1%2C83.12%2C13.34%2C53.54%2C53.54%2C0%2C0%2C1%2C136.66%2C66.88Z%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M79.68%2C98.05A3.48%2C3.48%2C0%2C0%2C1%2C78.46%2C101a6.86%2C6.86%2C0%2C0%2C1-4.14%2C1%2C7.12%2C7.12%2C0%2C0%2C1-4.16-.91%2C3.5%2C3.5%2C0%2C0%2C1-1.19-3v-31c0-2.36-.53-4-1.58-5s-2.74-1.51-5.1-1.51H56.93v38a3.08%2C3.08%2C0%2C0%2C1-1.06%2C2.59%2C6.08%2C6.08%2C0%2C0%2C1-3.64.82%2C6.32%2C6.32%2C0%2C0%2C1-3.67-.78%2C3.13%2C3.13%2C0%2C0%2C1-1-2.63v-38H42.08q-3.48%2C0-5.09%2C1.54c-1.08%2C1-1.61%2C2.7-1.61%2C5v31a3.53%2C3.53%2C0%2C0%2C1-1.19%2C3%2C7.18%2C7.18%2C0%2C0%2C1-4.17.91%2C7.05%2C7.05%2C0%2C0%2C1-4.13-.92%2C3.43%2C3.43%2C0%2C0%2C1-1.23-3V67q0-9.92%2C3.69-13.79t13.38-3.88H62.62q9.67%2C0%2C13.37%2C3.88T79.68%2C67Z%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M126.8%2C77.23q2.08%2C7.81-.56%2C13.25-3.1%2C6.31-12.44%2C8.82l-8.51%2C2.28q-11.25%2C3-17.51-1.4-5.64-4-8.64-15.13L77%2C77.2q-2.94-11%2C.23-17.3%2C3.38-6.65%2C14.26-9.57l6.27-1.68q9-2.41%2C15.12.1A15.31%2C15.31%2C0%2C0%2C1%2C121.1%2C57l.11.38a3.19%2C3.19%2C0%2C0%2C1-.88%2C3%2C7.34%2C7.34%2C0%2C0%2C1-3.73%2C2.12%2C7.83%2C7.83%2C0%2C0%2C1-4.34.06%2C9.45%2C9.45%2C0%2C0%2C1-3.43-1.91%2C7.08%2C7.08%2C0%2C0%2C0-3.49-1.26%2C14.83%2C14.83%2C0%2C0%2C0-5.53.61L95.2%2C61.27C91.39%2C62.29%2C89%2C63.86%2C88%2C66c-.91%2C1.88-.88%2C4.63.09%2C8.27l2.09%2C7.81q1.5%2C5.6%2C4.15%2C7.53c2%2C1.54%2C5%2C1.79%2C8.78.78L110%2C88.54c2.56-.69%2C4.24-1.73%2C5.06-3.12a6.64%2C6.64%2C0%2C0%2C0%2C.39-5.19l-.25-1a.93.93%2C0%2C0%2C0-1.29-.73l-7.46%2C2a3%2C3%2C0%2C0%2C1-2.73-.37A6%2C6%2C0%2C0%2C1%2C102%2C76.92c-.82-3-.14-4.86%2C2-5.44l15.06-4a4.77%2C4.77%2C0%2C0%2C1%2C3.78.47%2C4.83%2C4.83%2C0%2C0%2C1%2C2.29%2C3Z%22%2F%3E%3Crect%20class%3D%22cls-5%22%20x%3D%22-20.81%22%20y%3D%22-9.52%22%20width%3D%22191.01%22%20height%3D%22194%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M163.32%2C76.39h24.56a38.8%2C38.8%2C0%2C0%2C0%2C4.59-.25v6.38c-1.32%2C0-2.75-.15-4.59-.15h-12v8.68H191.3c1.07%2C0%2C3.62-.1%2C4.95-.2l.05%2C6.54c-1.43-.16-3.72-.16-4.85-.16H175.88v7.82c0%2C2.81%2C1.74%2C3.83%2C5.82%2C3.83%2C4.6%2C0%2C9.09-.31%2C13.17-.72l-.46%2C6.9c-3.32.2-9.08.41-13.88.41-9.35%2C0-11.64-3.22-11.64-8.38V97.23h-8.33c-1.48%2C0-4%2C.16-5.56.26V90.8c1.43.1%2C4%2C.25%2C5.56.25h8.33V82.37h-5.57c-1.84%2C0-3.47%2C0-4.95.15V76.14C159.85%2C76.24%2C161.48%2C76.39%2C163.32%2C76.39Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M247.41%2C81.76c-2.4%2C4-7.25%2C10.42-12.25%2C14l-5.31-4.24a30.32%2C30.32%2C0%2C0%2C0%2C9.39-9.5h-26.6c-2.14%2C0-3.82.15-6.22.36v-7.1a40%2C40%2C0%2C0%2C0%2C6.22.51h27.52a26.07%2C26.07%2C0%2C0%2C0%2C5.21-.46l4%2C3.78A25.23%2C25.23%2C0%2C0%2C0%2C247.41%2C81.76Zm-33%2C34.78-6-4.85a20.16%2C20.16%2C0%2C0%2C0%2C5.36-2.81c6.48-4.5%2C7.71-9.91%2C7.71-18.29a27.72%2C27.72%2C0%2C0%2C0-.36-4.59h7.4C228.57%2C98.66%2C228.32%2C109.08%2C214.43%2C116.54Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M298.62%2C83.65a85.18%2C85.18%2C0%2C0%2C1-17.41%2C20c2.91%2C2.91%2C5.93%2C6.23%2C7.92%2C8.63l-6%2C4.75a131.87%2C131.87%2C0%2C0%2C0-9.75-11%2C108.53%2C108.53%2C0%2C0%2C0-11.23-9.81l5.41-4.34c2%2C1.53%2C5.41%2C4.29%2C8.63%2C7.1a56.71%2C56.71%2C0%2C0%2C0%2C13-14.71h-27c-2%2C0-4.8.25-5.87.36V77.41a48%2C48%2C0%2C0%2C0%2C5.87.46h28.34a16.34%2C16.34%2C0%2C0%2C0%2C4.74-.56l5.11%2C4.19A17.3%2C17.3%2C0%2C0%2C0%2C298.62%2C83.65Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M328.24%2C84.67a65.64%2C65.64%2C0%2C0%2C0%2C14.4-12.41l5.51%2C5.26A93.83%2C93.83%2C0%2C0%2C1%2C334.42%2C88.6v20.64a35%2C35%2C0%2C0%2C0%2C.46%2C6.69h-8.07a58.22%2C58.22%2C0%2C0%2C0%2C.36-6.69V92.89a102.35%2C102.35%2C0%2C0%2C1-18%2C7.36l-3.21-6.44A82.21%2C82.21%2C0%2C0%2C0%2C328.24%2C84.67Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M359.85%2C95.24c2.29-2.35%2C6.27-7.35%2C9.8-11.54%2C3-3.58%2C6-4.14%2C10-.41%2C3.42%2C3.22%2C7.36%2C7.3%2C10.42%2C10.62%2C3.42%2C3.63%2C8.63%2C9.3%2C12.56%2C13.49l-5.62%2C6c-3.42-4.23-7.76-9.5-10.77-13S378.73%2C91.92%2C376.9%2C90c-1.64-1.63-2.71-1.53-4.19.31-2%2C2.55-5.61%2C7.61-7.66%2C10.37-1.17%2C1.63-2.4%2C3.42-3.32%2C4.75l-6.12-6.34C357.14%2C97.9%2C358.26%2C96.77%2C359.85%2C95.24ZM394%2C75.78A6.62%2C6.62%2C0%2C1%2C1%2C394%2C89a6.62%2C6.62%2C0%2C0%2C1%2C0-13.23Zm0%2C9.86a3.25%2C3.25%2C0%2C0%2C0%2C3.27-3.22A3.29%2C3.29%2C0%2C0%2C0%2C394%2C79.15a3.25%2C3.25%2C0%2C0%2C0-3.22%2C3.27A3.21%2C3.21%2C0%2C0%2C0%2C394%2C85.64Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M417.8%2C90.34h27.41c2.4%2C0%2C4.65-.21%2C6-.31v8c-1.22%2C0-3.82-.26-6-.26H417.8c-2.91%2C0-6.33.11-8.22.26V90C411.41%2C90.18%2C415.14%2C90.34%2C417.8%2C90.34Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M474.83%2C92.33l-3.73%2C5.72c-2.91-2-8.22-5.47-11.64-7.3l3.68-5.62C466.61%2C87%2C472.22%2C90.49%2C474.83%2C92.33ZM478.91%2C104c8.68-4.85%2C15.83-11.84%2C19.86-19.15l3.93%2C7c-4.69%2C7.1-11.94%2C13.53-20.27%2C18.39a64.13%2C64.13%2C0%2C0%2C1-17.05%2C6.28l-3.83-6.69A54.57%2C54.57%2C0%2C0%2C0%2C478.91%2C104Zm3.73-23.18-3.78%2C5.61c-2.86-2-8.17-5.41-11.54-7.3L471%2C73.48C474.37%2C75.32%2C480%2C78.9%2C482.64%2C80.79Zm15.21%2C1.58-4.44%2C1.89a45.72%2C45.72%2C0%2C0%2C0-4.49-8l4.29-1.79A86.36%2C86.36%2C0%2C0%2C1%2C497.85%2C82.37ZM505%2C79.61l-4.34%2C1.94a48.43%2C48.43%2C0%2C0%2C0-4.8-7.76L500.2%2C72A66.2%2C66.2%2C0%2C0%2C1%2C505%2C79.61Z%22%2F%3E%3C%2Fsvg%3E');
}
#pct_sitelogo a[href^="https://membertest"] img,
#pct_sitelogo a[href^="http://local"] img,
#pct_sitelogo a[href^="https://local"] img{
	filter: invert(0.88);
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .box-link .box-col .box-col_image .fluid-image{
		width: 100%;
	}
	*::-ms-backdrop, .box-table .box-table_col .fluid-image{
		width: 100%;
	}
	*::-ms-backdrop, .box-download-booklet .box-download-booklet_thumb .fluid-image{
		width: 100%;
	}
	*::-ms-backdrop, .box-col--direction .box-col_image .fluid-image{
		width: 100%;
	}
	*::-ms-backdrop, .box-col .box-col_image .fluid-image{
		width: 100%;
	}
}

.ul_disc{
	list-style-position: outside;
    list-style-type: disc;
    margin-left: 20px;
}
.ul_disc li{
	margin-bottom: .6rem;
}
/* 2-2-4. Grid System [grid-***] */
/* 2-2-5. WebFont [FontAwesome] */
/*2-2-6. Backgrounds [bg-***]*/
/*2-2-7. Font size [fs-***]*/
.fS10{ font-size:  10px !important; }
.fS11{ font-size:  11px !important; }
.fS12{ font-size:  12px !important; }
.fS13{ font-size:  13px !important; }
.fS14{ font-size:  14px !important; }
.fS15{ font-size:  15px !important; }
.fS16{ font-size:  16px !important; }
.fS17{ font-size:  17px !important; }
.fS18{ font-size:  18px !important; }
.fS19{ font-size:  19px !important; }
.fS20{ font-size:  20px !important; }
.fS22{ font-size:  22px !important; }
.fS24{ font-size:  24px !important; }
.fS26{ font-size:  26px !important; }
.fS28{ font-size:  28px !important; }
.fS30{ font-size:  30px !important; }
.fS32{ font-size:  32px !important; }
@media screen and (max-width: 767px){
	.fS10_sp{ font-size:  10px !important; }
	.fS11_sp{ font-size:  11px !important; }
	.fS12_sp{ font-size:  12px !important; }
	.fS13_sp{ font-size:  13px !important; }
	.fS14_sp{ font-size:  14px !important; }
	.fS15_sp{ font-size:  15px !important; }
	.fS16_sp{ font-size:  16px !important; }
	.fS17_sp{ font-size:  17px !important; }
	.fS18_sp{ font-size:  18px !important; }
	.fS19_sp{ font-size:  19px !important; }
	.fS20_sp{ font-size:  20px !important; }
	.fS22_sp{ font-size:  22px !important; }
	.fS24_sp{ font-size:  24px !important; }
	.fS26_sp{ font-size:  26px !important; }
	.fS28_sp{ font-size:  28px !important; }
	.fS30_sp{ font-size:  30px !important; }
}
.fwB{ font-weight: bold; }
.fwN{ font-weight: normal; }

.fc_plus{ color: #397d21; }
.fc_minus { color: #d22d1f; }
.fc_unset{ color: #666; }
.fc_red{ color: #b71c1c; }
.fc_gray{ color: #666; }

.icon_plus { color: #397d21; }
.icon_plus:before{
	content: "+";
}
.icon_minus { color: #d22d1f; }
.icon_minus:before{
	/*content: "-";*/
}
.icon_unset { color: #666; }
.icon_unset:before{
	content: "+";
}

/* 2-2-6. Visibility [visible-***] */
.is-visiblePc{ display: block!important; }
.is-visibleSp{ display: none!important; }
.is-visibleTablet{ display: none!important; }
@media only screen and (min-width:1px) and (max-width:767px){
	.is-visiblePc{ display: none!important; }
	.is-visibleSp{ display: block!important; }
	.is-visibleTablet{ display: none!important; }
}
@media only screen and (min-width:768px) and (max-width:1119px){
	.is-visibleTablet{ display: block!important; }
}
/* 2-3. State [is-***]
-------------------------------------------------- */
.is-open{ display: block; }
.is-error{ background-color: #f9eceb; }
.is-disabled{ opacity: 0.45; }
.is-show{
	visibility: visible;
	opacity: 1;
}
.is_disabled{
    background-color: #ccc!important;
    color: #999!important;
    pointer-events: none!important;
    cursor: default!important;
    border: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.is_disabled::after{
    border-color: #999!important;
}
.is_disabled.link_yaji::after{
    border-color: #999!important;
}
.is_no_event{
	pointer-events: none!important;
}
/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */
/* 2-5. Project
-------------------------------------------------- */
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
/*-----------------------------*/
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
@-webkit-keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
	}
}
/**************************************************************************************************************/
/* login */
html{
	height: 100%;
	background-color: #222;
}
.container{
	height: 90%;
}
.sidebar {
	background-color: #fff;
}
.sidebar .wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	padding-top: 1.5rem;
	overflow-y: auto;
}
[role=button],
a,
area,
input,
label,
select,
summary,
textarea {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}
.nav-link {
	display: block;
	padding: 1rem 1rem;

}
.nav-item {
	border-bottom: 1px solid #ccc;
}
.nav-item:first-child {
	border-top: 1px solid #ccc;
}
.nav-sub-menu {
	background-color: #efefef;
}
.float_right { float: right!important; }
.container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 960px) {
	.container {
		padding-right: 2px;
		padding-left: 2px;
	}
}

*,
::after,
::before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	background-repeat: no-repeat;
}
/* menu button */
.menu {
	display: table-cell;
	position: absolute;
	right: 3px;
	top: 1px;
	box-sizing: border-box;
    background-color: #000;
    border: none;
	width: var(--MM-HEADER-HEIGHT);
	height: calc( var(--MM-HEADER-HEIGHT) - 1px );
	padding: 7px 0px 2px;
	text-align: center;
}
.menu_inner {
	position: relative;
	bottom: 2px;
	width: 30px;
	height: 30px;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	text-align: center;
}
.menu_inner span {
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background: #fff;
	right: 0;
	margin: auto;
	transition: all .4s;
}
.menu_inner span {
	-webkit-transition-duration: .45s;
	-webkit-transition-property: color, border-color, background-color, opacity;
	-webkit-transition-delay: 0s;
	-webkit-transition-timing-function: 'ease-in-out';
	transition-duration: .45s;
	transition-property: color, border-color, background-color, opacity;
	transition-delay: 0s;
	transition-timing-function: 'ease-in-out';
}
.menu_inner span:nth-of-type(1) {
	top: 8px;
}
.menu_inner span:nth-of-type(2) {
	top: 18px;
}
.menu_inner span:nth-of-type(3) {
	bottom: 0px;
}
.menu_inner span:nth-of-type(4) {
	bottom: -5px;
	width: 50px;
	left: -7px;
	background: none;
}
/* PC */
@media (min-width: 751px) {
	.menu_inner span:nth-of-type(1) {
		top: 4px;
	}
	.menu_inner span:nth-of-type(2) {
		top: 13px;
	}
	.menu_inner span:nth-of-type(3) {
		bottom: 5px;
	}
	.menu_inner span:nth-of-type(4) {
		bottom: 0;
	}
}
.menu.opened .menu_inner span:nth-of-type(1) {
	-webkit-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg);
}
.menu.opened .menu_inner span:nth-of-type(2) {
	opacity: 0;
}
.menu.opened .menu_inner span:nth-of-type(3) {
	-webkit-transform: translateY(-14px) rotate(45deg);
	transform: translateY(-14px) rotate(45deg);
}
		
/* 960以下 tabletまで */
@media only screen and (min-width: 1px) and (max-width: 960px){
	.menu_text{
		font-size: 10px;
		top: 17px;
	}
	.menu {
		display: table-cell;
		right: 0px;
		top: 0px;
		width: 50px;
		height: 49px;
		padding: 3px 5px 1px;
	}
	.menu_inner span:nth-of-type(4) {
		bottom: -15px;
	}
}
		
		
/* site config */
.container{
	margin: var(--MM-HEADER-HEIGHT) auto 0;
	overflow: auto;
	background-color: #fefefe; /* D_TOOL-812 */
	min-height: 80vh; /* D_TOOL-812 */
}
.l_main{
	margin: 0 auto;
	max-width: 760px;
}
/* 960以下 tabletまで */
@media only screen and (max-width: 760px) {
	.l_main{
		max-width: 100%;
	}
}
.l_main.w_wide {
	max-width: 830px;
	padding: 1% 5%;
	width: 90%;
    min-height: 400px;
	background-color: #fff;
	margin: 10px auto;
}
.l_main.w_catch{
	max-width: 100%;	
}
.l_catch{
	margin: 0 auto;;
}
.p_note {
    padding: 0 1rem 1.2rem;
}
.p_dialog {
	padding: 1rem 1.2rem;
	border: 2px dashed #b71c1c;
	background-color: #ffece8;
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.p_dialog{
		margin: 10px 10px;
	}
}
.txt_tel_link{
    color: #0075c2;
}
/* PC no-tel */
@media (min-width: 751px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: #000;
    }
 }
.no_data_comment{
    margin: 10px;
    padding: 1rem .5rem;
    background-color: #efefef;
    border: 1px solid #999;
}



/* contents */
.l_wrap_morepoint{
	display: flex;
	justify-content: center;/*space-between;*/
	margin: 20px 0;
}

.l_box_morepoint{
	width: 90%;
	border: 1px solid #d2d2d2;
	margin-right: 16px;
}
.l_box_morepoint:nth-child(even) {
	margin-right: 0;
	margin-left: 16px;
}

/* 960以下 tabletまで */
@media only screen and (min-width: 1px) and (max-width: 960px){
	.l_main.w_wide {
		max-width: 530px;
		padding: 2% 2%;
		width: 96%;
	    min-height: 300px;
	}
	.l_wrap_morepoint{
		display: block;
	}
	.l_box_morepoint{
		margin-right: 0;
	}
	.l_box_morepoint:nth-child(even) {
		margin-right: 0;
		margin-left: 0;
	}
	.l_main.w_catch img{
		max-width: 100%;	
	}
}

.state_morepoint_normal{
	width: 240px;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	padding: 20px;
}
.state_morepoint_limit{
	width: 240px;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	padding: 20px;
}
/* 960以下 tabletまで */
@media only screen and (min-width: 1px) and (max-width: 960px){
	.state_morepoint_normal,
	.state_morepoint_limit{
		width: 99.7%;
		margin: 0 0 .6rem;
		padding: 6px 0;
	}
}

/************** messagebox */
.l_wrap_messagebox{
	width: 760px;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	margin: 15px auto 30px auto;
}

.hdg_messagebox, .hdg_message{
    position: relative;
	text-align: center;
	padding: 20px 20px 30px 20px;
	border-bottom: 4px solid #f3f3f3;
}
.hdg_messagebox{
	padding-bottom: 20px;
}
.hdg_messagesetting_link{
	margin: 10px auto 0;
	max-width: 260px;
	/*
	position: absolute;
    right: 6px;
	bottom: 1px;
	*/
    border: none;
    background-color: #000;    
    /* bt shape */
    /* border-bottom: 2px solid #666; */
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%); 
}
.hdg_messagesetting_link a {
    color: #fff;
    display: inline-block;
    padding: 4px 4px;
	font-size: 1.5rem;
    max-width: 260px;
    width: 100%; 
}
.l_box_control {
	padding: 10px 10px;
}
.pid_message_detail .l_box_control{
	padding-left: 5px;
}
.l_box_control_filter {
	padding: 10px 0;
}
.l_li_control_message {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.l_li_control_message select {
/*    vertical-align: text-bottom;*/
}
.l_li_control_message .col{
	margin-right: 12px;

}
/*************************************** myshop_setting */ 
.icon_myshop_svg{
    width: 70px;
    height: 50px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2050%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23050505%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M13%2C16.22a4.17%2C4.17%2C0%2C0%2C0%2C8.34%2C0V8.32H13Z%22%2F%3E%3Cpath%20d%3D%22M23%2C16.22a4.17%2C4.17%2C0%2C1%2C0%2C8.34%2C0V8.32H23Z%22%2F%3E%3Cpath%20d%3D%22M33%2C16.22a4.17%2C4.17%2C0%2C0%2C0%2C8.34%2C0V8.32H33Z%22%2F%3E%3Cpath%20d%3D%22M43%2C16.22a4.17%2C4.17%2C0%2C0%2C0%2C8.34%2C0V8.32H43Z%22%2F%3E%3Cpath%20d%3D%22M52.93%2C16.22a4.17%2C4.17%2C0%2C0%2C0%2C8.34%2C0V8.32H52.93Z%22%2F%3E%3Cpolygon%20points%3D%2237.14%2029.3%2039.63%2034.35%2045.2%2035.16%2041.17%2039.09%2042.12%2044.63%2037.14%2042.01%2032.16%2044.63%2033.11%2039.09%2029.08%2035.16%2034.65%2034.35%2037.14%2029.3%22%2F%3E%3Cpolygon%20points%3D%2262.3%206.95%2011.98%206.95%2014.14%200.96%2060.14%200.96%2062.3%206.95%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M57.1%2C21.66a5.23%2C5.23%2C0%2C0%2C1-5-3.71%2C5.21%2C5.21%2C0%2C0%2C1-10%2C0%2C5.21%2C5.21%2C0%2C0%2C1-10%2C0%2C5.21%2C5.21%2C0%2C0%2C1-10%2C0A5.21%2C5.21%2C0%2C0%2C1%2C12%2C16.87V49.35H28.2V25.5H46.08V49.35H62.3V16.87A5.24%2C5.24%2C0%2C0%2C1%2C57.1%2C21.66Zm-32.47%2C9V35H20.4V30.64Zm-5.23%2C0V35h-4V30.64Zm-4%2C5.32h4v4h-4Zm5%2C4V36h4.23v4Zm38.53-9.28V35h-4V30.64Zm-5%2C0V35H49.65V30.64ZM49.65%2C36h4.23v4H49.65Zm5.23%2C4V36h4v4Z%22%2F%3E%3C%2Fsvg%3E');
}
.l_wrap_myshopsetting{
    width: 760px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    margin: 15px auto 30px auto;
}
.hdg_myshop{
    position: relative;
    text-align: center;
    padding: 20px 20px 30px 20px;
    border-bottom: 4px solid #f3f3f3;
}
.hdg_myshop_note em{
    font-style: normal;
    color: #ff0033;
    font-weight: normal;
}
/* 960以下 tabletまで */
@media only screen and (max-width: 960px) {
    .l_wrap_myshopsetting{
		max-width: 600px;
		width: 100%;
	}
}
/**************************************** myshop_setting_popup */ 
.popup_inner_myshop {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 320px;
    height: 70vh;
    padding: 0;
    background-color: #fff;
    z-index: 5;
}
.l_wrap_myshop_popup {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    width: calc( 100% - 2*2px );
    margin-bottom: 0;
    height: 100%;
    overflow-y: scroll;
}
.l_wrap_myshop_popup .btn_proto.bt_selectshop {
    position: sticky;
    bottom: 5px;
    left: calc( (100% - 200px )*.5 );
}
.bt_normal{
    display: block;
    width: 200px;
    max-width: 200px;
    border: 1px solid #000;
    margin: 20px auto;
    background-color: #000;
    color: #fff;
    padding: 10px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%); 
}
.l_bt_sticky{
    position: sticky;
    bottom: 0px;
    background-color: #fff;
    width: 100%;
    padding: 6px 0;
}
.l_wrap_myshop_popup .shop_syuuhenshop_select li{
    width: 96%;
}



@media only screen and (max-width: 768px) {
    .note,.hdg_myshop_note,.hdg_messagebox_note{
        text-align: left;
    }
	.l_box_control_filter {
		padding: 0 10px 10px;
	}
}

/* message */
.l_box_message{
	position: relative;
	width: 97%;
	padding: 1.5%;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
	min-height: 120px;
}
.l_box_message:last-child {
    border-bottom: none;
}
.l_box_message.checked{
	background-color: #ececec;
}
.l_box_message a{
    cursor: pointer;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.l_box_message a:hover{
	opacity: .7;
}
.message_tmb {
	display: table-cell;
	vertical-align: middle;
}
.message_tmb img {
    width: 120px;
    height: 120px;
    object-fit: contain;
	background-color: #f2f2f2;
}
.message_tmb span {
    display: flex;
    width: 120px;
    height: 120px;
    background-color: #f2f2f2;
    align-items: center;
    justify-content: center;
	color: #444;
}

.message_txt{
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 10px;
}
.l_box_message .message_tmb span{
    width: 118px;
    height: 118px;
    border: 1px solid #999;
}
.message_shopname{
	display: block;
	color: #000;/* 彩度が高い背景にグレー系の薄い文字はだめ：40代の掟 */
	font-weight: normal;
	font-size: 1.6rem;
	width: 100%;
    padding: 0 0 5px 0;
}
.message_morename{
	font-weight: normal;
	font-size: 1.6rem;
    color: #000;
}
.message_delivery_date{
	position: inherit;
    color: #666;
	right: 6px;
	top:8px;
	display: block;
	font-size: 1.2rem;
}
.message_title{
	width: 100%;
	overflow:auto;
    text-overflow:inherit;
    white-space:normal;
	line-height: 1.5;
	font-size: 1.6rem;/* font-sizeは大きく：40代以上向けの定義 */
	font-weight: bold;
	color:#444;
    margin-bottom: 1.4rem;
}
.message_contain{
	width:90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.2rem;
	color: #999;
	top: 3rem;
}
.message_important{
	position: absolute;
    right: 2%;
    top: inherit;
    bottom: 8px;
	width: 10%;
	display: block;
}
.btn_important{
	background-image: url(../img/mnm_btn_important.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.btn_important.checked{
	background-position: 3px -37px;
	cursor:default;
}
.btn_important_small{
	background-image: url(../img/mnm_btn_important.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 3px 0px;
	overflow: hidden;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.btn_important_small.checked{
	background-position: 3px -31px;
	cursor: pointer;
}


/* animation */
.btn_important.checked {
	animation: moveStar .3s linear 1;
}
@keyframes moveStar {
	0% {
		background-position: 3px 3px;
	}
	100% {
		background-position: 3px -34px;
	}
}
.btn_important_small.checked {
	animation: moveStar .3s linear 1;
}
@keyframes moveStar {
	0% {
		background-position: 3px 3px;
	}
	100% {
		background-position: 3px -34px;
	}
}

/* title */
.hdg_zandaka {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

/* footer */
.l_footer{
	background-color: #333;
}
.l_li_footer_link{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	padding: 10px 0;
	font-size: 12px;
}
.l_li_footer_link li{
	align-items: center;
}
.l_li_footer_link li::after{
	content: "|";
	width: 20px;
	height: 20px;
	color: #fff;
	padding: 0 6px;

}
.l_li_footer_link li:last-child:after{
	content:"";
}
.l_li_footer_link a{
	color: #fff;
}

.copyright{
	color: #fff;
	text-align: center;
	padding: 10px 0 10px 0;
}


/* login form */

.hdg_login_kind{
	text-align: center;
	color:#000;
	padding: .3rem ;
	font-size: 20px;
	font-weight: bold;
}
.hdg_login_kind .sub_ttl{
	font-size: 14px;
	font-weight: bold;
}
.text_ul_login_setting li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
}
.l_form_login {
	overflow: hidden;
	margin-bottom: 10px;
}
.l_form_login a{
    color: #0075c2;
}
.login_form {
	background-color: #ffffff;
	width: 420px;
	padding: 40px 20px;
	margin: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ececec;
    border-left: 1px solid #efefef;
}
.l_form_login_left, .right_function {
	border: solid 1px #CCC;
}

.under_function {
	width: 98%;
	margin: 0 auto 30px;
	background-color: #ffffff;
	border: solid 1px #CCC;
	padding-bottom: 10px;
}

.text_info {
	/*width: 330px;*/
	margin: 20px auto;
}
.text-align_center {
	text-align: center;
}

.l_form_login_wrap{
	overflow:hidden;
	display: flex;
	padding: 20px 0 0;
}
input[type="text"].input_id,
input[type="password"].input_password{
	width: 93%;
	margin: 0 auto;
	padding: 8px;
	font-size: 16px;
	letter-spacing: 1px;
	border: 1px solid #333;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
textarea:focus{
	border: 1px solid #b71c1c;
}
.text_remainder{
	text-align: right;
}
.l_main.w_2col{
    width: 960px;
    max-width: 960px;
}
.alert.alert-danger {
	background-color: #FFEB3B;
	padding: .6rem;
}
.alert-danger .glyphicon-ok{
    position: relative;
    display: inline-block;
    width: 15px;
    height: 12px;
    margin: 0 0 0 0.6rem;
}
.alert-danger .glyphicon-ok::after {
    content: '';
    position: absolute;
    top: 0;
    width: 10px;
    height: 5px;
    border-left: 4px solid #b71c1c;
    border-bottom: 4px solid #b71c1c;
    transform: rotate(-45deg);
}
/* 960以下 tabletまで */
@media only screen and (min-width: 1px) and (max-width: 960px){
	.l_main.w_2col {
		width: 96%;
		padding: 2% 2%;
		max-width: 600px;
	}
	.l_form_login_wrap{
		display: block;
		padding: 0;
	}
	.login_form{
		width: 99%;
		height: auto;
		padding: 1.6rem 0;
		margin: 10px auto;
	}
	.text_info{
		width: 96%;
	}
	.text_login_form {
		width: 96%;
		padding: 0 5px;
	}
	.text_info_mypage{
		width: 96%;
		padding: 0 5px;
	}
	hr{
		width: 94%;
	}
}
.header_username span{
    font-size: 2.0rem;
    color: #b71c1c;
    font-weight: bold;
}
/* 960以下 tabletまで */
@media only screen and (max-width: 760px) {
	.l_wrap_messagebox,
	.l_wrap_zandaka{
		max-width: 100%;
		width: 100%;
	}
}
@media only screen and (max-width: 960px) {
	.container{
/*		-webkit-overflow-scrolling: touch;*/
		z-index: auto;
	}
	.header_username{
		width: 120px;
	}
	.header_username span{
		font-size: 1.6rem;
	}	
	.headerlogo_image{
		width: 120px;
	}
	.l_header_left{
		margin-left: 4px;
	}
}
/************************************************************ message */
/* user */

/* page navi */
.pagination {
	-webkit-justify-content: center;
	justify-content: center;
	width: 96%;
	padding: 6px 0;
	overflow: hidden;
	display: flex;
}
.pagination li {
	margin: 10px 5px;
}
.pagination li.active a {
	background-color: #fff;
	color: #000;
	border: 1px solid #ccc;
}
.pagination li a {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: #000;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.unit.uid_pagination {
    margin: 0 auto;
}
/****************************************************** selectshop****/
/* select shop */
.shop_area_link_title.tgl_mark {
	width: 100%;
	padding: .8rem 0;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.shop_area_link_title {
	position: relative;
	font-weight: bold;
	width: 98%;
	margin: 0 auto .6rrem;

}
.tgl_mark+.shop_area_link_wrap {
	display: none;
}
.shop_area_link_wrap {
	background-color: #fdf6eb;
	padding: 0.6rem 0 0.1rem 0;
	margin: 0 0 2rem 0;
}
.shop_syuuhenshop_select {
	display: flex;
	flex-wrap: wrap;
	width: 98%;
	margin: 0 auto .6rrem;

}
.shop_syuuhenshop_select li {
	width: 48%;
	font-size: 14px;
	font-size: 1.4rrem;
	margin: 0 0 .2rem .6rem;
}
@media only screen and (max-width: 960px) {
	.shop_syuuhenshop_select li {
		width: 99.6%;
	    margin-bottom: 12px;
	}
}
.shop_syuuhenshop_select a {
	display: inline-block;
	background-color: #fff;
	width: 98%;
	padding: .6rem .6rrem;
	height: 100%;
}
.shop_syuuhenshop_select li input{
	margin: .6rem 0 .6rem .6rem;
}
.tgl_mark:after {
	position: absolute;
	right: 10px;
	top: 38%;
}
.tgl_mark:after {
	position: absolute;
	right: 6px;
	-moz-transition: -moz-transform .3s linear;
	-webkit-transition: -webkit-transform .3s linear;
	-o-transition: -o-transform .3s linear;
	-ms-transition: -ms-transform .3s linear;
	transition: transform .3s linear;
}
.tgl_mark:after {
	margin-bottom: -2px;
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20d%3D%22m48.59%2C5.35l-2.94-2.94c-.54-.54-1.42-.54-1.96%2C0l-18.69%2C18.69L6.31%2C2.41c-.54-.54-1.42-.54-1.96%2C0l-2.94%2C2.94c-.54.54-.54%2C1.42%2C0%2C1.96l22.54%2C22.54c.29.29.68.42%2C1.05.4.38.02.76-.11%2C1.05-.4L48.59%2C7.31c.54-.54.54-1.42%2C0-1.96Z%22%2F%3E%3Cpath%20d%3D%22m48.59%2C23.41l-2.94-2.94c-.54-.54-1.42-.54-1.96%2C0l-18.69%2C18.69L6.31%2C20.47c-.54-.54-1.42-.54-1.96%2C0l-2.94%2C2.94c-.54.54-.54%2C1.42%2C0%2C1.96l22.54%2C22.54c.29.29.68.42%2C1.05.4.38.02.76-.11%2C1.05-.4l22.54-22.54c.54-.54.54-1.42%2C0-1.96Z%22%2F%3E%3C%2Fsvg%3E');
	background-size: 10px 10px;
	background-position: 0 0x;
	background-repeat: no-repeat;
}
.tgl_mark.open:after {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}		
/* shop */
.bt_selectshop{
	width: 180px;
	max-width: 180px;
	border: 1px solid #000;
	margin: 20px auto;
	background-color: #000;
	color: #fff;
}
.btn_proto_row a,
.btn_proto_row span,
.btn_proto_row button{
	display: inline;
	cursor: pointer;
	text-align: center;
}
.btn_proto_row button{
	margin: 4px auto;
	padding: 6px 8px;
}
.btn_proto_row a{
	display: inline-block;
	margin: 3px auto;
	padding: 3px 6px;
}
.btn_proto_row input[type=submit]{
	margin: 3px auto;
	padding: 3px 6px;
}
/* bt color setting  bt_submit */

.bt_submit button.btn_form_destruction {
	color: #666;
	background-color: #dfdfdf;
	border: 1px solid #999;
	padding: 8px;
	width: 140px;
	vertical-align: bottom;
}
/* bt color setting  bt_link */
.bt_link button,
.bt_link a,
.bt_link input[type=submit] {
	width: auto;
	border: 1px solid #004586;
    background-color: #2297f6;
	color: #fff;
}
.bt_link_s button,
.bt_link_s a,
.bt_link_s input[type=submit] {
	width: 120px;
	border: 1px solid #004586;
    background-color: #2297f6;
	color: #fff;
}
/* bt color bt_mu */
.btn_proto.bt_mu button,
.btn_proto.bt_mu a,
.btn_proto.bt_mu input[type=submit] {
	width: 180px;
	border: 1px solid #ccc;
    background-color: #efefef;
	color: #333;
}
.btn_proto_s.bt_mu button,
.btn_proto_s.bt_mu a,
.btn_proto_s.bt_mu input[type=submit] {
	width: 120px;
	border: 1px solid #ccc;
    background-color: #efefef;
	color: #333;
}
/* bt color bt_txt */
.btn_proto.bt_txt button,
.btn_proto.bt_txt a,
.btn_proto.bt_txt input[type=submit] {
	width: 180px;
    background-color: inherit;/*#e9f6ff;*/
	color: #0075c2;
}
.btn_proto_s.bt_txt button,
.btn_proto_s.bt_txt a,
.btn_proto_s.bt_txt input[type=submit] {
	width: 120px;
    background-color: inherit;
	color: #0075c2;
}
/************************************************************ button */
.btn_proto a,
.btn_proto span,
.btn_proto button,
.btn_proto input[type=submit]{
	box-sizing: border-box;
	display: inline-block;
	line-height: 1;
	width: 180px;
	height: auto;
	padding: 14px 6px;
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	color:#fff;
}
.btn_proto_s a,
.btn_proto_s span,
.btn_proto_s button,
.btn_proto_s input[type=submit]{
	display: inline-block;
	width: 120px;
	padding: 14px 6px;
	line-height: 1;
	cursor: pointer;
	text-align: center;
	color:#fff;
}
/* D_TOOL-746 20200803 */
.btn_proto.bt_link_s button,
.btn_proto.bt_link_s a,
.btn_proto.bt_link_s input[type=submit]{
	color: #0075c2;
	width:auto;
	padding:4px;
	border:none;
	border-bottom:1px solid #0075c2;
	text-align:center;
	background:none;
	font-weight:bold;
}
.btn_proto button.loginBtn,
.btn_proto a.loginBtn,
.btn_proto.btn_create button,
.btn_proto.btn_create a,
.btn_proto.btn_center button,
.btn_proto.btn_center a{
	width: 200px;
}
.btn_proto.btn_center{
	margin-left: auto!important;
	margin-right: auto!important;
}
/* btn layout */
.l_wrap_abreast{
	display: flex;
}
.l_wrap_abreast_center{
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 481px){
	.l_wrap_setting .row.l_wrap_abreast_center{
		align-items: center;
	}
}
.btn_proto,
.btn_proto_s{
	height: auto;
}
.btn_proto ~ .btn_proto,
.btn_proto_s ~ .btn_proto_s,
.btn_proto + .btn_proto_s,
.btn_proto_s + .btn_proto{
	margin: .5rem;
}
.l_wrap_abreast_center > .btn_proto,
.l_wrap_abreast_center > .btn_proto_s {
    margin: .5rem;
}

.btn_proto a:hover,
.btn_proto_s a:hover{
	text-decoration: none;
}

.loginBtn{
	width: 200px;	
}
.btn_create, .btn_center, .btn_login {
	width: 200px;
	border: 1px solid #000;
	margin: 15px auto;
	text-align: center;
	font-size: 14px;
	background-color: #000;
	color: #fff;
}
.btn_site{
    border: 2px solid #f69522;
    width: 250px;
}
.btn_site a{
	color: #f69522;
}
.btn_site+.btn_site{
	margin: 10px 0 0;
}
/* D_TOOL-816 戻るボタン アイコン追加*/
.btn_proto .btn_form_back {
    color: #666;
    background-color: #dfdfdf;
    border: 1px solid #999;
    padding: 8px;
    width: 140px;
    vertical-align: bottom;
}
@media only screen and (max-width: 481px) {
	/* pcと並び逆で縦積み処理 */
	.btn_proto.bt_submit {
		display: flex;
		flex-direction: column-reverse;
	}
	.btn_proto button.btn_form_confirm{
		width: 90%;
		margin: 60px 5% 30px 5%;
	}
	.w_login .btn_proto button.btn_form_confirm {
	    width: 90%;
	    margin: 0px 5% 0px 5%;
	}
	.btn_proto button.btn_form_back,
	.btn_proto button.btn_form_destruction{
		margin: 20px 5% 30px 5%;
	}
}
.btn_form_back{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.btn_form_back::before{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 48%;
	left: 5%;
	margin-top: -4px;
}
.btn_form_destruction {
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
.btn_form_destruction::before {
	content: "";
	position: absolute;
	background: #999;
	left: 10px;
	top: 50%;
	width: 2px;
	height: 12px;
	transform: translate(-50%, -50%) rotateZ(45deg);
}
.btn_form_destruction::after {
	content: "";
	position: absolute;
	background: #999;
	left: 10px;
	top: 50%;
	width: 2px;
	height: 12px;
	transform: translate(-50%, -50%) rotateZ(-45deg);
}
/* D_TOOL-1078 */
.bt_telauth button, .bt_telauth a, .bt_telauth input[type=submit] {
    display:block;
    margin:0 auto .5rem;
    width: 140px;
    padding:10px 5px;
    border: 1px solid #000;
    color: #000;
}
@media (max-width: 767px){
    .bt_telauth .txt_bt_under{
        text-align:left;
    }
}
@media only screen and (max-width: 481px){
    .btn_proto.bt_submit.noflex {
      display: block!important;
    }
}
.btn_return {
    border: none;
    display: inline-block;
    background-color: #000;
    /* bt shape */
    /* border-bottom: 2px solid #666; */
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);   
}
.btn_return a{
    color: #fff;
    padding: 2px 4px;
    display: inline-block;
}
/* ベース　ボタン周りの色変更 */
.bt_selectshop, .bt_submit button, .bt_submit a, .bt_submit input[type=submit]{
	color: #fff;
    background-color: #000;
    /* bt shape */
    /* border-bottom: 2px solid #666; */
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);    
}

.btn_create, .btn_center, .btn_login, .bt_header_login a,.bt_telauth button {
    /* bt shape */
    /* border-bottom: 2px solid #666; */
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.btn_proto_s.bt_mu button, .btn_proto_s.bt_mu a, .btn_proto_s.bt_mu input[type=submit]{
    /* bt shape */
    border-bottom: 2px solid #999;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
}
/* black button */
.btn_bk{
    position: relative;
    margin: 0 auto 1rem;
    display: block;
    width: 100%;
    max-width: 230px;
    border: none;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: .6rem 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.btn_bk.link_yaji::after{
    border-color: #fff;
    padding:0 0 0 0;
}
/************************************************************ message contents */
.hdg_in_message {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
}
.hdg_in_message h1{
	width: 100%;
	font-size: 2.4rem;
	font-weight: bold;
	display: inline-block;
}
.l_wrap_in_message{
	background-color: #fff;
	border: 1px solid #d2d2d2;
	padding: 10px;
	margin: 0 0 20px 0;
}
.l_box_in_message_from{
	display: flex;
	border-bottom: 1px solid #f57c01;
	margin-bottom: 20px;
	padding: 0 0 5px 0;
}
.in_message_delivery_date{
	margin-left: auto;
}
.l_box_in_message_contents{
    line-height: 2;
	word-break: break-all;
	max-width: 560px;
    margin: 0 auto 50px;
}
.l_box_in_message_contents a{
	text-decoration: underline;
	word-break: break-all;
}
.l_box_in_message_image img {
	max-width: 100%;
	height: auto;
}
.l_box_in_message_image{
	text-align: center;
	margin-bottom: 20px;
	overflow: hidden;
    max-width: 560px;
    margin: 0 auto 20px;
}
/************************************************************ page free*/
.page_free {
	margin: 20px auto;
	background-color: #fff;
	padding: 10px;
}
.page_free .title1 {
	font-size: 2.0rem;
	margin: 0 0 4rem;
}
.page_free_txt img{
	max-width: 100%!important;
	height: auto!important;
}
/************************************************************  page 404*/
.page_404 {
	margin: 20px auto;
	background-color: #fff;
	padding: 10px;
}
.page_404 .title1 {
	font-size: 2.0rem;
	margin: 0 0 4rem;
}
.page_404 .box+.btn_site{
	margin-top: 60px;
}
/*********************************************************** zandaka201810 v2*/
.l_wrap_morepoint {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin: 15px auto 20px;
}
.hdg_zandaka {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
/* morepoint */
.morepoint {
	font-size: 2.4rem;
	text-align: center;
	color: #b71c1c;
	font-weight: bold;
}
.morepoint span{
	font-size: 1.8rem;
}
.morepoint_limit {
	text-align: center;
}
.breakdown_title {
}
span.term_deadline {
    display: inline-block;
}
.breakdown_title {
    width: 70%;
    float: left;
    letter-spacing: -.5px;
    overflow: hidden;
}

.breakdown_point {
    width: 30%;
    float: left;
    overflow: hidden;
    text-align: right;
    font-size: 1.6rem;
    align-items: center;
    font-weight: bold;
}
.use_false_icon {
	border: 1px solid #99999b;
	border-radius: 6px;
	font-weight: normal;
	text-align: center;
	font-size: 1.2rem;
	width: 70%;
	margin: 0 0 0 auto;
	color: #fff;
	background-color: #aba9a9;
}
span.breakdown_term {
    display: block;
}
.lbm_breakdown .icon_bonus{
	display: inline-block;
}
.lbm_breakdown.toggle {
	cursor: pointer;
	background-color: #fdf6eb;
}
.lbm_breakdown.toggle::before {
	cursor: pointer;
	content: "内訳";
	text-align: right;
	display: block;
	width: 49px;
	height: 21px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	position: absolute;
	bottom: -11px;
	left: calc( 50% - 25px );
	z-index: 1;
	padding-right: 3px;
}
.lbm_breakdown.toggle::after {
    cursor: pointer;
    content: " ";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 3px solid #444;
    border-right: 3px solid #444;
    position: absolute;
    bottom: -4px;
    z-index: 1;
    left: calc( 50% - 18px );
}
.toggle_wrap{
	display:none;
}
.lbm_breakdown{
    position: relative;
	min-width: 298px;
    align-items: center;
    background-color: #fff;
    padding: 8px;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    display: flex;

}
.unavailable_icon {
    border: 1px solid #99999b;
    border-radius: 6px;
    font-weight: normal;
    text-align: center;
    font-size: 1.2rem;
    width: 70%;
    margin: 0 0 0 auto;
    color: #707070;
}
.lbm_breakdown.use_true {
    background-color: #fdf6eb;
}
.lbm_breakdown.use_false {
    background-color: #efefef;
    color: #999;
}
.lbm_breakdown.use_false .breakdown_text{
	color: #444;
	font-size: 1.4rem;
}
.l_box_morepoint {
    border: 1px solid #d2d2d2;
    background-color: #fff;
	width: 96%;
	min-width: 300px;
    padding: 5px 8px 14px 8px;
	display: flex;
    flex-wrap: wrap;
	align-items: center;
}

.breakdown_point span {
    font-weight: normal;
}
.bb .breakdown_title {
    color: #666;
}
.bb span.breakdown_term {
    color: #999;
}

/* 202109 シン残高*/
.lbz_breakdown.toggle {
	position: relative;
    cursor: pointer;
    background-color: #fdf6eb;
}
.lbz_breakdown.toggle:hover{
	/*opacity: .7;*/
}
.lbz_breakdown.toggle::before {
    cursor: pointer;
    content: "内訳";
    text-align: right;
    display: block;
    width: 49px;
    height: 21px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    position: absolute;
    bottom: -11px;
    left: calc( 50% - 25px );
    z-index: 1;
    padding-right: 3px;
    padding-top: 3px;
}

.lbz_breakdown.toggle::after {
    transition: .5s;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateZ(135deg);
    transform: rotateZ(135deg);
}
.lbz_breakdown.toggle::after {
    cursor: pointer;
    content: " ";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 3px solid #444;
    border-right: 3px solid #444;
    position: absolute;
    bottom: -1px;
    z-index: 1;
    left: calc( 50% - 18px );
}
.lbz_breakdown.toggle.active::after {
	bottom: -5px;
	left: calc( 50% - 18px );
	transition: .5s;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotateZ(315deg);
	transform: rotateZ(315deg);
}
.lbz_useful_limited{
    display: flex;
    align-items: center;
    padding: 5px 5px 3px 5px;	
}
.lbz_useful{
    position: relative;
}
.lbz_useful a{
    display: flex;
    align-items: center;
    padding: 10px 0px 10px 5px;	
}
.lbz_useful a:hover{
	text-decoration: none;
	opacity: .7;
}
a.link_yaji::after{
    position: absolute;
    right: 0;
    top: calc( 50% - 5px);
    content: "";
    display: flex;
    width: 10px;
    height: 10px;
    margin: 0 8px 0 10px;
    border-top: 2px solid #444;
    border-right: 2px solid #444;
    transform: rotate(45deg);
}
.lbz_useful h3 {
    display: block;
    width: 13rem;
}
.lbz_useful em {
    display: block;
    font-style: normal;
    width: calc(100% - 13rem - 20px);
    text-align: right;
    font-size: 3rem;
    color: #b71c1c;
    padding: 0 25px 0 0;/* link mark */
	line-height: 1.0;
}
.lbz_useful_limited h3{
    display: block;
    width: 15rem;
}
.lbz_useful_limited em {
    display: block;
    font-style: normal;
    width: calc(100% - 15rem );
    text-align: right;
    font-size: 2rem;
	line-height: 1.2;
}
.lbz_breakdown.use_false{
	background-color: #ececec;
}
.lbz_breakdown .term .popup_btn a{
	text-decoration: none;
	color: #fff;
    font-size: 1.3rem;
    padding: 0;
    display: inline-block;
}
.l_wrap_zandaka {
    margin: 15px auto 20px;
}
.l_box_zandaka{
    width: auto;
    min-width: 300px;
    padding: 0 2px 0 2px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
}
.hdg_zandaka{
	text-align: left;
	margin: 0 auto 0 0;
}
.morepoint + .lbm_breakdown{
	border-top: 1px dashed #999;
}
.lbm_breakdown.toggle{
	border-top: none;
}
.lbm_breakdown.toggle::before{
	
}
.lbm_breakdown.toggle.active::after{
	left: calc( 50% - 18px );
}
.lbm_breakdown.toggle::after{
	left: calc( 50% - 18px );	
}
.toggle_wrap{
	width: 100%;
}
.breakdown_title{
	padding: 0 0 0 5px;
}
.breakdown_point{
	padding: 0 5px 0 0;
}
.toggle_wrap .breakdown_title {
    width: 64%;
    padding-left: 6%;
}
.fc_minus,.fc_plus,.fc_unset{
	color: #000;
	font-weight: bold;
	letter-spacing: 1px;
}
.fc_minus em,.fc_plus em,.fc_unset em{
	font-style:normal;
	font-size: 1.8rem;
	padding-right: 4px;
}
/* 残高変更：ポイントページ */
.lbz_useful_hdg{
	width: 100%;
	display: flex;
    flex-wrap: nowrap;
	align-items: center;
	border-bottom: 1px solid #999;
	/*background-color: #fdf6eb;*/
	padding: 5px 0 0 0;
}
.lbz_useful_hdg 
.blk_useful {
    width: 40%;
	padding: 0 0 .5rem 0;
}
.blk_useful_s {
    width: 30%;
}
.lbz_useful_hdg .morepoint{
	line-height: 1;
}
.lbz_useful_hdg h3{
	font-size: 1.8rem;
	text-align: center;
}
.lbz_useful_hdg h4{
	font-size: 1.5rem;
	text-align: center;
	font-weight: normal;
	color: #444;
}
.lbz_useful_hdg h4 + .morepoint{
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.5;
	color: #444;
}
.lbz_breakdown{
	width: 100%;
	border-bottom: 1px solid #999;
}

.lbz_breakdown .point{
	display: flex;
	align-items: center;
	padding: 5px 5px 0 5px;
}
.lbz_breakdown .term{
	display: flex;
	align-items: center;
	padding: 0 5px 5px 5px;
	font-size: 1.4rem;
}
.lbz_breakdown .term span{
	font-family: system-ui, "メイリオ";	
	width: calc( 100% - 6.5rem );
	word-break: break-all;
}
.lbz_breakdown .point h3{
	display: block;
	width: calc( 100% - 9rem );
}
.lbz_breakdown .point em{
	display: block;
	font-style: normal;	
	width: 9rem;
    text-align: right;
	font-size: 1.8rem;
}
.lbz_breakdown.use_false{
	background-color: #ececec;
}
.lbz_breakdown.use_false h3,
.lbz_breakdown.use_false .point em,
.lbz_breakdown.use_false .term{
	color: #444;
}
.lbz_breakdown .term .popup_btn {
    font-size: 1.4rem;
    width: 6.5rem;
    text-align: center;
    border: 1px solid #000;
    background-color: #000;
    /* bt shape */
    /* border-bottom: 2px solid #666; */
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);      
}

.lbz_breakdown .point .use_false_txt{
	font-size: 1.2rem;
    display: inline-block;
    padding: 0 .5rem;
    margin: 0 .5rem 0 0;
    border: 1px dashed #444;
    font-weight: normal;
    border-radius: 12px;
	color: #444;
	text-align: center;
}
.blk_useful_s .morepoint span{
	font-size: 1.6rem;
}
.lbz_useful_hdg + .lbz_breakdown{
	border-top: 1px solid #666;
	margin-top: 1px;
}

/* 20181004 */
.toggle_wrap .breakdown_title::before {
	content: " ";
	margin-left: 0px;
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #ccc;
	border-radius: 50%;
	position: absolute;
	top: 47%;
	left: 2%;
}
.toggle_wrap .breakdown_title {
	width: 66%;
	padding-left: 4%;
}
.toggle_wrap .lbm_breakdown.use_true {
	background-color: #fffbf4;
}
/* animate */
.lbm_breakdown.toggle::after {
	transition: .5s ;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotateZ(135deg);
	transform: rotateZ(135deg);
	border-top: 3px solid #444;
    border-right: 3px solid #444;
}
.lbm_breakdown.toggle.active::after {
	bottom: -7px;
	left: 132px;
	transition: .5s;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotateZ(315deg);
	transform: rotateZ(315deg);
}

/* MOREGATE_RN-208 20181129*/
.hdg_message_note em{
	font-style: normal;
	color: #ff0033;
	font-weight: normal;
}
/* 2019.3.28 add MNM-101*/
.l_wrap_banner {
    margin: 0 auto 2rem;
    max-width: 100%;
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.pid_top .l_wrap_banner{
	border:none;
	margin-bottom: 22px;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 2px 2px rgb(0 0 0 / 16%);
}
.pid_top .l_wrap_banner a img{
	max-width: 100%;
}
.l_wrap_banner a.link_yaji::after{
	margin: 0 10px 0 10px;
}
@media only screen and (max-width: 960px) {
	.l_wrap_banner{
		max-width: 760px;
		width: 100%;
	}
}
.nav_txt {
    border-bottom: 1px solid #ccc;
	text-align: left;
	position: relative;
}
.nav_bnr {
    text-align: center;
    padding: 0 .5rem .5rem;
    border: none;
}
.nav_bnr img {
    max-width: 100%;
}
.c_link {
	position: relative;
    display: block;
    padding: 1rem 1rem;
}
.nav_txt+.nav_bnr {
    margin-top: .5rem;
}
.nav_bnr + .nav_txt {
/*    border-top: 1px solid #ccc;*/
}
/************************
p_menu
************************/
.p_menu{
	display: flex;
	flex-wrap: wrap;
}
.p_menu .nav_txt {
	width: 100%;
	background-color: #fff;
	margin: 0 2px;
}
.p_menu .nav_txt:first-child {
	border-top: none;
}
.p_menu .nav_txt::after {
    position: absolute;
	right: 0;
    top: calc( 50% - 6px);
    content: "";
    display: flex;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    border-top: 2px solid #444;
    border-right: 2px solid #444;
    transform: rotate(45deg);
}
.p_menu .nav_txt .c_link{
	padding: 10px 18px 10px 10px;
	width: calc( 100% - 18px - 10px );
}
.p_menu .c_link {
	display: inline-block;
}
/************************
p_menu_banner
************************/
.p_menu_banner .nav_bnr .c_link {
    padding: 0;
}
.p_menu_banner .nav_bnr:first-child {
    border-top: 1px solid #ccc;
    padding-top: .5rem;
}
.p_menu_banner .nav_bnr:last-child {
    border-bottom: 1px solid #ccc;
}
.pid_top .l_document .l_wrap_banner .p_menu_banner li:first-child{
	border-top: 1px solid #eee;
}
.pid_top .p_menu_banner li:last-child {
	border-bottom: none;
}
/************************
p_menu_footer
************************/
.p_menu_footer {
    display: flex;
    justify-content: center;
    padding: 20px 0 10px;
}
.p_menu_footer .nav_txt {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #fff;
    padding: 0 1rem;
    line-height: 1;
}
.p_menu_footer .nav_txt .c_link {
    color: #fff;
    font-size: 1.5rem;
    text-decoration: underline;
    padding: 0;
}
.p_menu_footer li + li {
    border-left: 0;
    border-right: 1px solid #fff;
}
/************************
p_menu_sub
************************/
.p_menu_sub{
	display: flex;
	flex-wrap: wrap;
}
.p_menu_sub .nav_txt:after {
    margin-bottom: -2px;
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
/*    background-image: url(../../../assets/img/f08e_brack.png);*/
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20d%3D%22m34%2C25v13c0%2C1.1-.9%2C2-2%2C2H9c-1.1%2C0-2-.9-2-2V15c0-1.1.9-2%2C2-2h16v-5H9c-3.87%2C0-7%2C3.13-7%2C7v23c0%2C3.87%2C3.13%2C7%2C7%2C7h23c3.87%2C0%2C7-3.13%2C7-7v-13h-5Z%22%2F%3E%3Cpath%20d%3D%22m46.34%2C16l.2-9.98c.03-1.68-1.34-3.05-3.02-3.02l-9.98.2c-2.61.05-3.88%2C3.21-2.03%2C5.05l2.66%2C2.66-14.74%2C14.74c-.58.58-.58%2C1.51%2C0%2C2.09l2.09%2C2.09c.58.58%2C1.51.58%2C2.09%2C0l14.74-14.74%2C2.93%2C2.93c1.84%2C1.84%2C5%2C.57%2C5.05-2.03Z%22%2F%3E%3C%2Fsvg%3E');
    background-size: 14px 14px;
    background-position: 0 0x;
    background-repeat: no-repeat;
}
.p_menu_sub .nav_txt .c_link {
	width: calc( 100% - 4px );
}
.p_menu_sub .nav_txt:first-child {
    border-top: none;
}
.p_menu_sub .nav_txt {
	background-color: #fdf6eb;
	width: 100%;
    display: flex;
    align-items: center;
	margin: 1px 2px;
}
.p_menu_sub .nav_txt:after{
	content: none;
	position: relative;
}
.p_menu_sub .nav_txt a:after{
	margin-bottom: -2px;
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	position: absolute;
	right: 10px;
	top: calc( 50% - 14*0.5px );
	background-image: url(img/f08e_brack.png);
	background-size: 14px 14px;
	background-position: 0 0x;
	background-repeat: no-repeat;
}
.p_menu_sub .nav_bnr {
	width: 100%;
    background-color: #efefef;
}
.p_menu_sub .nav_bnr .c_link {
    padding: 0;
	display: inline-block;
}
.p_menu_footer .nav_txt:first-child {
    border-top: none;
}
.p_menu_sub .nav_bnr:first-child {
    padding-top: .5rem;
}
.p_menu_sub li:last-child {

}
/* PC 
@media (min-width: 751px) {
	.p_menu .nav_txt {
		width: calc( 50% - 4px );
	}
	.p_menu_sub .nav_txt {
		width: calc( 50% - 4px );
	}
	.p_menu .nav_bnr + .nav_txt{
		border-top: none;
	}
}
*/
/* setting*/
.l_wrap_setting_head .headline{
	font-size: 2.4rem;	
	font-weight: bold;
	color: #000;
	margin-bottom: 40px;
	margin-bottom: 0;
	padding: 20px 0;
}
@media screen and (max-width: 768px){
	.l_wrap_setting_head .headline{
		padding: 20px 10px;
	}
}
.l_wrap_setting_head .lead{
	margin-top: 10px;
	padding: 0 0 10px 0;
}

@media screen and (max-width: 768px){
	.l_wrap_setting_head .lead{
		padding: 2px 10px;
		margin-top: 0;
	}
}

.colbody{
	font-size: 1.6rem;
}
.colbody .notes{
	font-size: 1.4rem;
	font-weight: normal;
	padding: 5px 0 5px 0;
	width: 100%;
}

.setting_txt + .bt_link_s{
    margin: 5px 0 0 0;
}

/* setting input */
.l_wrap_setting{
    padding: 30px 40px 40px 40px;
	background-color: #fff;
	border: 1px solid #ccc;
	/* D_TOOL-812 */
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ececec;
	border-left: 1px solid #efefef;
}
@media screen and (max-width: 768px){
	.l_wrap_setting{
		padding: 20px 10px 20px 10px;
	}
}

.l_wrap_setting .row{
	display: flex;
	width: 100%;
	border: 1px solid #999;
	align-items: stretch;
}
.l_wrap_setting .row+.row{
	border-top: none;
}
.l_wrap_setting .row .colhead{
	width: 240px;
	padding: 10px;
	background-color: #fdf6eb;
}
.l_wrap_setting .row .headline{
    font-size: 1.6rem;
}
.l_wrap_setting .row .colbody{
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0px 0 0 0;
	letter-spacing: .1rem;
	padding: 10px 10px 10px 10px;
}
/* scroll-bar */


/* 20201014 D_TOOL-816 emphasis*/
.emphasis{
	display: inline-block;
    background-color: #d50000;
    color: #fff;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 2px 4px;
	margin: 0 0 0 4px;
	vertical-align: top;
}
.l_wrap_setting .row .headline .emphasis:before {
    content: '';
    display: inline-block;
}
.errormessage{
	margin-top: 10px;
	padding: 15px;
	border: 1px solid #d50000;
	color: #d50000;
	font-weight: normal;
	width: calc(100% - 15*2px - 0px );
}
@media screen and (max-width: 768px){
	.l_wrap_setting .row{
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.l_wrap_setting .row.l_wrap_abreast_center{
		-ms-flex-direction: initial;
		flex-direction: initial;
		flex-wrap: wrap;
	}
	.l_wrap_setting .row .colhead{
		width: auto;
	}


}
@media screen and (max-width: 768px){
	.list_contents dl {
		padding: 0;
	}
}
.list_contents dt+dd,
.list_contents dt+dt {
    margin: 0 0 40px 0;

}
.l_wrap_setting .list_contents dl dt a {
    font-size: 17px;
    line-height: 30px;
    text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #0075c2;
	color: #0075c2;
	padding-bottom: 2px;
}
@media only screen and (max-width: 481px) {
	.table_scrollX table{
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.l_main {
		margin: 0 auto;
		width: 100%;
		max-width: 460px;
	}
}
/* table scrollX for sp */
.table_scrollX table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.table_scrollX table th,table td{
	padding: 10px 10px;
	text-align: left;
	vertical-align: middle;
}
.table_scrollX table tr:nth-child(odd){
	background-color: #efefef;/* bg-color gray */
}
.table_scrollX table tr:first-child{
	background-color: #333;
	color: #fff;
}
/* table_noscrollX 20210218*/
.table_noscrollX table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.table_noscrollX table th,table td{
	padding: 10px 10px;
	text-align: left;
	vertical-align: middle;
}
.table_noscrollX table tr:nth-child(odd){
	background-color: #efefef;
}
.table_noscrollX table tr:first-child{
	background-color: #333;
	color: #fff;
}
.l_wrap_table_no_data {
    margin: 30px 0;
    padding: 1rem .5rem;
    background-color: #efefef;
    border: 1px solid #999;
}

/* charactor */
.l_box_point_history,
.l_box_shop_history {
	margin: 0 0 1rem 0;
	border: 1px solid #ccc;
}
.l_box_point_history.table_scrollX td:nth-child(4),
.l_box_shop_history.table_scrollX td:nth-child(4){
	text-align: right;
}
/* 付与区分のアイコンカラー変更 */
.l_wrap_point_history .icon_bonus,
.l_wrap_point_history .icon_termlimited,
.l_wrap_point_history .icon_termbefore {
	padding: 2px 4px;
	font-size: 1.2rem;
	margin: 0 0 0 auto;
	line-height: 1;
}
.icon_bonus{
	width: 6rem;
	display: inline-block;
	margin: 0 0 0 5px;
	border-radius: 12px;
	text-transform:none;
	background-color:#f57c01;
    border: 1px solid #f57c01;
	color: #fff;
	text-align: center;
}
.icon_termlimited{
	width: 6rem;
	display: inline-block;
	margin: 0 0 0 5px;
	border-radius: 12px;
	background-color:#b71c1c;
    border: 1px solid #b71c1c;
	color: #fff;
	text-align: center;
}
.icon_termbefore{
	width: 6rem;
	display: inline-block;
	margin: 0 0 0 5px;
	border-radius: 12px;
    border: 1px dashed #444;
	color: #444;
	text-align: center;
}
/************************************* 残高表示 */
.l_box_point_history_sheet {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 4*2px);
    margin: 0 auto 10px;
	border: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #efefef;
    align-items: center;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 33%);
}
.l_box_point_history_sheet.used{
	background-color: #fdf6eb;
}
.l_box_point_history_sheet.use_false{
	background-color: #ececec;
}
.phs_time {
	font-family: 'Noto Sans JP', sans-serif;
    margin: 0;
    padding: 5px 0 5px 5px;
    color: #000;
    width: 9rem;/* 10rem */
}
.phs_division {
    padding: 5px 0 5px 0;
    color: #000;
	width: calc( 100% - 9rem - 5px - 4px );
	display: flex;
    align-items: center;
}
.phs_shopname {
    width: calc(100% - 11rem - 3*5px );
    padding: 0px 0 2px 5px;
    color: #000;
	font-weight: bold;
}
.phs_point {
    width: 11rem;
    margin: 0 0 0 auto;
    padding: 0px 5px 2px 0px;
	font-size: 1.8rem;
    text-align: right;
	line-height: 1.0;
}
.phs_deadline {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    border-top: 1px dashed #ccc;
    padding: 5px 5px 5px 5px;
}
.phs_deadline h3{
	width: 100%;
	font-weight: normal;
}
.phs_deadline span{
    font-family: system-ui, "メイリオ";
    font-size: 1.4rem;
	width: calc( 100% - 6.5rem - 5*2px );
}
.phs_deadline .popup_btn{
	width: 8.5rem;
}
.phs_deadline .popup_btn {
    font-size: 1.4rem;
	text-align: center;
    width: 6.5rem;
    height: 2rem;
    line-height: 2.1rem;
    margin: 0 0 0 auto;
    border: 1px solid #000;
    background-color: #000;	
    /* bt shape */
    /* border-bottom: 2px solid #666; */
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);      
}
.phs_deadline .popup_btn a {
	font-size: 1.3rem;
    text-decoration: none;
    color: #fff;
}
.l_box_point_history_sheet.use_false .phs_shopname,
.l_box_point_history_sheet.use_false .phs_time,
.l_box_point_history_sheet.use_false .phs_division,
.l_box_point_history_sheet.use_false .fc_unset,
.l_box_point_history_sheet.use_false .phs_deadline {
    color: #444;
}
.l_wrap_point_history + .l_wrap_table_notice{
	margin-top: 40px;
}
.l_wrap_point_history > p {
    margin: 10px;
    padding: 1rem .5rem;
    background-color: #efefef;
    border: 1px solid #999;
}
.l_box_point_history_sheet {
    padding: 0px 4px 4px 4px;
}
/* form charactor */
.l_li_control_filter {
    display: flex;
    flex-wrap: wrap;
}
.l_li_control_filter .col{
	margin: 0 4px 0 0;
}
.l_li_control_filter .col_blk{
	margin: 0 4px 0 0;
	width: 100%;
}
/* pnakuzu */
.pankuzu {
	overflow-x: auto;
	background-color: #f2f2f2;
	padding: 0 .6rem;
}
.pankuzu ol {
	display: table;
}
.pankuzu ol li {
	padding: 6px .3rem 6px 0;
	display: table-cell;
	white-space: nowrap;
}
.pankuzu a {
	text-decoration: underline;
}
/* agreement */
.l_wrap_setting .l_wrap_agreement {
	border-bottom: none;
	flex-wrap: wrap;
}
.head_line_agreement{
    margin: 10px 10px 0;
    padding: 0 0 5px 0;
	width: calc(100% - 20px);
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px dotted #999;
}
.l_wrap_setting .l_block_agreement{
	/* 20241128_iframe-> div */
    height: 300px;
    overflow: auto;
    margin: 0 10px;
    width: calc(100% - 20px);
    border-bottom: 1px solid #999;
}

/*
 .l_wrap_agreement iframe{
	width: 90%;
	border: none;
	background-color: #fff;
	margin: 0 auto;
	border-bottom: 1px solid #999;
}
*/
.l_box_agreement {
    height: 200px;
    overflow-x: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
}
.l_wrap_setting .l_wrap_agreement+.l_wrap_input_center {
	margin-top: 0;
    border-top: none;
	padding: 10px 0;
}
.row.l_wrap_input_center{
	justify-content: center;/*pc*/
	align-items: center;/*sp*/
}

/* popup */
.popup_bg{
	cursor: pointer;
    display: none;
    height: 100vh;
	height: 100%;
    width: 100%;
    background: black;
    opacity: 0.7;
	background-color: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
	left: 0;
	z-index: 4;
}
.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 6;/*9999;*/
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	display: none;
}
.popup_inner{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	max-width: 280px;
	height: 70vh;
	padding: 20px;
	background-color: #fff;
	z-index: 5;
}
.show {
	opacity: 1;
	visibility: visible;
}

.popup_inner ul{
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	height: calc(70vh - 100px);
	padding: 15px 0 15px 15px;
	background-color: #f3f3f3;
	border-bottom: 1px solid #ccc;
}
.popup_inner li{
	margin-bottom: 1.6rem;
}
.popup_inner li a{
	text-decoration: underline;
}
.popup_btn a{
	cursor: pointer;
}
.title_popup{
    position: sticky;
    top: 0;
    width: 100%;
    font-size: 1.8rem;
    height: auto;
    padding-bottom: 2.2rem;
    border-bottom: 1px solid #ccc;
	background-color: #fff;
}

.btn_icon_close {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    top: -10px;
    right: -10px;
    border: 1px solid #000;
    background-color: #000;
}
.btn_icon_close span::before,
.btn_icon_close span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 7%;
	margin: -5% 0 0 -42%;
	background: #fff;
}
.btn_icon_close span::before {
	transform: rotate(-45deg);
}
.btn_icon_close span::after {
	transform: rotate(45deg);
}
.table_line td, .table_line th {
    border-right: 1px solid #ccc;
}
.table_line td, .table_line th {
    border-right: 1px solid #ccc;
}
/* campaign list */
.list_event_list_campaign{
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
.list_event_list_campaign li{
	width: 49%;
	margin: 1% .5%;
}
.list_event_list_campaign li img{
	width: 100%;
}
/* index header */
.bt_header_login {
    margin: 0 16px 0 0;
}
.bt_header_login a {
    border: 1px solid #000;
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
}
/* login */
.l_main.w_login{
	width: 100%;
	max-width: 960px;	
}
.l_main.w_login .l_form_login_wrap{
	justify-content: center;
}
.l_form_login_center.login_form{
	width: 720px;
}
.l_form_login_center.login_form .text_login_form{
	display: flex;
	align-items: center;
	margin: 0 0 20px 0;
}
.l_form_login_center.login_form .control_label{
	width: 350px;
}
.l_form_login_center.login_form label.control_label{
	width: 180px;
	margin: 0 0 0 80px;
	font-weight: bold;
}
.text_login_form + .notes{
	margin: -16px 0 16px 260px;
}

.link_text_login_passreset{
	text-align: center;
}
.l_login_banner_wrap {
    width: 760px;
	margin: 0 auto;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
}
.l_login_banner_img{
	width: 100%;
}
/* shadow */
.shadow{
	background-color: #fff;
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #ddd;
}
.login_banner_note {
    padding: 20px;
}
@media screen and (max-width: 768px){
	.bt_header_login {
		margin: 0 4px 0 0;
	}
	.l_form_login_center.login_form {
		padding: 0;
		width: 98%;
	}
	.l_form_login_center.login_form .text_login_form{
		display: block;
		width: 100%;
	}
	.l_form_login_center.login_form label.control_label{
		width: 98%;
		margin: 0;
	}
	.l_form_login_center.login_form .control_label{
		width: 98%;
	}
	.hdg_login_kind{
		margin-top: 40px;
	}
	.l_login_banner_wrap{
		width: 98%;
	}
	.text_login_form + .notes{
		width: 96%;
		margin: -16px 2% 16px 2%;
	}
}
/* 20210310 */
.l_wrap_notice {
    margin: 0 auto 10px;
}
.l_wrap_notice > p+ul{
    margin-top:5px
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.l_wrap_table_no_data,
	.l_wrap_table_notice,
	.l_wrap_notice {
		margin: 0 1rem 10px;
	}
}
/* 20210310end */
/*************************************** index start
no_campaign*/
.l_main.w_introduction{
	width: 100%;
	min-width: 960px;
	max-width: 100%;
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.l_main.w_introduction{
		min-width: 100%;
	}
}
.l_main.w_wwide{
	width: 100%;
	max-width: 960px;
}
.l_catch_mrp_text {
    font-size: 5rem;
	font-weight: bold;
    width: 100%;
    position: absolute;
	margin-top: 7%;
}
.catch_mrp_text_left {
    width: 70%;
}
.catch_mrp_text_right {
    width: 70%;
	padding-left: 60px;
}
.catch_mrp_img {
    width: 50%;
    position: absolute;
    z-index: 1;
    right: 0;
	bottom: -15px;
}
.catch_mrp_name_border {
    position: relative;
    bottom: 0;
	margin: 0 auto 50px;
	padding: 20px 0 5px;
	width: 100%;
    background-color: #ed7101;
    text-align: center;
	letter-spacing: 8px;
    color: #fff;
}
.catch_mrp_name_border::after {
	content: " ";
    display: block;
    position: absolute;
    bottom: 30px;
    width: 100%;
    height: 20px;
	background: url(img/line_x_triple.png);
	background-size: 40px auto;
}
.l_catch_mrp {
	position: relative;
	height: 400px;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 50px;
}
.catch_register {
    margin-bottom: 100px;
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.l_catch_mrp_text{
		font-size: 2.6rem;
		margin-left: 2%;
	}
	.ls_catch_text {
		letter-spacing: -2rem;
	}
	.l_catch_mrp{
		height: 180px;
		padding-top: 30px;
		max-width: 360px;
	}
	img.catch_mrp_img{
		width: 150px;
	}
	.catch_mrp_text_left {
		width: 60%;
	}
	.catch_mrp_text_right {
		width: 80%;
		padding-left: 0;
	}
	.catch_mrp_name_border {
		letter-spacing: 4px;
	}
	.catch_register{
		margin-bottom: 50px;
	}
}
/*****************************************
 index_sub */
.index_sub{
	z-index: 1;
}
.index_sub h2.title1{
	margin: 120px auto 20px;
	font-size: 3.6rem;
}
.index_sub .lead_sentence {
    font-size: 3.6rem;
    color: #f69522;
	font-weight: 400;
	margin: 0 auto 160px;
}
.section_title{
    font-size: 4.2rem;
	font-weight: bold;
	border-bottom: 1px solid #f69522;
	margin: 40px 0;
}
.section_title span{
	font-size: 2.4rem;
	padding: 0 0 0 20px;
}
.tameru {
    margin-bottom: 100px;
}
.about_morepo {
	margin-bottom: 100px;
}
.tukau {
    margin-bottom: 100px;
}
/***************************************** 
morepo */
.quality_morepo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.quality_morepo::after{
	content:"";
	width: 30%;
	display: block;
}
.quality_morepo li {
    width: 30%;
	height: 210px;
    border: 1px solid #ed7203;
    margin: 0 0 40px 0;
	font-size: 3.2rem;
    line-height: 1.2;
	color: #fff;
    font-weight: bold;
    text-align: center;
	background-image: url(/assets/css/img/index_bg_plate.png);
	background-repeat: repeat;
	border-radius: 12px;
}
.quality_morepo li::before{
	content: " ";
	display: block;
	background-size: cover;
    width: 100px;
    height: 100px;
    margin: 10px auto;
}
.quality_morepo li.quality1::before{ background-image: url(/assets/css/img/index_icon_muryou.png); }
.quality_morepo li.quality2::before{ background-image: url(/assets/css/img/index_icon_riyouka.png); }
.quality_morepo li.quality3::before{ background-image: url(/assets/css/img/index_icon_kangen.png); }
.quality_morepo li.quality4::before{ background-image: url(/assets/css/img/index_icon_event.png); }
.quality_morepo li.quality5::before{ background-image: url(/assets/css/img/index_icon_mypage.png); }
.quality_morepo li.quality6::before{ background-image: url(/assets/css/img/index_icon_kasoutsuuka.png); }

@media only screen and (min-width: 1px) and (max-width: 960px){
	.quality_morepo li {
		width: 31%;
		font-size: 1.5rem;
		height: auto;
		margin: 0 0 2% 0;
		padding-bottom: 10px;
	}
	.quality_morepo li::before{
		width: 60px;
		height: 60px;
	}
}
/***************************************** 
tameru  */
.tameru_title{
	font-size: 3.0rem;
	margin: 0 0 20px 0;
}
.tameru_subtitle {
	font-size: 1.6rem;
	font-weight: bold;		
	margin: 0 0 20px 0;
}
.tameru_getpoint_wrap{
    text-align: center;
}
.tameru_getpoint{
	max-width: 900px;
	width: 100%;
	padding: 0 0 40px 0;
}
.tameru_1per_shop{
	padding: 20px;
} 
.tameru_1per_shop .ul_shop{
	display: flex;
	flex-wrap: wrap;
}
.tameru_1per_shop .ul_shop li{
	width: 25%;
	margin: 0 0 10px 0;
}
.ul_note.aster {

}
.ul_note.aster li {
	padding-left: 1.6rem;
	position: relative;
}
.ul_note.aster li:before {
    content:  "※";
	position: absolute;
    top: 0;
	left: 0;
}
.tameru .ul_note {
    margin: 20px 0;
}
.tameru .ul_note li{
    line-height: 2;
}
.reduction_block + .ul_note{
	margin: 0 0 60px;
}
.tameru_getpoint + .tameru_getpoint{
	padding-bottom: 0;
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.tameru_title{
		font-size: 1.6rem;
		margin: 0 2% 20px;
	}
	.tameru_subtitle {
		font-size: 1.4rem;
	}
	.reduction_block + .ul_note{
		margin: 10px 2% 40px;
	}

}
/***************************************** 
tukau */
.tukau_p_note{
	margin: 20px auto 80px;
}
.tukau_p_note > p{
	margin: 0 0 20px 0;
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.tukau_p_note{
		margin: 20px auto 40px;
	}
}
/***************************************** 
kakunin */
.kakunin{
	background-image: url(/assets/css/img/index_sub_sp.png);
	background-repeat: no-repeat;
	background-position: center ;
	background-position-y: 77%;
}
.kakunin_p{
	font-size: 1.6rem;
	margin: 0 0 2rem 0;
}
.l_point_2section{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.l_point_wrap{
	width: 40%;
	margin: 40px 2% 40px 0;/* title_point_のマイナス上マージンを考慮 */
	padding: 2%;
	border: 1px solid #999;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
}
.l_point_wrap:nth-child(2){
	margin: 40px 0 40px 2%;
}
.title_point{
    text-align: center;
    border-bottom: none;
}
.title_point:nth-child(2){
    margin: -30px  auto 20px;
}
.text_point {
    font-size: 1.8rem;
    font-weight: bold;
}
.kakunin_note{
    margin: 30px 0 0 0;
}
/***************************************** 
morepo tameru tukau */
.about_morepo_p,
.tameru_p,
.tukau_p{
	font-size: 1.6rem;
    line-height: 2;
	margin: 0 0 3rem 0;
}
.tameru_p .txt_hosoku,
.tukau_p .txt_hosoku {
	font-weight: normal;
	font-size: 1.4rem;
}
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
	bottom: 10px;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrow_right{
	width: 20%;
	height: 2rem;
    margin-bottom: 1rem;
}
.arrow_right::before {
    left: 9px;
    width: 95%;
    height: 3px;
    background: #ed7508;
}
.arrow_right::after{
    left: 95%;
    width: 6px;
    height: 6px;
    border-top: 3px solid #ed7508;
    border-right: 3px solid #ed7508;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.reduction_kingagu_th,
.reduction_rate_th {
	font-size: 2.4rem;
	width: 40%;
    text-align: center;
    display: inline-block;
}
.reduction_kingagu{
	font-size: 3rem;
	text-align: center;
	width: 40%;
    display: inline-block;
	
}
.reduction_rate{
	font-size: 2rem;
	width: 37%;
    text-align: center;
    display: inline-block;
}
.reduction_kingagu strong,
.reduction_rate strong {
	font-size: 4rem;
}
.arrow_nashi::before{
	content: "";
	width: 20%;
	display: inline-block;
}
.reduction_th{
	width: 95%;
	margin: 0 2.5%;
	border-bottom: 1px solid #ccc;
}
.reduction_tr{
	width: 95%;
	margin: 0 2.5%;		
}
.reduction_block {
	padding: 3% 2% 3%;
	border: 1px solid #ccc;
}

@media only screen and (min-width: 1px) and (max-width: 960px){
	.l_main.w_introduction{
		min-width: 100%;
	}
	.index_sub h2.title1 {
		font-size: 2.4rem;
	}
	.index_sub .lead_sentence{
		font-size: 2.4rem;
	}
	.section_title{
		font-size: 1.8rem;
		padding: 4px ;
		position: sticky;
		top: 60px;
		background-color: rgba(255, 255, 255, 0.9);
		z-index: 1;
		margin: 40px 0 20px;
	}
	.section_title span{
		font-size: 1.8rem;
		display: block;
		padding: 0;
	}
	.section_title::first-letter{
		font-size: 2.4rem;
	}
	.tameru_p .txt_hosoku, .tukau_p .txt_hosoku{
		display: block;
	}

	.section_subtitle{
		font-size: 1.8rem;
		margin: 0 0 20px 0;
	}
	.kakunin{
		background-position-y: 54%;
	}
	.l_point_wrap,
	.l_point_wrap:nth-child(2){
		width: 100%;
		margin:0 auto 20px;
	}
	.l_point_wrap{
		display: flex;
		align-items: center;
	}
	.title_point{
		padding:10px;
	}
	.title_point img{
		width: 120px;
	}
	.txt_sizeL {
		font-size: 1.4rem;
		padding: 0 2px;
	}
	.text_point{
		font-size: 1.6rem;
	}
	.kakunin{
		background-size: 39%;
	}
	.about_morepo_p,
	.tameru_p,
	.tukau_p,
	.kakunin_p{
		margin: 0 .5rem 3rem .5rem;
	}
	.tameru .ul_note{
		margin: 10px 2% 50px;
	}
	.tameru .ul_note li{
		line-height: 1.6;
	}
	.ul_note{
		margin: 20px 2%;
	}
	.ul_note li{
		line-height: 1.4;
	}
	/* li_table */
	.reduction_kingagu_th,
	.reduction_rate_th {
		font-size: 1.4rem;
	}
	.reduction_kingagu{
		font-size: 2rem;
	}
	.reduction_rate{
		font-size: 2rem;
		width: 32%;
	}
	.reduction_block {
		padding: 4% 2% 3%;
		width: 95%;
		margin: 0 auto;
	}
	.arrow_right{
		margin-bottom: 0;	
	}
}
/* tablet */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.catch_plate,.catch_img3{
		margin-bottom: 5%;
	}
	.kakunin{
		background-position-y: 63%;
		background-size: 20%;
	}
}
@media (orientation: landscape){
	.kakunin{
		background-size: 22%;
	}
}
/***************************** index
 btn_register */
.btn_register {
	width: 100%;
	max-width: 900px;
	padding: 0 0 0 0;
	margin: 0 auto;
	z-index: 10;
}
.btn_register a {
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	background: #eb0000;
	border-radius: 10px;
	border: solid 4px #000000;
	padding: 22px 0 24px 0;
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	-webkit-transition: 0.1ss ease-out;
	transition: 0.1ss ease-out;
}
.btn_register a span {
	color: #FFF;
	display: block;
}
.btn_register a img {
	width: 28px;
	display: inline-block;
	vertical-align: top;
	margin: 1px 0 0 2px;
}
.btn_register a:hover {
	background: #ffff00;
	border: solid 0px #000000;
	padding: 27px 0 27px 0;
	text-decoration: none;
}
.btn_register a:hover span {
	color: #00afed;
}
.catch_register_feature:hover {
/*	border: 1px solid #c4b000;*/
}
.catch_register_feature strong{
	display: block;
}
.catch_register_here {
    font-size: 3.2rem;
    line-height: 22px;
}
.catch_register_feature {
	font-size: 1.6rem;
	width: 140px;
    float: left;
	padding: 10px 0;
	margin: 0 10px;
	border:1px solid #fff;
	border-radius: 10px;
}
/***************************** index
register_fix */
.register_fix_btn.animate {
	position: sticky;
	bottom: 50px;
	opacity: 0;
	display: none;
	animation: SlideUp .6s;
	z-index: 2;
}
@keyframes SlideUp {
	0% {
		opacity: 0;
		transform: translateY(64px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.register_fix_btn.isActive {
	opacity: 1;
	transition: all 0.65s;
	display: block;
}
.btn_register_fix{
	z-index: 1;
	display: flex;
    justify-content: center;
	text-align: center;
}
.btn_register_fix a{
	width: 100%;
	max-width: 300px;
	padding: 10px;
	color: #fff;
	background-color: #eb0000;
	line-height: 24px;
	margin: 0 0 0 auto;
	border-radius: 5px 0 0 5px;
}
.register_fix_here {
    font-size: 2.0rem;
}
.btn_register_fix a img{
	width: 24px;
	height: auto;
}
@media only screen and (min-width: 1px) and (max-width: 960px){
	.btn_register{
		width: 90%;
		margin: 10px auto 0;
	}
	.btn_register a {
		letter-spacing: 4px;
		flex-wrap: wrap;
		border: solid 4px #000000;
		padding: 6px 0 6px 0;
	}
	.btn_register a span {
		font-size: 1.4rem;
		width: 81%;
		padding: 4px;
		margin-bottom: 4px;
	}
	.btn_register_fix a{
	    max-width: 200px;
	}
	.register_fix_here{
		font-size: 1.6rem;
	}
	.register_fix_btn.animate {
		bottom: 10px;
	}
	.catch_register_feature strong{
		display: inline;
	}
	.btn_register a span.catch_register_here{
		font-size: 2.0rem;
		line-height: 1.3;
		width: 100%;
	}
	.btn_register a:hover  {
		background: #eb0000;
		border: solid 4px #000000;
		padding: 6px 0 6px 0;
	}
	.btn_register a:hover span {
		color: #fff;
	}
	.catch_register_feature{
		border: 1px solid #6b0000;
	}
}
.last_margin{
	height: 100px;
}
/***********************************
 animation */
.sa {
	opacity: 0;
	transition: all .5s ease;
}
.showsa {
	opacity: 1;
	transform: none;
}
.sa--poyo.showsa{
	animation-duration: 1.0s;
	animation-name: poyo;
	animation-iteration-count: 1;
	animation-delay: .1s;
}
@keyframes poyo {
	0% {
		transform: scale(0);
	}
	40%, 60%, 80% {
	 	transform: scale(1.0);
	}
	50%, 70% {
	 	transform: scale(0.75);
	}
}
.sa--fadedown.showsa{
	animation: fadedown 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@keyframes fadedown {
	0% {
	  transform: translateY(0px);
	  opacity: 0;
	}
	80% {
	  opacity: 1;
	}
	100% {
	  opacity: 1;
	  transform: translateY(30px);
	}
}
.sa--rotate360{
	animation: rotate360 .5s linear 2;
}
@keyframes rotate360 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/*********************************** 20211123*/
/********************** reserve */
.l_box_reserve_sheet {
	box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
	width: calc( 100% -8px );
    margin: 0 auto 2rem;
    /* shadow */
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 30%);
}
.l_box_reserve_sheet::before {
    content: " ";
	border-top: 1px solid #efefef;
    border-bottom: 1px solid #e0e0e0;
    border-image: linear-gradient(to right, #1cb7b7 0%, #1cb7b7 15%, #c6c6c6 15%, #a6a6a6 100%);
    border-image-slice: 1;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.l_box_reserve_sheet.no_data .rs_comment {
    margin: 10px;
    padding: 1rem .5rem;
    background-color: #efefef;
    border: 1px solid #999;
}
.rs_list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 1.2rem 1rem 1.2rem;
}
.rs_list dt {
    color: #444;
    width: 10rem;
    text-align: right;
    padding: .6rem 2rem .6rem 0;
    border-bottom: 1px solid #e0e0e0;
}
.rs_list dd {
    padding: .6rem 0;
    width: calc( 100% - 10rem - 2rem );
    border-bottom: 1px solid #e0e0e0;
}
.rs_list dt:first-child,
.rs_list dd:nth-child(2){
    padding-top: 0;
}
.rs_comment{
    padding: 0 1rem 1rem 1rem;
    text-align: left;
}
@media (min-width: 751px) {
    .rs_list dt{
        width: 30rem;
    }
    .rs_list dd{
        width: calc( 100% - 30rem - 2rem );
    }
    .rs_comment{
        text-align: center;
    }
}
/********************** usage_history */
.l_wrap_usage_history{
    position: relative;    
}
.l_box_usage_history_sheet{
	overflow: hidden;
	box-sizing: border-box;
    position: relative;
    margin: 0 0 2rem 0;
    padding: 1rem 0 0 0;
	width: calc( 100% -8px );
    /* shadow */
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 30%);    
}
.l_box_usage_history_sheet::before {
    content: " ";
	border-top: 1px solid #efefef;
    border-bottom: 1px solid #e0e0e0;
    border-image: linear-gradient(to right, #b71c1c 0%, #b71c1c 15%, #c6c6c6 15%, #a6a6a6 100%);
    border-image-slice: 1;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.uhs_ttl{
    display: flex;
    align-items: flex-end;
    padding: 6px 6px 10px;
}
.uhs_ttl .date_used{
    font-size: 1.8rem;
    margin-right: .5rem;
}
.uhs_ttl .course{
    font-size: 1.8rem;
    font-weight: bold;
    margin-right: .5rem;
}
.uhs_service {
    padding: 0 0 .6rem 0;
	width: 100%;
}
.uhs_attstatus{
    display: inline;
}
.uhs_attstatus .kinds{
    border-radius: 0.4rem;
    padding: .3rem .5rem;
}
.uhs_attstatus.ima .kinds{
    background: rgba(255,125,157,0.84);
}
.uhs_attstatus.kore .kinds{
    background-color: rgba(85,198,255,0.8);
}

.line_link{
    position: relative;
}
.link_list li{
    position: relative;
}
/* アンケート回答 */
.cp_enq_ans{
    font-size: 1.5rem;
    order: 4;
    border-top: 1px dashed #aeaeae;
    margin: 6px 6px 6px 6px;
	padding: 3px 0;
}
.cp_enq_ans h3.ttl{
    margin: 6px 0 0 0;
}
.cp_enq_ans_blk {
    display: flex;
}
.cp_enq_ans_blk .ttl{
    color: #666;
}
.cp_enq_ans_blk .ttl:after{
    content: "：";
    display: inline-block;
}
.cp_enq_ans_blk .star_rating{
    margin: 0 0 0 0;
}
.star_rating.size_s{
    width: 100px;
    height: 20px;
}
.cp_enq_ans .word{
	font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 2px;	
}
/********************** top */
.pid_top .l_document {
    background-color: #fff;
}
.pid_top .container{
    display: flex;/* 背景色を画面一杯に */
    padding-top: 1px;
}
.l_wrap_section_head{
	/*
    position: sticky;
    top: 65px;
    z-index: 2;
	*/
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.52);
}
.top_section_title{
    font-size: 1.8rem;
    padding: 3rem 1rem;
    text-align: center;
}
.top_section_title::after {
    content: "";
    display: block;
    border-bottom: 1px dashed #666;
    margin: 0 auto;
}
.pid_top .l_wrap_setting_head .headline{
    font-size: 2rem;
    position: sticky;
}
.l_top_section {
    margin-bottom: 22px;
    background-color: #fff;
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 2px 2px rgb(0 0 0 / 16%);
}
.pid_top .l_box_reserve_sheet,
.pid_top .l_box_usage_history_sheet{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pid_top .l_box_usage_history_sheet:last-child{
    border-bottom: none;
/*    margin-bottom: 0;*/
}
.pid_top .l_wrap_messagebox{
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    width: calc( 100% - 2*2px );
    margin-bottom: 0;
}
.pid_top .l_wrap_messagebox+.l_btn{
	border-top: 1px solid #ccc;
}
@media only screen and (max-width: 760px) {
	.l_top_section{
		max-width: 100%;
		width: 100%;
	}
}
.l_wrap_section_head .icon_messagebox{
    width:40px;
    height: 33px;  
}
.l_top_section .hdg_messagesetting_link{
    margin: 10px auto 10px;
}
.l_top_section .hdg_messagesetting_link a{
    text-align: center;
}

/* top slider 20250813*/
/* swiper nav < > */
.l_wrap_banner.top1 .swiper-button-next,
.l_wrap_banner.top2 .swiper-button-next,
.l_wrap_banner.top1 .swiper-button-prev,
.l_wrap_banner.top2 .swiper-button-prev
 {
    font-size: 25px!important;
    color:#444;
    text-align:right;
    width: 17px!important;
    height: 30px!important;
    background-color:#ffffff30;
}
.l_wrap_banner.top1 .swiper-button-prev,
.l_wrap_banner.top2 .swiper-button-prev
{
    text-align:left;
}
.l_wrap_banner.top1 .swiper-button-next:after,
.l_wrap_banner.top2 .swiper-button-next:after,
.l_wrap_banner.top1 .swiper-button-prev:after,
.l_wrap_banner.top2 .swiper-button-prev:after
{
    font-size: 25px!important;
    text-align:right;
    width: 25px!important;
    height: 25px!important;
}
.l_wrap_banner.top1 .swiper-button-prev:after,
.l_wrap_banner.top2 .swiper-button-prev:after
{
    text-align:left;
}
.l_wrap_banner.top1 .swiper-button-next,
.l_wrap_banner.top1 .swiper-rtl .swiper-button-next,
.l_wrap_banner.top2 .swiper-button-next,
.l_wrap_banner.top2 .swiper-rtl .swiper-button-next
{
    right: 1px;
    left: auto
}
.l_wrap_banner.top1 .swiper-button-prev,
.l_wrap_banner.top1 .swiper-rtl .swiper-button-prev,
.l_wrap_banner.top2 .swiper-button-prev,
.l_wrap_banner.top2 .swiper-rtl .swiper-button-prev
{
    left: 1px;
    right: auto
}
.swiper-scrollbar {
    display: none;
}
.l_wrap_banner.top1 .swiper,
.l_wrap_banner.top2 .swiper {
    margin: 0 auto .5rem;
}
.swiper-slide .c_link {
	padding: .5rem;
}
.swiper-pagination-bullet-active{
    background:#b71c1c!important;
}

/*********************************** btn link */
button.btn{
    box-sizing: border-box;
    display: inline-block;
    line-height: 1;
    width: auto;
    min-width: 110px;
    height: auto;
    padding: 1.4rem .6rem;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
button.btn_p{
    box-sizing: border-box;
    display: inline-block;
    line-height: 1;
    width: auto;
    min-width: 160px;
    height: auto;
    padding: .7rem .3rem;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.btn.btn_q_answer{
    color: #fff;
    background-color: #000;
}
.btn.btn_receipt{
    color: #fff;
    background-color: #000;
}
.btn_fnc_answer,
.btn_fnc_receipt {
    border: 1px solid #999;
    width: 45%;
    padding: .6rem;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.btn_a{
    display: block;
    position: relative;
    padding: 1rem 2rem;
    max-width: 260px;
    width: auto;
    margin: 2rem auto 2rem;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.btn_a.motto{
    border: 1px solid #999;
    background-color: #fff;
    color: #000;
    text-align: center;
}
.btn_a.link_yaji::after{
    margin-right: 1rem;
}
.btn_a.link_yaji.sumi{
    background-color: #f0f0f0;
    box-shadow: none;
    color: #444;
    pointer-events: none;
}
.btn_a.link_yaji.sumi::after{
    border: none;
}
/* 強弱 p:弱く f:強く　ナシ:ノーマル黒*/
.btn_p.btn_q_answer{
    color: #444;
    background-color: #fff;
    border: 1px solid #ccc;
}
.btn_p.btn_receipt{
    color: #444;
    background-color: #fff;
    border: 1px solid #ccc;
}
button.btn_txtlink{
    box-sizing: border-box;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    text-decoration: underline;
    color: #0075c2;
}
.btn_mygirl {
    border: 1px solid #f57c01;
    padding: .6rem;
    border-radius: 4px;
    background-color: #f57c01;
    color: #fff;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);    
}
.btn_mygirl:before{
    margin-bottom: -2px;
    margin-right: 3px;
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../../assets/css/img/f08a_white.png);
    background-size: 14px;
    background-position: 0 0px;
    background-repeat: no-repeat;
}
.uhs_service .link_list {
	width: 100%;
}
.uhs_service .link_list li+li{
    margin-top: 0.6rem;
}
.uhs_service .link_list_txt{
    display: flex;
    justify-content: flex-end;
}
.uhs_service .link_list_txt li{
    width: auto;
}
.uhs_service .link_list_txt li .link_yaji{
    position: relative;
    display: inline;
    padding: .6rem 20px .6rem .6rem;
}
.uhs_service .link_list_txt li a{
    color:#0075c2;
}
.uhs_service .link_list_txt li .link_yaji::after{
    border-color: #0075c2;
}
.uhs_service li form{
    width: 100%;
}
.l_fnc_memo+.uhs_service{
    margin-top: 1rem;
}
/**************************************** cp */
.cp{
	display: flex;
}
.cp_tmb{
	display: block;
    text-align: center;
	min-height: 200px;
	min-width: 162px;
}
.l_box_usage_history_sheet .cp_tmb{
	padding: 0;
	min-height: auto;
}
.cp_tmb a{
	display: inline-block;
	height: auto;
}
.cp_tmb img {
	/*display: inline-block;*/
    width: auto;
	max-width: 150px;
    height: 200px;
    object-fit: contain;
}
.l_box_usage_history_sheet .cp_tmb img{
	padding: 2px 0;
}
/* 退店、閉店時、NO PHOTO、NO IMAGE  */
.cp_tmb span {
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 auto;
	width: 144px;/* 156px(mar6px*2) */
	height: 198px;
    border: 1px solid #999;
    background-color: #efefef;
}
.l_wrap_newface_slider .cp_tmb span {
	margin: 4px auto 0;
}
.cp_tmb a span{
    text-decoration: underline;
}
.cp_txt{
	display: block;
	width: 100%;
	position: relative;
    padding: 0 12px 6px 12px;/* justsize0311 */
}
.cp_name{
	display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 1.8rem;
	line-height: 1.3;
}
.cp_age {
	font-size: 1.5rem;
}
.cp_name a{
    border-bottom: 1px solid;
    padding-bottom: 1px;
}
.cp_size {
	margin-bottom: 12px;
}
.cp_shop{
	margin-bottom: 6px;
}
.cp_entry{
    color: #b71c1c;
}
.cp.swiper-slide .cp_shop{
	font-size: 1.3rem;
	color: #444;
	max-height: 45px;
	padding-bottom: 6px;
}
.cp_shop + .cp_entry{
	margin-top: 6px;
}
.cp_shop + .cp_att_time {
	margin-top: 6px;
  }
.cp_att_time{
    background-color: #f57c01;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    padding: 0 1.2rem;
    width: 150px;
	margin-bottom: 10px;
}
.cp_att_time.off_time{
    background-color: #666;
}
.cp_attstatus{
    display: inline;
}
.cp_attstatus .kinds{
    border-radius: 0.4rem;
    padding: .3rem .5rem;
}
.cp_attstatus.ima .kinds{
    background: rgba(255,125,157,0.84);
}
.cp_attstatus.kore .kinds{
    background-color: rgba(85,198,255,0.8);
}
.l_box_usage_history_sheet .cp_name a{
    color: #f57c01;
}
.cp_shop+.uhs_service{
	margin: 1rem 0 0 0;
}
/* pc */
@media (min-width: 751px) {
	.cp_tmb{
		padding: 6px 0 6px;
		margin: 0 auto;
	}
	.l_box_schedule_sheet .cp_txt,
	.l_box_newface_sheet .cp_txt{
		padding: 6px 24px 6px 6px;/* fav btn */
	}
}

/* 退店、閉店時 .cp_tmb spanで対応
.l_box_usage_history_sheet.closed_cp .cp_tmb span,
.l_box_usage_history_sheet.closed_shop .cp_tmb span {
    display: flex;
    border: 1px solid #999;
    width: 148px;
    height: 198px;
    background-color: #f2f2f2;
    align-items: center;
    justify-content: center;
    color: #444;
}
*/
/************************************* memo */
/* memo */
.l_fnc_memo{
    width: calc( 100% - 6*2px );
    margin: 6px auto;
}
.fm_ttl{
    padding: 1rem .6rem;
    text-align: center;
    background-color: #fff;
    border: 1px solid #999;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 5%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 5%);
}
.fm_ttl.tgl_mark{
    position: relative;
    cursor: pointer;
}
.tgl_mark+.l_wrap_memo{
    display: none;
}
.tgl_mark.open+.l_wrap_memo{
    display: block;
    background-color: #fdf6eb;
    padding-bottom: 0.6rem;
    text-align: center;
}
/* anim */
/* memo更新時のアニメーション */
button.btn{
	position: relative;
}
button.btn.nowloading {
	pointer-events: none;
}
button.btn.nowloading::after {
	content: "更新中";
	color: #fff;
	position: absolute;
	left: 0;
	top:0;
	background-color: #b71c1c;
	display: flex;
	align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
	border-radius: inherit;
}
.btn.editing::after{
	content: "更新する";
	position: absolute;
	left: 0;
	top:0;
	color: #fff;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: inherit;	
}
button.btn.nowloading_fadeout{
/*	animation: rotating 1s 0.25s linear infinite;*/
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}
@-webkit-keyframes flash {
	0% { opacity: 1; }
	20% { opacity: .4; }
	80% { opacity: .6; }
	100% { opacity: 1; }
 }
  @keyframes flash {
	0% { opacity: 1; }
	20% { opacity: .4; }
	80% { opacity: .6; }	
	100% { opacity: 1; }
 }
.open + .l_wrap_memo{
    animation-name:fadeInMemo;
    animation-duration: 1s; 
    animation-iteration-count: 1;
}
@keyframes fadeInMemo { 
    0% {
        opacity: 0;
    } 
    100% {
        opacity: 1;
    } 
}
.l_wrap_memo .btn{
	background-color: #ccc;
	color: #999;
	margin-top: 0.6rem;
	box-shadow: none;
}
.l_fnc_memo textarea{
    width: calc( 100% - 4*1rem - .6*2rem );
    margin: .6rem 1rem 0 1rem;
    height: 10rem;
    padding: .6rem;
    letter-spacing: 2px;
    line-height: 2.4rem;
}
.l_fnc_memo textarea::-webkit-scrollbar {
    width: 16px;
    background-color: #f9f9f9;
}
.l_fnc_memo textarea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 10px 10px #909090;
    border: solid 4px transparent;
}
.l_box_usage_history_sheet .cp{
    width: calc( 100% - 6*2px );
    margin: 0 6px 0 6px;
}
/* PC */
@media (min-width: 751px) {
	.l_box_usage_history_sheet{
		display: flex;
		flex-wrap: wrap;
	}
	.uhs_ttl{
		width: 100%;
	}
	.cp{
		width: 50%;
	}
	.l_box_fav_sort_sheet .cp{
		width: calc( 100% - 70px );
	}
	.l_fnc_memo{
		width: calc( 50% - 6px );
		margin: 0 6px 6px 0;
	}
	.cp_enq_ans{
		margin-top: 0;
	}
	.l_box_usage_history_sheet .cp{
		width: calc( 50% - 6px );
		margin: 0 0 12px 6px;
		/*min-height: 200px;*/
	}
}
/* アンケート回答ボタン */
.blk_enq{
	font-size: 1.4rem;
}
.bt_enq{
    width: 90%;
    padding: .6rem 0;
    border: 1px solid #999;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
	background-color:#000;
    color:#fff;
}
button.bt_enq,
a.bt_enq{
    position: relative;
    display: inline-block;
}
.bt_enq.is_ready{
    color: #444;
    width: 90%;
    pointer-events: none;
}
.bt_enq.sumi::after,
.bt_enq.is_ready::after{
    border: none;
    pointer-events: none;
}
.bt_enq::after{
    position: absolute;
    right: 2px;
    top: calc( 50% - 5px);
    content: "";
    display: flex;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 10px;
    border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    transform: rotate(45deg);
}
/* 領収書ボタン */
.uhs_service form button{
	position: relative;
    width: 90%;
    padding: .6rem 0;
    line-height: inherit;
    border: 1px solid #999;
    cursor: pointer;
    text-align: center;
	color: #000;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.uhs_service form button::after {
    position: absolute;
    right: 2px;
    top: calc( 50% - 5px);
    content: "";
    display: flex;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 10px;
    border-top: 2px solid #444;
    border-right: 2px solid #444;
    transform: rotate(45deg);
}
.uhs_service form button.bt_enq{
	color: #fff;
}
.uhs_service form button.bt_enq::after{
	border-color: #fff;
}
.blk_receipt {
    order: 5;
    width: 100%;
    background: repeating-linear-gradient(135deg, #efefef, #efefef 10px, #fff 10px, #fff 20px);
	text-align: right;
}
.bt_rcp{
    position: relative;
    width: auto;
    padding: 0.4rem 2rem 0.4rem 1.4rem;
	margin: 0.2rem 0.4rem;
    line-height: inherit;
    background-color: #fff;
	border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
.bt_rcp::after {
    position: absolute;
    right: 0;
    top: calc( 50% - 5px);
    content: "";
    display: flex;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 10px;
    border-top: 2px solid #444;
    border-right: 2px solid #444;
    transform: rotate(45deg);
}
/****************** usage_receipt */
.pid_usage_receipt li input[type=checkbox],
.pid_usage_receipt li input[type=checkbox] + label:before,
.pid_usage_receipt li input[type=checkbox]:checked + label:after {
	margin: auto 5px;
	top: 10px;
}

/***************************** top swiper */
/*********************** swiper newface */
.l_swiper{
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 760px;
}
.swiper {
    position: relative;
    max-width: 760px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 2rem;
}
.swiper-pagination{
    position: relative!important;
}
.cp.swiper-wrapper{
    align-items: stretch;
}
.cp.swiper-slide{
    display: flex;
    flex-direction: column;
    height: auto;/* 高さ揃え */
	background-color: #fff;
	margin: 2px 0;
}
.cp.swiper-slide:first-child .cp_tmb,
.cp.swiper-slide:first-child .cp_txt {
	border-left: 1px solid #e5e5e5;
}
.cp.swiper-slide .cp_tmb {
	background-color: #fff;
	padding-top: 2px;
	min-width: 152px;
	min-height: 206px;
}
.cp.swiper-slide .cp_tmb img{
	background-color: #fff;
	width: 150px;
	padding-top: 4px;
	min-height: 200px;
}
.cp.swiper-slide .cp_tmb a{
    text-decoration: none;
}
.cp.swiper-slide .cp_txt{
    font-size: 1.5rem;
    /*max-width: 152px; justsize0311 */
	border: 1px solid #e3e3e3;/* justsize0311 */
    border-top: none;/* justsize0311 */
	border: none;
}
.cp.swiper-slide .cp_name{
	align-items:flex-end;
	font-size: 1.5rem;
	min-height: 45px;
	margin-top: -20px;
	line-height: 1;
}
.cp.swiper-slide .cp_age {
	font-size: 1.3rem;
}
.cp.swiper-slide .cp_size{
	font-family: system-ui, "メイリオ";
    font-size: 1.3rem;
	letter-spacing: 0;
	margin-bottom: 0px;
}

/*SP*/
@media screen and (max-width: 767px){
    .swiper-slide{
        width: 120px;
    }
    .cp.swiper-slide .cp_txt{
        display: block;
		padding: 6px 4px 6px;
		width: calc( 100% - 8px );
		height: auto;
    }
    .cp.swiper-slide .cp_tmb span{
        width: 98px;/*-border2px*/
        height: 148px;/*-border2px*/
    }
	.cp.swiper-slide .cp_tmb {
		min-width: 152px;
	}
	.cp.swiper-slide.tmbsize2 .cp_tmb img{
		min-height: auto;
	}
/* tmbsize2 */
    .cp.swiper-slide.tmbsize2 .cp_tmb{
        width: auto;
        height: auto;
		min-height: 206px;
    }
    .cp.swiper-slide.tmbsize2 .cp_tmb img{
        width: auto;
		max-width: 152px;
    }
    .cp.swiper-slide.tmbsize2 .cp_tmb span{
        width: 144px;/*-border*/
        height: 194px;/*-border*/
        margin: 4px auto 0;
    }
}
.l_wrap_newface_slider{
    background-color: #e5e5e5;
}
.l_wrap_newface_slider .cp_txt{
	width: auto;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0!important;
}
/***sp*/
@media screen and (max-width:767px){
    .slider {
        border-top: none;
    }
    .swiper-container,
    .swiper-wrapper,
    .swiper-slide {
        width: 100%;
    }
}
/*******************myshop nav */
.nav_cnt ul{
    display: flex;
    justify-content: center;
}
.nav_cnt li a{
    display: block;
    padding: .6rem 1.5rem;
    border: 1px solid #0075c2;
    border-radius: 18px;
    background-color: #fff;
    font-size: 1.5rem;
    color: #0075c2;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.nav_cnt li+li{
    margin-left: 1rem;
}
.pid_myshop .nav_cnt li a.n1,
.pid_myshop_schedule .nav_cnt li a.n2,
.pid_myshop_newface .nav_cnt li a.n3
{
    background-color: #0075c2;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 2px;
}
.nav_cnt+.l_wrap_myshop{
    margin-top: 2rem;
}
/************************************ myshop */
.l_box_myshop_sheet{
    position: relative;
    border-top: 1px solid #ddd;
    padding-bottom: 1px;
    padding-top: 1px;   
}
.l_box_myshop_sheet::before {
    content: " ";
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #e0e0e0;
    border-image: linear-gradient(to right, #f57c01 0%, #f57c01 15%, #c6c6c6 15%, #a6a6a6 100%);
    border-image-slice: 1;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.l_box_myshop_sheet .attcnt span {
    position: absolute;
    right: 0;
    top: calc( (( 2rem + 1.5rem ) - ( 2px + 1.8rem ))*.5 );
    background-color: #fff;
    border: 1px solid #b71c1c;
    color: #b71c1c;
    padding: 0 .6rem;
}
.l_box_myshop_sheet .attcnt .off_time{
    color: #444;
    border: 1px solid #444;
}
.l_box_myshop_sheet .attcnt em{
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
}
.l_box_myshop_sheet .shopname{
    width: calc( 100% - 2*1rem - 100px );
    padding: 1rem;
    font-weight: bold;
}
.shopname a{
    border-bottom: 1px solid;
    padding-bottom: 1px;
}
.myshop_tmb {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    height: 100px;
}
.myshop_txt{
    display: table-cell;
    vertical-align: top;
    width: calc( 100% - 100px );
    padding: 0 0 0 0.6rem;
}
.myshop_tmb img{
    width: 180px;
    height: 180px;
    object-fit: contain;
    background-color: #f2f2f2;
}
.myshop_tmb span{
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #ccc;
    background-color: #efefef;
    width: 178px;
    height: 178px;
}
.myshop_tmb a span{
    text-decoration: underline;
}
.btn_tel_link{
    background-color: #f57c01;
    width: 80%;
    display: block;
    padding: .6rem 0;
    max-width: 320px;
    margin: 10px auto;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.btn_tel_link:hover{
	color: #fff;
}
.l_box_myshop_sheet+.l_box_myshop_sheet{
    margin: 2rem 0 0 0;
}
/***sp*/
@media screen and (max-width:767px){
    .myshop_tmb img{
        width: 120px;
        height: 120px;
    }
    .myshop_tmb span{
        width: 118px;
        height: 118px;
    }
	.l_box_myshop_sheet.shadow{
		width: calc( 100% - 3px );/* shadow */
	}
	.l_box_myshop_sheet::before {
		width: calc( 100% - 3px );/* shadow */
	}
}
/***************** newface, schedule*/
.l_wrap_newface,
.l_wrap_schedule,
.l_wrap_recom {
    display: flex;
    flex-wrap: wrap;
}
.l_box_newface_sheet,
.l_box_schedule_sheet,
.l_box_recom_sheet{
    display: flex;
	width: 100%;
    margin: 0 auto 0;
	padding: 24px 0 28px;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #cfcfcf;
}
.l_box_newface_sheet:first-child,
.l_box_schedule_sheet:first-child,
.l_box_recom_sheet:first-child{
	border-top: 1px solid #cfcfcf;
}
.nav_cnt+.l_wrap_newface,
.nav_cnt+.l_wrap_schedule,
.nav_cnt+.l_wrap_recom
{
    margin-top: 24px;
}
/* pc */
@media (min-width: 751px) {
	.l_box_newface_sheet:first-child,.l_box_newface_sheet:nth-child(2),
	.l_box_schedule_sheet:first-child,.l_box_schedule_sheet:nth-child(2),
    .l_box_recom_sheet:first-child,.l_box_recom_sheet:nth-child(2){
		border-top: 1px solid #c7c7c7;
	}
	.l_box_newface_sheet:nth-child(odd),
	.l_box_schedule_sheet:nth-child(odd),
    .l_box_recom_sheet:nth-child(odd){
		border-right:1px solid #c7c7c7;
		border-left:1px solid #c7c7c7;
	}
	.l_box_newface_sheet:nth-child(even),
	.l_box_schedule_sheet:nth-child(even),
    .l_box_recom_sheet:nth-child(even){
		border-left:1px solid #fff;
		border-right:1px solid #c7c7c7;
	}
    .l_box_newface_sheet .cp,
    .l_box_schedule_sheet .cp,
    .l_box_recom_sheet .cp {
        width: 100%;
        margin-bottom: 0;
    }
    .l_box_newface_sheet,
    .l_box_schedule_sheet,
    .l_box_recom_sheet{
		width: calc( 50% - 4px );
		padding: 12px 0 16px;
		margin: 0 auto;
    }
	/* 左寄せ */
	.l_wrap_newface::after,
	.l_wrap_schedule::after,
    .l_wrap_recom::after {
		content: "";
		display: block;
		height: 0;
		width: calc( 50% - 4px );
		margin: 0 auto;
	}
}
/********************アンケートページ**/
.pid_enquete .container{
    overflow: visible;
}
.l_box_sticky_info{
    position: sticky;
    bottom: 45px;
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
.chkd_num{
    font-weight: bold;
    color: #d50000;
}
.info{
    background-color: #efefef;
    width: calc( 100% - 5rem );
    padding: .6rem 2rem;
    margin: 0 auto 5px;
    text-align: center;
}
.info:not(:empty){
	animation-name:fadeInAnime;
	animation-duration:.7s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeInAnime{
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.l_box_sticky_info .info{
	background-color: #f2f935;
}
.l_box_sticky_info .info strong{
	color: #d50000;
}
.info:empty{
	padding: 0;
}
.l_wrap_enquete .row {
    display: flex;
    flex-wrap: wrap;
    width: 98%;
    margin: 0 auto;
    align-items: stretch;
}
.l_wrap_enquete .row + .row{
    border-top: none;
}
.l_wrap_enquete .row:last-child{
    /*margin-bottom: 2rem;*/
}
.l_wrap_enquete .row .colhead {
    width: 100%;
    padding: 1rem;
    background-color: #fdf6eb;
}
.l_box_enquete_sheet .headline_sub{
    text-align: left;
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #fff;
    border: none;
    border-left: 5px solid #f57c01;
    padding: 8px 0 8px 10px;
}
.l_box_enquete_sheet .legend{
    width: calc( 100% - 2rem );
    font-size: 1.6rem;
    text-align: left;
    background-color: #fdf6eb;
    border: 1px solid #999;
    border: none ;
    margin: 0 auto;
    padding: 1rem 0 1rem 1rem;
}
.l_box_enquete_sheet .colbody{
    padding: 1rem 0 2rem 2rem;
    width: 100%;
}
/* pc */
@media (min-width: 751px) {
    .l_box_enquete_sheet .colbody{
       display: flex;
       flex-wrap: wrap;
       align-items: center;
    }
    .l_box_enquete_sheet .headline + label{
        margin-left: .5rem;
    }
    .l_box_enquete_sheet label + .headline{
        margin-left: 2rem;
    }
    .l_wrap_enquete .row{
        /*border: 1px solid #999;*/
    }
}
.p_note .emphasis{
    margin-left: 0;
}
.l_box_enquete_sheet .colbody h4.headline{
    font-weight: normal;
}
.l_box_enquete_sheet .headline+span{
    font-weight: bold;
    padding: 0 0 1rem 2rem;
    display: inline-block;
}
/* pc */
@media (min-width: 751px) {
    .l_box_enquete_sheet .headline+span{
        padding: 0 3rem 0 .6rem;
        display: inline-block;
    }
}


.l_box_enquete_sheet+.p_note{
    margin: 2rem 0 ;
}
.l_box_enquete_sheet {
    border-top: 1px solid #eee;
}
.l_box_enquete_sheet + .l_box_enquete_sheet{
    margin-top: 2rem;
}
.mmp_checbox label::after{
    border: none;
}
.mmp_checbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: none;
    width: 98%;
    margin: 20px auto;
}
.mmp_checbox label {
    width: 46%;
    margin: .6rem;
    text-align: center;
}
@media only screen and (min-width: 960px)  {
    .mmp_checbox label {
        width: 23%;
    }
    .mmp_checbox::after {
        display: block;
        content:"";
        width: 50%;/* label 2つ分 */
     }
}
.mmp_checbox label:last-child{
    margin-bottom: 2rem;
}
.mmp_checbox label input {
    display: none;
}
.mmp_checbox label span {
    display: block;
    color: #000;
    border: 1px solid #999;
    border-radius: 20px;
    padding: 5px 10px;

}
.mmp_checbox label input:checked + span {
    color: #FFF;
    background: #b71c1c;
    border: 1px solid #b71c1c;
}
.mmp_checbox_conf span{
    padding: 5px 10px;   
}
.l_box_enquete_sheet.mmp_checbox_conf{
    padding-bottom: 1rem;
}
.headline_sub{
    width: calc( 100% - 15px );
    margin-bottom: .6em;
    text-align: center;
    background-color: #fdf6eb;
    border-bottom: 1px solid #ccc;
    padding: .6rem 0;
}
.l_box_enquete_sheet:first-child .headline_sub{
    border-top: 1px solid #ccc;
}
/* 総合レビュー */
.mmp_stars input + label:before{
    content: none;
}
.mmp_stars input[type=radio]:checked + label:after{
    content: none;
}
.mmp_stars label::after{
    content: none;
}
.stars span{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin: 0 0 10px calc((100% - 250px)*.5);
}
.stars input[type='radio']{
    display: none;
}
.stars label{
    color: #D2D2D2;
    font-size: 3rem;
    padding: 0 10px;
    cursor: pointer;
}
.stars label:hover,
.stars label:hover ~ label,
.stars input[type='radio']:checked ~ label{
    color: #F8C601;
}
.stars rt{
    color: #000;
}
.stars.set_1 ruby:nth-child(1) rt,
.stars.set_2 ruby:nth-child(2) rt,
.stars.set_3 ruby:nth-child(3) rt,
.stars.set_4 ruby:nth-child(4) rt,
.stars.set_5 ruby:nth-child(5) rt{
    color: #000;
}
.stars rb{
    -webkit-text-stroke: 1px #000;
    text-stroke: 1px #FFF;
}
.mmp_stars_conf .stars ruby{
    color: #D2D2D2;
    font-size: 3rem;
    padding: 0 10px;
}
.mmp_stars_conf .stars ruby rt{
    color: #909090;
}
.set_1 ruby:nth-child(n+1),
.set_2 ruby:nth-child(n+2),
.set_3 ruby:nth-child(n+3),
.set_4 ruby:nth-child(n+4),
.set_5 ruby:nth-child(n+5)
{
    color: #F8C601;
}

.l_uh_answer.oneword span{
    display: inline-block;
}
.l_uh_answer.oneword span::after{
    content: "/ ";
    display: inline-block;
    width: 1rem;
}
.mmp_stars_conf .stars.small ruby{
    font-size: 2rem;
    padding: 0 5px;
}
.stars.small span{
    margin: 0 0 10px calc((100% - 360px)*.5);
}
/******************** star_rating */
.star_rating i::after,
.star_rating i::before,
.star_rating input::after,
.star_rating input::before{
    height: 100%;
    padding:0;
    margin:0;
    box-sizing: border-box;
    text-align: center;  
    vertical-align: middle;
}
.star_rating {
    position:relative;
    font-size:0;
    white-space:nowrap;
    display:block;
    width:250px;
    height:50px;
    overflow:hidden;
    margin: 0 auto 2rem;
    /*灰*/
    background-image:
        url('data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6Izk5OTt9PC9zdHlsZT48L2RlZnM+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEwIDE0LjA5IDUuMjUgMTcuNTUgNy4wNiAxMS45NiAyLjMxIDguNSA4LjE4IDguNSAxMCAyLjkxIDExLjgyIDguNSAxNy42OSA4LjUgMTIuOTQgMTEuOTYgMTQuNzYgMTcuNTUgMTAgMTQuMDkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMCw0LjUzbDEuMjMsMy43OC4yMi42OWg0LjcxbC0zLjIyLDIuMzQtLjU5LjQyLjIzLjY5LDEuMjIsMy43OUwxMC41OSwxMy45LDEwLDEzLjQ3bC0uNTkuNDNMNi4yLDE2LjI0bDEuMjItMy43OS4yMy0uNjktLjU5LS40MkwzLjg0LDlIOC41NWwuMjItLjY5TDEwLDQuNTNtMC0zLjI0TDcuODIsOGgtN2w1LjcsNC4xNS0yLjE4LDYuN0wxMCwxNC43MWw1LjcxLDQuMTQtMi4xOC02LjdMMTkuMjMsOGgtN0wxMCwxLjI5Wk0xOS4yMyw4aDBaIi8+PC9zdmc+');
    background-size: contain;
    background-repeat:repeat-x;
}
.star_rating i{
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 20%;
      z-index: 1;
      /*黄*/
      background-image: 
          url('data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2Y3YzYxYTt9PC9zdHlsZT48L2RlZnM+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEwIDEuMjkgMTIuMTggOCAxOS4yMyA4IDEzLjUzIDEyLjE1IDE1LjcxIDE4Ljg1IDEwIDE0LjcxIDQuMjkgMTguODUgNi40NyAxMi4xNSAwLjc3IDggNy44MiA4IDEwIDEuMjkiLz48L3N2Zz4=');  
      background-size: contain;
      background-repeat:repeat-x;
}

.star_rating input{ 
      -moz-appearance:none;
      -webkit-appearance:none;
      opacity: 0;
      position: relative;
      display:inline-block;
      width: 20%;
      height: 100%; 
      margin:0;
      padding:0;
      z-index: 2;
      cursor: pointer;
}
.star_rating input:hover + i,
.star_rating input:checked + i{
  opacity:1;    
}
.star_rating i ~ i { width: 40%; }
.star_rating i ~ i ~ i { width: 60%; }
.star_rating i ~ i ~ i ~ i { width: 80%; }
.star_rating i ~ i ~ i ~ i ~ i { width: 100%;}
.star_rating.val_1 i {
    opacity: 1;
    width: 20%;
}
.star_rating.val_2 i ~ i{
    opacity: 1;
    width: 40%;
}
.star_rating.val_3 i ~ i ~ i{
    opacity: 1;
    width: 60%;
}
.star_rating.val_4 i ~ i ~ i ~ i{
    opacity: 1;
    width: 80%;
}
.star_rating.val_5 i ~ i ~ i ~ i ~ i{
    opacity: 1;
    width: 100%;
}
/***** error pop */
.error_pop{
    display: none;
}
.error_enq .popup_inner{
    height: auto;
}
.ttl_error {
    font-size: 1.6rem;
    color: #d50000;
    margin: 0 0 10px 0;
}
/******** confirm*/
.l_box_enquete_sheet .legend+ul{
    display: flex;
	flex-wrap: wrap;
}
.l_box_enquete_sheet .legend+ul li{
	margin: 0.5rem 1rem 0 1rem;/* 2行時の上下余白 */
}
.l_box_enquete_sheet .legend+ul li:last-child{
	margin-bottom: 1rem;
}
.pid_enquete .mb80{
    margin-bottom: 0!important;
}
/* 20220728 info_detail */
.l_box_info_sheet{
	margin-bottom: 20px;
	border-top: 1px solid #ededed;
}
.l_box_info_sheet.unchecked{
    background-color: #fcfade;
}
.l_box_info_sheet > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem;
    border: 1px solid #444;
}
a.nolink {
    pointer-events: none;
    border: none;
}
.l_box_info_sheet > a.islink::after{
    content: "詳細はこちら";
    margin: auto 0 auto auto;
	background-color: #000;
	padding: .2rem 1rem;
	color: #fff;
}
.l_box_info_sheet > a.nolink::after{
    content: none;
}
.info_time{
    color: #444;
    margin: 0 6px 0 0;
}
.info_cat {
    color: #fff;
    padding: 1px 4px;
    text-align: center;
    border-radius: 4px;
}
.info_ttl {
    width: 100%;
    margin: 3px 0 6px 0;
    font-size: 1.6rem;
}
.info_txt {
    width: 100%;
}
/************************************************************ info_detail */
.l_wrap_info_detail{
    display: flex;
    flex-wrap: wrap;
	background-color: #fff;
	border: 1px solid #d2d2d2;
	padding: 10px;
	margin: 0 0 20px 0;
}
.l_wrap_info_detail .info_ttl{
    border-bottom: 1px solid #444;
	margin-bottom: 20px;
	padding: 0 0 5px 0;
}
.l_wrap_info_detail .info_ttl h1{
    width: 100%;
    font-size: 2.4rem;
    margin: 2rem 0;
}
.info_detail{
    line-height: 2;
	word-break: break-all;
	max-width: 560px;
    margin: 0 auto 50px;    
}
.info_detail a{
	text-decoration: underline;
	word-break: break-all;
}
.info_detail img{
    width: auto!important;
    height: auto!important;
    max-width: 100%;
}
/* header */
.l_header{
    justify-content: initial;
}
.l_header_logo {
	margin-left: 16px;
}
.l_header_user {
    width: calc( 100% - 160px - 60px - 60px );
}
.header_username{
    margin: auto 0 auto auto;
    text-align: right;
}
.l_header_info{
    margin: auto 70px auto auto;
}
/* header login */
.l_header_left + nav {
	margin: auto 0 auto auto;
}
@media only screen and (max-width: 960px) {
	.header_username{
		width: 110px;
	}
    .l_header_user {
		width: calc( 100% - 120px - 60px - 60px );
     }
     .l_header_info{
        margin: auto 60px auto auto;
    }
}
.l_header_info .btn{
    width: 34px;
    height: 34px;
}
.i_info{
    display: block;
    width: 34px;
    height: 34px;
	background-position: center;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cpath%20d%3D%22M29.13%2C168.06c-3.64%2C0-6.61-2.96-6.61-6.61%2C0-6.83%2C3.68-13.18%2C9.6-16.57%2C7.2-4.13%2C11.68-11.85%2C11.68-20.15v-53.32c0-28.28%2C20.76-52.01%2C48.56-55.9v-4.41c0-4.36%2C3.54-7.9%2C7.9-7.9s7.9%2C3.54%2C7.9%2C7.9v4.42c13.13%2C1.88%2C25.2%2C8.46%2C34.13%2C18.66%2C9.3%2C10.61%2C14.43%2C24.24%2C14.43%2C38.37v52.18c0%2C8.3%2C4.47%2C16.02%2C11.68%2C20.15%2C5.92%2C3.39%2C9.6%2C9.74%2C9.6%2C16.57%2C0%2C3.64-2.96%2C6.61-6.6%2C6.61H29.13Z%22%2F%3E%3Cpath%20d%3D%22M100.26%2C196.54c-9.62%2C0-17.67-7.2-18.72-16.76l-.2-1.78h37.84l-.2%2C1.78c-1.06%2C9.55-9.11%2C16.76-18.73%2C16.76Z%22%2F%3E%3C%2Fsvg%3E');
}

.i_info a{
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
}
.i_info span {
    position: absolute;
	right: -5px;
	top: -1px;
    display: block;
    background-color: #e72e28;/*b71c1c;*/
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
}
.menu{
    cursor: pointer;
}
/* sp */
@media only screen and (min-width: 1px) and (max-width: 960px){
	.l_header_logo {
		margin-left: 4px;
	}
    .i_info span {
        width: 20px;
        height: 20px;
        line-height: 20px;    
    }
	.l_header_info {
		margin: auto 68px auto auto;
	}
}

/* 20220722 menu */
.pid_index nav{
	margin: auto 0 auto auto;
}
.sidebar .wrapper{
    padding-top: 0.2rem; 
}
.sidebar_username{
    padding: 1rem;
    text-align: center;
    background-color: #f1f1f1;
}
.sidebar_username .ttl{
    font-size: 1.3rem;
}
.sidebar_username .u_name span{
    font-size: 2.0rem;
    color: #b71c1c;
    font-weight: bold;
}
.btn_logout {
	text-align: center;
}
.btn_logout a{
	color: #000;
	border: 1px solid #222;
	background-color: #fff;
	width: 70%;
	max-width: 280px;
	margin: 50px auto 50px;
	cursor: pointer;
	text-align: center;
}
/* pc */
@media (min-width: 751px) {
	.btn_logout {
		text-align: center;
	}
}
.sidebar .btn_proto_s.btn_logout a{
	color: #000;
	padding: 10px 0;
	width: 100%;
}
.sidebar .l_logout{
    margin: 16px auto 60px;
}
/* PC header URL */
.l_header_info + p {
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 1.6rem!important;
  }
/********************************************* favorite */
:root {
    --fav-border-color:#ccc;
	--fav-btn-on-color:#f8057e;/* var(--fav-btn-on-color); */
	--fav-btn-off-color:#fff;/* var(--fav-btn-off-color); */
	--fav-btn-on-tx-color:#fff;/* var(--fav-btn-on-tx-color); */
	--fav-btn-off-tx-color:#000;/* var(--fav-btn-off-tx-color); */

}
.l_wrap_favorite {
/*  background-color: #f7f7f7;*/
}
.ttl_fav_list{
	margin: 30px 10px 10px;
	font-size: 2.0rem;
}
/* pc */
@media (min-width: 751px) {
    .ttl_fav_list{
		margin: 30px 0 10px;
    }
}

.pid_favorite_girl .l_box_control{
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4OS4xNCAxMTkuNTciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZhNGEyO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMzMuODMsODguNThjLTIuOTgtMi45LTYuMjEtNS41NS0xMC4wNy04Ljg4LTEuNjMsNy45Ny00LjEsMTQuMzMtMTMuNjIsMTMuNDgtMS43NC01Ljk0LTMuNTItMTIuMDMtNS4zOC0xOC4zOCw0LjU4LTEuMzQsOS4wOS0yLjY1LDEzLjU4LTMuOTgsMS42NS0uNDksMy41NS0xLjQ0LDIuMS0zLjI3LTIuMzYtMi45OC01LjMxLTUuNS04Ljc2LTguOTctLjk3LDMuNTktMS4zLDYuMzctMi41MSw4LjY4LS43MywxLjM5LTIuNzksMi4xOC00LjM5LDIuOTUtLjQxLC4yLTEuNzktLjU2LTEuOTctMS4xMi0xLjQ3LTQuNTQtMi43NS05LjEzLTQuMTgtMTQuMDIsNC42Ny0xLjM3LDkuMjYtMi43MiwxMy44Ny00LjA2LDEuNjctLjQ5LDMuNi0xLjQ0LDIuMjItMy4yMi0yLjM2LTMuMDYtNS4zNi01LjYyLTguNDgtOC44LTIuNzUsNC44OC0xLjEsMTIuNDMtOS42NCwxMS4yMS0xLjM5LTQuNzYtMi44My05LjY4LTQuMzktMTQuOTcsNC43OC0xLjQsOS42MS0yLjgxLDE0LjQzLTQuMjMsMS42My0uNDgsMy42Mi0xLjQsMi4yLTMuMjMtMi4zOC0zLjA2LTUuMzktNS42NS04LjE0LTguNDMtLjQtLjA1LS44LS4xLTEuMjEtLjE1LC4wNyw5LjE0LTUuMDEsMTIuMzYtMTMuMDYsMTIuNTIsLjUxLTEuMjEsLjk3LTIuMjMsMS4zNy0zLjI4LDIuNC02LjMyLDQuODItMTIuNjIsNy4xNC0xOC45NywuNTUtMS41LC45Ni0zLjIzLTEuMjEtNC4wMS01LjA1LTEuOC0xMC4xLTMuNTctMTUuNDItNS40NSwxLjQ1LDExLjU1LDIuODMsMjIuNDcsNC4yMSwzMy40My01LjQ2LDEuNi0xMC4wNywyLjk3LTE0LjcsNC4yNy0uNTYsLjE2LTEuMzEsLjA2LTEuODQtLjIxLTEuMzItLjY3LTIuNTctMS41LTQuMDMtMi4zOCwuMTYtLjQ2LC41My0xLjI5LC43NC0yLjE2LDEuNzMtNi45OSwzLjUzLTEzLjk2LDUuMDMtMjAuOTksLjIyLTEuMDEtLjgzLTMuMjEtMS41OS0zLjM2LTQuOTktMS0xMC4wNy0xLjU5LTE1LjgyLTIuNDEsMi4yOSwxNC4zMSwyLjE5LDI3LjYyLTQuNDYsNDAuNDItMi40My0xLjk2LTQuNjgtMy43Ny03LjQ1LTYtLjc0LDIuNTMtMS41Nyw0LjQyLTEuODIsNi4zOS0uNTEsNC4wNC0zLjExLDQuNzktNi4wNSw0LjgxLTIuMDgtNy4wOS00LjAyLTEzLjkxLTYuMTItMjAuNjktLjM2LTEuMTctMS4yNi0yLjkxLTIuMTUtMy4wNy00LjExLS43NC04LjI5LTEuMDItMTMuNDktMS41OCwzLjAyLDEwLjMsNS43OSwxOS43Niw4LjY0LDI5LjQ5LTEuOTQsLjU3LTMuMTMsLjkyLTQuMzMsMS4yNy0zLjc0LDEuMS03LjUzLDIuMDgtMTEuMTksMy4zOS0uODQsLjMtMS4yNywxLjc3LTEuODgsMi43LDEuMDMsLjQzLDIuMDQsMS4xMywzLjEsMS4yMiwuOTYsLjA4LDEuOTgtLjQ5LDIuOTctLjc4LDMuOTItMS4xNSw3Ljg0LTIuMywxMi4wOC0zLjU0LDEuNDIsNi4yLDIuNzksMTEuODYsMy45MywxNy41NywuMTUsLjczLS43NywyLjA2LTEuNTQsMi41My0zLjQ0LDIuMDUtNi45NywzLjk2LTEwLjUzLDUuOC03LjUxLDMuODgtNy41MywzLjg1LTMuMzYsMTEuMDcsMi41Nyw0LjQ2LDIuODQsNC41Niw3LjI1LDEuNiwzLjQ0LTIuMzIsNi43OS00Ljc4LDEwLjI3LTcuMjUsNC4xLDE0LjQ4LC40NSwyMC4yNC0xMy4wMywyMC45MS0xLjA5LDIuNDMsLjIzLDMuMjIsMi4zNywzLjU2LDYuOSwxLjEsMTMuODIsMi4wNywyMC42NywzLjQsMy43OCwuNzMsNS43Mi0uODksNi42Ni00LjE3LC42NS0yLjMsMS41MS00Ljc1LDEuMjgtNy4wNC0uNjItNi40NS0uOTUtMTMuMTEtMi44OS0xOS4yMS0yLjE3LTYuODMtMi40MS0xMi4zNiwzLjI5LTE3LjQ5LDEuODctMS42OSwyLjg0LTQuMzgsNC4yMi02LjYybC0uOTctLjhjLTMuMzksMi41Ny02Ljc4LDUuMTQtMTAuMTIsNy42OC0xLjU0LTUuMjUtMi45OS0xMC4xOS00LjQ5LTE1LjMyLDMuMTUtLjkyLDUuNzctMS43NCw4LjQyLTIuNDMsLjUzLS4xNCwxLjU4LC4wMiwxLjcxLC4zMywxLjIsMi44MSwyLjg4LDEuMiw0LjEyLC4zMywyLjg1LTIuMDIsNS41Mi00LjI5LDguNDctNi42MiwuNDUsMS41MiwuODIsMi43MSwxLjE0LDMuOTIsNC45MywxOC4zOCw5LjgyLDM2Ljc2LDE0Ljc4LDU1LjEzLDIuMDgsNy43MSwuNzMsNi41Nyw4LjYsNS44MXE2LjMyLS42MSw1LjgxLTYuODNjMS4xMi0uMzMsMi4zMS0uNjgsMy40OS0xLjAyLDE0LjItNC4xNiwyOC40LTguMzIsNDIuNi0xMi40OCwuODgtLjI2LDIuMS0uMjcsMi41NS0uODYsLjY1LS44NSwxLjM2LTIuNzUsLjk4LTMuMTJaTTY3LjE2LDQyLjcxYzQuNTYtMS4zMyw4LjQ4LTIuNDgsMTIuNTUtMy42OCwxLjUsNS4xMSwyLjk1LDEwLjA4LDQuNDgsMTUuMjktNC40LDEuMjktOC40OSwyLjQ5LTEyLjU1LDMuNjgtMS40OC01LjA0LTIuOTMtMTAuMDEtNC40OC0xNS4yOVptNS4yLDIwLjMyYzQuNDEtMS4yOSw4LjUtMi40OSwxMi41OS0zLjY5LDEuNDgsNS4wNiwyLjk0LDEwLjAzLDQuNDUsMTUuMjEtNC42NCwxLjM2LTguNjcsMi41NC0xMi41OSwzLjY5LTEuNS01LjEzLTIuOTQtMTAuMDUtNC40NS0xNS4yMVptMjEuNzQsMzUuNTJjLTMuNjYsMS4yMy03LjM4LDIuMjQtMTEuMDEsMy4zMS0xLjg5LTYuNDctMy42OC0xMi41Ni01LjU0LTE4LjksNC42Ni0xLjM2LDguNjctMi41NCwxMi42Mi0zLjY5LDEuNzIsNS44NywzLjQzLDExLjU0LDQuOTcsMTcuMjQsLjE2LC41Ny0uNSwxLjg3LTEuMDQsMi4wNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzAuMjYsODUuMjZjLTEwLjk1LDMuMjItMTkuNjgtLjgxLTI0LjA0LTExLjI2LTUuMzgtMTIuOTEtNi4zLTI2LjYzLTcuMTQtNDAuMzUtLjEzLTIuMTcsLjA2LTQuMzYtLjE0LTYuNTEtLjI5LTMuMTQsMS4xLTMuOTIsNC4wNS0zLjc0LDkuMzgsLjU3LDcuNDEtLjA2LDcuNjcsNy45LC4zMSw5LjY5LDEuMDUsMTkuMzgsMi4wOSwyOS4wMiwuMzgsMy41NSwxLjc0LDcuMTYsMy4zOSwxMC4zNiw0LjAyLDcuNzcsMTIuOTUsOS43OCwxOS43Nyw0LjI3LDMuMDItMi40NCw1LjE1LTYuMDIsNy41NC05LjE5LC44OC0xLjE3LDEuMi0yLjc2LDIuMDgtMy45MywuNTgtLjc2LDEuNzEtMS4wOSwyLjYtMS42MSwuMzUsLjk5LDEuMDksMi4wMiwuOTksMi45Ni0xLjAzLDkuNTItOS40OCwxOS4zMy0xOC44NiwyMi4wOVoiLz48L3N2Zz4'); 
    background-color:rgba(230, 230, 230, 0.7);
    background-blend-mode:lighten;
    background-position: right top;
    background-size: 50%;
    margin-bottom: 20px;
}
.l_li_control_favorite .col{
    margin: 0 0 1rem 0;
}
.l_li_control_favorite .col:last-child{
	margin: 0;
}

/* .l_box_fav_att */
.l_box_fav_att {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-x: auto;
}
.l_box_fav_att .blk {
    position: relative;
    flex-shrink: 0;
    border-top: 1px solid var(--fav-border-color);
    border-bottom: 1px solid var(--fav-border-color);
}
.l_box_fav_att .blk:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border-right: 1px dashed var(--fav-border-color);
    height: 100%;
}
.l_box_fav_att .blk:last-child:after{
    border-right: 1px solid var(--fav-border-color);
    height:100%;
    top: 0;
}
.l_box_fav_att .blk:first-child::before{
	content: "";
    display: block;
    position: absolute;
	left: 0;
	top: 0;
	height: 100%;
    border-left: 1px solid var(--fav-border-color);
}
/* day */
.l_box_fav_att .blk div:nth-child(1){
    background-color: #efefef;
    text-align: center;
/*	width: 76px;*/
	padding: 1px 6px 0 6px;
    border-bottom: 1px solid #ddd;
}
.sat{ color: #048bf7;}
.sun{ color: #ff0033;}
/* time */
.l_box_fav_att .blk div:nth-child(2){
    text-align: center;
    line-height: 1.2;
    padding: 4px 2px 4px 2px;
}
.time_off{ background-color: #efefef; }
/* pc */
@media (min-width: 751px) {
    .l_box_favorite_sheet a[href*="tel:"] {
        background-color: initial;
        -webkit-box-shadow:none;
        box-shadow:none;
        text-align: left;
    }
    .l_box_fav_att .blk{
        min-width: calc( 100% / 7 );
    }
}
/*********select cp add favorite btn  */
.oki_add_btn{
    position: relative;
    cursor: pointer;
    width: 94%;
	max-width: 164px;
    height: 32px;
    line-height: 30px;
	text-indent: 22px;
	color: var(--fav-btn-off-tx-color);
    padding: 0;
    border: 1px solid var(--fav-btn-on-color);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    background-color: var(--fav-btn-off-color);
}
.cp_oki{
    height: 34px;
	margin: 24px 0 0 0;
}
/* icon */
.oki_add_btn::after{
    top: 4px;
    right: 4px;
}
.result_fav_sheet .cp {
	background: none;
	margin: 20px 0 0;
	border: 1px dashed #666;
}
.result_fav_sheet .cp_txt{
	background: none;
	padding: 6px 0 ;
}
.result_fav_sheet .cp_tmb{
	padding: 0;
	min-height: auto;
}
.result_fav_sheet .cp_oki{
    position: relative;
	margin-top: 12px;
}
.result_fav_sheet .btn_bk{
    width: 94%;
    max-width: 164px;
    margin: 12px 0 12px 0;
}
/*********stop favorite btn  */
.wrap_stop_fav{
    position: absolute;
	top: 206px;
	left: calc( (162px - 134px)*.5  + 0px );
}
.btn_stop_fav{
	height: 28px;
	width: 134px;
	line-height: 28px;
    position: relative;
    color: var(--fav-btn-on-tx-color);
	padding: 0 0 0 0;
    border: 1px solid;
    border-radius: 4px;
    background-color: var(--fav-btn-on-color);
	border: 1px solid #4a4a4a;
    text-indent: 22px;
}
.btn_stop_fav::after{
    content: "";
    margin-left: 26px;
    position: absolute;
    top: 3px;
    left: -22px;
}
div.btn_stop_fav{
    cursor: pointer;
}
a.btn_stop_fav{
    display: block;
    cursor: pointer;
}
/* pc */
@media (min-width: 751px) {
	.wrap_stop_fav{
		top: 6px;
		right: 16px;
		left: unset;
	}
	/*
	.cp_oki{
        bottom: 4px
    }
	*/
	.btn_stop_fav:hover{
		opacity: .7;
	}
}
/* icon touroku */
.oki_inp::after,
.oki_add_btn::after{
    position: absolute;
    left: calc( 50% - 7rem - -4px );
    padding: 0;
    margin: 0;
    content: "";
    width: 22px;
    height: 22px;
    cursor: pointer;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A2%E3%83%8B%E3%83%A122_22_ver3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%23b3b3b3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22Icon_awesome-heart%22%20class%3D%22cls-2%22%20d%3D%22M18.25%2C4.07c-1.97-1.6-4.84-1.39-6.56%2C.48l-.69%2C.71-.69-.71c-1.72-1.86-4.59-2.07-6.56-.48-2.11%2C1.82-2.34%2C5.01-.52%2C7.12%2C.06%2C.06%2C.11%2C.13%2C.17%2C.19l6.8%2C7.02c.42%2C.44%2C1.12%2C.46%2C1.56%2C.04%2C.01-.01%2C.03-.02%2C.04-.04l6.8-7.02c1.93-2.01%2C1.86-5.2-.15-7.13-.06-.06-.13-.12-.19-.18Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.97%2C5.61c-.5-.4-1.1-.61-1.74-.61-.79%2C0-1.53%2C.32-2.07%2C.9l-.02%2C.02-.02%2C.02-.69%2C.71-1.44%2C1.48-1.44-1.48-.69-.71-.02-.02-.02-.02c-.54-.58-1.27-.91-2.07-.91-.64%2C0-1.24%2C.21-1.74%2C.61-1.25%2C1.1-1.38%2C3.02-.29%2C4.28%2C.03%2C.04%2C.07%2C.08%2C.1%2C.11l6.15%2C6.35%2C6.16-6.36c.56-.58%2C.86-1.35%2C.84-2.16-.02-.81-.35-1.57-.94-2.13-.03-.03-.06-.06-.09-.09Z%22%2F%3E%3C%2Fsvg%3E');
}
/* icon animation kaijo*/
.oki_inp:checked::after,
.btn_stop_fav::after{
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A2%E3%83%8B%E3%83%A122_22_ver3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20220%2022%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%23b3b3b3%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22Icon_awesome-heart%22%20class%3D%22cls-2%22%20d%3D%22M17.45%2C4.95c-1.75-1.42-4.3-1.23-5.83%2C.42l-.62%2C.64-.62-.63c-1.53-1.66-4.08-1.84-5.83-.43-1.88%2C1.62-2.08%2C4.46-.46%2C6.33%2C.05%2C.06%2C.1%2C.11%2C.15%2C.17l6.04%2C6.24c.37%2C.39%2C.99%2C.41%2C1.38%2C.03%2C.01-.01%2C.02-.02%2C.03-.03l6.05-6.24c1.71-1.79%2C1.65-4.63-.13-6.34-.06-.05-.11-.11-.17-.16Z%22%2F%3E%3Cpath%20id%3D%22Icon_awesome-heart-2%22%20class%3D%22cls-1%22%20d%3D%22M84.25%2C4.07c-1.97-1.6-4.84-1.39-6.56%2C.48l-.69%2C.71-.69-.71c-1.72-1.86-4.59-2.07-6.56-.48-2.11%2C1.82-2.34%2C5.01-.52%2C7.12%2C.06%2C.06%2C.11%2C.13%2C.17%2C.19l6.8%2C7.02c.42%2C.44%2C1.12%2C.46%2C1.56%2C.04%2C.01-.01%2C.03-.02%2C.04-.04l6.8-7.02c1.93-2.01%2C1.86-5.2-.15-7.13-.06-.06-.13-.12-.19-.18Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.12%2C6.52c-.43-.34-.94-.52-1.49-.52-.68%2C0-1.31%2C.28-1.77%2C.78v.02s-.03%2C.02-.03%2C.02l-.59%2C.61-1.23%2C1.27-1.23-1.27-.59-.61-.02-.02-.02-.02c-.46-.5-1.09-.78-1.77-.78-.55%2C0-1.06%2C.18-1.49%2C.52-1.07%2C.95-1.18%2C2.59-.25%2C3.67%2C.03%2C.03%2C.06%2C.07%2C.09%2C.1l5.27%2C5.45%2C5.28-5.45c.48-.5%2C.73-1.16%2C.72-1.85-.01-.7-.3-1.35-.8-1.83-.03-.03-.05-.05-.08-.07Z%22%2F%3E%3Cpath%20id%3D%22Icon_awesome-heart-3%22%20class%3D%22cls-1%22%20d%3D%22M106.25%2C4.07c-1.97-1.6-4.84-1.39-6.56%2C.48l-.69%2C.71-.69-.71c-1.72-1.86-4.59-2.07-6.56-.48-2.11%2C1.82-2.34%2C5.01-.52%2C7.12%2C.06%2C.06%2C.11%2C.13%2C.17%2C.19l6.8%2C7.02c.42%2C.44%2C1.12%2C.46%2C1.56%2C.04%2C.01-.01%2C.03-.02%2C.04-.04l6.8-7.02c1.93-2.01%2C1.86-5.2-.15-7.13-.06-.06-.13-.12-.19-.18Z%22%2F%3E%3Cpath%20id%3D%22Icon_awesome-heart-4%22%20class%3D%22cls-1%22%20d%3D%22M127.45%2C4.95c-1.75-1.42-4.3-1.23-5.83%2C.42l-.62%2C.64-.62-.63c-1.53-1.66-4.08-1.84-5.83-.43-1.88%2C1.62-2.08%2C4.46-.46%2C6.33%2C.05%2C.06%2C.1%2C.11%2C.15%2C.17l6.04%2C6.24c.37%2C.39%2C.99%2C.41%2C1.38%2C.03%2C.01-.01%2C.02-.02%2C.03-.03l6.05-6.24c1.71-1.79%2C1.65-4.63-.13-6.34-.06-.05-.11-.11-.17-.16Z%22%2F%3E%3Cpath%20id%3D%22Icon_awesome-heart-5%22%20class%3D%22cls-1%22%20d%3D%22M193.45%2C4.95c-1.75-1.42-4.3-1.23-5.83%2C.42l-.62%2C.64-.62-.63c-1.53-1.66-4.08-1.84-5.83-.43-1.88%2C1.62-2.08%2C4.46-.46%2C6.33%2C.05%2C.06%2C.1%2C.11%2C.15%2C.17l6.04%2C6.24c.37%2C.39%2C.99%2C.41%2C1.38%2C.03%2C.01-.01%2C.02-.02%2C.03-.03l6.05-6.24c1.71-1.79%2C1.65-4.63-.13-6.34-.06-.05-.11-.11-.17-.16Z%22%2F%3E%3Cpath%20id%3D%22Icon_awesome-heart-6%22%20class%3D%22cls-1%22%20d%3D%22M215.45%2C4.95c-1.75-1.42-4.3-1.23-5.83%2C.42l-.62%2C.64-.62-.63c-1.53-1.66-4.08-1.84-5.83-.43-1.88%2C1.62-2.08%2C4.46-.46%2C6.33%2C.05%2C.06%2C.1%2C.11%2C.15%2C.17l6.04%2C6.24c.37%2C.39%2C.99%2C.41%2C1.38%2C.03%2C.01-.01%2C.02-.02%2C.03-.03l6.05-6.24c1.71-1.79%2C1.65-4.63-.13-6.34-.06-.05-.11-.11-.17-.16Z%22%2F%3E%3Cpath%20id%3D%22Icon_awesome-heart-7%22%20class%3D%22cls-1%22%20d%3D%22M171.45%2C4.95c-1.75-1.42-4.3-1.23-5.83%2C.42l-.62%2C.64-.62-.63c-1.53-1.66-4.08-1.84-5.83-.43-1.88%2C1.62-2.08%2C4.46-.46%2C6.33%2C.05%2C.06%2C.1%2C.11%2C.15%2C.17l6.04%2C6.24c.37%2C.39%2C.99%2C.41%2C1.38%2C.03%2C.01-.01%2C.02-.02%2C.03-.03l6.05-6.24c1.71-1.79%2C1.65-4.63-.13-6.34-.06-.05-.11-.11-.17-.16Z%22%2F%3E%3Cpath%20id%3D%22Icon_awesome-heart-8%22%20class%3D%22cls-1%22%20d%3D%22M149.45%2C4.95c-1.75-1.42-4.3-1.23-5.83%2C.42l-.62%2C.64-.62-.63c-1.53-1.66-4.08-1.84-5.83-.43-1.88%2C1.62-2.08%2C4.46-.46%2C6.33%2C.05%2C.06%2C.1%2C.11%2C.15%2C.17l6.04%2C6.24c.37%2C.39%2C.99%2C.41%2C1.38%2C.03%2C.01-.01%2C.02-.02%2C.03-.03l6.05-6.24c1.71-1.79%2C1.65-4.63-.13-6.34-.06-.05-.11-.11-.17-.16Z%22%2F%3E%3Cpath%20id%3D%22Icon_awesome-heart-9%22%20class%3D%22cls-1%22%20d%3D%22M38.64%2C5.83c-1.53-1.24-3.77-1.08-5.1%2C.37l-.54%2C.56-.54-.55c-1.34-1.45-3.57-1.61-5.1-.37-1.64%2C1.42-1.82%2C3.9-.4%2C5.54%2C.04%2C.05%2C.09%2C.1%2C.13%2C.15l5.29%2C5.46c.33%2C.34%2C.87%2C.36%2C1.21%2C.03%2C0%2C0%2C.02-.02%2C.03-.03l5.29-5.46c1.5-1.56%2C1.45-4.05-.12-5.55-.05-.05-.1-.09-.15-.14Z%22%2F%3E%3Cpath%20id%3D%22Icon_awesome-heart-10%22%20class%3D%22cls-1%22%20d%3D%22M63.06%2C3.19c-2.19-1.77-5.38-1.54-7.29%2C.53l-.77%2C.79-.77-.79c-1.91-2.07-5.1-2.3-7.29-.53-2.34%2C2.03-2.6%2C5.57-.58%2C7.91%2C.06%2C.07%2C.12%2C.14%2C.19%2C.21l7.56%2C7.8c.47%2C.49%2C1.24%2C.51%2C1.73%2C.04%2C.01-.01%2C.03-.03%2C.04-.04l7.56-7.8c2.14-2.23%2C2.07-5.78-.17-7.93-.07-.07-.14-.13-.22-.2Z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
    animation: okiCheck22_v3_short 0.8s steps(10) 1;
    animation-fill-mode:forwards;
    width: 22px;
    height: 22px;/* =btn_stop_fav height  */
    background-size: 1000%;
}
/* okiCheck anime w22px f10 1000% */
@keyframes okiCheck22_v3_short {
    99%{ background-position: -220px 0; }
    100%{background-position: -198px 0;}
}
@-webkit-keyframes okiCheck22_v3_short {
    99%{ background-position: -220px 0; }
    100%{background-position: -198px 0;}
}
@-moz-keyframes okiCheck22_v3_short {
    99%{ background-position: -220px 0; }
    100%{background-position: -198px 0;}
}
/* okiCheck anime w22px f15 1510%*/
@keyframes okiCheck22_v3 {
    99%{ background-position: -330px 0; }
    100%{background-position: -308px 0;}
}
@-webkit-keyframes okiCheck22_v3 {
    99%{ background-position: -330px 0; }
    100%{background-position: -308px 0;}
}
@-moz-keyframes okiCheck22_v3 {
    99%{ background-position: -330px 0; }
    100%{background-position: -308px 0;}
}
/* アニメーションさせない 最終フレームのままにする no_aniはjsで付与*/
.no_ani.oki_inp:checked::after,
.no_ani.btn_stop_fav::after{
    animation: none;
/*    background-position: -338px 0;*/
	background-position: -198px 0;
}
.oki_inp::after{
	/*top: 5px;*/
}
/* 初回表示時のアニメ隠し */
.oki_inp,
.wrap_stop_fav{
    animation-name:kakushiAnime;
    animation-duration:1.0s;
    animation-fill-mode:forwards;
    opacity:0;
}
@keyframes kakushiAnime{
    0% { opacity: 0; }
    80% { opacity: 0; }
    90% { opacity: 0.4; }
    100% { opacity: 1; }
}
/************************ favorite sheet */
/* .l_box_favorite_sheet */
.l_box_favorite_sheet{
	border-top: 2px solid #fff;
	border-bottom: 1px solid #cfcfcf;
    margin: 0 auto 0;
	padding: 24px 0;
}
.ttl_fav_list + div {
	border-top: 1px solid var(--fav-border-color);
}
.l_box_favorite_sheet .cp{
    display: flex;
    position: relative;
    margin-bottom: 0;
}
.l_box_favorite_sheet .cp_tmb{
    width: 162px;
	min-height: auto;
    margin:0 auto 38px;
	padding: 0;
}
.l_box_favorite_sheet .cp_txt{
    width: calc( 100% - 162px - 16px );
    padding: 0px 6px 0px 10px;
	background-color: initial;
}
.l_box_favorite_sheet .cp_name a{
    max-width: calc( 100% - 6px );
}
.l_box_favorite_sheet .cp_shop + .l_btn{
	margin: 0 0 30px 0;
}
.l_box_favorite_sheet .btn_tel_link{
    margin: 0;
    padding: .3rem 0;
	width: auto;
    max-width: 220px;
	border-radius: 4px;
}
/* pc */
@media (min-width: 751px) {
	.l_box_favorite_sheet{
		/*
        border:1px solid var(--fav-border-color);
        -webkit-box-shadow: 0 3px 8px 0 rgb(0 0 0 / 30%);
        box-shadow: 0 3px 8px 0 rgb(0 0 0 / 30%);
        border-bottom: 1px solid var(--fav-border-color);
		margin: 6px auto 10px auto;
		*/
		margin: 0 auto 0;
		padding: 12px 0 12px;
		border-right: 1px solid #c7c7c7;
		border-left: 1px solid #c7c7c7;
    }
	.l_box_favorite_sheet .cp{
        width: 100%;
        margin: 0;
    }
	.l_box_favorite_sheet .cp_tmb{
		padding: 6px 0;
		margin-bottom: 0;
	}
	.l_box_favorite_sheet .cp_shop + .l_btn{
		margin: -8px 0 12px 0;
	}
	.l_box_favorite_sheet .cp_txt{
		padding: 6px 18px 6px 6px;
		width: calc( 100% - 162px - 24px );
		background: none;
	}
}

/********************* favorite btn newface,schedule */
.oki_lab{
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0;
}
.oki_lab::after{
    content: none;
}
.cp_oki input[type=checkbox]{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    display: flex;
	align-items: center;
    position: relative;
    width: 182px;/* +border1px1px */
    height: 34px;
    background-color: #fff;/*#fcfade*/
    text-indent: 20px;
}
.cp_oki input[type=checkbox]:focus{
    border: none;
    box-shadow: none;
}
.cp_oki input[type=checkbox]:checked {
    background-color: var(--fav-btn-on-color);
	border-radius: 4px;
}
.oki_inp::before{
    position: absolute;
    bottom: 0;
    cursor: pointer;
    width: 180px;
    height: 32px;
    line-height: 32px;
    content: "お気に入り済み";
    padding: 0;
    border: 1px solid #4a4a4a;/*var(--fav-btn-on-color)*/
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.oki_inp:checked::before {
    content: "お気に入り済み";
    text-align: center;
    color: #fff;
    border: 1px solid #4a4a4a;
}
.oki_inp:not(:checked)::before {
    content: "お気に入り登録";
	color: #000;
    text-align: center;
    border: 1px solid var(--fav-btn-on-color);
	border-radius: 4px;
}
.oki_inp:checked::after {
    content: "";
    display: block;
    box-sizing: content-box;
}
/* popup はい／いいえ */
.confirme_fav .title_popup{
    border: none;
}
.confirme_fav .popup_inner{
    height: 95px;
	min-height: auto;
}
/*  popup y/n */
.box_confirme_fav{
    display: flex;
    justify-content: space-evenly;
}
.box_confirme_fav .stop_fav{
    width: 90px;
    height: 30px;
    border:1px solid #000;
    border-radius: 4px;
    margin: 0;
    background-color: #000;
    color: #fff;
}
.box_confirme_fav .stop_fav::after{
    content: none;
}
.box_confirme_fav .btn_no_stop_fav{
    width: 90px;
    height: 30px;
    border:1px solid #333;
    border-radius: 4px;
	color: #000;
}
/* click btn, send data */
.btn_disable{
	pointer-events: none;
	cursor: default;
}
.box_confirme_fav .stop_fav.btn_disable{
	pointer-events: none;
	cursor: default;
	background-color: #ccc;
	color: #333;
	border-color: #666;
}
#js_popup_bg.btn_disable,
.btn_no_stop_fav.btn_disable{
	pointer-events: none;
	cursor: default;
}

/*top cp > cp_oki */
.cp.swiper-slide .cp_oki{
	margin: 10px auto 0;
	text-align: center;
}
.cp.swiper-slide .cp_oki input[type="checkbox"]{
	width: 132px;
	margin: 0 auto;
	text-indent: 16px;
}
.cp.swiper-slide .oki_inp::before{
	width: 130px;/* -border 1x2px */
}
.cp.swiper-slide .oki_inp::after,
.cp.swiper-slide .oki_add_btn::after {
	left: calc( 50% - 7rem - -6px );
}
/* histroy */
.l_box_usage_history_sheet .cp_oki{
	width: 100%;
	margin: 4px 0 7px 0;
}
.l_box_usage_history_sheet .oki_lab{
	width: 100%;
}
.l_box_usage_history_sheet .oki_inp::before{
	width: calc( 100% - 2px );
	height: 33px;
}
.l_box_usage_history_sheet .cp_oki input[type=checkbox]{
	width: 90%;
}
/* history sp landscape */
@media only screen and (max-width: 768px) and (orientation: landscape) {
	.rs_list dt {
		width: 40%;
	 }
	 .rs_list dd {
		padding: 0.6rem 0;
		width: calc( 100% - 40% - 2rem );
	 }
	 .rs_comment{
		text-align: center;
	 }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.l_main,
	.l_top_section{
		width: 100%;
		max-width: 760px;
	}
}
/* menu new-mark */
i{
	font-style: normal;
}
i.nw::before,
i.new_txt::before {
	content: "NEW";
	display: inline-block;
	padding: 0 0.6rem;
	margin: 0 6px 0 0;
	background-color: #e91e63;
	border-radius: 0 4px;
	color: #fff;
}

/***** 202211 MMP-102 favorite_ver2 *******/
.pid_favorite_girl a.n1,
.pid_favorite_schedule a.n2{
    background-color: #0075c2;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 2px;
}
.l_wrap_ttl{
    display: flex;
    margin: 0 auto 12px;
}
.ttl_fav{
    font-size: 2.0rem;
    padding: 0 10px;
}
.btn_sort{
    position: relative;
    margin: auto 6px 0 auto;
    font-size: 1.4rem;
    text-align: left;
    border: 1px solid #444;
    border-left: 3px double #666;
    border-radius: 0 0 12px 0;
}
.btn_sort a{
    display: inline-block;
    padding: .2rem 8px .2rem 20px;
}
.btn_sort a::before{
    cursor: pointer;
    position: absolute;
    left: 2px;
    padding: 0;
    margin: 0;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cpolygon%20points%3D%22111.25%2056.94%20131.88%2056.94%2099.94%2025%2068%2056.94%2088.63%2056.94%2088.63%20143.06%2068%20143.06%2099.94%20175%20131.88%20143.06%20111.25%20143.06%20111.25%2056.94%22%2F%3E%3C%2Fsvg%3E');
}
.btn_sort .btn_disable {
	color: #666;
}
.btn_sort {
	border-color: #999;
}
.btn_sort .btn_disable::before {
	filter: contrast(0.2);
}
.list_note{
    display: flex;
    color: #444;
    font-size: 1.4rem;
    margin: 0 0 4px 10px;
}
.l_wrap_favorite{
    display: flex;
    flex-wrap: wrap;
}
.pid_favorite_sort .l_wrap_favorite{
	height: auto;
    overflow: auto;
    overflow-x: hidden;
    background-color: #efefef;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.l_box_fav_portrait_sheet{
	width: calc(50% - 6px);
    border-top: 0px solid #fff;
    border-bottom: 4px solid #cfcfcf;
}
/* pc */
@media (min-width: 751px) {
    .pid_favorite_girl .l_box_control{
        margin-bottom: 60px;
    }
    .l_box_fav_portrait_sheet{
		width: calc( 25% - 6px);
    }
    .l_box_fav_portrait_sheet .cp{
        width: 100%;
    }
}
/* pc-sp */
@media (min-width: 570px) and ( max-width:750px) {
    .l_box_fav_portrait_sheet{
		width: calc( 33.33% - 6px);
    }
    .l_box_fav_portrait_sheet .cp{
        width: 100%;
    }
}
.l_box_fav_portrait_sheet .cp_shop{
	/*font-family: system-ui, "メイリオ";*/
	font-size: 1.3rem;
	letter-spacing: 0;
	color: #444;
}
.l_box_fav_portrait_sheet .cp{
    display: block;
	margin: 12px 0;
}
.l_box_fav_portrait_sheet .wrap_stop_fav{
    position: inherit;
    text-align: center;
	margin: 6px 0 0 0;
}
.l_box_fav_portrait_sheet .cp_txt{
    padding: 4px 10px 0;
    width: calc( 100% - 10*2px );
	margin-top: -14px;
}
.l_box_fav_portrait_sheet .cp_size{
    margin-bottom: 0px;
	font-family: system-ui, "メイリオ";
	font-size: 1.3rem;
	color: #444;
	letter-spacing: 0;
}
.l_box_fav_portrait_sheet .l_wrap_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
/* addXXX 20221128 start*/
.l_box_fav_portrait_sheet .cp_name{
	align-items: flex-end;
	min-height: 50px;
	line-height: 1;
	margin-bottom: 3px;
}
.l_box_fav_portrait_sheet .favcnt{
	padding: 4px 10px 0;
	margin: 0 0 12px 0;
	font-size: 1.4rem;
	letter-spacing: 1.2px;
	display: flex;
	align-items: center;
}
.l_box_fav_portrait_sheet .onem {
	text-align: center;
	margin: 0 0 12px 0;
}
.l_box_fav_portrait_sheet .icon_onem{
	position: relative;
}
.l_box_fav_portrait_sheet .favmbtn{
	height: 28px;
	width: 134px;
	line-height: 28px;
	position: relative;
	color: #000;
	padding: 0 0 0 0;
	border: 1px solid;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #4a4a4a;
	text-indent: 45px;
	text-align: left;
}
.l_box_fav_portrait_sheet .favcnt .icon_favcnt{
	display: inline-block;
	padding-right: 4px;
}
.l_box_fav_portrait_sheet .favcnt .icon_favcnt::before{
	width: 16px;
	height: 16px;
}
/* addXXX 20221128 end */

.l_box_favorite_sheet{
    width: 100%;
}

/* icon calendar, fav-color, drag*/
.icon_favcnt::before{
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_50x50favcnt_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f8057e%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22Icon_awesome-heart%22%20class%3D%22cls-1%22%20d%3D%22M42.92%2C9.57c-4.6-3.83-11.3-3.33-15.31%2C1.15l-1.62%2C1.72-1.62-1.71c-4.01-4.48-10.71-4.98-15.31-1.15-4.92%2C4.38-5.46%2C12.03-1.21%2C17.1%2C.13%2C.15%2C.26%2C.3%2C.4%2C.45l15.87%2C16.86c.98%2C1.06%2C2.6%2C1.1%2C3.63%2C.09%2C.03-.03%2C.06-.06%2C.09-.09l15.88-16.86c4.5-4.83%2C4.34-12.49-.35-17.12-.15-.15-.3-.29-.45-.42Z%22%2F%3E%3C%2Fsvg%3E');
}
.icon_onem::before{
    content: "";
    display: block;
	width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%23020202%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%3E%3Crect%20x%3D%223%22%20y%3D%2219%22%20width%3D%22195%22%20height%3D%22180%22%20rx%3D%2219%22%20ry%3D%2219%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_3%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9%2C67H191v111c0%2C7.73-6.27%2C14-14%2C14H23c-7.73%2C0-14-6.27-14-14V67h0Z%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2241%22%20cy%3D%2241%22%20r%3D%2219%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M41%2C51c7%2C0%2C13-4.58%2C13-9V11c0-4.42-6-9-13-9s-13%2C4.58-13%2C9v31c0%2C4.42%2C6%2C9%2C13%2C9Z%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%22161%22%20cy%3D%2241%22%20r%3D%2219%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M161%2C51c7%2C0%2C13-4.58%2C13-9V11c0-4.42-6-9-13-9s-13%2C4.58-13%2C9v31c0%2C4.42%2C6%2C9%2C13%2C9Z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_4%22%3E%3Cpath%20d%3D%22M37%2C152.52l18.71-2.27c.6%2C4.77%2C2.2%2C8.42%2C4.81%2C10.94%2C2.61%2C2.52%2C5.78%2C3.78%2C9.49%2C3.78%2C3.99%2C0%2C7.35-1.51%2C10.08-4.54%2C2.73-3.03%2C4.09-7.11%2C4.09-12.25%2C0-4.86-1.31-8.71-3.92-11.56-2.61-2.84-5.8-4.27-9.56-4.27-2.48%2C0-5.43%2C.48-8.87%2C1.44l2.13-15.76c5.23%2C.14%2C9.22-1%2C11.97-3.41s4.13-5.61%2C4.13-9.6c0-3.39-1.01-6.1-3.03-8.12-2.02-2.02-4.7-3.03-8.05-3.03s-6.12%2C1.15-8.46%2C3.44c-2.34%2C2.29-3.76%2C5.64-4.26%2C10.05l-17.82-3.03c1.24-6.1%2C3.11-10.97%2C5.61-14.62%2C2.5-3.65%2C5.98-6.51%2C10.46-8.6%2C4.47-2.09%2C9.48-3.13%2C15.03-3.13%2C9.49%2C0%2C17.1%2C3.03%2C22.84%2C9.08%2C4.72%2C4.95%2C7.09%2C10.55%2C7.09%2C16.79%2C0%2C8.85-4.84%2C15.92-14.51%2C21.19%2C5.78%2C1.24%2C10.4%2C4.01%2C13.86%2C8.33%2C3.46%2C4.31%2C5.19%2C9.52%2C5.19%2C15.62%2C0%2C8.85-3.23%2C16.4-9.7%2C22.64-6.47%2C6.24-14.51%2C9.36-24.14%2C9.36-9.13%2C0-16.69-2.62-22.7-7.88-6.01-5.25-9.49-12.12-10.46-20.61Z%22%2F%3E%3Cpath%20d%3D%22M161%2C180h-20V106.53c-7.07%2C6.66-15.4%2C11.59-25%2C14.78v-17.6c5.12-1.66%2C10.69-4.82%2C16.7-9.46s10.13-10.06%2C12.37-16.25h15.93v102Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: 24px 24px;
    background-position: center 4px;
    image-rendering: -webkit-optimize-contrast;
    position: absolute;
	top:-3px;
	left: 0;
}
/* white */
.icon_onem_w::before{
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2235%22%20y%3D%2275%22%20width%3D%2222.97%22%20height%3D%2222.97%22%20rx%3D%221.82%22%20ry%3D%221.82%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2271%22%20y%3D%2275%22%20width%3D%2222.97%22%20height%3D%2222.97%22%20rx%3D%221.82%22%20ry%3D%221.82%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%22142%22%20y%3D%2275%22%20width%3D%2222.97%22%20height%3D%2222.97%22%20rx%3D%221.82%22%20ry%3D%221.82%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2235%22%20y%3D%22111%22%20width%3D%2222.97%22%20height%3D%2222.97%22%20rx%3D%221.82%22%20ry%3D%221.82%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%22106%22%20y%3D%22111%22%20width%3D%2222.97%22%20height%3D%2222.97%22%20rx%3D%221.82%22%20ry%3D%221.82%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%22142%22%20y%3D%22111%22%20width%3D%2222.97%22%20height%3D%2222.97%22%20rx%3D%221.82%22%20ry%3D%221.82%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2235%22%20y%3D%22147%22%20width%3D%2222.97%22%20height%3D%2222.97%22%20rx%3D%221.82%22%20ry%3D%221.82%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2271%22%20y%3D%22147%22%20width%3D%2222.97%22%20height%3D%2222.97%22%20rx%3D%221.82%22%20ry%3D%221.82%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%22106%22%20y%3D%22147%22%20width%3D%2222.97%22%20height%3D%2222.97%22%20rx%3D%221.82%22%20ry%3D%221.82%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2222.46%22%20y%3D%2260.83%22%20width%3D%22158.07%22%20height%3D%22123.17%22%2F%3E%3Crect%20class%3D%22cls-2%22%20x%3D%2220.96%22%20y%3D%2260.83%22%20width%3D%22158.07%22%20height%3D%22123.17%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M184.07%2C22h-31.52v16.65c0%2C7.93-6.45%2C14.38-14.38%2C14.38h-3.92c-7.93%2C0-14.38-6.45-14.38-14.38V22h-42.26v16.65c0%2C7.93-6.45%2C14.38-14.38%2C14.38h-3.92c-7.93%2C0-14.38-6.45-14.38-14.38V22H16c-2.76%2C0-5%2C2.24-5%2C5V189.03c0%2C2.76%2C2.24%2C5%2C5%2C5H184.07c2.76%2C0%2C5-2.24%2C5-5V27c0-2.76-2.24-5-5-5Zm-5%2C162.03H21V60.86H179.07v123.17Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2252%22%20y%3D%226%22%20width%3D%2218.68%22%20height%3D%2240%22%20rx%3D%227.38%22%20ry%3D%227.38%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%22127%22%20y%3D%226%22%20width%3D%2218.68%22%20height%3D%2240%22%20rx%3D%227.38%22%20ry%3D%227.38%22%2F%3E%3C%2Fsvg%3E');
    position: absolute;
    top: 3px;
    left: 4px;
}

.l_wrap_flex .favcnt{
    display: flex;
    align-items: center;
    width: 70px;
}
.l_wrap_flex .icon_favcnt{
    width: 24px;
    height: 24px;
}
.l_wrap_flex .icon_onem{
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
}
.l_wrap_flex button.icon_onem{
    height: 28px;
    width: 52px;
    padding: 36px 0 0 0;
	color: #000;
	display: block;
}
.l_wrap_flex .icon_onem_w{
    display: block;
    position: relative;
    border: 1px solid #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #000;
}
.list_note .icon_favcnt{
    padding: 2px 0 0 0;
}
.list_note .icon_favcnt::before{
    width: 16px;
    height: 16px;
}

/* pid */
.pid_favorite_girl .nav_cnt,
.pid_favorite_schedule .nav_cnt{
    margin-bottom: 20px;
}
.pid_favorite_schedule .l_wrap_favorite{
    border-top: 1px solid #cfcfcf;
}
.pid_favorite_schedule .l_wrap_filter{
    text-align: right;
}

/* border color */
/* sp 2*/
@media (min-width: 1px) and ( max-width:569px) {
    .l_box_fav_portrait_sheet:nth-child(odd) {
        border-left: 4px solid #c7c7c7;
        border-right: 4px solid #c7c7c7;
    }
    .l_box_fav_portrait_sheet:nth-child(even) {
        border-left: 0px solid #fff;
        border-right: 4px solid #c7c7c7;
    }
    .l_box_fav_portrait_sheet:first-child, .l_box_fav_portrait_sheet:nth-child(2){
        border-top: 4px solid #c7c7c7;
    }
}
/* pc 4*/
@media (min-width: 751px) {
    .l_box_fav_portrait_sheet:nth-child(odd){
        border-left: 4px solid #c7c7c7;
        border-right: 0px solid #fff;     
    }
    .l_box_fav_portrait_sheet:nth-child(even){
        border-left: 4px solid #c7c7c7; 
        border-right: 0px solid #fff;    
    }
    .l_box_fav_portrait_sheet:nth-child(4n){
        border-right: 4px solid #c7c7c7;
    }
    .l_box_fav_portrait_sheet:nth-of-type(-n+4){
        border-top:4px solid #c7c7c7;
    }
    .l_box_fav_portrait_sheet:last-child{
        border-right: 4px solid #c7c7c7;
    }
}
/* pc-sp 3*/
@media (min-width: 570px) and ( max-width:750px) {
    .l_box_fav_portrait_sheet:nth-child(odd){
        border-left: 4px solid #c7c7c7;
        border-right: 0px solid #fff;     
    }
    .l_box_fav_portrait_sheet:nth-child(even){
        border-left: 4px solid #c7c7c7; 
        border-right: 0px solid #fff;    
    }
    .l_box_fav_portrait_sheet:nth-child(3n){
        border-right: 4px solid #c7c7c7;
    }
    .l_box_fav_portrait_sheet:nth-of-type(-n+3){
        border-top:4px solid #c7c7c7;
    }
    .l_box_fav_portrait_sheet:last-child{
        border-right: 4px solid #c7c7c7;
    }
}
/* dialog */
#modalSchedule{
    display: none;
    background-color: rgb(0 0 0 / 80%);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
	height: calc(var(--vh, 1vh) * 100);/* for safari */
    overflow: hidden;
    z-index: 99;
}
#modalSchedule.mdl_open{
    display: block;
    cursor: pointer;
}
#modalDialog{
    display: none;
    background-color: rgb(0 0 0 / 80%);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    overflow: hidden;
    z-index: 99;   
}
#modalDialog.mdl_open{
    display: block;
    cursor: pointer;
}
.md_head{
    font-weight: normal;
    font-size: 1.4rem;
    text-align: center;
    margin: 0 0 10px 0;
}
.md_head em{
    font-style: normal;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 0 0.6rem 0 0;
}
.container_modal {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    background-color: initial;
    border: none;
    height: 100%;
    width: 100%;
}
.container_modal::backdrop {
    background-color: rgba(0, 0, 0, .8);
}
.wrap_modal {
	display: none;
    cursor: default;
    position: absolute;
    bottom: -1px;
    left: calc( 50% - 350px*.5 );/* 350=320+15+15 width+padding */
    z-index: 20;
    opacity: 0;
    height: calc( 100vh*.7 );
    width: 320px;
    margin: 0 auto 1px auto;
    padding: 10px 15px 0 15px;
    background: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 2px 0 0 2px;
}
/* table month schedule */
.tbl_scdl{
    width: calc( 100% - 2px );
    border-collapse: collapse;
    border: 1px solid #444;
    border-top: none;
    border-spacing: 10px 5px;
    margin: 0 auto 15px 0;
    pointer-events: none;;
}
.tbl_scdl .tr_sat{  background-color: #e1f5ff;  }
.tbl_scdl .tr_sat td:first-child {  background-color: #5083a7;  }

.tbl_scdl .tr_sun{  background-color: #ffe9e9;  }
.tbl_scdl .tr_sun td:first-child {  background-color: #a96262;  }

.tr_sat .sat,
.tr_sun .sun{
    color: #fff;
}
.tbl_scdl td{
    border: 1px solid #444;
}
.tbl_scdl td:first-child{
    width: 100px;
    background-color: #838383;
    color: #fff;
    text-align: center;
}
.tbl_scdl tr:first-child td{
    border-top: none;
    border-top: 1px solid #444;
}
.blk_month_schedule{
    height: calc( 100vh*.7 - 34px );/* cpname height+space */
    width: 320px;
}
.tbl_scrollY{
    overflow-y: scroll;
    overflow-x: hidden;
}
/* dialog motion */
.slidein{
    display: block;
    animation: fadeIn .5s forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* favorite_sort */
.btn_return.white {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #444;
    border-left: 3px double #666;
    padding: .2rem .4rem;
    margin: auto 6px 0 auto;
    text-align: center;
    border-radius: 0 0 12px 0;
}
.btn_return.white a{
    color: #000;
}
.l_box_fav_sort_sheet{
    position: relative;
    height: 80px;
    width: calc( 100% - 1*2px );
    border: 1px solid #ccc;
}
.l_box_fav_sort_sheet .cp_tmb span{
	width: 54px;
	height: 78px;
	font-size: 1.0rem;
}
.l_box_fav_sort_sheet{
    background-color: #fff;
}
.l_box_fav_sort_sheet .cp_txt{
    padding: 6px 42px 6px 12px;
}
.l_box_fav_sort_sheet .cp_name{
    display: block;
    font-size: 1.6rem;
    width: calc( 100% - 70px );
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}   
.l_box_fav_sort_sheet .cp_size {
    margin-bottom: 4px;
}
.l_box_fav_sort_sheet .cp_shop{
    font-size: 1.4rem;
}
.l_box_fav_sort_sheet+.l_box_fav_sort_sheet{
    margin-top: 10px;
}
/* cp-tmb cut100 */
.l_box_fav_sort_sheet.cut100 {
    overflow: hidden;
}
.l_box_fav_sort_sheet.cut100 .cp_tmb{
    min-height: auto;
    min-width: auto;
    max-height: 100px;
}
.l_box_fav_sort_sheet.cut100 .cp_tmb img{
    object-fit:cover;  
}
/* cp-tmb scale down */
.l_box_fav_sort_sheet.scale_down{
    overflow: hidden; 
}
.l_box_fav_sort_sheet.scale_down .cp_tmb{
    min-height: auto;
    min-width: auto;
    max-height: 80px;
}
.l_box_fav_sort_sheet.scale_down .cp_tmb img{
    width: auto;
    max-width: auto;
    height: 80px;
    object-fit:cover;
}
/* sort js */
.blue-background-class {
    background-color: #e4e4e4;
}
.blue-background-class {
    filter: grayscale(90%);
}
.blue-background-class .cp_txt{
    color: #999;
}
.container{
    overflow-x: hidden;
}
.drag_handle{
	cursor:row-resize;
    position: absolute;
    top: calc( 80px*.5 - 40px*.5 );
    right: 10px;
    padding: 0;
    margin: 0;
    content: "";
    width: 40px;
    height: 40px;
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cpath%20d%3D%22M187.53%2C70H12.47c-3.02%2C0-5.47-2.24-5.47-5s2.45-5%2C5.47-5H187.53c3.02%2C0%2C5.47%2C2.24%2C5.47%2C5s-2.45%2C5-5.47%2C5Z%22%2F%3E%3Cpath%20d%3D%22M187.53%2C105H12.47c-3.02%2C0-5.47-2.24-5.47-5s2.45-5%2C5.47-5H187.53c3.02%2C0%2C5.47%2C2.24%2C5.47%2C5s-2.45%2C5-5.47%2C5Z%22%2F%3E%3Cpath%20d%3D%22M187.53%2C140H12.47c-3.02%2C0-5.47-2.24-5.47-5s2.45-5%2C5.47-5H187.53c3.02%2C0%2C5.47%2C2.24%2C5.47%2C5s-2.45%2C5-5.47%2C5Z%22%2F%3E%3C%2Fsvg%3E');
	background-position: center;
	/*
	background-color: #efefef;
	border: 1px solid #ccc;
	*/
}
.p_note .drag_handle{
	position: relative;
    display: inline-block;
    top: 7px;
    left: 0px;
    right: inherit;
    padding: 0 .2rem;
    width: 24px;
    height: 24px;
    cursor:default;
}
.in_modal{
	position: fixed;
    opacity: 0;
    bottom: 0;
    left: 0;
    height: 60px;
    display: flex;
    align-items: center;
    background-color: rgb(255 255 255 / 70%);
    width: 100%;
    justify-content: center; 
    z-index: 1;
}
.btn_save{
    height: 40px;
    background-color: #000;
    color: #fff;
    padding: .4rem 1rem;
    border: 1px solid #444;
    border-radius: 4px;
}
.btn_clear{
    height: 40px;
    background-color: #efefef;
    color: #333;
    padding: .4rem 1rem;
    border: 1px solid #444;
    border-radius: 4px;
}
.in_modal .btn_save{
    margin-right: 16px;
}
.wrap_modal.pos_center{
    height: 140px;
    top: calc( 50vh - 70px );
    bottom: inherit;
}
.wrap_modal.mdl_blk{
    background-color: #000;
    color: #fff;
}
.wrap_modal .mdl_conf,
.wrap_modal .mdl_conf button{
    color: #0077cc;
}
.mdl_conf{
    display: flex;
    justify-content: flex-end;
}
.mdl_txt{
    margin: 20px 0 40px;
}
.mdl_ok{
    cursor: pointer;
}
.mdl_close{
    cursor: pointer;
    margin: 0 30px 0 0;
}
/* pc 4*/
@media (min-width: 751px) {
    .pid_favorite_sort .l_box_control{
        padding: 10px 0;
    }
    .l_box_fav_sort_sheet .cp_tmb{
        padding: 0;
    }
}

/****** 20221122 point history ********/
.pid_point_history .lbz_useful_hdg {
    flex-wrap: wrap;
    border-bottom:none;
    padding: 12px 0 6px 0;
}
.pid_point_history .lbz_useful_hdg .blk_useful {
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding: 0 0 0.5rem 0;
}
.pid_point_history .lbz_useful_hdg h3 {
    margin: 0 auto 0 12px;
}
.pid_point_history .lbz_useful_hdg .morepoint {
    font-size: 3rem;
    margin: 0 8px 0 auto;
}
.pid_point_history .lbz_useful_hdg .term{
    width: 100%;
    margin: 0 auto 0 12px;
}
.lbz_breakdown.prop_lp{
    background-color: #fdf6eb;
    border: none;
    border-top: 3px double #666;
    padding: 1px 0 6px 0;
}
.lbz_breakdown .point h3 {
    width: auto;
    margin: 0 auto 0 6px;
    font-weight: normal;
}
.lbz_breakdown.prop_lp .point h3{
    font-weight: bold;
}
.lbz_breakdown .point em{
    width: 12rem;    
}
.lbz_breakdown.prop_lp .point em{
    margin: 0 6px 0 0;
    font-size: 2.4rem;
}
.lbz_breakdown.prop_lp .point em span{
    font-size: 1.8rem;
}
.lbz_breakdown.prop_np .term {
    padding: 0;
    margin: 0 auto 0 12px;
    letter-spacing: 1.0px;
}
/******** l_limited_point **********/
.l_limited_point{
    background-color: #fdf6eb;
    width: 100%;
    padding: 0 0 6px 0;
}
.l_limited_point .lbz_breakdown {
    width: calc( 100% - 6*2px );
    margin: 0 auto;
    border: none;
    border-top: 1px solid #ccc;
}
.l_limited_point > div:last-child {
    border-bottom:1px solid #ccc;
}
.l_limited_point .lbz_breakdown.use_true {
    background-color: #fff;
}
.l_limited_point .lbz_breakdown.use_false{
    background-color: #ececec;
}
.l_limited_point .lbz_breakdown .point {
    padding: 3px 0 0 0;
    margin: 0 auto;
    width: calc( 100% - 6*2px );
}
.l_limited_point .lbz_breakdown .point h3{
    margin: 0 auto 0 0;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.l_limited_point .lbz_breakdown .point em {
    width: 12rem;
	white-space: nowrap;
}
.l_limited_point .lbz_breakdown .term {
    padding: 0;
    width: auto;
    text-align: right;
}
.l_limited_point .lbz_breakdown .term .popup_btn{
    margin: 0 6px 4px 0;
}
/******** prop_np **********/
.lbz_breakdown.prop_np{
    padding: 0 0 10px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #ccc;
}
.lbz_breakdown.prop_np .point em span{
    font-size: 1.8rem;
}
.lbz_breakdown.prop_np .point h3{
    font-weight: bold;
}
.lbz_breakdown.prop_np .point em {
    margin: 0 6px 0 0;
    font-size: 2.4rem;
	width: 18rem;
}
/* 20221130 top */
.lbz_breakdown .term span {
    width: auto;
    margin: -5px auto 0 6px;
	padding: 4px 0;
}
.lbm_breakdown.use_false .breakdown_text {
    margin: 0 6px;
}
.toggle_wrap .lbz_breakdown .point h3{
    margin: 0 auto 0 6px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}
/**** available shop ****/
.popup_inner {
    height: auto;
    min-height: 70vh;
}
.popup_inner ul{
    height: auto;
    max-height: calc( 70vh - 100px );
}
/* top demo 20230128 */
.section_sub_head.demo{
    font-size: 1.6rem;
    padding: 4px 0 4px 10px;   
}
.l_wrap_recom_slider {
    background-color: #e5e5e5;
    margin-bottom: 30px;
}
.l_wrap_recom_slider .cp_txt {
    width: auto;
}
.l_wrap_recom_slider .cp.swiper-slide .cp_tmb,
.l_wrap_recom_slider .cp.swiper-slide .cp_txt{
    border: none;
}
.l_wrap_recom_slider .cp.swiper-slide {
}
.l_wrap_recom_slider .cp.swiper-slide:first-child{
    margin-left: 0;
}
.l_wrap_recom_slider .cp.swiper-slide+.cp.swiper-slide{
    border-left: 0;
}

.cp.swiper-slide .cp_tmb{
    min-width: auto;
}
/* pc */
@media (min-width: 751px) {
    .l_top_section{
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
    }
}
.cp.swiper-slide{
    position: relative;
}
.cp.swiper-slide .cp_txt{
    position: static;
    padding-bottom: calc( 34px + 10px ) ;/*okiボタンの高さ+ボタン下部の余白 */
}
.l_wrap_newface_slider .cp.swiper-slide .cp_txt{
    padding-bottom: calc( 24px + 6px + 34px + 10px ) ;/* 入店日テキストの高さ+ 余白 + okiボタンの高さ+ボタン下部の余白 */
}
.cp.swiper-slide .cp_oki label{
    display: inline;
}
.cp.swiper-slide .cp_entry{
    position: absolute;
    bottom: calc( 10px + 34px + 6px ); 
}
.cp.swiper-slide .cp_oki{
    position: absolute;
    bottom: 10px;
    left: calc( (100% - 132px)*.5 );
}
/* end top demo 20230128 */

/* 20230508 mailbox tab */
.l_box_tab .tabs{
	display: flex;
}
.l_box_tab li{
	width: 100%;
	background-color: #f3f3f3;
	border-bottom: 2px solid #d2d2d2;
}
.l_box_tab .tabs li a{
	position: relative;
	display: block;
	margin: 0 2%;
	padding: 1rem 0;
    background-color: #fff;
	border-radius: 6px 6px 0 0;
	border: 2px solid #efefef;
	border-bottom: none;
	text-align: center;
    color: #5a5a5a;
}
.l_box_tab .tabs li:first-child a{
	/*border: 2px solid #d2d2d2;*/
	border-bottom: none;
}

.l_box_tab .tabs li a::before {
	content: '';
	width: 10px;
	height: 10px;
    border-top: solid 2px #999;
	border-right: solid 2px #999;
	position: absolute;
	left: calc( 50% - 2rem - 24px );
	top: 12px;
	transform: rotate(135deg);
}
.l_box_tab.message .tb span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 4px;
	/*
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius: 50%;
	margin: 0 0 0 8px;
	*/
	width: 36px;
	height: 22px;
	line-height: 22px;
	border-radius: 20px;
	margin: auto 0 auto 2px;
	background-color: #e72e28;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}
/* pc */
@media (min-width: 751px) {
	.l_box_tab.message .tb span{
		width: 32px;
		height: 22px;
	}
}


.l_box_control.disable{
    pointer-events: none;
}
.l_box_control.disable .l_li_control_message{
    opacity: .7;
}

/* page id */
/* active tab */
.pid_message_shop .l_box_tab.message .tabs li:first-child a,
.pid_message_mg .l_box_tab.message .tabs li:last-child a{
	background-color: #fff;
	font-weight: bold;
	color:#000;
    border: 2px solid #d2d2d2;
    border-bottom: none;
}
.pid_message_shop .l_box_tab.message .tabs li:first-child a::before,
.pid_message_mg .l_box_tab.message .tabs li:last-child a::before{
	border-top: solid 2px #444;
	border-right: solid 2px #444;
}
.pid_message_shop .l_box_tab li:first-child{
	border-bottom: 2px solid #444;
	border-image: linear-gradient(to right, #d2d2d2 0% 3%, #fff 3% 6%, #444 6% 94%, #fff 94% 97%, #d2d2d2 97% 100%);
	border-image-slice: 1;
}

.pid_message_mg .l_box_tab li:last-child{
	border-bottom: 2px solid #444;
	border-image: linear-gradient(to right, #d2d2d2 0% 3%, #fff 3% 6%, #444 6% 94%, #fff 94% 97%, #d2d2d2 97% 100%);
	border-image-slice: 1;
}
/* adjust */
.hdg_messagebox, .hdg_message{
	border-bottom: 6px solid #f3f3f3;
}
.l_wrap_messagebox :nth-of-type(4){
    border-top: 1px solid #ccc;
}
.l_li_control_message{
    background-color: #f3f3f3;
    padding: 0 6px;
    border-radius: 4px;
    color: #444;
}
/* readBtn */
.readBtn{
    display: block;
    min-width: 160px;
    height: 28px;
    max-width: 260px;
    border: none;
    border-radius: 4px;
    color: #444;
    border: 1px solid #999;
    padding: 0 4px;
}
a.readBtn{
    line-height: 28px;
    text-align: center;
    min-width: auto;
}
/* popup */
.confirme_read .title_popup{
    border: none;
}
.confirme_read .popup_inner{
    height: auto;
    min-height: 100px;
}
.box_conf_read{
    display: flex;
    justify-content: space-evenly;
}
.box_conf_read .btn_yes{
    width: 90px;
    height: 30px;
    border:1px solid #000;
    border-radius: 4px;
    margin: 0;
    background-color: #000;
    color: #fff;
}
.box_conf_read .btn_yes::after{
    content: none;
}
.box_conf_read .btn_no{
    width: 90px;
    height: 30px;
    border:1px solid #333;
    border-radius: 4px;
	color: #000;
}
/* 20230609 shop_setting header */
.pid_myshop_setting .l_header_user.tatekage {
	display: flex;
	align-items: center;
	width: calc( 100% - 200px );
	height: 50px;
}
.pid_myshop_setting .l_header_user.tatekage .header_username{
	margin: auto;
}
.pid_myshop_setting .l_header_user.tatekage .btn_proto_s.btn_logout{
	width:120px;
	margin: 0 0 0 20px;
}
.pid_myshop_setting  .l_header_user.tatekage .btn_proto_s.btn_logout a{
	color:#333;
	padding:.5rem;
	text-align:center;
}
@media only screen and (max-width: 960px) {
	.pid_myshop_setting .l_header_user.tatekage {
		width: calc( 100% - 130px );
		height: 50px;
	}
	.pid_myshop_setting .l_header_user.tatekage .header_username{
		text-align: center;
	}
	.pid_myshop_setting .l_header_user.tatekage .btn_proto_s.btn_logout{
		width: 90px;
	}
	.pid_myshop_setting  .l_header_user.tatekage .btn_proto_s.btn_logout a{
		padding:.5rem;
		width: 80%;
		font-size: 1.2rem;
		letter-spacing: 1px;
	}
}
/* 202307-09 MNM-186 setting */
.l_wrap_list {
	padding: 0 0 20px 0;
	background-color: #fff;
}
.l_sheet {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ccc;
	padding: 20px 10px 20px 10px;
}
.l_sheet:first-child {
	border-top: 1px solid #ccc;
}
.l_sheet.shadow + .l_sheet.shadow{
	margin: 1px 0 0 0;
}
.l_sheet .headline{
	font-size: 1.6rem;
}
.l_sheet .headline + .note{
	padding: 20px 0 0 0;
}
a.em_getpoint,
button.em_getpoint {
	position: relative;
	display: inline-block;
	min-width: 120px;
	width: 300px;
	max-width: 300px;
	margin: 10px 0 10px calc( 100%*.5 - 300*0.5px );
	padding: 7px 10px;
	color: #fff;
	line-height: 1.5;
	font-size: 1.6rem;
	text-align: center;
	background-color: #b71c1c;
	border: solid 1px #b71c1c;
	box-sizing: border-box;
	border-radius: 6px;
}
div.em_getpoint{
	position: relative;
	display: inline-block;
	min-width: 120px;
	width: 300px;
	max-width: 300px;
	margin: 10px 0 10px calc( 100%*.5 - 300*0.5px );
	padding: 7px 10px;
	color: #b71c1c;
	line-height: 1.5;
	font-size: 1.6rem;
	text-align: center;
	background-color: #fff;
	border: solid 1px #b71c1c;
	box-sizing: border-box;
	border-radius: 6px;	
}
a.em_getpoint:before,
button.em_getpoint:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #b71c1c;
	z-index: 2;
}
div.em_getpoint:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #fff;
	z-index: 2;
}
a.em_getpoint:after,
button.em_getpoint:after {
	content: "";
	position: absolute;
	top: -28px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #b71c1c;
	z-index: 1;
}
div.em_getpoint:after {
	content: "";
	position: absolute;
	top: -28px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #b71c1c;
	z-index: 1;
}
.btn_wht {
	text-align: center;
}
.btn_wht a,
.btn_wht button{
	color: #000;
	background-color: #fff;
	border: 1px solid #333;
	box-sizing: border-box;
	display: inline-block;
	line-height: 1.5;
	min-width: 180px;
	max-width: 320px;
	height: auto;
	padding: 6px 6px;
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
	box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.btn_blk{
	text-align: center;
}
.btn_blk a,
.btn_blk button{
	color: #fff;
	background-color: #000;
	border: 1px solid #222;
	box-sizing: border-box;
	display: inline-block;
	line-height: 1.2;
	min-width: 180px;
	max-width: 320px;
	height: auto;
	padding: 12px 6px;
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
	box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.btn_gray{
	text-align: center;
}
.btn_gray a,
.btn_gray button{
	position: relative;
	color: #333;
	background-color: #efefef;
	border: 1px solid #ccc;
	box-sizing: border-box;
	display: inline-block;
	line-height: 1.5;
	min-width: 180px;
	max-width: 320px;
	height: auto;
	padding: 6px 6px;
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
	box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.i_back a::before,
.i_back button::before{
content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #999;
  border-right: solid 2px #999;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: absolute;
  top: 48%;
  left: 5%;
  margin-top: -4px;
}
.btn_blk + .btn_gray{
	margin: 60px auto;
}
.btn_blk + .btn_gray a,
.btn_blk + .btn_gray button{

}

.l_sheet .note + .btn_wht,
.l_sheet .note + .btn_blk{
	margin: 20px 0 0 0;
}
/* 202307-09 MNM-189 user */
/* pc */
@media (min-width: 751px) {
	.l_wrap_setting.member_user .row .colhead{
		width: 200px;
	}
}
.l_wrap_setting .row .colbody.married{
	padding: 10px 10px 4px 10px;
}
.colbody.married input+label{
	font-weight: normal;
}
.l_wrap_setting .row .colbody.age,
.l_wrap_setting .row .colbody.stature,
.l_wrap_setting .row .colbody.cup,
.l_wrap_setting .row .colbody.reason{
	display: flex;
	flex-wrap: wrap;
	padding: 10px 10px 10px 10px;
}
@media (min-width: 751px) {
	.l_wrap_setting .row .colbody.age,
	.l_wrap_setting .row .colbody.stature,
	.l_wrap_setting .row .colbody.cup,
	.l_wrap_setting .row .colbody.reason{
		padding: 10px 10px 0 10px;
	}
}
.l_wrap_setting .row .colbody.age .setting_txt,
.l_wrap_setting .row .colbody.stature .setting_txt,
.l_wrap_setting .row .colbody.cup .setting_txt,
.l_wrap_setting .row .colbody.reason .setting_txt{
	padding-bottom: 10px;
}
.l_wrap_setting .row .colbody.reason .setting_txt + .others_txt{
	margin-top: -8px;
	margin-bottom: 10px;
}
.colbody.area .headline{
	font-size: 1.4rem;
	font-weight: normal;
}
.colbody.area label + .headline{
	margin: 8px 0 0 0;
}
.colbody.age input+label{
/*	width: 116px;*/
	font-weight: normal;
	padding: 8px 16px 10px 30px;
}
.colbody.stature input+label{
/*	width: 116px;*/
	font-weight: normal;
	padding: 8px 16px 10px 30px;
}
.colbody.cup input+label{
	width: auto;
	font-weight: normal;
	padding: 8px 16px 10px 30px;
}
.colbody.reason input+label{
	width: auto;
	min-width: 110px;
	font-weight: normal;
	padding: 8px 16px 10px 30px;
}
.colbody.reason textarea{
	padding: 6px;
}
.colbody.reason textarea::placeholder{
	color: #666;
}
.colbody.reason input + label + textarea{
	display:none;
}
.colbody.reason input:checked + label + textarea{
	display:block;
	margin-bottom: 10px;
}
.colbody.reason input + label + textarea:disabled{
	border:1px solid #ccc;
	background-color:#efefef;
}
.chk_note{
	color: #b71c1c;
	font-weight: bold;
}
.row + .btn_blk{
	margin: 40px auto 20px;
}
/* pc */
@media (min-width: 751px) {
	.colbody.area .setting_txt{
		padding-right: 10px;
	}
	.colbody.area p:last-child{
		padding-right: 0px;
	}
	.colbody.age input+label,
	.colbody.stature input+label,
	.colbody.cup input+label,
	.colbody.reason input+label {
		padding: 0 0 16px 30px;
		margin: 0 16px 0 0;
	}
	.colbody.age input[type=checkbox] + label:before,
	.colbody.stature input[type=checkbox] + label:before,
	.colbody.cup input[type=checkbox] + label:before,
	.colbody.reason input[type=checkbox] + label:before {
		top:2px;
	}
	.colbody.age input[type=checkbox] + label:after,
	.colbody.stature input[type=checkbox] + label:after,
	.colbody.cup input[type=checkbox] + label:after,
	.colbody.reason input[type=checkbox] + label:after {
		top:6px;
	}
	.colbody.reason input+label{
		/*min-width:unset;*/
	}
}
/* confirm */
/* pc */
@media (min-width: 751px) {
	.colbody.area{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.colbody.area .headline{
		display: inline-block;
		padding: 0 1px 0 0;
	}
	.colbody.area .headline::after{
		content: "：";
		display: inline-block;
	}
	.colbody.area .headline + .chosen{
		width: auto;
		display: inline-block;
		padding: 0 16px 0 0;
	}
	.colbody.area span:last-child{
		padding-right: 0!important;
	}
	.colbody.area label + .headline {
		margin: 0 0 0 16px;
	}
}
/* MNM-189 user setting */
.row.blank{
	position: sticky;
	bottom: 55px;/* above fixfooter */
	left: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 0 auto 0;
}
.l_wrap_setting .row.blank+.row{
	border-top: 1px solid #999;
}
.getpoint_balloon{
	text-align: center;
	margin: 0 auto;
}
.getpoint_balloon p{
	position: relative;
	display: inline-block;
	margin: 14px auto 4px;
	padding: 6px 10px;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	background-color: #d50000;
	border-radius: 10px;
	animation: vertical 3s linear infinite;
	transform-origin:center;
}
@keyframes vertical {
	0% {transform: translate(0px, 2px);}
	6% {transform: translate(0px, -4px);}
	12% {transform: translate(0px, 2px);}
	18% {transform: translate(0px, -2px);}
	24% {transform: translate(0px, 0px)}
}
.getpoint_balloon p:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}
.getpoint_balloon p:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: #d50000;
    margin-left: -10px;
}
.colbody .heading{
	font-weight: normal;
	font-size: 1.4rem;
	padding: 0 0 0 0;
	color: #444;
}
.colbody .setting_txt + .heading{
	margin: 16px 0 0 0;
}
.others_txt{
	padding: 5px;
	width: calc( 100% - 5*2px );
	border: 1px solid #ddd;
	background-color: #efefef;
	font-weight: normal;
}
.setting_txt br{
	content: " ";
	display: block;
	margin: 1rem 0 0 0;
}
.setting_txt + .others_txt{
	margin: 0 auto 0;
}
body.pid_member{
	background-color: #fff;
}

/* MNM-185 fixfooter */
.ff_home a::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2047.94%2046.56%22%3E%3Cpath%20d%3D%22m47.94%2C17.13v29.43h-18.88v-15.73h-10.19v15.73H0v-29.43L23.97%2C0l23.97%2C17.13Z%22%2F%3E%3C%2Fsvg%3E');
}
.ff_newface a::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035.87%2048.9%22%3E%3Cpath%20d%3D%22m17.93%2C11.47L7.33%2C1.22C6.09%2C0%2C4.24-.33%2C2.64.34%2C1.04%2C1.02%2C0%2C2.59%2C0%2C4.33v26.17c0%2C1.76.71%2C3.44%2C1.98%2C4.67l12.95%2C12.52c1.68%2C1.62%2C4.34%2C1.62%2C6.02%2C0l12.95-12.52c1.26-1.22%2C1.98-2.91%2C1.98-4.67V4.33c0-1.74-1.04-3.31-2.64-3.98-1.6-.68-3.45-.33-4.7.87l-10.6%2C10.25Zm11.83%2C18.27c0%2C.59-.24%2C1.15-.66%2C1.55l-11.17%2C10.8v-22.14l2.12-2.05%2C7.87-7.61c.31-.3.77-.39%2C1.17-.22.4.17.66.56.66%2C1v18.67Z%22%2F%3E%3C%2Fsvg%3E');
}
.ff_favorite a::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049%2042.84%22%3E%3Cpath%20d%3D%22m49%2C14.82c0%2C12.4-14.03%2C18.13-23.62%2C27.39-.33.32-.26.31-.26.31-.16.19-.38.31-.62.31h0s0%2C0%2C0%2C0h0c-.24%2C0-.46-.11-.62-.31%2C0%2C0%2C.08%2C0-.26-.31C14.03%2C32.96%2C0%2C27.23%2C0%2C14.82%2C0%2C5.16%2C5.69-.13%2C12.57%2C0c7.46.14%2C11.12%2C5.43%2C11.93%2C10.23C25.31%2C5.43%2C28.96.15%2C36.43%2C0c6.88-.13%2C12.57%2C5.16%2C12.57%2C14.82Z%22%2F%3E%3C%2Fsvg%3E');
}
.ff_mailmaga a::after,
.icon_mailmaga::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2036.09%22%3E%3Cpath%20d%3D%22m41.8%2C15.28l6.2-5.34v11.77l-6.2-6.44ZM0%2C9.95v11.78l6.2-6.44L0%2C9.95Zm28.13%2C17.12c-1.1.95-2.57%2C1.47-4.13%2C1.47s-3.02-.52-4.12-1.47l-10.6-9.13L0%2C27.57v5.92c0%2C1.43%2C1.16%2C2.6%2C2.59%2C2.6h42.81c1.43%2C0%2C2.59-1.16%2C2.59-2.6v-5.92l-9.28-9.63-10.59%2C9.13ZM45.41%2C0H2.59C1.16%2C0%2C0%2C1.16%2C0%2C2.59v2.59l22.63%2C19.5c.73.63%2C2%2C.63%2C2.73%2C0L48%2C5.18v-2.59c0-1.43-1.16-2.59-2.59-2.59Z%22%2F%3E%3C%2Fsvg%3E');
}
.ff_setting a::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049%2049%22%3E%3Cpath%20d%3D%22m47.8%2C20.1l-5.35-.25c-.49-.02-.92-.32-1.1-.78l-1.1-2.65c-.19-.45-.1-.97.23-1.33l3.61-3.96c.45-.5.44-1.26-.04-1.74l-4.44-4.44c-.48-.48-1.24-.49-1.74-.04l-3.95%2C3.61c-.36.33-.88.42-1.33.23l-2.65-1.1c-.45-.19-.75-.62-.77-1.11l-.25-5.34c-.03-.67-.59-1.2-1.26-1.2h-6.29c-.67%2C0-1.23.53-1.26%2C1.2l-.25%2C5.34c-.02.49-.32.92-.77%2C1.11l-2.65%2C1.1c-.45.19-.97.1-1.33-.23l-3.96-3.61c-.5-.45-1.26-.44-1.74.04l-4.44%2C4.44c-.48.48-.49%2C1.24-.04%2C1.74l3.61%2C3.96c.33.36.42.88.23%2C1.33l-1.1%2C2.65c-.19.45-.62.75-1.11.78l-5.34.25c-.67.03-1.2.59-1.2%2C1.26v6.29c0%2C.67.53%2C1.23%2C1.2%2C1.26l5.34.25c.49.02.92.32%2C1.11.78l1.1%2C2.65c.19.45.1.97-.23%2C1.33l-3.61%2C3.95c-.46.5-.44%2C1.27.04%2C1.74l4.45%2C4.44c.48.48%2C1.24.49%2C1.74.04l3.95-3.61c.36-.33.88-.42%2C1.33-.23l2.65%2C1.1c.45.19.75.62.77%2C1.11l.25%2C5.34c.03.67.59%2C1.2%2C1.26%2C1.2h6.29c.67%2C0%2C1.23-.53%2C1.26-1.2l.25-5.34c.02-.49.32-.92.77-1.11l2.65-1.1c.45-.19.97-.1%2C1.33.23l3.95%2C3.61c.5.45%2C1.26.44%2C1.74-.04l4.44-4.44c.48-.48.49-1.24.04-1.74l-3.61-3.95c-.33-.36-.42-.88-.23-1.33l1.1-2.65c.19-.45.62-.75%2C1.1-.78l5.35-.25c.67-.03%2C1.2-.59%2C1.2-1.26v-6.29c0-.67-.53-1.23-1.2-1.26Zm-23.3%2C12.4c-4.42%2C0-8-3.58-8-8s3.58-8%2C8-8%2C8%2C3.58%2C8%2C8-3.58%2C8-8%2C8Z%22%2F%3E%3C%2Fsvg%3E');
}
.fix_footer_menu {
	position: sticky;
	left: 0;
	bottom: -45px;
	transition: .5s;
	z-index: 2;
	background: linear-gradient(90deg,#fff,#fff);
	border-top: 1px solid #ccc;
}
#fixFooterMenu.is-show {
	bottom: 0;
}
.ff_main_menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: 45px;
	max-width: 760px;
	margin: 0 auto;
	background-color: #fff;
}
.ff_main_menu li {
	display: block;
	width: calc( 100%*.166 );
	max-width: 70px;
	height: 100%;
	text-align: center;
}
.ff_main_menu li a {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 5px auto 1px;
	padding: 25px 0 0 0;
	color: #000;
	font-size: 10px;
	text-indent: 3px;
}
.ff_main_menu li a::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 24px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	/*filter: contrast(0.2);*/
}
.ff_main_menu li.ff_mailmaga a::after {
	height: 21px;
	background-position: center 2px;
}
/* MNM-205 20241022 */
.ff_mailmaga .cnt{
	top: -3px;
	left: calc( 100% - 16px - 16px );
    max-width: 32px;
	width: auto;
	height: 12px;
	background-color: #ffd706;
	color: #333;
}
.cnt {
    display: block;
    position: absolute;
    z-index: 1;
    background-color: #fb0000;
    color: #fff;
    min-width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: var(--MFCP-DAEN);
    text-align: center;
    font-size: 10px;
    padding: 2px;
    border-radius: 20px;
}
/* current */
.pid_top .ff_home,
.pid_myshop_newface .ff_newface,
.pid_favorite_girl .ff_favorite,
.pid_message_shop .ff_mailmaga,
.pid_message_mg .ff_mailmaga,
.pid_setting .ff_setting{
	border-bottom: 1px solid #666;
	margin-top: -1px;
}
.pid_top .ff_main_menu li.ff_home a,
.pid_myshop_newface .ff_main_menu li.ff_newface a,
.pid_favorite_girl .ff_main_menu li.ff_favorite a,
.pid_message_shop .ff_main_menu li.ff_mailmaga a,
.pid_message_mg .ff_main_menu li.ff_mailmaga a,
.pid_setting .ff_main_menu li.ff_setting a{
	color: #666;
	height: 20px;
}
.pid_top .ff_main_menu li.ff_home a::after,
.pid_myshop_newface .ff_main_menu li.ff_newface a::after,
.pid_favorite_girl .ff_main_menu li.ff_favorite a::after,
.pid_message_shop .ff_main_menu li.ff_mailmaga a::after,
.pid_message_mg .ff_main_menu li.ff_mailmaga a::after,
.pid_setting .ff_main_menu li.ff_setting a::after{
	filter: contrast(0.3);
}


/* global_menu
-------------------------------------------------- */
.global_menu {
	background-color: #fff;
	display: none;
	position: fixed;
	z-index: 4;
	right: -250px;
	top: calc( var(--MM-HEADER-HEIGHT) + 1px );
	width: 80%;
	max-width: 250px;
	height: 0;
	overflow: auto;
	background-color: rgba(239,239,239,0.9);
}
@keyframes expandWidth {
	from { 
		right: -250px;
		width: 0; }
	to { 
		right: 0;
		width: 100%; }
}
@keyframes collapseWidth {
	from {
		right: 0;
		width: 100%;}
	to {
		right: -250px;
		width: 0;}
}
.global_menu.menu_open {
	display: block;
	animation: expandWidth 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
	height: calc( 100% - var(--MM-HEADER-HEIGHT) );
}  
.global_menu.menu_close {
	display: block;
	height: calc( 100% - var(--MM-HEADER-HEIGHT) );
	animation: collapseWidth 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
.global_menu .wrapper {
	position: relative;
	height: 100%;
	max-width:760px;
	margin: 0 auto;
	width: 100%;
	background-color: #efefef;
	/*overflow-y: auto;*/
}
.global_menu_user{
	padding: 1rem;
	text-align: center;
	background-color: #f1f1f1;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d7d7d7;
}
.global_menu_user .ttl{
	font-size: 1.3rem;
}
.global_menu_user .u_name{
	font-size: 1.6rem;
}
.global_menu_user .u_name span{
	font-size: 2.0rem;
	color: #b71c1c;
	font-weight: bold;
	padding: 0 6px 0 0;
}
/* PC 
@media (min-width: 751px) {
	.global_menu_user .u_name{
		font-size: 2.8rem;
	}
	.global_menu_user .u_name span{
		font-size: 3.2rem;
		padding: 0 .5rem 0 0;
	}
}
*/
.gn_close{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: calc( 100% - 2px );
	padding: .2rem 0;
	text-align: center;
	color: #444;
	background-color: #cfcfcf;
	border: 1px solid #ccc;
}
.gn_close .icon_close{
    display: inline-block;
    width: 24px;
    height: 24px;
}
.icon_close{
	position: relative;
}
.icon_close::before,
.icon_close::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 7%;
	margin: -5% 0 0 -42%;
	background: #444;
}
.icon_close::before {
	transform: rotate(-45deg);
}
.icon_close::after {
	transform: rotate(45deg);
}

.global_menu_bg{
	position: fixed;
	inset: var(--MM-HEADER-HEIGHT) 0px 0px;
	z-index: 3;
	display: none;
	background-color: rgb(0, 0, 0);
	opacity: 0.5;
	width: 100%;
	height: 100%;
}
.opened.global_menu_bg{
	display: block;
}
/* mailmaga icon */
.icon_mailmaga{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	margin: 5px auto 1px;
	padding: 0 0 0 0;
}
.icon_mailmaga::after{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
/*	filter: contrast(0.2);*/	
}
/* mailmaga top */
.l_top_section:last-child .l_wrap_section_head{
}
.l_wrap_section_head .icon_mailmaga::after{
	width: 35px;
	height: 35px;
}
.l_wrap_section_head .icon_mailmaga{
	margin: 30px 20px 6px 0;
	width: 35px;
	height: 35px;
}
.icon_mailmaga + .top_section_title{
	padding: 0;
	margin: 22px 0 0 0;
} 
/* setting userfavoritetype */
.pid_user_favorite_type .l_box_enquete_sheet > .legend{
	margin-top: 4px;
}
.pid_user_favorite_type .popup_inner {
    height: auto;
    min-height: 100px;
}
@media only screen and (max-width: 481px) {
	.btn_proto button.btn_form_confirm{
		min-width: 180px;
		max-width: 320px;
		width: auto;
		margin: 0 auto;
	}
}
/* sticky */
.pid_top .container,
.pid_setting .container,
.pid_member .container,
.pid_user_favorite_type .container{
    overflow: visible;
}
.pid_top,
.pid_setting,
.pid_member,
.pid_user_favorite_type{
/*	background-color: #fff;*/
}
.pid_setting .getpoint_balloon{
	position: sticky;
	bottom: 55px;
	left: 0;
}
/* sticky2 */
.pid_favorite_sort .l_lock{
	overflow: auto;
}


/* setting_message */
/* PC */
@media (min-width: 751px) {
	.l_box_control.toggle_area{
		padding: 10px 30px;
	}
}

.l_wrap_setting_message{
	border: 1px solid #d2d2d2;
	background-color: #fff;
	margin: 15px auto 30px auto;
}
@media only screen and (max-width: 960px) {
    .l_wrap_setting_message{
		max-width: 600px;
		width: calc( 100% - 2px );
	}
}
.l_wrap_setting_message .hdg_messagebox{
	border-bottom: 2px solid #f3f3f3;
}
/* tgl_checkbox */
.tgl_chkbox {
	margin: 10px 10px 10px 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 0;
}
.tgl_chkbox li{
	width: 100%;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: center;
}
.tgl_chkbox li form{
	width: 100%;
}
/* PC */
@media (min-width: 751px) {
	.tgl_chkbox {
		gap: 20px 100px;
	}
	.tgl_chkbox li{
		width: calc( 50% - 50px );
		padding: 0 0 20px 0;
	}
}
.tgl_chkbox li input[type=checkbox] + label,
.tgl_chkbox form input[type=checkbox] + label {
	position: relative;
	width: 100%;
	padding: 0 0 0 0;
}
.tgl_chkbox li input[type=checkbox] +  label::before,
.tgl_chkbox form input[type=checkbox] +  label::before,
.tgl_chkbox li input[type=checkbox] + label::after,
.tgl_chkbox form input[type=checkbox] + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	border: none;
	border-radius: 50%;
	transition: .1s;
}
.tgl_chkbox li input[type=checkbox] + label::before,
.tgl_chkbox form input[type=checkbox] + label::before {
	background-color: #cfcfcf;
	border: 2px solid rgba(0,0,0,.1);
	border-radius: 12px;
	height: 20px;
	width: 40px;
	top: 50%;
	left: 5px;
}
.tgl_chkbox li input[type=checkbox] + label::after,
.tgl_chkbox form input[type=checkbox] + label::after {
	background-color: #fff;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	top: 50%;
	left: 9px;
	margin-top: 0;
}
.tgl_chkbox li input + label:before,
.tgl_chkbox li input + label:after,
.tgl_chkbox form input + label:before,
.tgl_chkbox form input + label:after {
    grid-area: sw;
}
.tgl_chkbox li input:checked + label:before,
.tgl_chkbox li input:checked + label:after,
.tgl_chkbox form input:checked + label:before,
.tgl_chkbox form input:checked + label:after {
    grid-area: sw;
}
.tgl_chkbox li input + label,
.tgl_chkbox form input + label{
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(fr, 50px);
    grid-template-columns: 1fr 45px;
    grid-template-areas: 
    "span sw"; 
}
.tgl_chkbox li label span,
.tgl_chkbox form label span {
    grid-area: span;
}
.tgl_chkbox li input:checked + label::before,
.tgl_chkbox form input:checked + label::before {
	content: "";
	background-color: #b71c1c;
	border: 2px solid #000;
}
.tgl_chkbox li input:checked + label::after,
.tgl_chkbox form input:checked + label::after  {
	left: 28px;
}

/* tgl_radio */
.tgl_radio_block{
	margin: 10px 10px 10px 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 80px;	
}
.tgl_radio_block li{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	width: 100%;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}
/* PC */
@media (min-width: 751px) {
	.tgl_radio_block li{
		width: calc( 50% - 40px );
	}
}
.tgl_radio {
	position: relative;
	width: 82px;
	height: 26px;
}
.tgl_radio input[type=radio] + label{
	padding: 0;
}
.tgl_radio input[type=radio] + label::before,
.tgl_radio input[type=radio] + label::after{
	content: unset;
}
.tgl_radio input[type=radio] + label {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	font-size:1.4rem;
	line-height: 25px;
	border:2px solid #999;
	background: #cfcfcf;
	color: #8b8b8b;
}
.tgl_radio input[type=radio].tgl_rb_on +  label{
	left: 50%;
	border-radius: 0 6px 6px 0;
	border-left: none;
}
.tgl_radio input[type=radio].tgl_rb_on:checked +  label{
	background-color: #b71c1c;
	color: #fff;
	border-color: #000;
	border-left: 1px solid #000;
}
.tgl_radio input[type=radio].tgl_rb_off +  label{
	right: 50%;
	border-radius: 6px 0 0 6px;
	border-right: none;
}
.tgl_radio input[type=radio].tgl_rb_off:checked +  label{
	background-color: #444;
	color: #fff;
	border-color: #000;
	border-right: 1px solid #000;
}
.tgl_radio_txt{
	line-height: 1.2;
	max-width: calc( 100% - 120px );
	margin: auto auto auto 0;
}
.tgl_radio_block + .tgl_radio_block{
	margin-top: 20px;
}

.bt_setting_message{
	width: 180px;
	max-width: 180px;
	border: 2px solid #000;
	margin: 40px auto;
	color: #fff;
	background-color: #000;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
	box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
/* 20240123myshop add setting mailmaga */
.l_wrap_myshop.ver2 .l_setting{
	background-color: #efefef;
	padding: 6px 0 3px 0;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet{
	display: flex;
	flex-wrap: wrap;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .attcnt span{
	top: calc( (( 2rem + 1.5rem ) - ( 2px + 1.8rem ))*.5 + 3px );
	right: 5px;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .shopname{
	padding: 14px 10px 15px 10px;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .myshop_tmb{
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 0 0 10px;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .myshop_txt{
	display: block;
	width: calc( 100% - 140px );
	padding: 0 0 0 10px;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet.shadow{
	width: 100%;
	-webkit-box-shadow: 0 3px 8px -8px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 8px -8px rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid #ccc;		
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet::before {
	width: 100%;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet+.l_box_myshop_sheet {
	margin: 30px 0 0 0;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .l_btn{
	width: 100%;
	margin: 10px auto 10px;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .l_btn .btn_tel_link{
	width: 240px;
	border-radius: 4px;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .l_setting{
	width: 100%;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .l_setting.tgl_chkbox{
	margin: 0;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .l_setting.tgl_chkbox form{
	margin: 0 10px 0 auto;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .tgl_chkbox form input + label{
	color: #666;
}
.l_wrap_myshop.ver2 .l_box_myshop_sheet .tgl_chkbox form input:checked + label{
	color: #000;
}
.pid_message_setting .error_enq .popup_inner,
.pid_myshop .error_enq .popup_inner {
	min-height: unset;
	max-height: 70vh;
}
/* PC */
@media (min-width: 751px) {
	.l_wrap_myshop.ver2 .l_box_myshop_sheet.shadow{
		-webkit-box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.5);
		box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.5);
		border-bottom: 1px solid #ccc;
	}
	.l_wrap_myshop.ver2 .l_box_myshop_sheet .shopname{
		padding: 20px 20px 20px 20px;
		font-size: 20px;
	}
	.l_wrap_myshop.ver2 .l_box_myshop_sheet .attcnt span{
		right: 10px;
		top: 18px
	}
	.l_wrap_myshop.ver2 .l_box_myshop_sheet .myshop_tmb{
		margin: 0 0 0 20px;
	}
	.l_wrap_myshop.ver2 .myshop_tmb img {
		width: 240px;
		height: 240px;
	}
	.l_wrap_myshop.ver2 .myshop_tmb span {
		width: 238px;
		height: 238px;
	}
	.l_wrap_myshop.ver2 .l_box_myshop_sheet .myshop_tmb{
		width: 240px;
		height: 240px;
	}
	.l_wrap_myshop.ver2 .l_box_myshop_sheet .myshop_txt{
		width: calc( 100% - 280px );
		padding: 0 0 0 20px;
	}
	.l_wrap_myshop.ver2 .l_box_myshop_sheet .l_btn .btn_tel_link{
		width: 80%;
	}
	.l_wrap_myshop.ver2 .l_box_myshop_sheet .l_setting.tgl_chkbox form{
		margin: 0 20px 0 auto;
	}
}
/* index title */
@media only screen and (min-width: 1px) and (max-width: 960px){
	.section_title{
		top: 50px;
	}
}
/* 20240322 MNM-196 receipt*/
.pid_setting_receipt .l_wrap_setting .row .colhead {
	padding: 0;
}
.pid_setting_receipt .l_wrap_setting .row .headline {
	padding: 10px;
}
.pid_setting_receipt .l_wrap_setting .row .colbody {
	margin: 0;
	padding: 10px 10px 10px 10px;
}
.pid_setting_receipt .colbody ul.notes:has(li:empty) {
	padding: 0;
}
.pid_setting_receipt .colbody input[type=text]{
	margin-top: -4px;
}
/* 20241029 MNM-205 message-box */
.icn_ad_point {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #ffd706;
	border-radius: 50%;
	color: #000;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
}