@charset "utf-8";
@import url("init.css");

a { outline: none; color: #5f422e;}
#main_contents a img:hover {opacity: 0.9 ;}

/*アイコン*/

span.icon {
	padding:0 2px;
	font-size:10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	height:17px;
	line-height:1.7em;
	color:#fff;
	margin:0 1px;
}

span.icon.new{color:#ff0048}/*一般*/

span.icon.ipp{	background:#a3cd5c;}/*一般*/
span.icon.fuz{	background:#f5971f;}/*風俗*/
span.icon.rod{	background:#25c389;}/*ROOM&出張*/
span.icon.roo{	background:#0cc1c4;}/*ROOM*/
span.icon.uke{	background:#e54b25;}/*受付出張*/
span.icon.tdr{	background:#773d88;}/*店舗&出張*/
span.icon.ten{	background:#aa067b;}/*店舗*/
span.icon.der{	background:#73880a;}/*出張*/




ul.bottom_job{
margin:20px 0 0px 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: minmax(100px, auto);
}

ul.bottom_job li{

}


ul.bottom_job li.first{
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}




ul.bottom_job li a{
	font-size:2.0em;
	position: relative;
	line-height:1.0em;
	display: block;
	text-align: center;
	text-decoration: none;
	outline: 0;
	overflow: hidden;
	color: #fff;
	border-radius: 8px;
	padding: 0.6em 0 .3em 0;
	margin:10px 5px;
	border: 2px dashed #fff;
	background: #a3cd5c;
	box-shadow: 0 0 0 5px #a3cd5c, 0 2px 3px 5px rgba(0,0,0,0.5);
}




ul.bottom_job a span{
	color:#fff47b;
	font-size:45%;
	display: block;
}






/* エリア1*/
#main_contents #area_list h4:nth-child(16),
#main_contents #area_list h4:nth-child(2){
	background: #f168a9;
	text-shadow: 1px 1px 1px #c86392;
}


/* エリア2*/
#main_contents #area_list h4:nth-child(18),
#main_contents #area_list h4:nth-child(4){
	background: #ffb400;
	text-shadow: 1px 1px 1px #b67a00;
}


/* エリア3*/
#main_contents #area_list h4:nth-child(20),
#main_contents #area_list h4:nth-child(6){
	background: #95d82e;
	text-shadow: 1px 1px 1px #77ac25;
}

/* エリア4*/
#main_contents #area_list h4:nth-child(22),
#main_contents #area_list h4:nth-child(8){
	background:#87d5f2;
	text-shadow: 1px 1px 1px #73b4cd;
}


/* エリア5*/
#main_contents #area_list h4:nth-child(24),
#main_contents #area_list h4:nth-child(10){
	background: #9581ce;
	text-shadow: 1px 1px 1px #7766a3;
}

/* エリア6*/
#main_contents #area_list h4:nth-child(26),
#main_contents #area_list h4:nth-child(12){
	background: #ff7f17;
	text-shadow: 1px 1px 1px #cd630e;
}


/* エリア7*/
#main_contents #area_list h4:nth-child(28),
#main_contents #area_list h4:nth-child(13){
	background: #71dbbe;
	text-shadow: 1px 1px 1px #32aa89;
}

/* エリア8*/
#main_contents #area_list h4:nth-child(30),
#main_contents #area_list h4:nth-child(14){
	background: #e85252;
	text-shadow: 1px 1px 1px #c13939;
}





/*********スマホココカラ**********************************************************************/
@media screen and (max-width: 480px){
.pc_only{display:none;}

body {
	color: #5f422e;
	background: #fff;
	border-top: 3px solid #f65986;
}

.edit br{display:none}
.edit {
	position:fixed;
	bottom:62px;
	left:0px;
	width: 90px;
	height: 90px;
	overflow: hidden;
	
	}

.edit a {
	display: inline-block;
	font-weight:bold;
	position: absolute;
	padding: 5px;

	left: -60px;
	top: 50px;
	width: 170px;
	text-align: center;
	font-size:13px;

	line-height: 1.0em;
	background: #39c3d4;
	color: #fff;
	letter-spacing: 0.05em;

	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	box-shadow: 0 0 0 2px rgb(57, 195, 212);
text-shadow: 1px 1px 1px #2c9dec;

}

.edit a::after{
	content:"▼";
	display: block;
	font-size:5px;
	position: absolute;
	left: 47%;
	bottom: -7px;
} 



#wrapper #main_contents {
	margin: 10px auto;
	height: auto;
	border: 1px dashed #ff9999;
	padding:4px;
	background:#ffeeee;
}
#wrapper #header h1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
padding:2px;font-size:10px;}

#header sction{
	display:table;
	table-layout: fixed;
	width:100%;
}
#header sction div{vertical-align:middle; width:45%;display:table-cell;text-align:center;}
#header sction h2{vertical-align:middle; display:table-cell;text-align:center;}
#header sction a{display: block;}


#header h2#logo{text-align:center;}
#header h2#logo img{width:160px;height:auto;display:inline-block;}
#header h2#logo strong{
	display:inline-block;
	z-index: 2;
	font-size:11px;
	padding:2px 0 0 0;
	text-align:center;

	border-top: 1px solid #eee;
}

#header .okini a img{vertical-align:middle; width:5px; height:auto;padding-bottom:2px;}
#header .okini a{
	position: relative;
	display: inline-block;
	width:auto;
	height:auto;
	padding: 3px 10px 5px 10px;
	font-size:13px;
	background: -webkit-linear-gradient(#f5ca02 , #f1bc00);
	background: linear-gradient(#f5ca02 , #f1bc00);
	border: 1px solid #f1bb00;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	text-shadow: 1px 1px 1px #d88e2a;
}

#header .okini a::after {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	content: '';
	border: 1px dashed #fff;
	border-radius: 5px;
}
#header .okini a span{font-size:11px;display:block;}

#header .change a img{vertical-align:middle; width:5px; height:auto;padding-bottom:2px;}

#header .change.fuzoku  a{
	position: relative;
	display: inline-block;
	width:45px;
	height:42px;
	padding: 3px;
	font-size:13px;
	background: -webkit-linear-gradient(#faa130 , #ed8807f);
	background: linear-gradient(#faa130 , #ed8807);
	border: 1px solid #ed8807;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
}
#header .change.fuzoku  a::after {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	content: '';
	border: 1px dashed #fff;
	border-radius: 5px;
}


#header ul#nav{
	margin-top:10px;
	display:table;
	table-layout: fixed;
	width:100%;
	border-top: 1px solid #8eb153;
	border-bottom: 1px solid #8eb153;
}

#header #nav li{
	display:table-cell;
	text-align:center;
}



#header #nav li a img{display:inlineblock;vertical-align:middle;width:20px; height:auto;padding-bottom:3px;}


#header #nav li a::after {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	content: '';
	border: 1px dashed #fff;
	border-radius: 4px;
}


.ippan #header #nav li a{
	position: relative;
	display: block;
	width:auto;
	background: -webkit-linear-gradient(#a3cd5c , #8ec03a);
	background: linear-gradient(#a3cd5c , #8ec03a);
	border-right: 1px solid #8eb153;
	border-left: 1px solid #bbe378;
	padding:8px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	font-size:12px;
}
.ippan #header ul#nav{
	margin-top:10px;
	display:table;
	table-layout: fixed;
	width:100%;
	border-top: 1px solid #8eb153;
	border-bottom: 1px solid #8eb153;
}




.fuzoku #header #nav li a{
	position: relative;
	display: block;
	width:auto;
	background: -webkit-linear-gradient(#faa130 , #ed8807f);
	background: linear-gradient(#faa130 , #ed8807);
	border-right: 1px solid #f18220;
	border-left: 1px solid #ee862b;
	padding:8px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	font-size:12px;
}
.fuzoku #header ul#nav{
	margin-top:10px;
	display:table;
	table-layout: fixed;
	width:100%;
	border-top: 1px solid #e16a01;
	border-bottom: 1px solid #e16a01;
}




/*共通 h3 タイトル*/

#main_contents h3 img{max-width:99%;position:absolute; top:0px;left:0;z-index:300;}

#main_contents h3{
	position:relative;
	margin-bottom:10px;
	padding:0 10px;
	line-height:1.0em;
	background-color:#fbf1b4;
	height:32px;
	line-height:1.8em;
	background-image: radial-gradient(#fefae3 20%, transparent 0), radial-gradient(#fefae3 20%, transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 10px 10px;
	color:#00c1b9;
	font-size:22px;
	font-weight:bold;
	text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
	#fff 2px -2px 0px, #fff -2px -2px 0px; 
	letter-spacing:.1em;

	clear:both;
}
#main_contents h3 strong{color:#ff0080;font-size:24px;font-weight:bold;}

#main_contents h3::after{
	content:"";
	display:inline-block;
	width:180px;
	height:63px;
	background:url(../images/title_deco.png) no-repeat;
	background-size:contain;
	position: absolute;
	top: -15px;
	right: 0px;
	z-index:100;
}



/******************************************************
                      TOP
*******************************************************/



/*--------------セラピスト大募集おすすめエステ求人-----------*/

#pickup{
	margin:10px 0;
	padding:0 0 10px 0;
}




.thera_photo .thumb-item2 li{
	margin:0 3px;
	padding:5px 0 5px 3px;
	background-color: #f7f7f7; 
	border: 1px solid #eee;
}


.thera_photo .thumb-item2 li img{
	height:auto;
	border: 2px solid #fff;
	vertical-align:middle;
	width:92vw;
	height:60vw;
	object-fit: cover;
}



