@charset "utf-8";

/************contents*****************/
#contents{
	width:650px;
	height:auto;
	padding:0;
	overflow:hidden;
}
h1.contents_title_box{
	width:645px;
	height:auto;
	font-size:26px;
	color:#ff679a;
	font-weight: bold;
	line-height:1.8em;
	text-align:left;
	padding-left:5px;
	margin:5px 0;
	border-bottom:2px #ff679a solid;
}
h1.contents_title_box a{
	display: block;
	color:#ff679a;
	text-decoration: none;
}
#keepcount_reset_box{
	width:650px;
	height:auto;
	overflow:hidden;
	margin:5px 0;
}
#keepcount_reset_box_bottom{
	width:650px;
	height:auto;
	overflow:hidden;
	margin:10px 0;
}
.keepcount{
	width:314px;
	height:auto;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	color:#666;
	line-height:2em;
	padding:3px;
	text-align:left;
	float:left;
}
.keepcount span{
	color:#ff6aa1;
	font-size:20px;
}
.keepreset{
	background-color:#CCC;
	width:170px;
	height:auto;
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	color:#ff6666;
	line-height:2em;
	padding:3px;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	float:right;
	box-shadow:0px 0px 3px 2px #ccc;
}
.keepreset a{
	display:block;
	color:#ff6666;
	text-decoration:none;
}
.keepreset a:hover{
	background-color:#FFF;
	color:#980202;
}
.keepmailbox{
	background-color:#f64445;
	width:400px;
	height:auto;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	color:#ffd7d7;
	line-height:3em;
	padding:3px;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin:10px auto;
}
.keepmailbox a{
	display:block;
	color:#ffd7d7;
	text-decoration:none;
}
.keepmailbox a:hover{
	background-color:#f78181;
	color:#980202;
}


/************shop_area*****************/
#shoplist{
	width:650px;
	height:auto;
	overflow:hidden;
}
#shoplist_box{
	width:644px;
	height:auto;
	overflow:hidden;
	padding:3px;
	margin:5px auto;
}

/*********************************************
	エリア一覧ページ　テキスト
*********************************************/
#area_comment_box{
	width:634px;
	height:auto;
	overflow:hidden;
	padding:5px;
	position:relative;
	border:3px #666 solid;
	margin:5px 0;
}
#area_comment_title{
	background-color:#666;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:20px;
	color:#FFF;
	line-height:1.4em;
	text-align:left;
	position:absolute;
	padding:2px 5px;
	left:5px;
	top:-10px;
}
.area_comment{
	width:634px;
	height:auto;
	overflow:hidden;
	font-size:14px;
	color:#666;
	line-height:1.4em;
	text-align:left;
	margin-top:35px;
}

/************************************************
	WVIP店舗
*************************************************/
h2.shoplist_exe_namebox{
	background-color:#464646;
	width:640px;
	height:auto;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	padding:2px;
	margin:0;
	line-height:1.4em;
}
h2.shoplist_exe_namebox a{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
h2.shoplist_exe_namebox div{
	font-size:12px;
	color:#FFF;
}
.shoplist_exe_detail_item{
	display:table-cell;
	vertical-align:middle;
	background-color:#464646;
	width:90px;
	height:30px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:2em;
}
.shoplist_exe_gallery_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#f2f2f2;
	background:url(/img/pc/shoplist_gallery_icon.png) no-repeat;
	background-position:12%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #cfcdce solid;
}
.shoplist_exe_cast_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#f2f2f2;
	background:url(/img/pc/shoplist_cast_icon.png) no-repeat;
	background-position:10%;
	width:156px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px;
	border:2px #cfcdce solid;
}
.shoplist_exe_movie_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#f2f2f2;
	background:url(/img/pc/shoplist_movie_icon.png) no-repeat;
	background-position:38%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #cfcdce solid;
}
.shoplist_exe_staff_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#f2f2f2;
	background:url(/img/pc/shoplist_interview_icon.png) no-repeat;
	background-position:5%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #cfcdce solid;
}
.shoplist_exe_galleryblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fafafa;
	background:url(/img/pc/shoplist_galleryblank_icon.png) no-repeat;
	background-position:12%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #eceaeb solid;
}
.shoplist_exe_castblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fafafa;
	background:url(/img/pc/shoplist_castblank_icon.png) no-repeat;
	background-position:15%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #eceaeb solid;
}
.shoplist_exe_movieblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fafafa;
	background:url(/img/pc/shoplist_movieblank_icon.png) no-repeat;
	background-position:38%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #eceaeb solid;
}
.shoplist_exe_staffblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fafafa;
	background:url(/img/pc/shoplist_interviewblank_icon.png) no-repeat;
	background-position:5%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #eceaeb solid;
}

