* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html,body {
	height: 100%;
}
body {
	font-size: 14px;
	font-family:Meiryo,"メイリオ",Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3",sans-serif;
	/* font-family: 'Lato','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; */
	background: #f9f9f9;
	color:#212121;
}
body.close {
	overflow: hidden;
}
ul, ol{
list-style: none;	
}
* dl,dt,dd{
margin:0;
padding:0;
list-style:none;
}
ol{
padding-left:0;
font-size:13px;
}
/*
a{
color:#212121;
text-decoration:none;
}
*/
a {
color: #5715cd;
text-decoration:none;
transition : all 0.3s ease 0s;
}
a:hover {
color: #2196f3;
}

.l1 a {
color: #5715cd;
text-decoration:none;
transition : all 0.3s ease 0s;
}

.l1 a:hover {
color: #2196f3;
text-decoration:underline;
}

.form-control{
font-size:15px;
}
.form-control::placeholder{
  color:#bbb
}
#container {
	background: #eee;
	margin-left: 255px;
	position: relative;
	-moz-transition: margin-left .25s linear;
	-webkit-transition: margin-left .25s linear;
	transition: margin-left .25s linear;
}
#main {
background: #f9f9f9;
padding:110px 1.5vw 30px;
min-height: 100vh;
}
@media screen and (max-width:640px) {
#main {
padding-top:77px;
}
}
#main section{
box-shadow: 0 0 .2rem rgba(0,0,0,.2);
background:#fff;
border-radius:4px;
padding:20px;
margin-bottom:20px;
}
#main section.loginbox{
padding:32px 20px 20px;
}
#main p {
	margin-bottom: 1em;
	line-height: 1.9;
}
#main .inner {
	padding: 60px;
}

@media screen and (max-width: 640px) {
#main section{
padding:10px;
}
}



/* パンくず */
.breadcrumb{
margin-bottom:20px;
font-size:12px;
}
.breadcrumb ul{
display:flex;
}
.breadcrumb ul li::after{
font-family:"FontAwesome";
content:"\f105";
display:inline-block;
margin:0 6px;
}
.breadcrumb ul li:last-child::after{
content:"";
}
.breadcrumb a{
color: #5715cd;
text-decoration:none;
}
.breadcrumb a:hover{
text-decoration:underline;
}

.stepbox{
/* background:#eee; */
/* box-shadow: 0 0 .2rem rgba(0,0,0,.2); */
margin-bottom:20px;
border-radius:4px;
}
.stepbox ul{
display:flex;
height:50px;
line-height:50px;
counter-reset:step;
border-radius:3px;
overflow:hidden;
padding-left: 0 !important;
}
.stepbox ul li{
width : calc(100% / 3 - 10px) ;
text-align:center;
font-size:17px;
font-weight:bold;
position:relative;
background:#fff;
margin-right:15px;
color:#999;
}
.stepbox ul li.active{
background:#5715cd;
color:#fff;
}
.stepbox ul li::after{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 15px;
border-color: transparent transparent transparent #fff;
position:absolute;
right:-15px;
top:0;
}
.stepbox ul li.active::after{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 15px;
border-color: transparent transparent transparent #5715cd;
position:absolute;
right:-15px;
top:0;
}
.stepbox ul li:nth-child(2)::before,
.stepbox ul li:nth-child(3)::before{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 15px;
border-color: transparent transparent transparent #f9f9f9;
position:absolute;
left:0;
top:0;
}
.stepbox ul li:last-child{
margin-right:0;
}
.stepbox ul li:last-child::after{
display:none;
}
.stepbox ul li span::before{
counter-increment:step;
content:"STEP"counter(step)"." ;
display:inline-block;
margin-right:5px;
font-size:13px;
font-weight:normal;
}
@media screen and (max-width:640px) {
.stepbox ul li{
display:flex;
align-items:center;
padding-left:24px;
}
.stepbox ul li span{
line-height:1.3;
display:inline-block;
text-align:left;
}
.stepbox ul li span::before{
display:block; font-size:12px;}
}