.thera_photo .thumb-item-nav2 {
	margin:10px 25px;
	padding:0;
	background-color: #fff;
	width:auto;
	text-align:center;
}

.thera_photo .thumb-item-nav2 li{padding:5px ;}
.thera_photo .thumb-item-nav2 li img{
	cursor:pointer;
	width:74px;
	height:49px;
    object-fit: cover;
	border: 2px solid #fff;
}


.thera_photo .thumb-item2 li.slick-current img,
.thumb-item-nav2 li.slick-current  img{ border: 2px solid #fffc00;}

.slick-slide{text-align:center !important;}
.thera_photo li .area{font-size:11px;}


/*SP もっと見るボタン*/
.more_btn {text-align:center;padding:-bottom:20px;}
.more_btn a{
	position: relative;
	display: inline-block;
	width:80%;
	padding: 8px 20px 8px 10px;
	background: -webkit-linear-gradient(#fe5f95 , #ff3f7f);
	background: linear-gradient(#fe5f95 , #ff3f7f);
	border: 1px solid #fe3276;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.more_btn a::before {
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	content: '';
	border: 1px dashed #fff;
	border-radius: 30px;
	color: #fff;
}

.more_btn a:hover{color:#fbf1b4;text-decoration:none;}

.more_btn a::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}




/*--------------SP 急募インフォメーション-----------*/

#info{
	margin:10px 0;
}

#info .flow{
	background: #ffffff;
	padding:10px;
	overflow: auto;
	border: 1px solid #eee;
}




#info .flow .box{
	padding-bottom:4px;
	font-size:11px;
}

#info .flow .box dt strong{font-weight:bold;font-size:13px;}

#info .flow .box dt{
	background: #f1f0ec;
	padding:2px;
}
#info .flow .box dd{color:#9a674a;padding:5px;text-align:right;}
#info .flow .box dd strong{color:#dc2a84;display:block; padding:5px;font-size:13px;text-align:left;}

#info .flow .box dt strong::before{
	content:"♦";
	color:#a6d9f0;
	font-size:11px;
	padding-right:2px;
}
#main_contents .store_page #info dl dd p img{max-width:90%;height:auto;padding:10px;}











#info .cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#info .cp_box {
	position: relative;
}
#info .cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
#info .cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
#info .cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '▼'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background: linear-gradient(to bottom, #fe5f95,#fe3276 ); 
}


#info .cp_box input {
	display: none;
}

#info .cp_box .cp_container {
	overflow: hidden;
	height: 250px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}

#info .cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}

#info .cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '▲'' 閉じる';
}

#info .cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}










/*--------------SP 新着求人情報 TOP&ページ共通-----------*/

#news{margin:10px 0;}

#news .flow{
	background: #ffffff;
	padding:10px;
	overflow: auto;
	border: 1px solid #eee;
}

#news .flow li{
	border-bottom: 1px solid #eee;
	padding:3px 0;
	font-size:11px;
}

#news .flow li strong{
	display:block;
	padding:2px 0 2px 10px;
	font-size:13px;
}

#news .flow li strong::before{
	content:"NEW";
	color:#f65986;
	font-size:11px;
	padding-right:5px;
}


/*-----area----------------------------------*/

#main_contents #area_list{
	margin:10px 0px;
	clear:both;
}
#main_contents #area_list h4 a{color:#fff;}
#main_contents #area_list h4{
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:4px;
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	margin:15px 10px 0 10px;
}

#main_contents #area_list ul{
	background: #ffffff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding:10px;
	border: 1px solid #e4e0d8;
	margin:0 10px;
}

#main_contents #area_list ul li a{
	padding:8px 5px 8px 15px;
	display:block;
	position: relative;
	vertical-align: middle;
	text-decoration: none;
	font-size:18px;
	font-weight:bold;
	border-bottom: 1px solid #eee;
}

#main_contents #area_list ul li a span{padding-left:5px;font-size:11px;}

#main_contents #area_list ul li a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 4px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #ff9999;
}

#top_twitter .inner{text-align:center;}
#top_twitter{padding:10px;}
#top_twitter img{width:100%;margin-bottom: 10px;}

/*--------------SP sideコンテント-----------*/
#side_content {
	width:auto;
	margin:10px 0px 10px 0px;
}


#side_content .pickup img{
	width: 28vw;
	height: 22vw;
	object-fit: cover;
}
#side_content .pickup{
	padding:0 0 0 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	grid-auto-rows: 3fr;
	grid-gap: 0.8em;
}

#side_content .pickup li{
	background: #ffffff;
	margin:10px 0;
	padding:5px;
	line-height:1.4em;
	min-width: 0;
	font-size:11px;
	text-align:center;
}


/*--------------オススメ求人　ページ-----------*/


#pickup_page ul li{
	display:block;
	width:auto;
	height:90px;
	vertical-align:text-top;
	background: #ffffff;
	margin:0 5px 10px 5px;
	padding:5px;
	border: 1px solid #e4e0d8;
	overflow: hidden;
}

#pickup_page ul li img{
	width: 30vw;
	height: 17vw;
	object-fit: cover;
	float:left;
	margin-right:5px;
}

#pickup_page ul li h5{
	color:#4fa8d2;
	font-size:13px;
	font-weight:bold;
	background:#f7f6f3;
	padding:3px;
	margin-bottom:5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pickup_page ul li .area{
	font-size:11px;
	text-align:right;
	padding-bottom:5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pickup_page ul li .disc{
	line-height:1.3em;
	color:#d34a9e;
}



/*--------------SP エリア検索-----------*/

#shop_list{margin:10px 0px;}


#shop_list .store{
	border: 1px solid #e4e0d8;
	background: #fff;
	margin:10px 0;
	border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
}

#shop_list .store section{
	margin-bottom:10px;
	background: #eee;
	padding:5px;
	border-bottom: 2px solid #e4e0d8;
	border-top-left-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px; 
}
#shop_list .store section:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


#shop_list .store section h5{
	font-size:15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	padding:5px 0 5px 5px;
	font-weight:bold;
	color:#4fa8d2;
}

#shop_list .store section span.icon{float:right;}


#shop_list .store .photo img{	
	width: 36vw;
	height: 24vw;
	object-fit: cover;
}
#shop_list .store .photo{
	float:left;
	padding:0 10px 0px 10px;
}
#shop_list .store .station{
	text-align:right;
	padding:0 5px 0px 5px ;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#shop_list .store .disc{
	padding:5px 5px 10px 5px;
	font-size:14px;
	line-height:1.4em;
	color:#cc4466;
	font-weight:bold;
}

#shop_list .store .iwai{
	clear:both;
	position:relative;
	margin:10px;
	padding:15px 10px 7px 10px;
	line-height:1.0em;
	background-color:#fcf8df;
	border: 1px solid #f8ea90;
	color:#4c4c80;
	font-size:14px;
	font-weight:bold;
	text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
	#fff 2px -2px 0px, #fff -2px -2px 0px; 
	letter-spacing:.1em;
}
#shop_list .store .iwai p{
	width:auto;
	height:50px;
	overflow: auto;
}

#shop_list .store .iwai::after {
	content: '';
	display: inline-block;
	width: 80px;
	height: 50px;
	vertical-align: middle;
	background: url(../images/title_iwai.png) no-repeat;
	background-size: 80px;
	margin-left: 5px;
	position:absolute;
	top:-25px;
	right:5px;
}

#shop_list .store .wrap{
	clear:both;
	text-align:right;
}


#shop_list .store .wrap dl {
	padding: 0;
	border: 1px solid #ccc;
	border-bottom:none;
	margin:10px;
    text-align:left;
}

#shop_list .store .wrap dt {
	padding: 5px;
	border-top: 1px solid #fff;
	background-color: #eeebe4;
	margin:0;
	font-size:13px;
}

#shop_list .store .wrap dd {
	padding: 5px 5px 5px 20px;
	margin:0;
	border-top: 1px solid #ccc;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

#shop_list .store .wrap .more{text-align:center;}
#shop_list .store .wrap .more a{
	display:inline-block;
	padding:10px 60px 10px 30px;
	margin-bottom:10px;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #00a0e9;
	color: #fff;
	font-size: 14px;
	line-height: 10px;
	text-decoration:none;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}




#shop_list .store .wrap .more a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	background: #fff;
}
#shop_list .store .wrap .more a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #00a0e9;
}
#shop_list .store .wrap .more a:hover:after {border-left: 5px solid #3ab2e9;}



#shop_list .store.free section{
	margin-bottom:3px;
}
#shop_list .store.free .station{
	text-align:right;
	padding:0 5px 0 0 ;
	font-size:12px;
}
#shop_list .store.free .disc{
	padding:0 5px 5px 5px;
	font-size:12px;
	line-height:1.2em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



/**************SPページングCSS**********************/

#pagination{padding-top:20px;text-align:center;}
#pagination ul {
  align-items: center;
}
#pagination .page-item {
  border-radius: 10%;
  display: inline-block;
  overflow: hidden;
  font-weight: bold;
  transition: all 0.15s linear;
}
#pagination .page-link {
  width: 40px;
  height: 40px;
text-align:center;
  display: flex;
color: #e7658d;
font-size:16px;
  background: #fff;
  border: solid 2px #d8a8b7;
  justify-content: center;
  align-items: center;
}
#pagination .active .page-link{
  background: #e7658d;
  color: #fff;
  pointer-events: none;
}


#pagination ul > * + * {
  margin-left: 5px;
}

/*-------  フッター  -----------------------*/

#footer {
	clear: left;
	color:#666;
	font-size:12px;
	padding-top:20px;
	margin: 0 auto;
	text-align: center;
}

#footer dl{
	text-align:left;
	margin-bottom:10px;
	padding:0 0 0 5px;
}