/************************************************
	VIP店舗
*************************************************/
h2.shoplist_vip_namebox{
	background-color:#a19ff2;
	width:640px;
	height:auto;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	padding:2px;
	margin:0;
	line-height:1.4em;
}
h2.shoplist_vip_namebox a{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
h2.shoplist_vip_namebox div{
	font-size:12px;
	color:#FFF;
}
.shoplist_vip_detail_item{
	display:table-cell;
	vertical-align:middle;
	background-color:#a19ff2;
	width:90px;
	height:30px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:2em;
}
.shoplist_vip_gallery_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fbf5ff;
	background:url(/img/pc/shoplist_gallery_icon.png) no-repeat;
	background-position:12%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #cfcef8 solid;
}
.shoplist_vip_cast_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fbf5ff;
	background:url(/img/pc/shoplist_cast_icon.png) no-repeat;
	background-position:15%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #cfcef8 solid;
}
.shoplist_vip_movie_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fbf5ff;
	background:url(/img/pc/shoplist_movie_icon.png) no-repeat;
	background-position:38%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #cfcef8 solid;
}
.shoplist_vip_staff_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fbf5ff;
	background:url(/img/pc/shoplist_interview_icon.png) no-repeat;
	background-position:5%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #cfcef8 solid;
}
.shoplist_vip_galleryblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fdfbff;
	background:url(/img/pc/shoplist_galleryblank_icon.png) no-repeat;
	background-position:12%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #edecfc solid;
}
.shoplist_vip_castblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fdfbff;
	background:url(/img/pc/shoplist_castblank_icon.png) no-repeat;
	background-position:15%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #eceaeb solid;
}
.shoplist_vip_movieblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fdfbff;
	background:url(/img/pc/shoplist_movieblank_icon.png) no-repeat;
	background-position:38%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #edecfc solid;
}
.shoplist_vip_staffblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fdfbff;
	background:url(/img/pc/shoplist_interviewblank_icon.png) no-repeat;
	background-position:5%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #edecfc solid;
}

