@charset "UTF-8";
/* CSS Document */
/*********************************************
----------------------------------------------
 index
----------------------------------------------
**********************************************/

#top_mainimg {
    margin: 1% auto 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
#img_box{
	background:url(../img/contents/img0.jpg?ver=380720) no-repeat;
	background-size:100% auto;
	background-position:center center;
	background-color:#25c1bd;
	width:98%;
	height:auto;
	min-height:250px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}

#img_box ul{
	width:100%;
	margin:0;
	padding-left:0;
}

#img_box li{
	list-style-type:none;
}
#img_box li img{
	width:100%;
}
/*********************************************
----------------------------------------------
 各コンテンツ
----------------------------------------------
**********************************************/
#page_title{
	width:96%;
	height:auto;
	overflow:hidden;
	text-align:left;
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF; /**サイトに合わせて変更**/
	padding-left:2%;
	padding-right:2%;
	line-height:2em;
	background: -moz-linear-gradient(top, #24c2bc, #1b9893);
	background: -webkit-gradient(linear, left top, left bottom, from(#24c2bc), to(#1b9893));
	margin:0px;
}
#page_title span{
	font-size:70%;
	color:#FFF;
	float:right;
}

#whats_box{
	background-color:#efefef;
	width:100%;
	height:auto;
	overflow:hidden;
}
#system_box{
	background-color:#efefef;
	width:100%;
	height:auto;
	overflow:hidden;
}
#menu_box{
	background-color:#efefef;
	width:100%;
	height:auto;
	overflow:hidden;
}
#calendar_box{
	background-color:#efefef;
	width:100%;
	height:auto;
	overflow:hidden;
}
#access_box{
	background-color:#efefef;
	width:100%;
	height:auto;
	overflow:hidden;
}
#coupon_box{
	background-color:#efefef;
	width:100%;
	height:auto;
	overflow:hidden;
}
#recruit_box{
	background-color:#efefef;
	width:100%;
	height:auto;
	overflow:hidden;
}
#contact_box{
	background-color:#efefef;
	width:100%;
	height:auto;
	overflow:hidden;
}
#movie_ban{
	width:100%;
	height:auto;
	overflow:hidden;
}
/*********************************************
----------------------------------------------
 インフォメーション
----------------------------------------------
**********************************************/
.whats_box{
	display:table;
	table-layout:fixed;
	width:94%;
	height:auto;
	overflow:hidden;
	padding:3%;
	border-bottom:1px #CCC solid;
	margin-bottom:10px;
}

.whatspic_box{ /**php側**/
	display:table-cell;
	vertical-align:top;
	width:30%;
	height:auto;
	overflow:hidden;
	margin:0;
}

.whatstext_box{ /**php側**/
	display:table-cell;
	vertical-align:top;
	width:65%;
	height:auto;
	overflow:hidden;
	padding-left:3%;
}

.whats_date{
	width:100%;
	font-size:110%;
	color:#000;
	line-height:1.2em;
	text-align:left;
}

.whats_title{
	text-align:left;
	width:100%;
	font-size:110%;
	color:#000;
	line-height:1.5em;
	border-bottom:1px #CCC dotted;
}

.whats_text{
	text-align:left;
	width:100%;
	font-size:100%;
	line-height:1.3em;
}

