@charset "utf-8";

/************contents*****************/
#contents{
	width:650px;
	height:auto;
	padding:0;
	overflow:hidden;
}
h1#newshop_title{
	background:url(/img/pc/title_back.jpg) no-repeat;
	background-position:left center;
	width:640px;
	height:auto;
	font-size:22px;
	color:#ff679a;
	line-height:1.8em;
	text-align:left;
	padding-left:10px;
	margin:5px 0;
	border-bottom:2px #ff679a solid;
}
h1#newshop_title a{
	display: block;
	color:#ff679a;
	text-decoration: none;
}
/************shop_area*****************/
ul#shoplist{
	width:650px;
	height:auto;
	overflow:hidden;
}
li.shoplist{
	background:url();
	list-style:none;
	margin:0px;
	padding:0px;
}

input.nextbutton{
	background-color:#ff6699;
	width:600px;
	height:auto;
	overflow:hidden;
	margin:5px 22px;
	font-size:16px;
	color:#FFF;
	line-height:2em;
	text-align:center;
	cursor: pointer;
	cursor: hand;
}
#btnClick_hidden{
	display:none;
}

/************************************************
	店舗
*************************************************/
#shoplist_box{
	width:644px;
	height:auto;
	overflow:hidden;
	padding:3px;
	margin:5px auto;
}
#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;
}
.shoplist_openday{
	width:110px;
	height:auto;
	overflow:hidden;
	font-size:16px;
	color:#FFF;
	line-height:2em;
	text-align:left;
	float:left;
}
.shoplist_name_kana{
	width:auto;
	float:left;
}
.shoplist_name_kana 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;
	font-weight: normal;
	color:#666;
	text-align:left;
	line-height:1.4em;
	padding:2px 5px;
	border-bottom:1px #d8d8d8 solid;
}
.shoplist_merit_box{
	width:644px;
	height:auto;
	overflow:hidden;
	margin:5px auto;
}
.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_btn_box{
	display:table;
	table-layout:fixed;
	width:644px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.shoplist_keep_btn{
	display:table-cell;
	vertical-align:middle;
	width:126px;
	height:auto;
	overflow:hidden;
	padding:1px;
	cursor: pointer;
}
.shoplist_btn{
	display:table-cell;
	vertical-align:middle;
	width:126px;
	height:auto;
	overflow:hidden;
	padding:1px;
}

/************************************************
	電話ポップアップ
*************************************************/
#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;
}
.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}
}