#footer dl dt{
	color:#4187d0;
	font-weight:bold;
	padding:5px 0;
}
#footer dl dt:before{content:"▼";}

#footer dl li{border-left: 1px solid #ccc;display:inline-block;padding:0 0px 3px 3px;}
#footer dl li a:hover{color:#4187d0;text-decoration:underline;}

#footer p.copy {
	clear: both;
	padding: 10px 0 0 0;
	color:#666;
	text-align:center;
	display:block;
	border-top: 1px solid #ccc;
}

#footer a {color:#666;}
#footer .footer_logo img{width:98px;}





#index #header #logo img{max-width:100%;}
#index #wrapper #main_contents {
	margin-top:10px;
	height: 100%;
	background:#fff;
}
#index #main_contents h3{padding-top:5px;:font-size:22px;height:auto; width:auto !important;line-height:1.1em;}
#index #main_contents h3 span{ display:block; color:#ad425b;padding-left:10px;font-size:16px;}
#index #main_contents h3::after{content:none}

#index #wrapper #main_contents .text_content ul li{height:200px;font-size:12px;display:inline-block;}


#index #wrapper #main_contents #nav p{padding:5px; text-align:center;}
#index #wrapper #main_contents p.leave a{text-decoration:underline;}








/*-----------------SP店舗ページ--------------------------*/

#main_contents .store_page header div.icon{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding:5px 0 0 10px
}


#main_contents .store_page header{
	background:#fffdf1;
	border-top: 2px solid #927979;
	border-bottom: 2px solid #927979;
	margin:10px 0px;

}
#main_contents .store_page header:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}


#main_contents .store_page header h3::after{content:none;}
#main_contents .store_page header h3{
	background:none;
	padding:10px 0 0 10px;
	font-size:18px;
	line-height:1.3em;
	display:block;
	height:auto !important;
}




#main_contents .store_page header .text_coment{
	margin:10px;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	clear:both;
	border-top: 1px dashed #ccc;
	color:#31a6dd;
	clear:both;
}




#main_contents .store_page section {clear:both;margin:10px 0;}



#main_contents .store_page .shop_menu p strong{padding-right:5px;font-weight:bold;font-size:14px;}
#main_contents .store_page .shop_menu p{color:#fff;text-align:center;padding:5px;font-size:11px;}
#main_contents .store_page .shop_menu{
	table-layout: fixed;
	position:relative;
	border-top: 1px dashed #ff9999;
	background-color: #ffeeee;
	padding-top:3px;
	position: fixed;
	z-index: 9999;
	bottom: 0;
	left:0;
	right:0;
}


#main_contents .store_page .shop_menu ul{
	display:table;
	table-layout: fixed;
	width:100%;
}

#main_contents .store_page .shop_menu ul li{
	display:table-cell;
	text-align:center;
	padding:5px ;
}


#main_contents .store_page .shop_menu ul li a img{
	width:20px;
	padding-bottom:2px;
	height:auto;
	vertical-align: middle;
}


#main_contents .store_page .shop_menu ul li span{display:block}


#main_contents .store_page .shop_menu ul li a{
	display: block;
	font-weight:bold;
	height:35px;
	padding:5px 0;
	vertical-align:middle;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:13px;
	background: linear-gradient(to bottom, #f6f6ef,#eeede9 ); 
}



#main_contents .store_page .shop_menu .lineyoyaku.pc_only{display:none;}

#main_contents .store_page .shop_menu .call a{color:#df6b8c;border: 2px solid #f13987;}

#main_contents .store_page .shop_menu .form a{color:#3dacdf;border: 2px solid #3964f1;}

#main_contents .store_page .shop_menu .lineyoyaku a{color:#01b901;border: 2px solid #2dc450;}

#main_contents .store_page .shop_menu .okini_btn a{ color:#363636;border: 2px solid #deb011;}

#main_contents .store_page .shop_menu .okini_btn a span{padding-top:3px;font-size:10px;}

#main_contents .store_page .shop_menu .okini_btn.select a{color:#363636;border: 2px solid #deb011;}









#main_contents .store_page ul.job_icon {
	flex-wrap:wrap;/*回り込み有効化*/
	display: flex;/*これを入れるだけで横並び*/
	margin:0  0 20px 0;
	padding:0;
vertical-align:bottom;
}



#main_contents .store_page ul.job_icon li{
	width: calc(93% / 3);/*3等分*/
 display: flex;
  justify-content: center;
  align-items: center;


	font-size:13px;
	border: 1px solid #ccc;
	padding:5px 0 3px 0;
	margin:2px 0px 2px 4px;
	background:#eee;
	text-align:center;
	color:#ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	vertical-align:bottom;
}

#main_contents .store_page ul.job_icon li.on{background:#fff;color:#1da1f2;border: 1px solid #1da1f2;}


#main_contents .store_page .iwai{
	background-color:#fbf1b4;
	min-height:70px;
	line-height:1.4em;
	background-image: radial-gradient(#fefae3 20%, transparent 0), radial-gradient(#fefae3 20%, transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 10px 10px;
	font-size:16px;
	font-weight:bold;
	text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
	#fff 2px -2px 0px, #fff -2px -2px 0px; 
	letter-spacing:.1em;
	margin:10px 5px;
	padding:0 0 0 130px;
	position:relative;
}


#main_contents .store_page .iwai p{
	display:inline-block;
	color:#ff008d;
	padding:10px 0;

}


#main_contents .store_page .iwai::before {
	content: '';
	display: inline-block;
	width: 120px;
	height: 55px;
	vertical-align: middle;
	background: url(../images/title_iwai.png) no-repeat;
	background-size: 120px;
	margin-left: 0px;
	position:absolute;
	top:10px;
	left:10px;
}

#main_contents #thanks h4,
#main_contents #guide h4,
#main_contents .store_page h4{
	border: 3px solid #fd6f97;
	background:#fff;
	color:#564437;
	padding:5px 10px;
	font-weight:bold;
	font-size:16px;
}


#main_contents .store_page #main_image img{
	width: 92vw;
	height: 62vw;
	object-fit: cover;
}

#main_contents .store_page #main_image{
	width:auto;
	margin:5px 10px;
	border: 3px solid ##fff;
}


#main_contents .store_page #info{
	margin:10px 5px 30px 5px ;
}


#main_contents .store_page #info dl{
	background:#fff;
	line-height:1.5em;
	font-size:14px;
	padding:10px;
	margin:10px 0;

}

#main_contents .store_page #info dl dt{
	color:#fd478c;
	padding:5px 0 10px 0;
	font-size:12px;
}

#main_contents .store_page #info dl dt strong{font-size:14px;display:block;padding-left:5px;font-weight:bold;}



#main_contents .store_page #photo{margin-bottom:30px;}


#main_contents .store_page #photo ul {
	background-color: #fff;
	display: flex;
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

#main_contents .store_page #photo ul li {
	flex: 0 0 55%;
	border-right: 10px solid #ffeeee;
/*Add No163 */
	padding: 10px 0px 10px 0px;
/*Add End*/

	text-align:center;
}

#main_contents .store_page #photo ul li p{
	padding:5px ;
}

/*Add No163 */
#main_contents .store_page #photo ul li a img{
  width: 200px;
  height: 130px;
}
/*Add End*/


#main_contents .store_page #tel_call{
	margin:10px;
	padding-bottom:20px;
}
#main_contents .store_page #tel_call p{
	padding:10px;
	font-weight:bold;
}


#main_contents .store_page #tel_call a strong{font-size:16px;display:block;}
#main_contents .store_page #tel_call a{
    display: block;
    margin:10px;
    position: relative;
    text-decoration: none;
    color: #fff;
    background-color: #a6cb58;
    background: linear-gradient(to bottom, #df6790,#c1577b ); 
    border: 1px solid #d04087;
	font-size:20px;
	padding:10px;
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-weight: bold;

    text-shadow: 1px 1px 1px rgba(#d04087);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

#main_contents .store_page #tel_call a:before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin:0 5px 3px 0 ;
	background-image:url(../images/shop_menu05.png) ;
	background-size: contain;
	vertical-align: bottom;
}




#main_contents #guide{
	margin:10px;
}
#main_contents #guide p{padding:5px;}
#main_contents .guide ,
#main_contents .guide dt,
#main_contents .guide dd {
	box-sizing: border-box;
}
#main_contents .guide{
	background: #eee;
	margin:10px 0;
	line-height:1.4em;
}

#main_contents .guide dt,
#main_contents .guide dd {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ccc;
}

#main_contents .guide dt {font-weight:bold;}
#main_contents .guide dd .width100{width:98%;}
#main_contents .guide dd a{color:#0054ff;text-decoration:underline;}
#main_contents .guide dd {
	background: #fff;
	padding-bottom: 10px;
}

#main_contents .guide dd:after {
	content: '';
	display: block;
	clear: both;
}

#main_contents .store_page .hp_image{
	float:left;
	margin:20px;
}
#main_contents .store_page .hp_image img{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#main_contents .store_page .message {
 	position: relative;
	display: inline-block;
 	margin: 10px 10px 40px 10px;
	padding: 15px 20px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #fff;
	border: 1px solid #e0dccc;
	border-radius: 15px;
	line-height:1.4em;
	min-height:120px;
	font-size:14px;
}

#main_contents .store_page .message h5{color:#12b7e0;padding-bottom:10px;font-weight:bold;}


#main_contents .store_page .message:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 20px;
 	margin-top: 0px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}

#main_contents .store_page .message:after{
	content: "";
	position: absolute;
	top: -28px;
	left: 18px;
 	margin-top: 0px;
	border: 14px solid transparent;
	border-bottom: 14px solid #e0dccc;
 	z-index: 1;
}

