@charset "UTF-8";

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

/*****************************
	湘南台・南林間トップ
*****************************/

.shonan_minamirinkan_box{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.shonan_minamirinkan_img{
	display:none;
}
.sp_shonan_minamirinkan_img{
	width:100%;
	height:auto;
	overflow:hidden;
}
.shonandai_recruit{
	background-color:#7398ff;
	width:94%;
	padding:3%;
	box-sizing:content-box;
}
.shonandai_title{
	width:100%;
	font-size:1.4em;
	color:#FFF;
	line-height:2em;
	font-weight:bold;
	text-align:center;
}
.shonandai_title:before {
	content: "＜";
	margin-right:1%;
}
.shonandai_title:after {
	content: "＞";
	margin-left:1%;
}
.shonandai_rec_detail{
	display:table;
	table-layout:fixed;
	width:98%;
	margin:0 auto;
	border-left:1px #FFF solid;
	border-top:1px #FFF solid;
	border-right:1px #FFF solid;
}
.shonandai_rec_detail_last{
	display:table;
	table-layout:fixed;
	width:98%;
	margin:0 auto;
	border:1px #FFF solid;
}
.shonandai_rec_item{
	display:table-cell;
	vertical-align:middle;
	width:40%;
	font-size:1em;
	color:#FFF;
	text-align:left;
	line-height:1.2em;
	padding:1%;
	border-right:1px #FFF solid;
}
.shonandai_rec_text{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	font-size:1em;
	color:#FFF;
	text-align:left;
	line-height:1.2em;
	padding:1%;
}
.shonandai_rec_text a{
	color:#FFF;
}
.shonandai_rec_text .shonandai_recruit_LINE_btn{
	text-align:center;
	width:70%;
	height:auto;
	background: -moz-linear-gradient(top, #2eea2e, #00c300);
	background: -webkit-gradient(linear, left top, left bottom, from(#2eea2e), to(#00c300));
	border-radius:10px;
	-webkit-border-radius:10px; 
	-moz-border-radius: 10px;
	overflow:hidden;
	line-height:1.6em;
	margin: 1%;
}
.shonandai_rec_text .shonandai_recruit_LINE_btn a{
	font-size:1em;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.minamirinkan_recruit{
	background-color:#ff9ad4;
	width:94%;
	padding:3%;
	box-sizing:content-box;
}
.minamirinkan_title{
	width:100%;
	font-size:1.4em;
	color:#FFF;
	line-height:2em;
	font-weight:bold;
	text-align:center;
}
.minamirinkan_title:before {
	content: "＜";
	margin-right:1%;
}
.minamirinkan_title:after {
	content: "＞";
	margin-left:1%;
}
.minamirinkan_rec_detail{
	display:table;
	table-layout:fixed;
	width:98%;
	margin:0 auto;
	border-left:1px #FFF solid;
	border-top:1px #FFF solid;
	border-right:1px #FFF solid;
}
.minamirinkan_rec_detail_last{
	display:table;
	table-layout:fixed;
	width:98%;
	margin:0 auto;
	border:1px #FFF solid;
}
.minamirinkan_rec_item{
	display:table-cell;
	vertical-align:middle;
	width:40%;
	font-size:1em;
	color:#FFF;
	text-align:left;
	line-height:1.2em;
	padding:1%;
	border-right:1px #FFF solid;
}
.minamirinkan_rec_text{
	display:table-cell;
	vertical-align:middle;
	width:60%;
	font-size:1em;
	color:#FFF;
	text-align:left;
	line-height:1.2em;
	padding:1%;
}
.minamirinkan_rec_text a{
	color:#FFF;
}

.minamirinkan_rec_text .minamirinkan_recruit_LINE_btn{
	text-align:center;
	width:70%;
	height:auto;
	background: -moz-linear-gradient(top, #2eea2e, #00c300);
	background: -webkit-gradient(linear, left top, left bottom, from(#2eea2e), to(#00c300));
	border-radius:10px;
	-webkit-border-radius:10px; 
	-moz-border-radius: 10px;
	overflow:hidden;
	line-height:1.6em;
	margin: 1%;
}
.minamirinkan_rec_text .minamirinkan_recruit_LINE_btn a{
	font-size:1em;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.shonandai_minamirinkan_line{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
}
.shonandai_minamirinkan_footerline{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
}

/*****************************
	店舗トップ
*****************************/
#header_shoplogo{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
}
#shop_lineatto{
	display:none;
}
#sp_shop_lineatto{
	display:table;
	table-layout:fixed;
	width:98%;
	height:auto;
	overflow:hidden;
	margin:0 auto 1%;
	border:2px #01b901 solid;
}
.shop_lineatto_img{
	display:table-cell;
	vertical-align:middle;
	width:50%;
	height:auto;
	overflow:hidden;
	margin:0;
}
.shop_lineatto_img img{
	vertical-align:bottom;
}
.shop_lineatto_btn{
	display:table-cell;
	vertical-align:middle;
	background-color:#a8d5ea;
	width:50%;
	height:auto;
	overflow:hidden;
	margin:0;
}
.shop_lineatto_btn .line_btn{
	text-align:center;
	width:80%;
	height:auto;
	background: -moz-linear-gradient(top, #2eea2e, #00c300);
	background: -webkit-gradient(linear, left top, left bottom, from(#2eea2e), to(#00c300));
	border-radius:10px;
	-webkit-border-radius:10px; 
	-moz-border-radius: 10px;
	overflow:hidden;
	margin:0 auto;
}
.shop_lineatto_btn .line_btn a{
	display:block;
	font-size:4vw;
	color:#FFF;
	line-height:2em;
	font-weight:bold;
	text-decoration:none;
}

#shop_prbox{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size: 1em;
	color:#eb1189;
	text-align:left;
	line-height:1.4em;
	margin:1% auto;
	padding:1%;
	border:3px #eb1189 solid;
	box-sizing:border-box;
}
#shop_prbox .shopname{
	width:100%;
	text-align:center;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:bold;
	margin:1% auto;
}
/******************************
	ニュース表示
******************************/
#shop_newsbox{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border:2px #eb1189 solid;
}
.shop_news_box{
	width:98%;
	height:auto;
	overflow-x:hidden;
	margin:0 auto;
	padding:3% 0;
}
.shop_news_contents{
	display:table;
	table-layout:fixed;
	width:100%;
}
.shop_news_text{
	display:table-cell;
	vertical-align:top;
	width:65%;
	font-size:3vw;
	color:#333;
	line-height:2em;
	text-align:left;
	padding:1% 0;
	border-top:2px #eb108e solid;
	border-bottom:2px #eb108e solid;
}
.shop_news_img{
	display:table-cell;
	vertical-align:top;
	width:auto;
	padding:1%;
}
.shop_news_img img{
	width:100%;
	border:2px #333 solid;
}

/******************************
	システム表示
******************************/
#shop_systembox{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% 0;
}
.shop_system_box{
	background-color:#000;
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	border:3px #eb1189 solid;
}
.shop_system_detail{
	width:100%;
	font-size:1.4em;
	color:#FFF;
	line-height:2em;
	text-align:center;
	padding:3% 0;
	border-bottom:3px #eb1189 solid;
}
.shop_system_detail:last-child{
	border:0;
}
.shop_system_detail div{
	font-size:.8em;
	line-height:1em;
}

/******************************
	インスタグラム
******************************/
#shop_instagrambox{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% 0;
}
.shop_instagram_box{
	display:table;
	table-layout:fixed;
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.shop_instagram_img{
	display:table-cell;
	vertical-align:middle;
	width:23%;
	text-align:center;
	padding:1%;
}
.shop_instagram_detail{
	display:table-cell;
	vertical-align:middle;
	width:43%;
	text-align:center;
	padding:1%;
}
.shop_instagram_contents{
	background-color:#000;
	width:98%;
	border:2px #f5159a solid;
}
.shop_instagram_account{
	font-size:3vw;
	color:#f5159a;
	line-height:1.6em;
	text-align:center;
	padding:1% 3%;
	border-bottom:2px #f5159a solid;
}
.shop_instagram_text{
	background-color:#000;
	font-size:2vw;
	color:#FFF;
	line-height:2em;
	text-align:left;
	padding:2%;
	border-bottom:2px #f5159a solid;
}
.shop_instagram_widget{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}

/******************************
	イベントカレンダー
******************************/
#shop_eventbox{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:3% 0;
}
.shop_event_box{
	display:none;
}
.sp_shop_event_box{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.shop_event_month{
	display:table;
	table-layout:fixed;
	background-color:#ec0a92;
	width:100%;
	height:auto;
	overflow:hidden;
}
.shop_event_month_prev{
	display:table-cell;
	vertical-align:middle;
	width:30%;
	text-align:center;
	line-height:2em;
}
.shop_event_month_next{
	display:table-cell;
	vertical-align:middle;
	width:30%;
	text-align:center;
	line-height:2em;
}
.shop_event_month_active{
	display:table-cell;
	vertical-align:middle;
	width:40%;
	text-align:center;
	line-height:2.2em;
}
.shop_event_month_prev a{
	font-size:3vw;
	color:#FFF;
}
.shop_event_month_prev a:before{
	content: "\0ab";
	font-size:4vw;
	color:#FFF;
	margin-right:10px;
}
.shop_event_month_next a{
	font-size:3vw;
	color:#FFF;
}
.shop_event_month_next a:after{
	content: "\0bb";
	font-size:4vw;
	color:#FFF;
	margin-left:10px;
}
.shop_event_month_active a{
	font-size:3vw;
	color:#FFF;
}

table#calender{
	background-color:#000;
	width:100%;
	font-size: 3vw;
	color: #FFF;
	margin:0 0 3%;
}
table#calender td {
	padding: 1%;
}

/* 日祝 */
.horiday-wday{/* 曜日 */
	color:#FFF;
	background-color:#C00;
	border-bottom:1px #CCC solid;
}
.horiday-day{/* 日付 */
	color:#C00;
	border-bottom:1px #CCC solid;
}

/* 土曜 */
.saturday-wday{/* 曜日 */
	color:#FFF;
	background-color:#09F;
	border-bottom:1px #CCC solid;
}
.saturday-day{/* 日付 */
	color:#09F;
	border-bottom:1px #CCC solid;
}

/* 平日 */
.weekday-wday{/* 曜日 */
	background-color:#333; /**サイトに合わせて変更**/
	color:#FFF;
	border-bottom:1px #CCC solid;
}
.weekday-day{/* 日付 */
	color:#FFF;
	border-bottom:1px #CCC solid;
}
.event_contents_box{
	display:table;
	table-layout:fixed;
	width:100%;
}
.event_img{
	display:table-cell;
	vertical-align:middle;
	width:20%;
}
.event_img img{
	width:98%;
	margin:0 auto;
}
.event_detail{
	display:table-cell;
	vertical-align:middle;
	width:auto;
}
.event_title{
	color:#FFF;
	font-size:2vw;
	text-align:left;
	padding:1%;
}
.event_text{
	font-size:2vw;
	text-align:left;
	padding:1%;
}
/******************************
	店舗情報
******************************/
#shop_shopinfobox{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% 0;
}
.shop_shopinfo_box{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.shop_shopinfo_map{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	border:2px #eb108e solid;
}
.shop_shopinfo_detail{
	background-color:#000;
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	border:2px #eb108e solid;
}
.shop_shopinfo_contents{
	display:table;
	table-layout:fixed;
	width:100%;
	border-bottom:2px #eb108e solid;
}
.shop_shopinfo_contents:last-child{
	border:0;
}
.shop_shopinfo_item{
	display:table-cell;
	vertical-align:middle;
	width:28%;
	font-size:1.4em;
	color:#FFF;
	text-align:left;
	padding:1%;
	border-right:2px #eb108e solid;
}
.shop_shopinfo_text{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	font-size:1.4em;
	color:#FFF;
	text-align:left;
	padding:1%;
}

/******************************
	リクルート
******************************/
#shop_recruitbox{
	display:none;
}
#sp_shop_recruitbox{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% 0;
}
.shop_recruit_title{
	width:100%;
	font-size:4vw;
	color:#ec118f;
	font-weight:bold;
	line-height:2em;
	text-align:center;
	margin:1% auto;
}
.shop_recruit_box{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border:2px #eb108e solid;
}
.shop_recruit_contents{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.shop_recruit_item{
	display:table-cell;
	vertical-align:middle;
	background-color:#000;
	width:30%;
	font-size:3vw;
	color:#eb108e;
	text-align:left;
	padding:1%;
	border-bottom:2px #FFF dotted;
}
.shop_recruit_item:before{
	font-size:3vw;
	content: "■";
}
.shop_recruit_text{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	font-size:3vw;
	color:#eb108e;
	text-align:left;
	padding:1%;
	border-bottom:2px #eb108e dotted;
}
.shop_recruit_item_last{
	display:table-cell;
	vertical-align:middle;
	background-color:#000;
	width:30%;
	font-size:3vw;
	color:#eb108e;
	text-align:left;
	padding:1%;
}
.shop_recruit_item_last:before{
	font-size:3vw;
	content: "■";
}
.shop_recruit_text_last{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	font-size:3vw;
	color:#eb108e;
	text-align:left;
	padding:1%;
}

.shop_recruit_subsc{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
	border-bottom:2px #eb108e solid;
}
.shop_recruit_subsc:last-child{
	border:0;
}
.shop_recruit_subsc_item{
	display:table-cell;
	vertical-align:middle;
	width:38%;
	font-size:3vw;
	color:#eb108e;
	text-align:left;
	padding:1%;
	border-right:2px #eb108e solid;
}
.shop_recruit_subsc_item:before{
	font-size:3vw;
	content: "■";
}
.shop_recruit_subsc_text{
	display:none;
}
.sp_shop_recruit_subsc_text{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	font-size:3vw;
	color:#eb108e;
	text-align:left;
	padding:1%;
}
.sp_shop_recruit_subsc_text .telmail_btn{
	text-align:center;
	width:80%;
	height:auto;
	background: -moz-linear-gradient(top, #f776c1, #ea128f);
	background: -webkit-gradient(linear, left top, left bottom, from(#f776c1), to(#ea128f));
	border-radius:10px;
	-webkit-border-radius:10px; 
	-moz-border-radius: 10px;
	overflow:hidden;
	margin:0 auto;
}
.sp_shop_recruit_subsc_text .telmail_btn a{
	display:block;
	font-size:4vw;
	color:#FFF;
	line-height:2em;
	font-weight:bold;
	text-decoration:none;
}
.sp_shop_recruit_subsc_text .line_btn{
	text-align:center;
	width:80%;
	height:auto;
	background: -moz-linear-gradient(top, #3dd76c, #08b63d);
	background: -webkit-gradient(linear, left top, left bottom, from(#3dd76c), to(#08b63d));
	border-radius:10px;
	-webkit-border-radius:10px; 
	-moz-border-radius: 10px;
	overflow:hidden;
	margin:0 auto;
}
.sp_shop_recruit_subsc_text .line_btn a{
	display:block;
	font-size:4vw;
	color:#FFF;
	line-height:2em;
	font-weight:bold;
	text-decoration:none;
}
.shop_recruit_contact{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.shop_recruit_contact_item{
	background-color:#000;
	width:94%;
	font-size:3vw;
	color:#FFF;
	text-align:left;
	padding:3%;
	border-bottom:2px #eb108e solid;
}
.shop_recruit_contact_item:before{
	font-size:3vw;
	content: "■";
}
.shop_recruit_contact_item span{
	background-color:#e1168c;
	font-size:3vw;
	color:#FFF;
	text-align:center;
	padding:1%;
	margin-left:1%;
	border-radius:5px;
}
.shop_recruit_contact_text{
	width:94%;
	font-size:3vw;
	color:#eb108e;
	text-align:left;
	padding:3%;
	border-bottom:2px #eb108e solid;
}
.shop_recruit_contact_text ul{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}

ul li{
	color: #e94395;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

ul li input[type=radio]{
	position: absolute;
	visibility: hidden;
}

ul li label{
	display: block;
	position: relative;
	font-weight: 300;
	font-size: 3vw;
	padding: 10px 20px 20px 80px;
	margin: 10px auto;
	height: 20px;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
}

ul li:hover label{
	color: #f97dc2;
}

ul li .check{
	display: block;
	position: absolute;
	border: 5px solid #e94395;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	top: 10px;
	left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

ul li:hover .check {
	border: 5px solid #f97dc2;
}

ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 10px;
	width: 10px;
	top: 5px;
	left: 5px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
	border: 5px solid #eb108e;
}

input[type=radio]:checked ~ .check::before{
	background: #eb108e;
}

input[type=radio]:checked ~ label{
	color: #eb108e;
}
input[type=text]{
	width:90%;
	font-size:3vw;
	color:#333;
	text-align:left;
	padding:1%;
	margin:3% auto;
}
textarea[name="pr"]{
	display: inline-block;
	width: 90%;
	height: 100px;
	padding:1%;
	margin:auto;
}
input::placeholder,
textarea::placeholder {
	color: #ccc;
}
::-webkit-input-placeholder {
	color: #ccc;
	opacity: 1;
}
 
::-moz-placeholder {
	color: #ccc;
	opacity: 1;
}
 
:-ms-input-placeholder {
	color: #ccc;
	opacity: 1;
}

.shop_recruit_contact_submit{
	width:100%;
	font-size:3vw;
	color:#eb108e;
	text-align:center;
	padding:0;
	margin:3% 0;
}
input[type=submit]{
	background-color:#eb108e;
	width:50%;
	font-size:4vw;
	color:#FFF;
	text-align:center;
	padding:3%;
}
input[type=button] {
	background-color:#eb108e;
	width:40%;
	font-size:4vw;
	color:#FFF;
	text-align:center;
	padding:3%;
}

.footer_contact_box{
	background:rgba(102,102,102,0.7);
	width:100%;
	height:auto;
	overflow:hidden;
	position:fixed;
	bottom:0;
	z-index:3;
	margin:0;
}
.footer_contact_contents{
	display:table;
	table-layout:fixed;
	width:98%;
	height:auto;
	overflow:hidden;
	margin:3% auto;
}
.footer_contact_btn{
	display:table-cell;
	vertical-align:middle;
	width:30%;
	padding:1%;
}
.footer_contact_btn img{
	vertical-align:bottom;
}

}