.yokerebatxt{
font-weight:bold;
font-size:16px;
border-top:2px solid #212121;
border-bottom:2px solid #212121;
margin-bottom:20px;
padding:13px 10px 10px;
}
.conftxt{
font-weight:bold;
font-size:16px;
}
/* main-visual */
#main-visual {
	background: #64CE80;
	background: -webkit-linear-gradient(-45deg, #64CE80, #C68BC4);
	background: -moz-linear-gradient(-45deg, #64CE80, #C68BC4);
	background: -ms-linear-gradient(-45deg, #64CE80, #C68BC4);
	background: linear-gradient(-45deg, #64CE80, #C68BC4);


	height: 400px;
	display: flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
#main-visual h2 {
	font-size: 21px;
	color: #fff;
}
h3 {
	font-size: 131%;
	margin-bottom: .7em;
}
#copyright a {
	color: #666;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}

#global-head {
	position: fixed;
	/* color: #033560; */
	width: 100%;
	padding:15px;
	background: #fff;
	display: -webkit-flex;
	display: flex;
	justify-content:space-between;
	align-items:center;
	z-index:9998;
	border-bottom:1px solid #ccc;
}
#global-head ul{
display:flex;
font-size:12px;
margin:0;
padding:0;
}
#global-head ul li{
margin-left:15px;
text-align:center;
line-height:1.2;
}
#global-head ul a{
color:#666;
}
#global-head ul a{
color:#787878;
}
#global-head ul a:hover{
color:#5715cd;
}
#global-head ul a::before{
display:block;
font-family:"Material Symbols Rounded";
font-weight:600;
font-size:28px;
content:"\e30a";
}
#global-head ul .logout a::before{
content:"\e9ba";
}
@media screen and (max-width: 640px) {
#global-head{
padding:10px;
}
#global-head ul li{
margin-left:0;
text-align:center;
font-size:9px;
white-space:nowrap;
}
#global-head ul li.logout{
margin-left:4px;
}
}


/* サイドメニュー */
#sidebar {
padding-top:86.35px;
width: 250px;
height: 100%;
position: fixed;
/* color: #afc3f2; */
background: #fff;
border-right:1px solid #dedede;
/* border-right:1px solid #ccc;
box-shadow: 1px 0 5px rgba(0,0,0,.3); */
}
@media screen and (max-width:640px) {
#sidebar {
padding-top: 66px;
}
}
#sidebar ul li{
/* font-weight:bold; */
}
#global-nav .this {
/* background: rgb(255 137 185 / 50%); */
/* background:#f9f9f9; */
color: #5715cd;
}
#global-nav .this > a{
background:#5715cd;
color:#fff;
font-weight:bold;
font-size:15px;
/* background:#fff5f8; */
}
#global-nav .this > a::after{
color:#fff;
}
/* タッチ端末では hover を適用しない (iOSで1回目のタップが hover 扱いになり遷移しないため) */
@media (hover: hover) {
#global-nav .this  a:hover { color: #fff; }
}
#global-nav .sitelink{
padding:20px 8px;
}
#global-nav .sitelink p{
margin: 0 0 4px 0;
color: #5715cd;
font-weight:bold;
}
#global-nav .sitelink a{
display:block;
border:1px solid #ccc;
border-radius:5px;
padding:10px;
font-size:12px;
font-weight:bold;
margin-bottom:8px;
position:relative;
}
#global-nav .sitelink a::after{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f054";
position: absolute;
top: 0;
bottom: 0;
right: 8px;
margin: auto;
width: 12px;
height: 12px;
line-height: 1;
text-align: center;
}
#global-nav .sitelink a.hajifuu{
color:#ff89b9;
border-color:#ff89b9;
}
#global-nav .sitelink a.baito30{
color:#79639e;
border-color:#79639e;
}
#global-nav .sitelink a.orekaze{
color:#5715cd;
border-color:#5715cd;
}
#global-nav .sitelink a.mingeki{
color:#c00;
border-color:#c00;
}
#global-nav .sitelink a.kyonyu{
color:#ff32ab;
border-color:#ff32ab;
}
#global-nav .sitelink a.seifuku{
color:#45af45;
border-color:#45af45;
}
#global-nav .sitelink a.pafu2{
color:#0075c2;
border-color:#0075c2;
}
#global-nav-overlay {
	background: #2C2C2C57;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
}

#brand-logo {
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
/* height:30px; */
line-height:1.2;
}
#brand-logo h1{
font-size:13px;
font-weight:normal;
display:flex;
margin:7px 0 0 0;
}
@media screen and (min-width: 900px) {
#brand-logo img.logo_pc{
width:150px;
display:block;
}
#brand-logo .logo_sp{
display:none;
}
}
@media screen and (max-width:900px) {
#brand-logo img.logo_pc{
display:none;
}
#brand-logo .logo_sp{
display:block;
height:24px;
}
#brand-logo h1{
margin-top:4px;
}
}
#brand-logo .shop_name{
font-weight:bold;
margin-right:15px;
}
#brand-logo .shop_name::after{
content:"様";
margin-left:3px;
font-weight:normal;
}
#brand-logo .master_name::before{
font-family: "Font Awesome 5 Free";
content:"\f2bd";
font-weight:900;
color:#aaa;
}
#brand-logo .layer_back{
margin-left:5px;
}
#brand-logo .layer_back a::before{
font-family: "Font Awesome 5 Free";
content:"\f35d";
font-weight:900;
margin-right:2px;
}