#main_contents .store_page .message p {
	margin: 0;
	padding: 0;
}


#main_contents .store_page .area_back {
	clear:both;
	background: #fff;
	border-top: 1px solid #e0dccc;
	border-bottom: 1px solid #e0dccc;
	margin:10px 0;
	padding:10px 0;
	display: flex;
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}


#main_contents .store_page .area_back li{
	position: relative;
	display:inline-block;
	list-style: none;
	font-weight: bold;
	margin-right: 12px;
}

#main_contents .store_page .area_back li a:after{
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	border-style: solid;
	border-color: transparent;
	border-left-color: #aedfc6;
	border-width: 14px 12px;
	width: 0;
	height: 0;
}


#main_contents .store_page .area_back li a {
	display: inline-block;
	padding: 0 3px 0 7px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	color: #747772;
	background: #aedfc6;
	font-size: 13px;
	white-space: nowrap;
}

#main_contents .store_page .area_back li a:hover {color: #FFF;}




#main_contents .store_page #line-yoyaku{
	
}




#main_contents .store_page #line-yoyaku{
	background:#e6eee4;
	margin:20px 5px;
	padding:5px 0;
	border: solid 2px #68e752;
}

#main_contents .store_page #line-yoyaku h5 img{max-width:100%;}
#main_contents .store_page #line-yoyaku .setsumei{
	text-align:center;
}

#main_contents .store_page #line-yoyaku .naiyou{
	background:#fff;
	border: solid 1px #c3bfb2;
	padding:5px;
	margin: 0 10px 10px 10px;
	font-size:12px;
}

#main_contents .store_page #line-yoyaku .naiyou pre.js-copytext{line-height:0.7em;}


#main_contents .store_page #line-yoyaku .copybtn{
	text-align:right;
	margin-right:10px;
	margin-top:20px;
}

#main_contents .store_page #line-yoyaku .copybtn .js-copybtn{
	width:130px;
	height:30px;
	background:#ffa800;
	color:#fff;
	font-weight:bold;
	border: solid 1px #c3bfb2;
}

#main_contents .store_page #line-yoyaku a.line-btn{
	color:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#03bb00;
	border: solid 1px #fff;
	width:auto;
	display: block;
	text-align:center;
	font-size:30px;
	margin:10px;
	line-height:1.0em;
	padding:10px 5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#main_contents .store_page #line-yoyaku a.line-btn span{font-size:23px;display: inline-block;}








}/*←スマホココまで****************************************************************************************************************/



#main_contents .store_page #info .wanted_image{max-width:90%;height:auto;padding:10px;}




/*-------エリアへの導線ボタン　求人版-----------------------------------*/

.area-btn-pattern.b_j{
    padding-top:30px;
    text-align: center;
}


.area-btn-pattern.b_j a{
    display: inline-block;
    font-size: 14px;
    color: #363636;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    line-height: 1.5em;
    text-shadow: 1px 1px 0px #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: linear-gradient(to bottom, #ffffff, #edebe5);
    border: 1px solid #dfa22b;
    margin: 3px 0px 0 0;
    padding: 10px;
}

.area-btn-pattern.b_j a .area{font-weight:bold;display: block;}
.area-btn-pattern.b_j a .area span{font-size:12px;}

/*-------エリアへの導線ボタン　求人版-----------------------------------*/




/*******PCココカラ*****************************************************************************************************************/
@media screen and (min-width: 480px){
.sp_only{display:none;}

body {
	text-align: center;
	color: #5f422e;
	background: #fff;
	border-top: 3px solid #f65986;
}

.edit{
	position:fixed; top:0; left:10px;
	z-index:50000;
	display: block;
	margin: 0px auto;
	padding: 10px 0;
	width: 40px;

	box-sizing: border-box;
}


.edit a{
	display: inline-block;
	position: absolute;
	top: -6px;
	left: 10px;
	margin: 0;
	padding: 10px 0 7px;
	z-index: 2;
	width: 40px;
	text-align: center;
	color: white;
	font-size: 13px;
	background: #fa8383;
	border-radius: 2px 0 0 0;
}

.edit a:hover{
	position: absolute;
	top: 0px;
	left: 10px;
	color: #fffa64;
}

.edit a:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #fa8383;
}






/*コンテンツ部分全体*/
#wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 ; 
	text-align: left;
}

#wrapper #main_contents {
	margin: 0 auto;
	width: 950px;
	height: auto;
	border: 1px dashed #ff9999;
	padding:4px;
}

#wrapper #main_contents .inner{
	background:#ffeeee;
	border: 1px solid #ffeeee;
	padding:0;margin:0;
	display:block;
}

#wrapper #main_contents .inner:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/*--------ヘッダー----------------------------------------------*/
#wrapper #header {
	background: #fff;
	position: relative;
	width: 950px;
	height: 120px;
	margin: 0 auto;
}

/*左上のテキスト*/
#wrapper #header h1 {
	position: absolute;
	top:6px;
	right:5px;
	z-index: 2;
	font-size:10px;
}

.#wrapper visuallyhidden{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}

#header h2#logo {
	position: absolute;
	top: 5px;
	left: 20px;
	z-index: 1;
}

#header h2#logo img{width:250px;height:auto;}

#header h2#logo strong{
	display:block;
	z-index: 2;
	font-size:14px;
	padding:7px 0 0 0;
	text-align:center;
	width:250px;
	border-top: 1px solid #eee;
}

#header .okini {
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 2;
	font-size:10px;
	text-decoration:underline;
}

#header .okini a img{vertical-align:middle; width:15px; height:auto;padding-right:3px;}
#header .okini a{
	position: relative;
	display: inline-block;
	width:auto;
	padding: 10px 15px;
	font-size:14px;
	background: -webkit-linear-gradient(#f5ca02 , #f1bc00);
	background: linear-gradient(#f5ca02 , #f1bc00);
	border: 1px solid #f1bb00;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	text-shadow: 1px 1px 1px #d88e2a;
}
#header .okini a::after {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border: 1px dashed #fff;
  border-radius: 30px;
}

#header .okini a span{
	display:inline-block;
	font-size:11px;
	padding-left:5px;
}



#header .change a img{vertical-align:middle; width:15px; height:auto;padding-right:3px;}

#header .change {
	position: absolute;
	top: 20px;
	right: 220px;
	z-index: 2;
	font-size:10px;
	text-decoration:underline;
}

#header .change.fuzoku  a{
	position: relative;
	display: inline-block;
	width:190px;
	padding: .7em 0;
	font-size:13px;
	background: -webkit-linear-gradient(#faa130 , #ed8807f);
	background: linear-gradient(#faa130 , #ed8807);
	border: 1px solid #ed8807;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
}
#header .change.fuzoku  a::after {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border: 1px dashed #fff;
  border-radius: 30px;
}









#header #nav br,
#header .okini br,
#header .change br{display:none;}







/*----------ナビゲーションの幅・位置指定--------------*/


#header #nav {
	margin:0 ;
	padding: 70px 0 0 0;
	text-align:right;
}

#header #nav li{
	display:inline-block;
	margin:0 ;
	padding: 0 ;
}

#header #nav li a img{vertical-align:middle;width:15px; height:auto;padding-right:3px;}

.ippan #header #nav li a{
	position: relative;
	display: inline-block;
	width:120px;
	padding: .8em 1em;
	background: -webkit-linear-gradient(#a3cd5c , #8ec03a);
	background: linear-gradient(#a3cd5c , #8ec03a);
	border: 1px solid #8eb153;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
}

.ippan #header #nav li a::after {
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	content: '';
	border: 1px dashed #fff;
	border-radius: 4px;
}


.fuzoku #header #nav li a{
	position: relative;
	display: inline-block;
	width:120px;
	padding: .8em 1em;
	background: -webkit-linear-gradient(#faa130 , #ed8807f);
	background: linear-gradient(#faa130 , #ed8807);
	border: 1px solid #ed8807;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
}
.fuzoku #header #nav li a::after {
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	content: '';
	border: 1px dashed #fff;
	border-radius: 4px;
}





/*-------フッター---------------------------*/

#footer {
	clear: left;
	width: 950px;
	height: 140px;
	color:#666;
	font-size:12px;
	padding-top:20px;

	margin: 0 auto;
	text-align: center;
}

#footer dl{
	width:600px;
	text-align:left;
	margin-bottom:10px;
	
	padding:0 0 0 20px;
	float:left;
}

#footer dl dt{
	color:#4187d0;
	font-weight:bold;
	padding:5px 0;
}
#footer dl dt:before{
	content:"▼";
}

#footer dl li{border-left: 1px solid #ccc;display:inline-block;padding:0 3px 0 8px;}




#footer dl li a:hover{color:#4187d0;text-decoration:underline;}



#footer p.copy {
	clear: both;
	padding: 10px 0 0 0;
	color:#666;
	text-align:center;
	display:block;
	border-top: 1px solid #ccc;

}


#footer a {
	color:#666;
}





/*-------------共通 h3 タイトル------------*/

#main_contents h3 img{position:absolute; top:-12px;left:-10px;z-index:300;}

#main_contents h3{
	position:relative;
	margin-bottom:10px;
	padding:0 10px;
	line-height:1.0em;
	background-color:#fbf1b4;
	height:32px;
	line-height:1.8em;
	background-image: radial-gradient(#fefae3 20%, transparent 0), radial-gradient(#fefae3 20%, transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 10px 10px;
	color:#00c1b9;
	font-size:22px;
	font-weight:bold;
	text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
	#fff 2px -2px 0px, #fff -2px -2px 0px; 
	letter-spacing:.1em;

	clear:both;
}
#main_contents h3 strong{color:#ff0080;font-size:24px;font-weight:bold;}

