@charset "UTF-8";
/*** S.RECRUIT.SHOP ***/
main{
	min-height: 72vh;
}
h1{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	border-top:1px #e7d6ab solid;
	border-bottom:2px #a6946c solid;
	color:#443322;
	text-align: center;
	vertical-align: middle;
	background:linear-gradient(to bottom, #edc6c1 0%, #faf1ee 100%);
	background: -webkit-gradient(linear,center top,center bottom,from( #edc6c1), to( #faf1ee));
	background-size:auto;
	background-position:4px center;
	padding: 4px 0;
	font-size: 1.0rem;
	margin: 0;
	margin-bottom: 10px;
}
#shop_art1{
	margin-bottom: 10px;
}
#shop_art1 h3{
/* font-family:'Sawarabi Mincho',TMincho-GT01,'heisei-mincho-std','MS 明朝','ヒラギノ明朝 Pro','HiraMinProN-W3','モトヤLマルベリ3等幅',sans-serif; */
	border-top:1px #e7d6ab solid;
	border-bottom:2px #a6946c solid;
	color: #443322;
	background-color: #dfb0ab;
	padding: 6px;
	font-size: 1.2rem;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.2) inset;
}
.recruit_ttl{
/* font-family:'Sawarabi Mincho',TMincho-GT01,'heisei-mincho-std','MS 明朝','ヒラギノ明朝 Pro','HiraMinProN-W3','モトヤLマルベリ3等幅',sans-serif; */
	border-top:1px #e7d6ab solid;
	border-bottom:2px #a6946c solid;
	color:#443322;
	vertical-align: middle;
	background-image: -o-linear-gradient(bottom, #faf1ee 0%, #edc6c1 100%);
	background-image: -moz-linear-gradient(bottom, #faf1ee 0%, #edc6c1 100%);
	background-image: -webkit-linear-gradient(bottom, #faf1ee 0%, #edc6c1 100%);
	background-image: -ms-linear-gradient(bottom, #faf1ee 0%, #edc6c1 100%);
	background-image: linear-gradient(to top, bottom, #faf1ee 0%, #edc6c1 100%);
	background-position:4px center;
	padding: 4px 0;
}
.art1_li1{
	padding: 2px;
	font-size: 1.0rem;
	color:#463233;

}
.art1_li2 .no_photo{
	height: 100%;
	width: 100%;
	background:#FFFFFF;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2) inset;
}
.art1_li2 img{
	vertical-align: top;
}
.art1_li3{
	background:#fff6fa;
	border:1px solid #d2d2d2;
	padding:10px;
	box-sizing:border-box;
}
.art1_li3_ul{
	display:table;
	width:100%;
	font-size:0;
}
.art1_li3_li{
	background:linear-gradient(to bottom, #FFFFFF 0%,#fff6fa 100%);
	padding:4px 0;
	border-bottom:1px dotted #CCC;
}
.art1_li3_li_l, .art1_li3_li_r{
	display:inline-block;
	font-size: 1.0rem;
}
.art1_li3_li_l{
	width:30%;
	color:#443322;
}
.art1_li3_li_r{
	width:70%;
}
/*** 急募情報 ***/
#shop_kyubo{
	margin-bottom:20px;
}
#shop_kyubo h3{
/* font-family:'Sawarabi Mincho',TMincho-GT01,'heisei-mincho-std','MS 明朝','ヒラギノ明朝 Pro','HiraMinProN-W3','モトヤLマルベリ3等幅',sans-serif; */
	color:#443322;
	background-color:#dfb0ab;
	padding:6px;
	font-size:1.0rem;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.2) inset;
	margin-bottom:10px;
}
#shop_kyubo ul{
	width:96%;
	margin:0 auto;
	border:1px solid #CCCCCC;
	border-radius:10px;
	box-sizing:border-box;
	padding:10px;
}
.news_li2{
	padding:2px 0;
	text-align:center;
	width:50%;
	background:#dfb0ab;
	color:#FFF;
	font-size:0.8rem;
	border-radius:6px;
}
#shop_kyubo h4{
	color:#463233;
	font-size:1.2rem;
}
/*** 店舗ニュース ***/
#shop_news{
	margin-bottom:20px;
}
#shop_news h3{
/* font-family:'Sawarabi Mincho',TMincho-GT01,'heisei-mincho-std','MS 明朝','ヒラギノ明朝 Pro','HiraMinProN-W3','モトヤLマルベリ3等幅',sans-serif; */
	color:#443322;
	background-color:#dfb0ab;
	padding:6px;
	font-size:1.0rem;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.2) inset;
	margin-bottom:10px;
}
#shop_news ul{
	width:96%;
	margin:0 auto;
	border:1px solid #CCCCCC;
	border-radius:10px;
	box-sizing:border-box;
	padding:10px;
}
#shop_news h4{
	color:#463233;
	font-size:1.2rem;
}
/*** 特典情報 ***/
#shop_special h3{
/* font-family:'Sawarabi Mincho',TMincho-GT01,'heisei-mincho-std','MS 明朝','ヒラギノ明朝 Pro','HiraMinProN-W3','モトヤLマルベリ3等幅',sans-serif; */
	color:#443322;
	background-color:#dfb0ab;
	padding:6px;
	font-size:1.0rem;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.2) inset;
	margin-bottom:10px;
}
#spe_list{
	background:#fffbf2;
	border:1px solid #a4936c;
	box-sizing:border-box;
	margin-bottom:20px;
	cursor:pointer;
}
#spe_list ul{
	width:100%;
	padding-bottom:10px;
}
#spe_list .spe_shop_head{
	background-size:100%;
	padding:1px 0 0 0;
}
#spe_list .spe_txt_area .spe_txt{
	text-align:center;
	color:#e7004b;
	font-size:1.4rem;
	font-weight:bold;
}
#spe_list .spe_shop_free{
	background:#FFF;
	width:90%;
	margin:0 auto;
	border:1px solid #d2d2d2;
	padding-bottom:10px;
}
#spe_list .spe_shop_free .spe_shop_comment{
	padding:5px;
	word-break: break-all;
}
#spe_list .spe_shop_free .spe_shop_message{
	background:#EA1046;
	border:1px solid #FFFFFF;
	border-radius:4px;
	width:80%;
	color:#FFF;
	text-align:center;
	padding:5px;
	font-size:0.9rem;
	margin:0 auto;
}
/*** 店舗情報 ***/
#shop_info{
	box-sizing:border-box;
	padding:10px;
	border:1px solid #d2d2d2;
	margin-bottom: 20px;
}
#art3_ul{
	width:96%;
	box-sizing:border-box;
	border:1px solid #d2d2d2;
	margin:0 auto 10px auto;
}
#art3_ul li.art3_li{
	width:100%;
	display:table;
	border-bottom:1px dotted #CCC;
}
#art3_ul li.art3_li .art3_li_l, .art3_li_r{
	display:table-cell;
	vertical-align:middle;
	padding:8px 0;
}
li.art3_li .art3_li_l{
	background:#fff6fa;
	color:#443322;
	width:25%;
	text-align:center;
}
li.art3_li .art3_li_r{
	width:72%;
	padding-left:3%;
	font-size:1rem;
}
li.art3_li .art3_li_r span{
	font-size:1.6rem;
	color:#e7004b;
}
li.art3_li .art3_li_r a{
	color:#e7004b;
	display: inline-block;
	width: 100%;
}
#shop_info .art3_other{
	background:#fff6fa;
	color:#443322;
	padding:5px;
	margin-bottom:10px;
}
#shop_info .art3_other img{
	vertical-align:middle;
	padding-right:5px;
}
#s_treat ul{
	width:100%;
	display:table;
	font-size:0;
	margin-bottom:20px;
}
#s_treat li{
	display:inline-block;
	width:31%;
	margin:2px;
	font-size:0.8rem;
	text-align:center;
}
#s_treat li .treat_on{
	color:#FFF;
	background:#EA1046;
	border:1px solid #FFFFFF;
	border-radius:4px;
	box-sizing: border-box;
	padding: 6px 0;
}
#s_treat li .treat_off{
	color:#bbbbbb;
	background:#FFF;
	border:1px solid #d2d2d2;
	border-radius:4px;
	box-sizing: border-box;
	padding: 6px 0;
}
.other_txt{
	padding-bottom:20px;
}
/*** FOOT NAV ***/
#shop_foot{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	background-color:rgba(206,173,171,0.7);
	z-index:10;
	box-shadow:0 1px 4px rgba(0,0,0,0.6);
}
#shop_foot_ul1{
	width:100%;
	max-width:640px;
	margin:0 auto;
	display:flex;
}
#shop_foot_li1{
	flex-grow: 1;
	vertical-align: top;
	padding:5px 2px;
}
 #shop_foot_li2, #shop_foot_li3, #shop_foot_li4{
	width:25%;
	vertical-align: top;
	padding:5px 2px;
}
#shop_foot_tel, #shop_foot_mail, #shop_foot_line, .shop_foot_box{
	width:100%;
	border-radius:6px;
	background:#fd9a9a;
	border:2px solid #FFF;
	text-align:center;
	box-sizing:border-box;
}
#shop_foot_tel a:hover{
	text-decoration:none;
 	filter:alpha(opacity=50);
    	-moz-opacity:0.5;
    	opacity:0.5;
}
#shop_foot_mail{
	background:#64dbf4;
}
#shop_foot_mail a:hover{
	text-decoration:none;
 	filter:alpha(opacity=50);
    	-moz-opacity:0.5;
    	opacity:0.5;
}
#shop_foot_line{
	background:#00AD00;
}
#shop_foot_line_off{
	width:100%;
	border-radius:6px;
	box-sizing:border-box;
	background:#00AD00;
	border:2px solid #FFF;
	text-align:center;
	box-sizing:border-box;
 	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