#global-nav ul {
	list-style: none;
	margin-left: 0;
}
#global-nav > ul > li {
	position: relative;
	border-bottom:1px solid #dedede;
	/* border-right:1px solid #dedede; */
}

#global-nav a {
	color: #212121;
	text-decoration: none;
	display: block;
	padding: 15px 15px 13px;
	-moz-transition: color .3s linear;
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	position:relative;
}
@media (hover: hover) {
#global-nav a:hover {
	color: #89deff;
	/*background: #fff;*/
}
}
#global-nav .sub-menu.is-active > a{
font-weight:bold;
}
#global-nav .oubo_count{
display:inline-block;
height:18px;
line-height:18px;
font-size:12px;
font-weight:bold;
color:#fff;
padding:0 5px;
border-radius:100px;
background:#5715cd;
margin-left:8px;
position:relative;
top:-1px;
}

/* sub-menu icon */
#global-nav .sub-menu-head {
	position: relative;
}
#global-nav > ul > li > a::after{
font-family: "Font Awesome 5 Free";
font-weight:900;
content:"\f054";
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
width:14px;
height:14px;
line-height:1;
color:#999;
text-align:center;
}
#global-nav .sub-menu > a::after,
#global-nav .sub-menu li .sub-menu-head::after{
font-family: "Font Awesome 5 Free";
font-weight:900;
content:"\f0fe";
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
width:14px;
height:14px;
line-height:1;
color:#999;
/*
border-top: 1px solid #777;
border-right: 1px solid #777;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
*/
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#global-nav .sub-menu.this > a::after{
color:#fff;
}
#global-nav .sub-menu.is-active::after,
#global-nav .sub-menu-head:hover:after {
/*
border-color: #fff;
*/
}

#global-nav .sub-menu.is-active > a::after,
#global-nav .sub-menu.is-active li.is-active .sub-menu-head::after{
/*
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
*/
content:"\f146";
}
/* sub-menu */
#global-nav .sub-menu-nav {
background: #fff;
display: none;
border-top:1px solid #dedede;
padding-left:0;
/* padding: 10px 0; /
/*-moz-transition: all .4s ease;*/
/*-webkit-transition: all .4s ease;*/
/*transition: all .4s ease;*/
}
#global-nav .sub-menu-nav > li{
/*
border-bottom:1px solid #dedede;
*/
}
#global-nav .sub-menu-nav > li:last-child{
border:none;
}
#global-nav .sub-menu-nav a {
/* color: #fff; */
padding: 12px 15px 10px 29px;
}
@media (hover: hover) {
#global-nav .sub-menu-nav a:hover {
	color: #d2e2ff;
}
}
#global-nav .sub-menu.is-active li.is-active .sub-menu-nav{
border-top:none;
}
#global-nav .sub-menu.is-active li.is-active .sub-menu-nav a{
padding-left:43px;
}
#gnav li a{
position:relative;
}
#gnav li a.current{
color:#2196f3;
}
#gnav li a.current::after{
content:"";
display:block;
width:4px;
height:70%;
background:#5715cd;
border-radius:100px;
position:absolute;
top:15%;
right:15px;
}
#global-nav li.current > a{
position:relative;
}
#global-nav li.current > a{
color:#2196f3;
}
#global-nav li.current > a::after{
content:"";
display:block;
width:4px;
height:70%;
background:#5715cd;
border-radius:100px;
position:absolute;
top:15%;
right:15px;
}

.hissu{
display:inline-block;
background:#dc3545;
padding:2px 8px 1px;
border-radius:100px;
line-height:1;
font-size:10px;
font-weight:bold;
color:#fff !important;
position:relative;
top:-2px;
}
.examplebtn{
font-size:13px;
display:inline-block;
color:#888;
border-radius:3px;
border:1px solid #999;
padding:2px 10px;
}
.examplebtn::before{
font-family: "Font Awesome 5 Free";
content:"\f302";
margin-right:5px;
font-weight:bold;
}
.examplebtn:hover{
color:#5715cd;
border-color:#5715cd;
}

.plusbtn{
font-size:14px;
color:#fff;
background:#2196f3;
border-color:#2196f3;
padding:8px 15px;
line-height:1;
}
.plusbtn::before{
font-family: "Font Awesome 5 Free";
content:"\f067";
font-weight:bold;
}
.plusbtn:hover{
color:#2196f3;
background:none;
}