#main_contents h3::after{
	content:"";
	display:inline-block;
	width:180px;
	height:63px;
	background:url(../images/title_deco.png) no-repeat;
	background-size:contain;
	position: absolute;
	top: -15px;
	right: -20px;
	z-index:300;
}






/*---------------もっと見るボタン---------------*/


#pickup .more_btn {text-align:center;}
#pickup .more_btn a{
  position: relative;
  display: inline-block;
  padding: 8px 200px;
  background: -webkit-linear-gradient(#fe5f95 , #ff3f7f);
  background: linear-gradient(#fe5f95 , #ff3f7f);
  border: 1px solid #fe3276;
  border-radius: 30px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
#pickup .more_btn a::before {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border: 1px dashed #fff;
  border-radius: 30px;
  color: #fff;
  
}
#pickup .more_btn a:hover{color:#fbf1b4;text-decoration:none;}

#pickup .more_btn a::after{
content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}




#pickup .more_btn a:hover{color:#fbf1b4;text-decoration:none;}






/************* TOP ******************/





/*--------------セラピスト大募集おすすめエステ求人-----------*/
#pickup{
	margin:10px;
	padding:0 0 10px 0;
}

.thera_photo{	max-height:330px;
	overflow: hidden;
}
.thera_photo .thumb-item li{
	margin:0 3px;
	padding:5px 0 5px 3px;
	background-color: #f7f7f7; 
	border: 1px solid #eee;
}


.thera_photo .thumb-item li img{
	height:auto;
	border: 2px solid #fff;
	vertical-align:middle;
	width:290px;
}



.thera_photo .thumb-item-nav {
	margin:10px;
	padding:0;
	background-color: #fff;
	width:910px;
}

.thera_photo .thumb-item-nav li{padding:5px ;}
.thera_photo .thumb-item-nav li img{
	cursor:pointer;
	width:74px;
	height:49px;
    object-fit: cover;
	border: 2px solid #fff;
}


.thera_photo .thumb-item li.slick-current img,
.thumb-item-nav li.slick-current  img{ border: 2px solid #fffc00;}

.slick-slide{text-align:center !important;}
.thera_photo li .area{font-size:11px;}



/*--------------PC 急募インフォメーション-----------*/


/*TOP*/
#info.top{
	width:550px;
	float:left;
	margin:10px;
}

#info.top .flow{
	background: #ffffff;
	height:270px;
	padding:10px;
	overflow: auto;
	border: 1px solid #eee;
	border-bottom:none;
}


/*page*/
#info.page{
	margin:10px;
	width:600px;
	float:left;
}
#info.page .flow{
	background: #ffffff;
	padding:10px;
	overflow: auto;
	border: 1px solid #eee;
	border-bottom:none;
}





#info .flow .box{
	padding-bottom:4px;
	font-size:11px;
}

#info .flow a:hover .box dt strong {color:#4da1f7;text-decoration:underline;}
#info .flow .box dt strong{font-weight:bold;font-size:13px;}


#info .flow .box dt{
	background: #f1f0ec;
	padding:2px;
}
#info .flow .box dd{padding:5px;}
#info .flow .box dd strong{color:#dc2a84; padding-left:5px;font-size:13px;}


#info .flow .box dt strong::before{
	content:"♦";
	color:#a6d9f0;
	font-size:11px;
	padding-right:2px;
}

#info .more_btn{
	background: #ffffff;
	border: 1px solid #eee;
	border-top:none;
	text-align:right;
	padding:10px;
}
#info .more_btn a{
	color:#1492d7;
}
#info .cp_box #cp01{display:none;}




/*--------PC 新着求人情報-----------*/






#news.top{
	width:350px;
	float:right;
	margin:10px;
}

#news.top .flow{
	background: #ffffff;
	height:270px;
	padding:10px;
	overflow: auto;
	border: 1px solid #eee;
	border-bottom:none;
}



#news .flow li{
	border-bottom: 1px solid #eee;
	padding:3px 0;
	font-size:11px;
}

#news .flow li strong{
	display:block;
	padding:2px 0 2px 10px;
	font-size:13px;
}
#news .flow li strong::before{
	content:"NEW";
	color:#f65986;
	font-size:11px;
	padding-right:5px;
}


#news .more_btn{
	background: #ffffff;
	border: 1px solid #eee;
	border-top:none;
	text-align:right;
	padding:10px;
}
#news .more_btn a{
	color:#1492d7;
}


/*PAGE*/
#news.page .flow li strong{display:inline-block;}

#news.page{
	width:600px;
	margin:10px;
	float:left;
}

#news.page .flow{
	background: #ffffff;
	padding:10px;
	overflow: auto;
	border: 1px solid #eee;
	border-bottom:none;
}



/*-----PC area----------------------------------*/

#main_contents #area_list.top{
	margin:20px 10px;
	clear:both;
}

#main_contents #area_list h4 a{color:#fff;}
#main_contents #area_list h4{
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:4px;
	width:200px;
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}

#main_contents #area_list ul{
	background: #ffffff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding:10px;
	border: 1px solid #e4e0d8;
	margin-bottom:10px;
}

#main_contents #area_list ul li{
	display:inline-block;
	width:30%;
	padding:5px 5px 5px 15px;
	position: relative;
	vertical-align: middle;
	text-decoration: none;
	font-size:14px;
}

#main_contents #area_list.page ul li{
	width:auto;
	display:block;
	font-size:16px;
	padding:10px 5px 10px 15px;
	border-bottom: 1px solid #ccc;
}


#main_contents #area_list ul li span{font-size:11px;}

#main_contents #area_list ul li::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 4px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #ff9999;
}


#main_contents #area_list ul li a:hover{
text-decoration:underline;
}

#main_contents #side_nav .area{
	margin: 0 ;
	padding: 0 0 10px 0;
	background: #f8f5f0;
}



/*PAGE*/
#main_contents .column{
	margin:20px 10px;
	width:600px;
	float:left;
}







/*side*/
#main_contents #area_list.side{
	margin:20px 10px;
	width:300px;
	float:left;
}
#main_contents #area_list.side ul li{
	display:block;
	width:95%;
	border-bottom: 1px solid #e4e0d8;
	line-height:1.3em;
}

#main_contents #area_list.side h4{
	width:291px;

}

#main_contents #area_list.side ul li span{
	display:block;
}

/*-------TOP MAP-----------------------*/





/*2025-03-25*/
/* WebKitブラウザ用の横スクロールバー */
.mapWrap::-webkit-scrollbar {height: 17px;}
.mapWrap::-webkit-scrollbar-track {background: #f1f1f1;}
.mapWrap::-webkit-scrollbar-thumb {
    background: #0097cb;
    border-radius: 17px;
    box-shadow: 1px 1px 1px 1px rgba(250,250,250,0.4) inset;
}

.mapWrap::-webkit-scrollbar-thumb:hover {
    background: #888;
}

#main_contents #map_new2{
	margin:10px;
	padding:0 0 00px 0;
	width: 600px;
	float:left;
    position:relative;
}
#main_contents #map_new2{
    margin-bottom:0px;
    padding-bottom:0px;
}

#main_contents #map_new2:before{
    content:"▲";
    position:absolute;
    bottom:31px;
    left:5px;
    z-index:5;
    font-size:12px;
    transform:rotate(-90deg); 
    padding:1px;
    border-radius: 17px;
    background: #fff;
}
#main_contents #map_new2:after{
    content:"▲";
    position:absolute;
    bottom:31px;
    right:5px;
    z-index:5;
    font-size:12px;
    transform:rotate(90deg); 
    padding:1px;
    border-radius: 17px;
    background: #fff;
}


    #main_contents #map_new2 .yokoscroll{
    position:absolute;
    bottom:16px;
    left:45%;
    color:#888;font-size:12px;text-align:center;}
/*2025-03-25*/







#main_contents #map_new{
	margin:10px;
	padding:0 0 10px 0;
	width: 600px;
	float:left;

}

#main_contents #map_new ul{
	width: 588px;
	height: 340px;
	padding:0px;
	background: #fff url(../images/map_bg.png) no-repeat -23px -48px;
	position:relative;
	padding:2px 0px 2px 2px;
}




#map_new .map1{
	position:absolute;
	left:149px;
	top:50px;
	z-index:0;
}


#map_new .map2{
	position:absolute;
	left:149px;
	top:148px;
	z-index:10;
}


#map_new .map3{
	position:absolute;
	left:100px;
	top:99px;
	z-index:0;
}


#map_new .map4{
	position:absolute;
	left:100px;
	top:197px;
	z-index:0;
}


#map_new .map5{
	position:absolute;
	left:296px;
	top:246px;
	z-index:0;
}


#map_new .map6{
	position:absolute;
	left:345px;
	top:295px;
	z-index:0;
}


#map_new .map7{
	position:absolute;
	left:296px;
	top:197px;
	z-index:0;
}


#map_new .map8{
	position:absolute;
	left:345px;
	top:148px;
	z-index:0;
}


#map_new .map9{
	position:absolute;
	left:345px;
	top:99px;
	z-index:0;
}


#map_new .map10{
	position:absolute;
	left:345px;
	top:50px;
	z-index:0;
}


#map_new .map11{
	position:absolute;
	left:247px;
	top:50px;
	z-index:0;
}


#map_new .map12{
	position:absolute;
	left:492px;
	top:99px;
	z-index:0;
}


#map_new .map13{
	position:absolute;
	left:100px;
	top:1px;
	z-index:0;
}