.whats_nav{
	display:table;
	table-layout:fixed;
	width:90%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.whats_prev{
	display:table-cell;
	vertical-align:middle;
	background-color:#CCC;
	width:49%;
	height:auto;
	overflow:hidden;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
}
.whats_prev a{
	display:block;
	font-size:100%;
	color:#333;
	line-height:2em;
	text-decoration:none;
}
.whats_space{
	display:table-cell;
	vertical-align:middle;
	width:2%;
}
.whats_next{
	display:table-cell;
	vertical-align:middle;
	background-color:#CCC;
	width:49%;
	height:auto;
	overflow:hidden;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
}
.whats_next a{
	display:block;
	font-size:100%;
	color:#333;
	line-height:2em;
	text-decoration:none;
}

/*********************************************
----------------------------------------------
 system
----------------------------------------------
**********************************************/
.system_box{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	text-align:left;
}

#system_menu{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	border-bottom:1px #666 dotted;
}
.system_menu_left{
	display:table-cell;
	vertical-align:middle;
	width:30%;
	padding:1%;
	font-size:100%;
	color:#333;
	line-height:1.3em;
	text-align:left;
	border-left:5px #666 solid;
}
.system_menu{
	display:table-cell;
	vertical-align:middle;
	padding:1%;
	font-size:100%;
	color:#333;
	line-height:1.3em;
	text-align:right;
}
.system_harftime_menu{
	display:table-cell;
	vertical-align:middle;
	padding:1%;
	font-size:100%;
	color:#333;
	line-height:1.3em;
	text-align:right;
}

#system_dfmenu{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	border-bottom:1px #666 dotted;
}
.system_dfmenu_left{
	display:table-cell;
	vertical-align:top;
	width:50%;
	padding:1%;
	font-size:90%;
	color:#333;
	line-height:1.3em;
	text-align:left;
}
.system_dfmenu{
	display:table-cell;
	vertical-align:top;
	padding:1%;
	font-size:90%;
	color:#333;
	line-height:1.3em;
	text-align:right;
}

.system_text {
	width:98%;
	height:auto;
	text-align:center;
	font-size:110%;
	color:#333;
	line-height:1.5em;
    padding:0;
    margin:0px auto 2%;
    overflow:hidden;
    border-bottom:1px #FFF dotted;
}

/*********************************************
----------------------------------------------
 アクセス
----------------------------------------------
**********************************************/
.access_box{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	text-align:left;
}
.access_contents{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	border-bottom:1px #666 dotted;
}
.access_subtitle{
	display:table-cell;
	vertical-align:middle;
	width:28%;
	height:auto;
	overflow:hidden;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	color:#333;
	line-height:2em;
	padding-left:2%;
	border-left:5px #666 solid;
}
.access_text{
	display:table-cell;
	vertical-align:middle;
	width:68%;
	height:auto;
	overflow:hidden;
	text-align:left;
	font-size:90%;
	color:#333;
	line-height:2em;
	padding-left:2%;
}

/*********************************************
----------------------------------------------
 メニュー
----------------------------------------------
**********************************************/
.menu_box{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	text-align:left;
}
#menu_title{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:110%;
	font-weight:bold;
	color:#333;
	line-height:1.5em;
	text-align:left;
	margin-top:2%;
	padding-left:1%;
	border-left:3px #333 solid;
	border-bottom:1px #333 solid;
}
#menu_contents{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border-bottom:1px #333 dotted;
}
.menu_order{
	display:table-cell;
	vertical-align:middle;
	width:69%;
	height:auto;
	overflow:hidden;
	font-size:4vw;
	color:#333;
	line-height:1.5em;
	text-align:left;
	padding-left:1%;
}
.menu_order span{
	font-size:3vw;
	color:#F00;
	border:1px #F00 solid;
	line-height:1.4em;
	padding:0.5% 1%;
	margin:1%;
}
.menu_price{
	display:table-cell;
	vertical-align:middle;
	width:29%;
	height:auto;
	overflow:hidden;
	font-size:4vw;
	color:#333;
	line-height:1.5em;
	text-align:right;
	padding-right:1%;
}
.menu_toplink{
	width:98%;
	height:auto;
	overflow:hidden;
	text-align:right;
	margin:2% 0;
	padding:1% 2%;
}
.menu_toplink a{
	font-size:100%;
	color:#666;
	line-height:2em;
}
.menu_text{
	width:98%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:100%;
	color:#333;
	line-height:2em;
	margin:1% auto;
}