/* nav-toggle */
#nav-toggle {
	position: fixed;
	top: 20px;
	left: 10px;
	height: 24px;
	display:none;
}
#nav-toggle > div {
	position: relative;
	width: 24px;
}
#nav-toggle span {
	width: 100%;
	height: 2px;
	left: 0;
	display: block;
	background: #fff;
	position: absolute;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}

/* #nav-toggle close */
#nav-toggle span:nth-child(1) {
	top: 0;
	/*
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	*/
}
#nav-toggle span:nth-child(2) {
	top: 11px;
	/*
	width: 0;
	left: 50%;
	*/
}
#nav-toggle span:nth-child(3) {
	top: 22px;
	/*
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	*/
}

/*
.close #nav-toggle span:nth-child(1) {
	top: 0;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}
.close #nav-toggle span:nth-child(2) {
	width: 100%;
	left: 0;
}
.close #nav-toggle span:nth-child(3) {
	top: 22px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}
*/


/* z-index */
/* #nav-toggle {
	z-index: 1000;
}
#container {
	z-index: 900;
} */

/* modal 無効化 */ 
.modal{
	z-index: 100000 !important;
	background-color: #1e1e1e9e;
}
.modal-backdrop {
	display:none;
}


/* close */
.close #container {
	margin-left: 0;
}
.close #brand-logo {
	margin-left: 40px;
}
.close #nav-toggle span {
	background: #033560;
}
.close #nav-toggle span:first-of-type{
transform: rotate(-45deg);
top:12px;
}
.close #nav-toggle span:nth-of-type(2){
display:none;
}
.close #nav-toggle span:nth-of-type(3){
transform: rotate(45deg);
top:12px;
}


@media screen and (max-width: 900px) {
	#container {
		margin-left: 0;
	}
	#brand-logo {
		margin-left: 40px;
	}
	#nav-toggle{
		display:block;
		z-index:9999;
	}
	#nav-toggle span {
		background: #454545;
	}
	.close #nav-toggle span {
		background: #454545;
	}

#sidebar {
left: -260px;
z-index: 910;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
.close #sidebar {
	left: 0;
}
}

/* タッチ端末ではperfect-scrollbarのスクロールバーを常時表示にし、hoverで見た目が変わらないようにする
   iOSでサイドバー内の1回目のタップが「hover扱い」になり、遷移しなくなるため
   (hoverでopacityがトランジションすると、1回目のタップがclickにならない) */
@media (hover: none) {
#sidebar.ps > .ps__scrollbar-x-rail,
#sidebar.ps > .ps__scrollbar-y-rail,
#sidebar.ps:hover > .ps__scrollbar-x-rail,
#sidebar.ps:hover > .ps__scrollbar-y-rail {
	opacity: .6;
	pointer-events: none;
	-webkit-transition: none;
	transition: none;
}
}

@media screen and (max-width: 400px) {

}
h2{
margin-bottom:15px;
font-size:24px;
}
.input01{
-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;appearance: none;
height: 50px;width: 100%;font-size: 14px;padding: .5px 10px;border: 1px solid #ddd;border-radius: 3px; 
margin-bottom:5px;
}
.txt_count{
text-align:right;
color:#999;
font-size:12px;
}
.txt_count::after{
content:"文字";
margin-left:1px;
}
input + .txt_count,
textarea + .txt_count{
margin-top:2px;
}
.btn a, .btn button {
display:inline-block;
width:200px;
padding:15px 0 11px;
border-radius:5px;
background:#5715cd;
border:2px solid #5715cd;
font-size:20px;
font-weight:bold;
text-align:center;
color:#fff;
text-decoration:none;
letter-spacing:1px;
margin-right:20px;
box-sizing:border-box;
}
.btn a:hover,
.btn button:hover{
opacity:.8;
}
.btn a:hover{
color:#fff !important;
}

.btn a.submit{
background:#0468b4;
border:2px solid #0468b4;
color:#fff;
}

.notification {
	backdrop-filter: blur(50px);
}

/* ステータス */
.status_wrap{
margin-bottom:20px;
}
.status_wrap dl{
display:flex;
background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow: 0 0 .2rem rgba(0,0,0,.2);
font-size:16px;
border:3px solid #5715cd;
}