.checkList_off{
	background:#888888;
}
.checkList_on{
	background:#F06F00;
}
#shop_foot_tel_li1, #shop_foot_mail_li2, #shop_foot_line_li3, #shop_foot_box_li4{
	width:100%;
	box-sizing: border-box;
}
#shop_foot_tel_li1 img, #shop_foot_mail_li2 img, #shop_foot_line_li3 img, #shop_foot_box_li4 img{
	width:2rem;
	height: auto;
}
#shop_foot_tel_li1_txt, #shop_foot_mail_li2_txt, #shop_foot_line_li3_txt, #shop_foot_box_li4_txt{
	color:#FFF;
	font-weight:600;
	font-size:0.8rem;
	text-shadow:1px 1px 2px #000;
	line-height:1.1rem;
}

/*** TRIAL ***/

#shop_trial{
	box-sizing:border-box;
	padding:10px;
	border:1px solid #d2d2d2;
	margin-bottom: 20px;
}
#shop_trial .trial_ttl{
	background:#f32665;
	color:#FFFFFF;
	padding:5px 10px;
	margin-bottom:10px;
}
#shop_trial .t_point_data{
	display: flex;
	width: 100%;
}
#shop_trial .t_point_data li{
	text-align: center;
	width: 50%;
	padding-top: 4px;
}
#shop_trial .t_point_data li:first-child{
	padding-right: 2px;
}
#shop_trial .t_point_data li:last-child{
	padding-left: 2px;
}
#shop_trial .t_point_data li div{
	border: 1px solid #d2d2d2;
	padding: 4px;
	background:#FFF ;
}
#shop_trial .t_point_data li div:first-child{
	background: #fff6fa;
}
#shop_trial .t_point_data li div:last-child{
	font-weight: bold;
	font-size: 1.2rem;
	border-top: 0;
}
#shop_trial .art3_other{
	background:#fff6fa;
	color:#443322;
	padding:5px;
	margin-bottom:10px;
}
#shop_trial .art3_other img{
	vertical-align:middle;
	padding-right:5px;
}
#s_option ul{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 0px;
}
#s_option li {
	display: inline-block;
	width: 50%;
	font-size: 1rem;
	box-sizing: border-box;
	padding-top: 10px;
}
#s_option li div{
	text-align: center;
	color: #FFF;
	background:#44ced1;
	border:1px solid #39b2b5;
	border-radius: 4px;
	padding: 6px 0;
	box-sizing: border-box;
	width: 100%;
}
#s_option li:nth-child(2n+1){
	padding-right: 5px;
}
#s_option li:nth-child(2n){
	padding-left: 5px;
}
/***  COMMENT ***/
#shop_comment h3{
	margin-bottom: 10px;
}
#comment_area{
	display: table;
	width: 100%;
	box-sizing:border-box;
	padding:10px;
	border:1px solid #d2d2d2;
	margin-bottom: 20px;
	display: table;
	table-layout: fixed;
}
#comment_img{
	display: table-cell;
	width: 20%;
	vertical-align: top;
}
#comment_img img{
	border: 1px solid #aaa;
}
#shop_comment_ul{
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
}
.comment_data{
	padding: 4px;
	background:#fff6fa;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
}
.comment_li1{
	color: #e7004b;
}
.comment_li1 img{
	vertical-align: middle;
	padding-right: 4px;
}
.back_btn{
	text-align: center;
}
.back_btn a{
	display: block;
	margin: 0 auto;
	width: 50%;
	padding: 10px 0;
	text-align: center;
	background:-moz-linear-gradient(top, #fe769e 0%,#f92e4f 100%);
  background:-webkit-linear-gradient(top, #fe769e 0%,#f92e4f 100%);
	background:linear-gradient(to bottom, #fe769e 0%,#f92e4f 100%);
	color: #FFF;
	font-weight: bold;
	box-shadow: 0 0 6px -1px rgba(0,0,0,0.8);
	border: 1px solid #FFF;
	box-sizing: border-box;
}
.back_btn a span{
	display: inline-block;
	transform: rotate(90deg);
	margin-right: 4px;

}
.back_btn a:hover{
	text-decoration: none;
	background:-moz-linear-gradient(top, #ff5285 0%,#ba001e 100%);
  background:-webkit-linear-gradient(top, #ff5285 0%,#ba001e 100%);
	background:linear-gradient(to bottom, #ff5285 0%,#ba001e 100%);
}
/*** system ***/
#shop_art_system{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #d2d2d2;
	margin-bottom: 20px;
}
.shop_system_head{
	display: flex;
	align-items: center;
}
.shop_system_back{
	flex-grow: 1;
}
.shop_system_back ul{
	display: flex;
	z-index: 1;
	position: relative;
	width: 100%;
	align-items: stretch;
	font-size: 1rem;
	font-weight: bold;
	color: #FFF;
}
.shop_system_back ul li:first-child{
	padding: 4px 6px 4px 3px;
	display: flex;
	align-items: center;
	background-color: #4b4b4b;
	color: #FFF;
	white-space: nowrap;
}
.shop_system_back ul li.shop_system_on:before{
	content: "";
  position: absolute;
	height: 100%;
	width: 50px;
	background: #4b4b4b;
	top: 0;
	left: -49px;

}
.shop_system_back ul li:last-child{
	flex-grow: 1;
	display: flex;
	align-items: center;
	background-color: #fe5a8f;
	padding-left: 10px;
	box-sizing: border-box;
}
.shop_system_ttl {
  position: relative;
  display: flex;
	align-items: center;
	justify-content: center;
  width: 50%;
	max-width: 200px;
  height: 6rem;
  text-align: center;
  color: #FFF;
  font-size: 1.2rem;
  font-weight: bold;
  background: #f32665;
  border-radius: 50%;
  box-sizing: border-box;
	text-align: center;
	z-index: 10;
}

.shop_system_ttl:before {
  content: "";
  position: absolute;
  bottom: -1.7rem;
  right: -1.5rem;
  border: 2rem solid transparent;
  border-left: 3rem solid #f32665;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.shop_system_ttl h4{
	text-align: left;
	z-index: 100;
}
.shop_system_data .shop_system_li{
	box-sizing: border-box;
	border: 1px solid #d2d2d2;
	border-top: 0;
	width: 100%;
}
.shop_system_data .shop_system_li:first-child{
	border-top: 1px solid #d2d2d2;
}
.shop_system_li .system_ttl{
	background: #fff6fa;
	text-align: left;
	padding: 4px;
	font-size: 1rem;
}
.system_list li{
	display: flex;
	border-top:1px solid #d2d2d2;
}
.system_list li div{
	width: 50%;
	text-align: center;
}
.system_list li .system_list_ttl{
	background: #4b4b4b;
	color: #FFF;
	box-sizing: border-box;
	border-right:1px solid #FFF;
	font-size: 1rem;
}
.system_list li .system_list_val {
	box-sizing: border-box;
	font-size: 1rem;
}
.shop_system_li .system_list_ttl li:last-child{
	border-right: 0;
}
.shop_system_li .system_list_val li:last-child{
	border-right: 0;
}