/*********************************************
----------------------------------------------
 ワイン・シャンパンメニュー
----------------------------------------------
**********************************************/
.wine_menu_link_btnbox{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:right;
}
.wine_menu_wine_link{
	width:30%;
	height:auto;
	overflow:hidden;
	margin:1%;
	border:2px #24c2bc solid;
	text-align:center;
	line-height:2em;
	float:right;
}
.wine_menu_wine_link a{
	font-size:100%;
	font-weight:bold;
	color:#24c2bc;
	display:block;
	text-decoration:none;
}

.wine_menu_subtitle{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% 0;
}

#wine_menu_contents{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin:1% auto 2%;
}
.wine_menu_contents{
	display:table-cell;
	vertical-align:top;
	width:50%;
	height:auto;
	overflow:hidden;
	margin:1% auto 2%;
}
.wine_menu_contents2{
	width:50%;
	height:auto;
	overflow:hidden;
	margin:1% auto 2%;
}
.wine_menu_photo{
	width:80%;
	height:auto;
	overflow:hidden;
	padding:1%;
	margin:auto;
	box-sizing:border-box;
}
.wine_menu_photo img{
	border:2px #CCC solid;
}
.wine_menu_name_price{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size: .8em;
	font-weight:bold;
	color:#333;
	line-height:1.4em;
	text-align:center;
}

.champagne_menu_contents{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.champagne_menu_name{
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	color:#34c3c1;
	text-align:center;
	line-height:2em;
	margin:0 auto;
}
.champagne_menu_contents{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	padding:3%;
	margin:1% auto;
	box-sizing:border-box;
}
.champagne_soumei_cotents{
	display:table-cell;
	vertical-align:top;
	width:30%;
	height:auto;
	overflow:hidden;
	padding:1%;
	box-sizing: border-box;
}
.champagne_soumei_name{
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	text-align:center;
	line-height:1.2em;
}
.champagne_soumei_price{
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	text-align:center;
	line-height:1.2em;
}

.champagne_menu_photo{
	display:table-cell;
	vertical-align:top;
	width:25%;
	height:auto;
	overflow:hidden;
	padding:1%;
	margin:0 auto;
	box-sizing:border-box;
}
.champagne_menu_photo img{
	border:3px #CCC solid;
}
.champagne_menu_detail{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	height:auto;
	overflow:hidden;
	padding:1%;
	margin:0 auto;
}
.champagne_menu_name2{
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	text-align:center;
	line-height:1.2em;
}
.champagne_menu_price{
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	text-align:center;
	line-height:1.2em;
}

/*********************************************
----------------------------------------------
 カレンダー
----------------------------------------------
**********************************************/
.calendar_box{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	text-align:left;
}
.calendar_view_box{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	text-align:center;
}
.calendar_view_date{
	width:99%;
	height:auto;
	overflow:hidden;
	font-size:100%;
	color:#666;
	line-height:2em;
	text-align:left;
	padding-left:1%;
}
.calendar_view_title{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:100%;
	font-weight:bold;
	color:#333;
	line-height:2em;
	text-align:left;
	padding-left:1%;
}
.calendar_view_img{
	width:80%;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin:2% auto;
	padding:1%;
}
.calendar_view_text{
	width:98%;
	height:auto;
	overflow:hidden;
	font-size:100%;
	color:#333;
	line-height:2em;
	text-align:left;
	padding:1%;
}
.calendar_view_link{
	width:98%;
	height:auto;
	overflow:hidden;
	text-align:right;
}
.calendar_view_link a{
	font-size:100%;
	color:#666;
	line-height:2em;
}
.calendar_mouthlink{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	border-left:1px #333 solid;
	border-top:1px #333 solid;
	border-bottom:1px #333 solid;
}
.calendar_prev_next_link{
	display:table-cell;
	vartical-align:middle;
	width:30%;
	height:auto;
	overflow:hidden;
	text-align:center;
	border-right:1px #333 solid;
}
.calendar_carrent_link{
	display:table-cell;
	vartical-align:middle;
	width:40%;
	height:auto;
	overflow:hidden;
	font-size:100%;
	color:#666;
	line-height:3em;
	text-align:center;
	border-right:1px #333 solid;
}
.calendar_prev_next_link a, .calendar_carrent_link a{
	display:block;
	font-size:100%;
	color:#666;
	line-height:2em;
}

/*********************************************
----------------------------------------------
 coupon
----------------------------------------------
**********************************************/
.coupon_box{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	text-align:left;
}
.coupon_img{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.coupon_h{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	font-size:100%;
	font-weight:bold;
	color:#24c2bc;
	line-height:2em;
	text-align:left;
}
.coupon_text{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	font-size:100%;
	color:#333;
	line-height:1.3em;
	text-align:left;
}

/*********************************************
----------------------------------------------
 recruit
----------------------------------------------
**********************************************/
.recruit_box{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	text-align:left;
}

#recruit_catch{
	width:98%;
	height:auto;
	ovefflow:hidden;
	margin:2% auto 1%;
	text-align:center;
}
#recruit_pr{
	width:98%;
	height:auto;
	ovefflow:hidden;
	padding:1%;
	margin:2% auto 1%;
	background:#333;
	font-size:80%;
	color:#FFF;
	line-height:1.3em;
	text-align:left;
}