.status_wrap dl dt{
font-weight:bold;
padding:12px 0 10px 20px;
color:#5715cd;
/*
width:240px;
text-align:center;
color:#fff;
background:#ff89b9;
border-radius:0 100px 100px 0;
*/
}
.status_wrap dl dd{
padding:12px 20px 10px 0;
}
.status_wrap dl dt::after{
content:"：";
}
@media screen and (max-width:640px) {
.status_wrap dl{
display:block;
}
.status_wrap dl dt{
padding:7px 10px 1px;
font-size:15px;
font-weight:bold;
}
.status_wrap dl dd{
padding:0 10px 7px 10px;
font-size:12px;
}
}

/* 求人情報編集 */
.subttl{
width:20%;
text-align:left;
}
.subttl h3{
font-size:15px;
font-weight:bold;
margin:0;
}
.subttl .text-danger{
display:inline-block;
font-size:11px;
color:#fff !important;
background:#dc3545;
padding:0 10px;
height:17px;
line-height:18px;
border-radius:100px;
position:relative;
top:-1px;
margin-left:3px;
}
.box{
width:80%;
}
#main .box p{
margin:0;
}
#main .box p span{
font-weight:bold;
}
.gray{
color:#777;
}
ol.caution{
margin:10px 0 0;
padding:0;
font-size:12px;
}
.txt12{
font-size:12px;
}
.txt15{
font-size:15px;
}
.fbold{
font-weight:bold;
}
.border-4{
border:4px dashed #cdd6dd !important;
}
.caution_red{
color:#f50e1d;
}
#main section.boxwrap{
padding:0;
}
#main section.boxwrap .flex{
display:flex;
align-items:center;
padding:20px;
border-bottom:1px solid #ddd;
}
.titlebox{
padding:20px 20px 20px 15px;
border-bottom:1px solid #ddd;
border-left:5px solid #5715cd;
}
.titlebox h2{
font-size:18px;
font-weight:bold;
margin:0;
}
@media screen and (max-width: 1000px) {
.titlebox{
padding:11px 0 9px 10px;
}
.titlebox h2{
font-size:16px;
}
}
#imgB,
#backrate{
margin-top:-80px;
padding-top:80px;
}
h1.pagettl,
h2.pagettl{
font-size:22px;
font-weight:bold;
margin-bottom:20px;
}
@media screen and (max-width: 1000px) {
h1.pagettl,
h2.pagettl{
font-size:18px;
margin-bottom:15px;
}
}