#map_new .map14{
	position:absolute;
	left:100px;
	top:295px;
	z-index:0;
}


#map_new .map15{
	position:absolute;
	left:443px;
	top:50px;
	z-index:0;
}


#map_new .map16{
	position:absolute;
	left:394px;
	top:1px;
	z-index:0;
}


#map_new .map17{
	position:absolute;
	left:541px;
	top:197px;
	z-index:0;
}


#map_new .map18{
	position:absolute;
	left:51px;
	top:99px;
	z-index:10;
}


#map_new .map19{
	position:absolute;
	left:247px;
	top:99px;
	z-index:0;
}


#map_new .map20{
	position:absolute;
	left:247px;
	top:1px;
	z-index:0;
}


#map_new .map21{
	position:absolute;
	left:2px;
	top:1px;
	z-index:0;
}


#map_new .map22{
	position:absolute;
	left:2px;
	top:197px;
	z-index:0;
}


#map_new .map23{
	position:absolute;
	left:198px;
	top:197px;
	z-index:0;
}


#map_new .map26 {
	position:absolute;
	left:100px;
	top:246px;
	z-index:0;
}


#map_new .map27 {
	position:absolute;
	left:51px;
	top:50px;
	z-index:0;
}


#map_new .map28 {
	position:absolute;
	left:443px;
	top:197px;
	z-index:10;
}


#map_new .map29 {
	position:absolute;
	left:198px;
	top:246px;
	z-index:0;
}


#map_new .map30 {
	position:absolute;
	left:2px;
	top:246px;
	z-index:0;
}


#map_new .map31 {
	position:absolute;
	left:2px;
	top:99px;
	z-index:0;
}


#map_new .map32 {
	position:absolute;
	left:2px;
	top:295px;
	z-index:0;
}


#map_new .map33 {
	position:absolute;
	left:541px;
	top:50px;
	z-index:0;
}


#map_new .map45 {
	position:absolute;
	left:492px;
	top:197px;
	z-index:0;
}

#map_new .map46{
	position:absolute;
	left:247px;
	top:295px;
	z-index:0;
}



#map_new .mapderi {
	position:absolute;
	left:394px;
	top:295px;
	z-index:0;
}



/*-----top_twitter--------------------*/
#top_twitter{
	margin:0 10px 0 10px ;
	padding:0 0 10px 0;
	width: 300px;
	float:left;
}
#top_twitter img{width:100%;margin-bottom: 10px;}


/*--------------sideコンテント-----------*/
#side_content {
	width:305px;
	margin:10px 0px 10px 10px;
	float:left;
}


#side_content .pickup img{
	width: 270px;
	height: 180px;
	object-fit: cover;
}
#side_content .pickup{
	text-align:center;
	padding:0 0 0 5px;
}

#side_content .pickup li{
		background: #ffffff;
		margin:10px 0;
		padding:5px;
		line-height:1.4em;
}




/*--------------オススメ求人　ページ-----------*/


#pickup_page ul li{
	display:inline-block;
	width:284px;
	height:130px;
	vertical-align:text-top;
	background: #ffffff;
	margin:0 5px 10px 5px;
	padding:5px;
	border: 1px solid #e4e0d8;
	overflow: hidden;
}

#pickup_page ul li img{
	width: 150px;
	height: 95px;
	object-fit: cover;
	float:left;
	margin-right:5px;
}

#pickup_page ul li h5{
	color:#4fa8d2;
	font-size:13px;
	font-weight:bold;
	background:#f7f6f3;
	padding:3px;
	margin-bottom:5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pickup_page ul li .area{
	font-size:11px;
	text-align:right;
	padding-bottom:5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pickup_page ul li .disc{
	line-height:1.3em;
	color:#d34a9e;
}


/*--------------PCエリア検索-----------*/

#shop_list{
	width:600px;
	margin:20px 10px;
	float:left;
}

#shop_list .store{
	border: 1px solid #e4e0d8;
	background: #fff;
	margin:10px 0;
	border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
}

#shop_list .store section{
	margin-bottom:10px;
	background: #eee;
	padding:5px;
	border-bottom: 2px solid #e4e0d8;
	border-top-left-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px; 
}
#shop_list .store section:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


#shop_list .store section h5{
	font-size:15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:440px;
	float:left;
	padding:5px 0 0 5px;
	font-weight:bold;
	color:#4fa8d2;
}

#shop_list .store section span.icon{float:right;}


#shop_list .store .photo img{
	width: 240px;
	height: 160px;
	object-fit: cover;
}

#shop_list .store .photo{
	float:left;
	padding:0 10px 0px 10px;
}
#shop_list .store .station{
	text-align:right;
	padding:0 5px 0px 5px ;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#shop_list .store .disc{
	padding:5px 5px 10px 5px;
	font-size:14px;
	line-height:1.4em;
	color:#cc4466;
	font-weight:bold;

}
#shop_list .store .iwai{
	position:relative;
	float:left;
	width:305px;
	margin:10px 0;
	padding:25px 10px 7px 10px;
	line-height:1.0em;
	background-color:#fcf8df;
	border: 1px solid #f8ea90;
	color:#4c4c80;
	font-size:14px;
	font-weight:bold;
	text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
	#fff 2px -2px 0px, #fff -2px -2px 0px; 
	letter-spacing:.1em;
}
#shop_list .store .iwai p{
	width:auto;
	height:50px;
	overflow: auto;
}




#shop_list .store .iwai::after {
	content: '';
	display: inline-block;
	width: 80px;
	height: 50px;
	vertical-align: middle;
	background: url(../images/title_iwai.png) no-repeat;
	background-size: 80px;
	margin-left: 5px;
	position:absolute;
	top:-15px;
	left:-10px;
}

#shop_list .store .wrap{
	clear:both;
	text-align:right;
}


#shop_list .store .wrap dl {
	padding: 0;
	border: 1px solid #ccc;
	border-bottom:none;
	margin:10px;
    text-align:left;
}

#shop_list .store .wrap dt {
	padding: 5px;
	border-top: 1px solid #fff;
	background-color: #eeebe4;
	margin:0;
	font-size:13px;
}

#shop_list .store .wrap dd {
	padding: 5px 5px 5px 20px;
	margin:0;
	border-top: 1px solid #ccc;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

#shop_list .store .wrap .more{text-align:center;}
#shop_list .store .wrap .more a{
	display:inline-block;
	padding:10px 60px 10px 30px;
	margin-bottom:10px;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #00a0e9;
	color: #fff;
	font-size: 14px;
	line-height: 10px;
	text-decoration:none;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}




#shop_list .store .wrap .more a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	background: #fff;
}
#shop_list .store .wrap .more a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #00a0e9;
}
#shop_list .store .wrap .more a:hover:after {border-left: 5px solid #3ab2e9;}



#shop_list .store.free section{
	margin-bottom:3px;
}
#shop_list .store.free .station{
	text-align:right;
	padding:0 5px 0 0 ;
	font-size:12px;
}
#shop_list .store.free .disc{
	padding:0 5px 5px 5px;
	font-size:12px;
	line-height:1.2em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/**************PCページングCSS**********************/

#pagination{padding-top:20px;text-align:center;}
#pagination ul {
  align-items: center;
}
#pagination .page-item {
  border-radius: 10%;
  display: inline-block;
  overflow: hidden;
  font-weight: bold;
  transition: all 0.15s linear;
}
#pagination .page-link {
  width: 45px;
  height: 45px;
text-align:center;
  display: flex;
color: #e7658d;
font-size:16px;
  background: #fff;
  border: solid 2px #d8a8b7;
  justify-content: center;
  align-items: center;
}
#pagination .active .page-link{
  background: #e7658d;
  color: #fff;
  pointer-events: none;
}


#pagination ul > * + * {
  margin-left: 8px;
}

/*--------------INDEXページ--------------------------*/


#index #wrapper {
	height: auto;
	padding: 0 ;
	background: url(../../pc/images/common/bg_footer.png) repeat-x center bottom ;
	text-align: center;
	
}



#index #wrapper #header {
	margin:0 ;
	margin: 0 auto;
	position: relative;
	width: 800px;
	height: 183px;
	background:none;
}
/*左上のテキスト*/
#index #wrapper #header h1 {
	position: absolute;
	top:2px;
	left:2px;
	z-index: 2;
	font-size:10px;
}


#index #wrapper #header h2 {
	position: absolute;
	bottom: 3px;
	right: 10px;
	z-index: 1;
}
/*ロゴの位置*/
#index #wrapper #header #logo {
	position: absolute;
	top: 57px;
	left: 38px;
	z-index: 1;
}

#index #wrapper #header #notfound{	position: absolute;
	top: 57px;
	left: 38px;
	z-index: 1;
	width:700px;
	font-size:16px;
	padding-bottom:30px;
	display:block;
	text-shadow: 0px 0px 5px #fff;
}
#index #wrapper #header #notfound strong{
	display:block;
	font-weight:bold;
	font-size:24px;
	padding:10px;
	
}

/*-------ナビゲーションの幅・位置指定------*/






#index #wrapper #nav p a{color:#666666; text-decoration:underline;}


#index #wrapper #nav h3{
	margin:22px 0 10px 0;
	width: 800px;
}

#index #wrapper .job_info{
	border: 3px solid #f4c3c5;
	background: #fffef5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 650px;
	margin:0 0 20px 48px;
}


/* new clearfix */
#index #wrapper .job_info:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}


#index #wrapper .job_info .job_logo{
	float:left;
	width:332px;
	padding:20px 0 20px 35px;
}

#index #wrapper .job_info .job_logo h3{
	font-size:14px;
	padding-top:5px;
}

#index #wrapper .job_info li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