#recruit_imgbox{
	display:table;
	table-layout:fixed;
	width:98%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.recruit_img{
	display:table-cell;
	vertical-align:middle;
	width:32%;
	height:auto;
	overflow:hidden;
	padding:1%;
}
.recruit_img img{
	border:1px #666 solid;
}
#recruit_premium_ban{
	width:100%;
	height:auto;
	overflow:hidden;
}
.recruit_subtitle{
	background-color:#333;
	width:98%;
	height:auto;
	overflow:hidden;
	text-align:left;
	padding:1%;
	font-size:4vw;
	font-weight:bold;
	color:#FFF;
	line-height:1.5em;
	margin:1% auto;
}
.recruit_text{
	width:98%;
	text-align:left;
	font-size:3vw;
	color:#333;
	line-height:1.5em;
	padding:1%;
	overflow:hidden;
}
.recruit_text a{
	font-size:120%;
	line-height:2em;
}
#recruit_contact{
	display:table;
	table-layout:fixed;
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.recruit_icon{
	display:table-cell;
	vertical-align:middle;
	width:31%;
	height:auto;
	overflow:hidden;
	font-size:100%;
	color:#FFF;
	line-height:1.5em;
	text-align:center;
}
.recruit_icon_space{
	display:table-cell;
	vertical-align:middle;
	width:2%;
	height:10px;
}

/*********************************************
----------------------------------------------
 contact
----------------------------------------------
**********************************************/
.contact_box{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	text-align:center;
}

#form_text{
	width:98%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:100%;
	color:#333;
	line-height:1.5em;
}
#formhissu{
	text-align:right;
	font-size:90%;
	color:#F00;
}
#formtitle{
	width:38%;
	height:auto;
	overflow:hidden;
	text-align:left;
	font-size:100%;
	color:#FFF;
	line-height:2em;
	padding-left:2%;
	background-color:#333;
}
#formtitle span{
	color:#F00;
}
#formbox{
	background-color:#CCC;
	width:58%;
	text-align:left;
	font-size:100%;
	color:#333;
	padding-left:2%;
}
#submitbtn{
	width:98%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:100%;
	color:#333;
	margin:2% auto;
}
#submitbtn input{
	width:50%;
	height:30px;
	font-size:80%;
	color:#333;
	line-height:2em;
}
#input_btn{
	display:table;
	table-layout:fixed;
	width:80%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.input_btn{
	display:table-cell;
	vertical-align:middle;
	width:50%;
	height:30px;
	overflow:hidden;
	margin:1% auto;
	font-size:90%;
	color:#333;
	line-height:2em;
	text-align:center;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;a
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  padding: 10%;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 10%;
  height: 10%;
  line-height:2em;
  text-align: center;
}
.close-btn p {
  font-size:6vw;
  font-weight:bold;
  color: #000;
  margin:0;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}