/* フッターボタン固定用 */
.stickybtn{
position:sticky;
bottom:0;
justify-content:center;
background:rgba(255,255,255,0.8);
z-index:9999;
}
.stickybtn .btn button{
background:#2196f3;
color:#fff;
border:2px solid #94c7f9;
border-radius:100px;
}
/* 店舗管理TOP */
.cont_ttl{
display:flex;
justify-content:space-between;
padding:20px 20px 12px 20px;
}
.cont_ttl h3{
font-size:18px;
font-weight:bold;
margin:0;
}
.cont_ttl a{
font-weight:bold;
font-size:13px;
color:#2196f3;
}
.cont_ttl a:hover{
color:#5715cd;
}
@media screen and (max-width:640px) {
.cont_ttl{
padding:10px;
}
.cont_ttl h3{
font-size:16px;
}
#main section.boxwrap .flex{
display:block;
padding:15px 10px;
}
.subttl,
.box{
width:100%;
}
.subttl{
margin-bottom:10px;
}
.box figure{
width:100% !important;
}
.box .gray{
font-size:12px;
}
}
.setting_wrap{
padding:0 20px;
display:flex;
flex-wrap:wrap;
}
.setting_wrap dl{
width : calc(100% / 5 - 8px) ;
text-align:center;
border:1px solid #ddd;
border-radius:8px;
padding:5px 10px;
margin:0 10px 12px 0;
font-size:13px;
display:flex;
align-items:center;
justify-content:space-between;
line-height:1;
}
.setting_wrap dl:hover{
cursor:pointer;
}
.setting_wrap dl:nth-of-type(5n){
margin-right:0;
}
.setting_wrap dl dt{
min-width:30px;
text-align:right;
}
.setting_wrap dl dt::before{
font-weight:700;
font-family:"Material Symbols Rounded";
font-size:24px;
}
.setting_wrap dl.good dt::before{
content:"\e836";
color:#2196f3;
}
.setting_wrap dl.ng dt::before{
content:"\e5cd";
color:#dc3545;
}
.setting_wrap dl.soso dt::before{
content:"\e86b";
color:#ef9c38;
}
.setting_wrap dl dd{
text-align:left;
font-weight:bold;
line-height:1.3;
order:-1;
}
.setting_wrap dl dd a{
color:#212121;
}
.setting_wrap dl:hover dd a{
color:#89deff;
}
@media screen and (max-width:640px) {
.setting_wrap{
padding:0 10px;
}
.setting_wrap dl{
width : calc(100% / 3 - 3px) ;
display:block;
margin:0 4.5px 7px 0;
}
.setting_wrap dl:nth-of-type(3n){
margin-right:0;
}
.setting_wrap dl dt{
text-align:center;
}
.setting_wrap dl dd{
text-align:center;
font-size:12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}

.progress_wrap{
padding:20px;
border-top:1px solid #ddd;
margin-top:20px;
}
.progress_ttl{
margin-bottom:5px;
font-size:16px;
font-weight:bold;
}
.progress{
height:3rem;
border-radius:100px;
font-weight:bold;
font-size:15px;
}
.news_wrap dl{
padding:12px 20px;
display:flex;
border-top:1px solid #ddd;
}
.news_wrap dl dt{
font-size:13px;
font-weight:bold;
color:#777;
width:100px;
margin-right:10px;
}
.news_wrap dl dd{
font-weight:bold;
}
.news_wrap dl dd a{
color:#2196f3;
}
.news_wrap dl dd a:hover{
color:#5715cd;
}
/* 上位表示ボタン */
.boost_count_wrap{
display:flex;
justify-content:space-between;
margin-bottom: 30px;
}
.boost_count_wrap > div{
width : calc(100% / 2 - 10px) ;
text-align:center;
box-shadow: 0 0 .2rem rgba(0,0,0,.2);
background: #fff;
border-radius: 4px;
padding:0;
}
.boost_count_wrap > div .boost_ttl{
padding:17px 20px 15px;
border-bottom:1px solid #ddd;
font-size:18px;
font-weight:bold;
line-height:1;
}
.boost_count_wrap > div .boost_ttl span::before{
content:"：";
}
.boost_count_wrap > div .boost_ttl strong{
color:#5715cd;
font-size:32px;
position:relative;
top:2px;
margin:0 3px;
}

.boost_count_wrap > div .boost_count{
font-size:20px;
}
.boost_count_wrap > div .boost_count span{
font-size:60px;
font-weight:bold;
display:inline-block;
position:relative;
bottom:-3px;
color:#5715cd;
}
.boost_count_wrap > div .boost_txt{
padding-top:10px;
border-top:2px dotted #ccc;
margin-bottom:20px;
height:50px;
}
.boost_count_wrap > div .boost_txt span{
display:block;
font-weight:bold;
}
.boost_count_wrap > div .boost_txt span.time{
color:#777;
}

.boost_count_wrap > div .boost_txt_top{
margin-top:20px;
}
.boost_count_wrap > div .boost_txt_top span{
display:block;
font-weight:bold;
}
.boost_count_wrap > div .boost_txt_top span.time{
color:#777;
}

.boost_count_wrap > div .boost_btn{
padding:0 20px 20px;
}
.boost_count_wrap > div .boost_btn_top{
padding:20px;
}
.boost_count_wrap > div .boost_btn .btn-warning,
.boost_count_wrap > div .boost_btn_top .btn-warning{
background:#ccc;
border-color:#ccc;
color:#f1f1f1;
padding:10px;
border-radius:100px;
}
.boostbox{
padding:20px;
border-radius:10px;
background:#edf4ff;
}
.boostbox h2{
font-size:18px;
font-weight:bold;
margin:0 0 5px;
}
.boostbox dt{
color:#5715cd;
margin-bottom:5px;
font-weight:bold;
}
.boostbox dd{
font-size:12px;
}
@media screen and (max-width: 640px) {
.boost_count_wrap{
display:block;
}
.boost_count_wrap > div{
width:100%;
}
.boost_count_wrap > div:first-of-type{
margin-bottom:20px;
}
.boostbox dd{
font-size:10px;
}
}
.btn_topdisplay{
background-color:#2196f3;
font-weight:bold;
border-radius:100px;
color:#fff;
padding:10px 0;
}
.btn_topdisplay:hover{
background-color:#5715cd;
color:#fff;
}
/* タイマー */
.timer_list > div{
width : calc(100% / 2 - 10px) ;
}
.timer_list .card-header{
padding:18px 15px 15px;
}
.timer_list .card-header a.edit::before{
font-family: "Font Awesome 5 Free"; content:"\f044"; font-weight:bold; font-size:18px; color:#777;
}
.timer_list .card-body{
padding-top:5px;
}
.timer_list > div h6,
.timer_list > div .table{
margin-bottom:0;
}
@media screen and (max-width: 640px) {
.timer_list{
display:block !important;
}
.timer_list > div{
width:100%;
}
.timer_list > div h6{
font-size:.9rem;
}
}
.timer_txt{
margin-bottom:10px;
}
.timer_box td.times,
.timer_box td.reset{
text-align:center;
}
.timer_box .btn_reset{
background-color:#999;
color:#fff;
font-size:14px;
font-weight:bold;
}
@media screen and (max-width:640px) {
.timer_box{
padding:10px;
}
.timer_box .table th{
font-size:13px;
white-space:nowrap;
}
.timer_box .btn_reset{
font-size:13px;
white-space:nowrap;
}
.timer_box td .form-select{
font-size:14px;
padding-left:6px;
background-position: right 6px center;
}
}

/* 応募管理 */
.sort_wrap{
display:flex;
justify-content:space-between;
border-bottom:3px solid #5715cd;
margin-bottom:20px;
}
.sort_wrap .btn_wrap button{
width:100px;
background:none;
border:none;
height:50px;
line-height:54px;
margin-right:10px;
color:#777;
font-size:15px;
}
.sort_wrap .btn_wrap button.active{
background:#5715cd;
color:#fff;
border-radius:5px 5px 0 0;
font-weight:bold;
}
.kensu_wrap{
display:flex;
align-items:center;
}
.kensu_wrap .kensu_txt{
font-size:13px;
}
.kensu_wrap .kensu_txt::after{
content:"：";
}
.kensu_wrap .form-select{
font-size:14px;
padding: 5px 1.75rem 5px 10px;
height:32px;
width:102px;
}
.contact_box{
background:#fff;
margin-bottom:20px;
border-radius:4px;
box-shadow: 0 0 .2rem rgba(0,0,0,.2);
}
.contact_box:hover{
cursor:pointer;
}
.contact_box .icon_name{
padding:15px 15px 2px;
}
.contact_box .iconbox{
margin-bottom:5px;
display:flex;
}
.contact_box .iconbox span{
display:inline-block;
font-size:12px;
width:100px;
border-radius:3px;
border:1px solid #ddd;
text-align:center;
height:20px;
line-height:20px;
}
.contact_box .iconbox span.kidoku{
color:#4caf50;
border-color:#4caf50;
}
.contact_box .iconbox span.midoku{
color:#ef9c38;
border-color:#ef9c38;
}
.contact_box .iconbox span.sumi{
color:#2196f3;
border-color:#2196f3;
}
.contact_box .iconbox span.mada{
color:#fff;
border-color:#dc3545;
background:#dc3545;
}
.contact_box .user_name{
font-size:16px;
font-weight:bold;
color:#5715cd;
}
.contact_box dl{
padding:10px 20px 15px;
background:#fff5f8;
}
.contact_box dt a{
color:#212121;
}
.contact_box dd{
font-size:12px;
color:#777;
margin-top:2px;
}
/* 応募（メッセージボックス） */
.messagewrap{
background:#fff;
border-radius:4px;
box-shadow: 0 0 .2rem rgba(0,0,0,.2);
}
.messagewrap .flex{
display:flex;
}
.messagewrap .flex.between{
justify-content:space-between;
}
.messagewrap .message_left{
width:50%;
border-right:1px solid #dedede;
box-sizing:border-box;
}
.messagewrap .usernamebox{
padding:20px;
border-bottom:1px solid #dedede;
}
#message_page .usernamebox .name,
#message_page .usernamebox .age{
font-size:16px;
font-weight:bold;
}
#message_page .usernamebox .name{
color:#5715cd;
}
#message_page .usernamebox .age{
margin-left:5px;
}
#message_page .usernamebox .ex{
line-height:1;
border:1px solid #5715cd;
border-radius:3px;
padding:3px 10px 1px;
color:#5715cd;
font-size:12px;
margin-left:10px;
position:relative;
top:-1px;
}
.messagewrap .messagebox{
padding:20px;
background:#f9f9f9;
height:500px;
overflow-x:scroll;
}
#message_page .shop__answer{
background:#c9edfd !important;
color:#212121 !important;
}
#message_page .shop__icon::before{
border-color: transparent transparent transparent #c9edfd;
}
.messagewrap .message_right{
width:50%;
}
.messagewrap .message_form{
padding:20px;
}
.messagewrap .message_form .message_ttl{
font-size:17px;
font-weight:bold;
margin-bottom:10px;
}
.messagewrap .message_form dl{
margin-bottom:10px;
}
.messagewrap .message_form dt{
font-weight:normal;
}
.messagewrap .message_form textarea{
height:10rem;
font-size:14px;
}
.messagewrap .message_form .message_caution{
font-size:12px;
margin-top:8px;
margin-bottom:20px;
}
.messagewrap .message_form .message_err{
margin-top:5px;
color:#dc3545;
}
.message_modal .text-danger{
font-size:12px;
}
.message_modal .modal-footer button{
width:120px;
height:42px;
line-height:30px;
box-sizing:border-box;
}
.message_modal .modal-footer .btn-secondary {
color: #999;
background-color: #fff;
border-color: #bbb;
}
.message_modal .kenmei_txt,
.message_modal .honbun_txt{
margin-bottom:15px;
line-height:1.6;
}