#index #wrapper .job_info p{
	padding:20px 0 20px 0;
	color:#633544;
}

#index #wrapper .job_info a.job_btn{

	font-size:18px;
	position: relative;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: 0;
	overflow: hidden;
	color: #fff;
	background: #f08080;
	border-radius: 8px;
	box-shadow: 0 0 0 5px #f08080, 0 2px 3px 5px rgba(0,0,0,0.5);
	border: 2px dashed #fff;
	padding: .7em 1em;
}

/*-----------------------------------------------

	メインコンテンツ

-----------------------------------------------*/
#index #wrapper #main_contents {
	margin-top:10px;
	width: 800px;
	height: 100%;
}

#index #main_contents h3{font-size:22px;width:auto !important;}
#index #main_contents h3 span{color:#ad425b;padding-left:10px;font-size:16px;}
#index #main_contents h3::after{content:none}


#index #wrapper #main_contents{display: inline-block;}

#index #wrapper #main_contents:after {
	content: ".";
	display: block;
	height: 0;
	line-height:0; 
	font-size: 0.1em;
	clear: both; 
	visibility: hidden;
}









/*-----------------PC店舗ページ--------------------------*/

#main_contents .store_page header div.icon{padding:10px 0 0 10px}


#main_contents .store_page header{
	background:#fffdf1;
	border-top: 2px solid #927979;
	border-bottom: 2px solid #927979;
	margin:10px;
}

#main_contents .store_page header:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

#main_contents .store_page header h3::after{content:none;}
#main_contents .store_page header h3{
	background:none;
	width:550px;
	float:left;
	padding:10px 0 0 20px;
}


#main_contents .store_page section {clear:both;margin:10px;}

#main_contents .store_page .shop_menu p{
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px; 
	background:#eee;
	text-align:center;
	padding:5px;
	margin-bottom:5px;
	display: block;
}

#main_contents .store_page .shop_menu {
box-shadow: -3px 3px 3px rgba(0,0,0,0.2); 
	border: 2px solid #927979;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	background:#fff;

	position: fixed;
	z-index: 9999;
	bottom: 10px;
	right:10px;
}




#main_contents .store_page .shop_menu li{
	margin:4px;
	text-align:center;

}
#main_contents .store_page .shop_menu li a img{
	padding-bottom:3px;
	width:20px;
	height:auto;
	vertical-align: middle;

}

#main_contents .store_page .shop_menu li a{
	display: block;
	text-align:center;
	height:30px;
	width:60px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:15px 5px;
	background: linear-gradient(to bottom, #fff,#efefef ); 
	box-shadow: 1px 1px 0px #fff , -1px -1px 0px rgba(0,0,0,0.1);
	vertical-align:middle;
	color:#fff;
}

#main_contents .store_page .shop_menu li a span{display: block;}




#main_contents .store_page .shop_menu .call a{color:#df6b8c;border: 2px solid #f13987;}

#main_contents .store_page .shop_menu .form a{color:#3dacdf;border: 2px solid #3964f1;}

#main_contents .store_page .shop_menu .lineyoyaku a{color:#01b901;border: 2px solid #2dc450;}

#main_contents .store_page .shop_menu .okini_btn a{ color:#363636;border: 2px solid #deb011;}

#main_contents .store_page .shop_menu .okini_btn a span{padding-top:3px;font-size:10px;}

#main_contents .store_page .shop_menu .okini_btn.select a{color:#363636;border: 2px solid #deb011;}









#main_contents .store_page ul.job_icon {
	flex-wrap:wrap;/*回り込み有効化*/
	display: flex;/*これを入れるだけで横並び*/
	margin:0  0 20px 0;
	padding:0;
vertical-align:bottom;
}



#main_contents .store_page ul.job_icon {clear:both;	margin:10px;}

#main_contents .store_page ul.job_icon li{
	width:95px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:13px;
	border: 1px solid #ccc;
	padding:4px 2px 1px 2px;
	background:#eee;
	color:#ccc;
	text-align:center;
	margin:1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#main_contents .store_page ul.job_icon li.on{background:#fff;color:#1da1f2;border: 1px solid #1da1f2;}











#main_contents .store_page .call {
	float:right;
	width:250px;
	height:50px;
	padding-top:5px;
	margin:0 10px;
	text-align:right;
	text-shadow: 1px 1px 1px #fff;
}

#main_contents .store_page .call .look{color:#3e0c1a;display:block;font-size:11px;}
#main_contents .store_page .call .ptel{
	font-size:20px;
	font-weight:bold;
	padding: 5px;
	text-align:center;
	line-height:1.3em;
	color:#005dd1;
}
#main_contents .store_page .call .ptel:before{
	content:"☎";
	font-size:14px;
	padding:0 1px;
	margin:0 3px 0 0 ;
	color:#ff7800;
	display:inline-block;
	vertical-align: 2px;
}

#main_contents .store_page header .text_coment{
	margin:10px;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	clear:both;
	border-top: 1px dashed #ccc;
	color:#31a6dd;
}



#main_contents .store_page .iwai{
	background-color:#fbf1b4;
	min-height:70px;
	line-height:1.4em;
	background-image: radial-gradient(#fefae3 20%, transparent 0), radial-gradient(#fefae3 20%, transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 10px 10px;
	font-size:16px;
	font-weight:bold;
	text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
	#fff 2px -2px 0px, #fff -2px -2px 0px; 
	letter-spacing:.1em;
	margin:10px;
	padding:0 0 0 160px;
	position:relative;
}


#main_contents .store_page .iwai p{
	display:inline-block;
	color:#ff008d;
	padding:10px 0;

}


#main_contents .store_page .iwai::before {
	content: '';
	display: inline-block;
	width: 135px;
	height: 60px;
	vertical-align: middle;
	background: url(../images/title_iwai.png) no-repeat;
	background-size: 130px;
	margin-left: 5px;
	position:absolute;
	top:10px;
	left:10px;
}

#thanks h4,
#guide h4,
#main_contents .store_page h4{
	border: 3px solid #fd6f97;
	background:#fff;
	color:#564437;
	padding:5px 10px;
	font-weight:bold;
	font-size:16px;
}


#main_contents .store_page #main_image{
	float:left;
	width:auto;
	padding:10px;
	margin:5px 10px;
	background:#fff;
	width:450px;
	height:auto;
}
#main_contents .store_page #main_image img{
width: 450px;
height: 300px;
object-fit: cover;
}




#main_contents .store_page #info{
	float:left;
	width:430px;
	margin:5px 10px;
}


#main_contents .store_page #info dl{
	background:#fff;
	line-height:1.5em;
	font-size:14px;
	padding:10px;
	margin:10px 0;
	overflow: auto;
	height:260px;
}

#main_contents .store_page #info dl dt{
	color:#fd478c;
	padding:5px 0 10px 0;
	font-size:12px;
}

#main_contents .store_page #info dl dt strong{font-size:14px;display:block;padding-left:5px;font-weight:bold;}

#main_contents .store_page #info dl dd p img{max-width:90%;height:auto;padding:10px;}
#main_contents .store_page #photo{margin:20px 8px;}
#main_contents .store_page #photo img{width:170px;height:113px;object-fit: cover;}

#main_contents .store_page #photo ul{
	display:table;
	table-layout: fixed;
	width:100%;
}

#main_contents .store_page #photo ul li{
	vertical-align:top;
	background:#fff;
	padding:5px;
	border-right: 3px solid #ffeeee;
	border-left: 3px solid #ffeeee;
	display:table-cell;
	text-align:center;
}


#main_contents .store_page #photo ul li p{
	padding:5px ;
}



#main_contents #guide{
	margin:10px;
	clear:both;
}

#main_contents .guide,
#main_contents .guide dt,
#main_contents .guide dd {
	box-sizing: border-box;
}
#main_contents .guide {
	background: #eee;
	margin:10px 0;
	line-height:1.4em;
}

#main_contents .guide dt,
#main_contents .guide dd {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ccc;
}

#main_contents .guide dt {
	width: 20%;
	float: left;
	font-weight:bold;
}

#main_contents .guide dd {
	background: #fff;
	margin-left: 20%;
	padding-bottom: 10px;

}
#main_contents .guide dd a{color:#0054ff;text-decoration:underline;}
#main_contents .guide dd:after {
	content: '';
	display: block;
	clear: both;
}

#main_contents .store_page .hp_image{
	float:left;
	margin:20px;
}
#main_contents .store_page .hp_image img{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}



#main_contents .store_page .message {
	float:left;
	width:620px;
 	position: relative;
	display: inline-block;
 	margin: 10px  0 40px 20px;
	padding: 15px 20px;

 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #fff;
	border: 1px solid #e0dccc;
	border-radius: 15px;
	line-height:1.4em;
	min-height:120px;
	font-size:14px;
}
#main_contents .store_page .message h5{color:#12b7e0;padding-bottom:10px;font-weight:bold;}



#main_contents .store_page .message:before{
	content: "";
	position: absolute;
	top: 60px;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}

#main_contents .store_page .message:after{
	content: "";
	position: absolute;
	top: 60px;
	left: -28px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #e0dccc;
 	z-index: 1;
}

#main_contents .store_page .message p {
	margin: 0;
	padding: 0;
}


#main_contents .store_page .area_back {
	clear:both;
	background: #fff;
	border-top: 1px solid #e0dccc;
	border-bottom: 1px solid #e0dccc;
	margin:10px;
	padding:10px;
}

#main_contents .store_page .area_back li{
	position: relative;
	display:inline-block;
	list-style: none;
	font-weight: bold;
	margin-right: 12px;
}
#main_contents .store_page .area_back li:after{
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	border-style: solid;
	border-color: transparent;
	border-left-color: #aedfc6;
	border-width: 14px 12px;
	width: 0;
	height: 0;
}