/************************************************
	通常店舗
*************************************************/
#shoplist_osusume_box{
	width:644px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.osusume_icon{
	width:auto;
	font-size:14px;
	font-weight:bold;
	color:#fe4066;
	line-height:1.6em;
	text-align:left;
	float:left;
	margin:3px 5px;
}
.osusume_newopenicon{
	width:auto;
	font-size:14px;
	font-weight:bold;
	color:#ddbb01;
	line-height:1.6em;
	text-align:left;
	float:left;
	margin:3px 5px;
}
.osusume_newicon{
	width:auto;
	font-size:14px;
	font-weight:bold;
	color:#47c8c4;
	line-height:1.6em;
	text-align:left;
	float:left;
	margin:3px 5px;
}
h2.shoplist_namebox{
	background-color:#ff679a;
	width:640px;
	height:auto;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	padding:2px;
	margin:0;
	line-height:1.4em;
}
h2.shoplist_namebox a{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
h2.shoplist_namebox div{
	font-size:12px;
	color:#FFF;
}
.shoplist_contents{
	display:table;
	table-layout:fixed;
	width:644px;
	height:auto;
	overflow:hidden;
	margin:3px auto;
}
.shoplist_gallery_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fff3f7;
	background:url(/img/pc/shoplist_gallery_icon.png) no-repeat;
	background-position:12%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #fdb2d0 solid;
}
.shoplist_cast_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fff3f7;
	background:url(/img/pc/shoplist_cast_icon.png) no-repeat;
	background-position:15%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #fdb2d0 solid;
}
.shoplist_movie_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fff3f7;
	background:url(/img/pc/shoplist_movie_icon.png) no-repeat;
	background-position:38%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #fdb2d0 solid;
}
.shoplist_staff_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fff3f7;
	background:url(/img/pc/shoplist_interview_icon.png) no-repeat;
	background-position:5%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#808080;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #fdb2d0 solid;
}
.shoplist_galleryblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fffafc;
	background:url(/img/pc/shoplist_galleryblank_icon.png) no-repeat;
	background-position:12%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #fee2ee solid;
}
.shoplist_castblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fffafc;
	background:url(/img/pc/shoplist_castblank_icon.png) no-repeat;
	background-position:15%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #fee2ee solid;
}
.shoplist_movieblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fffafc;
	background:url(/img/pc/shoplist_movieblank_icon.png) no-repeat;
	background-position:38%;
	width:131px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 25px;
	border:2px #fee2ee solid;
}
.shoplist_staffblank_contents_icon{
	display:table-cell;
	vertical-align:middle;
	background-color:#fffafc;
	background:url(/img/pc/shoplist_interviewblank_icon.png) no-repeat;
	background-position:5%;
	width:136px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#cfcfcf;
	line-height:1.8em;
	padding:1px 1px 1px 20px;
	border:2px #fee2ee solid;
}
.shoplist_contents_icon_spacer{
	display:table-cell;
	vertical-align:middle;
	width:2px;
	height:2px;
}
.shoplist_pr_text{
	width:644px;
	font-size:16px;
	font-weight:bold;
	color:#666;
	line-height:1.4em;
	text-align:left;
}
.shoplist_img_detail{
	display:table;
	table-layout:fixed;
	width:644px;
	height:auto;
	overflow:hidden;
}
.shoplist_img{
	display:table-cell;
	vertical-align:middle;
	width:230px;
	height:174px;
	overflow:hidden;
	padding:2px;
}
.shoplist_detail{
	display:table-cell;
	vertical-align:top;
	width:406px;
	height:auto;
	overflow:hidden;
	padding:2px;
}
.shoplist_detail_box{
	display:table;
	table-layout:fixed;
	width:406px;
	height:auto;
	overflow:hidden;
	margin:1px 2px 2px;
}
.shoplist_detail_item{
	display:table-cell;
	vertical-align:middle;
	background-color:#ff679a;
	width:90px;
	height:30px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:2em;
}
h3.shoplist_detail_text{
	display:table-cell;
	vertical-align:middle;
	width:308px;
	height:30px;
	font-size:14px;
	color:#666;
	text-align:left;
	font-weight: normal;
	line-height:1.4em;
	padding:2px 5px;
	border-bottom:1px #d8d8d8 solid;
}
h3.shoplist_detail_text a{
	display: block;
	color:#666;
	text-decoration: none;
}
.shoplist_merit_box{
	width:644px;
	height:auto;
	overflow:hidden;
	margin:5px auto;
}
.merit_exe_icon{
	width:120px;
	height:27px;
	overflow:hidden;
	margin:2px;
	float:left;
	border:2px #6b6b6b solid;
}
.merit_vip_icon{
	width:120px;
	height:27px;
	overflow:hidden;
	margin:2px;
	float:left;
	border:2px #d0cdfa solid;
}
.merit_icon{
	width:120px;
	height:27px;
	overflow:hidden;
	margin:2px;
	float:left;
	border:2px #ffb2d1 solid;
}
.merit_off_icon{
	width:120px;
	height:27px;
	overflow:hidden;
	margin:2px;
	float:left;
	border:2px #c6c6c6 solid;
}
.shoplist_gift_box{
	background-color:#fdfeec;
	width:644px;
	height:auto;
	overflow:hidden;
	border:1px #5ac4d2 solid;
	margin:5px auto;
}
.shoplist_gift_title{
	background:url(/img/pc/shoplist_gift_title.jpg) no-repeat;
	background-position:left center;
	width:640px;
	height:50px;
	overflow:hidden;
	margin:0 auto;
	border-bottom:2px #EEE solid;
}
.shoplist_gift_title .viewtime{
	font-size:14px;
	color:#666;
	text-align:right;
	line-height:2.6em;
	padding-top:8px;
	float:right;
}
.shoplist_gift_detail{
	width:640px;
	height:auto;
	overflow:hidden;
	margin:3px auto;
	text-align:left;
	font-size:16px;
	color:#5dc2d4;
	line-height:1.6em;
	padding-left:4px;
}
.shoplist_gift_detail div{
	font-size:14px;
	color:#666;
	line-height:1.6em;
}
.shoplist_btn_box{
	display:table;
	table-layout:fixed;
	width:644px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.shoplist_btn{
	display:table-cell;
	vertical-align:middle;
	width:126px;
	height:auto;
	overflow:hidden;
	padding:1px;
	cursor: pointer;
}

/************************************************
	一括メール送信
*************************************************/
#keeplist_mailform_box{
	width:650px;
	height:auto;
	overflow:hidden;
}