#message_page .sticky-lg-top .shadow-sm{
box-shadow:none !important;
}
#message_page .card-header{
margin-bottom:10px;
font-size:16px;
font-weight:bold;
padding-left:0;
}
#message_page #main .sticky-lg-top p{
line-height:1.4;
}
#message_page #main .sticky-lg-top textarea{
height:10rem !important;
}
#message_page .sticky-lg-top .text-danger{
font-size:11px;
margin-top:8px;
line-height:1.5;
display:block;
}
@media screen and (max-width:640px) {
.sort_wrap{
display:block;
border:none;
}
.sort_wrap .btn_wrap{
display:flex;
border-bottom:3px solid #5715cd;
margin-bottom:10px;
}
.sort_wrap .btn_wrap button{
width : calc(100% / 5) ;
margin:0;
height:32px;
line-height:33px;
}
.kensu_wrap{
justify-content:flex-end;
}
.messagewrap .flex{
display:block;
}
.messagewrap .message_left,
.messagewrap .message_right{
width:100%;
}
.messagewrap .usernamebox{
padding:10px;
}
}

.contbox{
background: #fff;
border-radius: 4px;
box-shadow: 0 0 .2rem rgba(0,0,0,.2);
}
.pink{
color:#ff89b9;
}
.linkblue{
color:#2196f3;
}
.linkblue:hover{
color:#89deff;
}
.btn-ao{
background:#2196f3;
color:#fff;
}
.btn-ao:hover{
color:#fff;
opacity:.8;
}