#main_contents .store_page .area_back li a {
	display: inline-block;
	padding: 0 3px 0 7px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	color: #747772;
	background: #aedfc6;
	font-size: 13px;
}

#main_contents .store_page .area_back li a:hover {
  color: #FFF;
}






}/*←PCココマデ ******************************************************************************/




body#index {
	text-align: center;
	color: #666666;
	padding-top:2px;
	background: url(../../pc/images/index_img/wrapper_bg.png) no-repeat center top ;
	border-top:4px solid #f65986;
}



#index #wrapper #main_contents .leave{padding:20px;}
#index #wrapper #main_contents .text_content{text-align:left;}

#index #wrapper #main_contents .text_content h4,
#index #wrapper #main_contents .text_content h3{
	background:#f7f5f0;
	padding:5px 10px;
	margin-top:10px;
	border-top: 1px solid #d0cdc1;
	border-bottom: 1px solid #d0cdc1;
	clear:both;
	width:auto;
}

#index #wrapper #main_contents .text_content p{padding:10px;}
#index #wrapper #main_contents .text_content p img{float:left;padding:20px ;}



#index #wrapper #main_contents .text_content ul{line-height:0.9em;margin:20px 0 ; padding:0;clear:both;}

#index #wrapper #main_contents .text_content ul li{height:auto;border-left: 1px solid #d0cdc1;padding:5px; margin:0;font-size:12px;display:inline-block;}
#index #wrapper #main_contents .text_content ul li a{}










#index #wrapper #main_contents .area_bt ul:after,
#index #wrapper #main_contents .area_bt div:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#index #wrapper #main_contents .area_bt .normal{
	padding:0 5px;
}

#index #wrapper #main_contents .area_bt .first{

	padding:0 5px;
}

#index #wrapper #main_contents #news .area_bt{
	width:auto;
	margin:0 10px;
	float:left;
}


#index #wrapper #main_contents #news .area_bt ul{
	height:auto ;
	overflow: auto !important;
	display:block;
	margin:0;
	padding:0;
	
}

#index #main_contents #nav li{
	float:left;
	margin:0 ;
	padding: 0 10px ;
	position:relative;
}

#index #wrapper #main_contents #news .area_bt .flow li{
	width:96%;
	border-bottom: 1px dashed #ccc;
	padding:0;
	margin:0;height:auto;
}

#index #wrapper #main_contents #news .area_bt .flow li a{
	display:block;
	text-align:left;
	clear:both;
	color:#666;
	padding:0;
	margin:0;
	font-size:12px;
	height:auto;
}




#index #wrapper #main_contents .area_bt ul{
	display:table;
	table-layout: fixed;
	width:100%;
	height:90px;
	margin:0;
	padding:0; 
}


#index #wrapper #main_contents .area_bt ul li {
	display:table-cell;
	text-align:center;

	margin:0;
	padding:10px  0 0 0px;
	width:100%;
}




#index #wrapper #main_contents .area_bt ul li a{
	font-size:18px;
	position: relative;
	display: block;


	text-align: center;
	text-decoration: none;

	outline: 0;
	overflow: hidden;
	color: #fff;
	border-radius: 8px;
	padding: .7em 0;
	margin:0 10px !important;
	border: 2px dashed #fff;

}



#index #wrapper #main_contents .area_bt ul li.ippan a{
	background: #a3cd5c;
	box-shadow: 0 0 0 5px #a3cd5c, 0 2px 3px 5px rgba(0,0,0,0.5);
}

#index #wrapper #main_contents .area_bt ul li.fuzoku a{
	background: #faa130;
	box-shadow: 0 0 0 5px #faa130, 0 2px 3px 5px rgba(0,0,0,0.5);
}






#shop_list header{
	background:#fff;
	border: 1px solid #eeebe4;
	padding:1px;
}

#shop_list header h4 {
	background:#eeebe4;
	padding:10px;
	color:#444;
	font-size:12px;
	text-shadow: -1px -1px 0px #fff;
}

#shop_list header h4 strong{font-weight:bold;font-size:16px;}

#shop_list header h4 span{font-size:14px;}

#shop_list header p{padding:10px;}
#shop_list header p strong{font-weight:bold;}

#shop_list header .area_pin{padding:0 10px 10px 10px;}
#shop_list header .area_pin li{display:inline-block;}

#shop_list header .area_pin li a{
	display:inline-block;
	border: 1px solid #998a8a;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
	background: linear-gradient(to bottom, #fff,#eaeae9 );
	padding:5px;
	line-height:1.0em;
	color:#4c4c80;
}
#shop_list header .area_pin li a:hover{	background: linear-gradient(to bottom, #eaeae9,#fff );}




.store .wrap{position: relative;}
.store .wrap .remove a{
	background:#ffe400;
	padding:5px 5px 5px 5px;
	position: absolute;
	top:0px;
	left:8px;

border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border: 1px solid #d8ad00;
}



.store .wrap .remove a::before {
	display: inline-block;
	width: 12px;
	height: 12px;
	text-align: center;
	content: '';
	vertical-align: middle;
	background: url(../images/remove.png) no-repeat;
	background-size: 12px;
	padding-right:3px;
}




.open_h3{
	cursor: pointer;
	display:inline-block;
	margin: 0 10px 10px 0;
	padding:5px 10px;
	background:#fb615f;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	color:#fff;


}
.open_h3:after, 
.open_h3.active:after {
    font-size: 22px;
    margin-left: 5px;
}


.open_h3.active{background:#47b5f1;}

.open_h3.active::after {
	content: "▲";
	font-size:12px;
	color:#47b5f1;
	background:#fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	width:16px;
	height:16px;
	padding:0 3px;
}
.open_h3::after {
	content: "▼";
	font-size:12px;
	color:#fb615f;
	background:#fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	width:16px;
	height:16px;
	padding:0 3px;
}

.open-4{border-top: 1px dotted #a9a9a9;}




#main_contents #guide .submit{
	margin:10px;
	text-align:center;
}

#main_contents #guide .submit input{
	padding: 5px ;
	width:240px;
	font-size: 1.2em;
	margin:10px;
}




/*
@keyframes click-wave {
	0% {
		position: relative;
		width: 30px;
		height: 30px;
		opacity: 0.35;
	}
	100% {
		width: 200px;
		height: 200px;
		margin-top: -80px;
		margin-left: -80px;
		opacity: 0;
	}
}*/




#main_contents .okini_list .store h5{padding-left:35px;}
#main_contents .okini_list .store{position: relative;}

#main_contents .okini_list .store label{padding:10px;position: absolute;top:-15px; left:-5px;}

#main_contents .okini_list .store .checkbox {
	display:inline-block;
	position: relative;
	top: 13.33333px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 26px;
	height: 26px;
	margin-right: 0.5rem;
	cursor: pointer;
	transition: all 0.15s ease-out 0s;
	color: #ffffff;
	outline: none;
	background: #eee;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 2px solid #0096ff;
	-webkit-appearance: none;
	appearance: none;
	margin-top:-15px;
}

#main_contents .okini_list .store .checkbox::before {
display: none;
/*	line-height: 30px;
	position: absolute;
	display: inline-block;
	width: 26px;
	height: 26px;
	text-align: center;
	content: '';
	vertical-align: middle;
	background: url(../images/check02.png) no-repeat;
	background-size: 21px;
	position:absolute;*/
}




















#main_contents #shop_list .store .checkbox:hover {
	background: #0096ff;
}

#main_contents #shop_list .store .checkbox:checked {
	background: #66cd00;
	border: none;
}
#main_contents #shop_list .store .checkbox:checked::before {
	line-height: 30px;
	position: absolute;
	display: inline-block;
	width: 26px;
	height: 26px;
	text-align: center;
	content: '';
	vertical-align: middle;
	background: url(../images/check01.png) no-repeat;
	background-size: 25px;
	margin-left: 5px;
	position:absolute;
}

#main_contents #shop_list .store .checkbox:checked::after {
	position: relative;
	display: block;
	content: '';
	-webkit-animation: click-wave 0.65s;
	        animation: click-wave 0.65s;
	background: #da3c41;
}

#main_contents #shop_list .store label {
	line-height: 40px;
	display: inline-block;
}



.check_check{
visibility:hidden;
font-size:11px
}






#main_contents .store_page #map .map_inner{
	margin:10px;
	text-align:center;
	border: 1px solid #ccc;
}
#main_contents .store_page #map .map_inner iframe{
	width:100%;
	height:450px;
}

#main_contents .store_page #map .map_btn{text-align:right;}
#main_contents .store_page #map .map_btn a{
	display:inline-block;
	margin:5px 10px 0px 10px;
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	color: #FFF;
	background: #fd9535;
	border-bottom: solid 2px #d27d00;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
}


#main_contents .store_page #map .map_btn a:active {
	border-bottom: solid 2px #fd9535;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


#main_contents .store_page #map .map_text{
	padding:10px;
}



#main_contents .info{
	margin:10px;
	font-size:16px;
	line-height:1.7em;
	font-weight:bold;
}


#main_contents #thanks{margin:10px;}

#main_contents #thanks h5{
	text-align:center;
	font-size:20px;margin:50px 10px;
}


#main_contents #thanks p{
	font-size:14px;
	text-align:center;
	line-height:1.6em;
}

#main_contents .back {text-align:center;}
#main_contents .back a{
	background: #fd6f97;
	display:inline-block;
	color:#fff;
	padding:10px 30px;
	font-weight:bold;
	margin:30px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}



.camp_banner{padding:20px 10px 0px 10px}