#keeplist_mailform_title{
	width:644px;
	height:auto;
	overflow:hidden;
	padding:3px;
	margin:5px auto;
}
.mailform_title{
	width:644px;
	height:auto;
	overflow:hidden;
	text-align:left;
	padding:0;
	margin:3px auto;
}
.input_text{
	width:644px;
	font-size:14px;
	color:#00F;
	text-align:left;
	line-height:1.4em;
	margin:3px auto;
}
.input_box{
	width:644px;
	height:auto;
	overflow:hidden;
	margin:10px auto;
}
input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}
input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #e44380;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
input.submit {
	width:300px;
	margin:10px 170px;
	line-height:2em;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#826f75;
	border:1px #feb8f6 solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:-webkit-linear-gradient(left top, #FFF 50%, #fcd8e6);
	background:-moz-linear-gradient(left top, #FFF 50%, #fcd8e6);
	background: linear-gradient(to right bottom, #FFF 50%, #fcd8e6);
}
.form_text{
	width:644px;
	font-size:14px;
	font-size:0.9rem;
	color:#666;
	line-height:1.5em;
	text-align:left;
	margin:5px auto;
}
.formcomplete_mail{
	width:550px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#666;
	line-height:2em;
	margin:5px auto 1px;
}
.formcomplete{
	width:550px;
	height:auto;
	overflow:hidden;
	margin:3px auto 5px;
	font-size:16px;
	color:#666;
	line-height:1.6em;
}
.formcomplete img{
	margin:3px 0;
}

/************************************************
	電話ポップアップ
*************************************************/
#tel_popup_box{
	width:400px;
	height:auto;
	overflow:hidden;
	padding:5px;
}
#tel_popup_title{
	background-color:#ff679a;
	width:400px;
	height:auto;
	overflow:hidden;
	font-size:16px;
	color:#FFF;
	line-height:2em;
	text-align:center;
	margin:10px 0 0;
}
.tel_box{
	display:table;
	table-layout:fixed;
	width:380px;
	margin:10px auto 0;
}
.tel_box_left{
	display:table-cell;
	vertical-align:middle;
	width:94px;
	background-color:#fdfad9;
	text-align:left;
	font-size:14px;
	color:#999;
	padding:5px;
}
.tel_box_number{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	background-color:#FFF;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	color:#ff679a;
	padding:5px;
}


.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label { 
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 400px;
    height: auto;
    left: 50%;
    top: 300px;
    margin-top: 0px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    overflow: hidden;
}
@media (min-width: 400px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
         width: 400px;
         height: 85px;
    }
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 480px !important;
     top: 300px !important;
     margin-left: 270px !important;
     margin-top: -52px !important;
}
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(0, 0, 0, 1.0);
    display: inline-block;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 999;
    width: 20pt;
    height: 20pt;
    font-size: 20px;
    color:#FFF;
    border-radius: 50%;
    line-height: 22pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(255, 255, 255, 0.5);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/************************************************
	LINEポップアップ
*************************************************/
#shoplist_LINEbox{
	background:url(/img/pc/shop_lineback.jpg) no-repeat;
	background-size:100% auto;
	width:644px;
	height:136px;
	overflow:hidden;
}
.shoplist_LINEtext{
	display:table;
	table-layout:fixed;
	text-align:left;
	width:380px;
	height:auto;
	overflow:hidden;
	margin-top:100px;
	margin-left:125px;
	float:left;
}
.shoplist_LINE_detail{
	display:table-cell;
	vertical-align:middle;
	width:185px;
	height:auto;
	overflow:hidden;
	font-size:15px;
	color:#FFFF00;
	font-weight:bold;
	line-height:1.4em;
	text-align:left;
}
.shoplist_LINE_qrcode{
	background-color:#009b02;
	width:110px;
	height:110px;
	overflow:hidden;
	margin:10px;
	padding:3px;
	float:right;
}
.shoplist_LINE_qrcode img{
	width:110px;
	height:110px;
}

.popupModal2 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal2 > input:nth-child(1) + label { 
    cursor: pointer;
}
.modalPopup4 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup4 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 644px;
    height: auto;
    left: 50%;
    top: 300px;
    margin-top: 0px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    overflow: hidden;
}
@media (min-width: 644px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup4{
         width: 644px;
         height: 136px;
    }
.popupModal2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 500px !important;
     top: 265px !important;
     margin-left: 400px !important;
     margin-top: -52px !important;
}
}

.popupModal2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup4 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup4 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup4 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal2 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal2 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(0, 0, 0, 1.0);
    display: inline-block;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 999;
    width: 20pt;
    height: 20pt;
    font-size: 20px;
    color:#FFF;
    border-radius: 50%;
    line-height: 22pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(255, 255, 255, 0.5);
}

.popupModal2 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup4,
.popupModal2 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup4 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup4 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