figure.l_img{
max-width:700px;
}
figure.m_img{
max-width:520px;
}
figure.s_img{
max-width:160px;
}
.three_box{
width:32%;
}
@media screen and (max-width:640px) {
/* 3点画像 */
.three_wrap{
display:block;
}
.three_box{
width:100%;
}
/* 体験入店 */
.ex_tainyu > div{
white-space:nowrap;
}
.ex_tainyu > div.pe-2{
padding-right:0 !important;
min-width:100px;
}
.ex_tainyu > div:nth-of-type(3){
padding:0 !important;
}
}

:root {
	--ore-blue: #5715cd;
	--ore-blue-90: #073180e3;
	--ore-blue-70: #073180b4;
	--ore-blue-50: #07318081;
	--ore-dark-blue: #2D3F61;
	--ore-dark-blue: #2d3f61e5;
	--ore-dark-blue: #2d3f61b2;
	--ore-dark-blue: #2d3f6180;
	--ore-gray: #6c757d;
	--ore-gray-90: #6c757de7;
	--ore-gray-70: #6c757db2;
	--ore-gray-50: #6c757d80;
}

.btn-primary {
	color: #fff !important;
	background-color: var(--ore-blue)!important;
	border-color: var(--ore-blue) !important;
}

.btn-primary:hover {
	color: #fff;
	background-color: var(--ore-blue-70) !important;
	border-color: var(--ore-blue) !important;
}

.btn-primary:active {
	color: #fff;
	background-color: var(--ore-blue) !important;
	border-color: var(--ore-blue) !important;
}

.btn-primary:focus {
	color: #fff;
	background-color: var(--ore-blue-70) !important;
	border-color: var(--ore-blue) !important;
}

.btn-outline-primary { 
	color: #212529 !important;
	border-color: var(--ore-blue) !important;
}

.btn-outline-primary:hover {
	color: #fff !important;
	background-color: var(--ore-blue) !important;
	border-color: var(--ore-blue) !important;
}

.btn-check:active+.btn-outline-primary { 
	color: #fff !important;
	background-color: var(--ore-blue) !important;
	border-color: var(--ore-blue) !important;
}

.btn-check:checked+.btn-outline-primary {
	color: #fff !important;
	background-color: var(--ore-blue) !important;
	border-color: var(--ore-blue) !important;
}

@media screen and (max-width:640px) {
.btn-primary{
background-color:#fff !important;
border-color:#888 !important;
color:#4f4844 !important;
padding:10px 20px 9px !important;
font-size:15px;
font-weight:bold;
}
}