@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/**********************************************
	base css	
**********************************************/

*{
	margin:0;
	padding:0;}

body{
	min-width:1180px;
	background-image:url(../img/common/bg_body.jpg);
	background-repeat:repeat;
	background-color:#000;
	margin:0;
	padding:0;
	font-family: 'Noto Sans JP' , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	  -ms-text-size-adjust: 100%;
	  -webkit-text-size-adjust: 100%;}

img{
	border:none;
	margin:0;
	padding:0;}

.t a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			border:none;}
			
.t a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	border:none;}

.clear{
	clear:both;}

.al-left{
	text-align:left;}

.al-center{
	text-align:center;}

.al-right{
	text-align:right;}


/**********************************************
	top header	
**********************************************/

header{
	background-image:url(../img/common/bg_body.jpg);
	background-repeat:repeat;}

.header_logo{
	width:188px;
	float:left;
	z-index:999;
	position:absolute;}
	
.header_top{
	width:880px;
	float:right;}

.header_h1{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	width:520px;
	float:left;
	padding:15px 0 0 0;
	letter-spacing:0.6px;}

.header_sns{
	width:360px;
	float:right;
	text-align:right;
	padding:12px 0 0 0;}

.bg_header_menu{
	width:100%;
	background-image:url(../img/common/space1.png);
	background-repeat:repeat-x;
	min-width:1080px;
	margin:10px 0 0 0;
	position:relative;
	z-index:15;}
	
.header_menu{
	list-style:none;
	margin:0;}

.header_menu li{
	float:left;}


.top_movie{
	width:100%;}

.bg_top{
	background-image:url(../img/common/bg_footer.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	height:390px;}

.bg_topin{
	background-image:url(../img/common/bg_footer_center.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:390px;
	width:1080px;
	margin:0 auto;
	padding:0 0 0 0;}

.cb-header {
  position: fixed;
  top: -80px;
  left: 0;
  z-index:999;
  background-image:url(../img/common/bg_sh.png);
  background-repeat:repeat-x;
  background-position:bottom right;
  width:100%;
  height:80px;}
 
.sh_header{
	margin:0;
	list-style:none;}

.sh_header li{
	float:left;}
  
.slide-down {
  animation-name: slideDown;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0;
  animation-duration: .5s;
  top: 0;}

@keyframes slideDown {
  0% {
    top: -100px;}
	 
  100% {
    top: 0;}
}

.slide-up {
  animation-name: slideUp;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50%  0;
  animation-duration: .5s;
  top: -80px;}
 
@keyframes slideUp {
  0% {
    top: 0;}
	
  100% {
    top: -80px;}
}


.button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 34px;
    outline: none;
    background-color: #FF9900;
    border: 2px solid #861311;
    color: #fff;
    position: relative; 
    z-index: 2; 
    cursor: pointer;
	color:#900;}
	
.button,
.button::before,
.button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    -webkit-transition: all .5s;
    transition: all .5s; }
	
.button::before,
.button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #FF9900;
	color:#FFF;}
	
.button::before {
    left: 0;}
	
.button::after {
    right: 0;}
	
.button:hover {
    background-color: #fff;
    border-color: #861311;
    color: #900;}
	
.button:hover::before,
.button:hover::after {
    width: 0;
    background-color: #861311;
	color:#FFF;}

.button a:link, .button a:active , .button a:visited {
	text-decoration:none;
	color:#FFF;
	display:block;
	padding:5px 45px;}

.button a:hover{
	color:#900;
	text-decoration:none;}

.ml20{
	margin-left:20px;}

.ml450{
	margin:10px 0 0 540px;}

.ml460{
	margin:5px 0 0 490px;}

.footer_top{
	background-color:#46291A;
	height:15px;
	margin-top:100px;}

.bg_footer{
	background-image:url(../img/common/bg_footer.png);
	background-repeat:repeat-x;
	background-position:bottom center;
	min-width:1180px;}

.footer_center{
	background-image:url(../img/common/bg_footer_center2.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	min-width:1080px;
	width:1080px;
	margin:0 auto;
	height:390px;}

.footer_p1{
	text-align:left;
	color:#000;
	font-size:26px;
	padding:45px 0 0 705px;}

.footer_p1 span{
	font-weight:bold;
	font-size:16px;}

.footer_p2{
	font-size:14px;
	color:#333;
	padding:5px 0 0 705px;
	line-height:28px;}

.footer_link{
	width:400px;
	padding:45px 0 0 679px;
	text-align:center;}

.footer_copy{
	background-color:#000;
	text-align:center;
	padding:10px 0;
	color:#FFF;
	font-size:14px;
	letter-spacing:2px;}

.link a:link , .link a:active , .link a:visited{
	color:#630;
	text-decoration:none;}
	
.link a:hover{
	color:#C00;
	text-decoration:none;}

.link2 a:link , .link2 a:active , .link2 a:visited{
	color:#FFC;
	text-decoration:none;}
	
.link2 a:hover{
	color:#FC0;
	text-decoration:none;}


#main_image {
  line-height: 0;
}
#container {
  width: 100%;
  height: 502px;
  overflow: hidden;
}
#slider {
	margin-top:-10px;
  width: 3000px;
  height: 502px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -1500px;
}
#slider_inner {
  background-color: #000;
  width: 5000px;
  height: 502px;
  position: absolute;
  top: 0;
  left: 0;
}
#slider_inner div {
  float: left;
}
#btn_slide_left {
  position: absolute;
  top: 50%;
  left: 10%;
}
#btn_slide_right {
  position: absolute;
  top: 50%;
  right: 10%;
}

.clearfix {
  overflow: hidden;
  *zoom: 1;
}

/**********************************************
	top	
**********************************************/

.slideframe{
	background-image:url(../img/common/bg3.png);
	background-repeat:repeat;
	min-width:1180px;}

.top_bg{
	background-image:url(../img/top/bg1.png);
	background-repeat:no-repeat;
	background-position:top right;
	width:1080px;
	margin:0 auto;}

.top_box1{
	background-image:url(../img/top/bg2.png);
	background-repeat:no-repeat;
	background-position:top right;
	height:388px;
	margin:-120px 0 0 0;}

.top_box2{
	background-image:url(../img/top/bg3.png);
	background-repeat:no-repeat;
	background-position:top right;
	height:388px;
	margin:30px 0;}

.top_box3{
	background-image:url(../img/top/bg4.png);
	background-repeat:no-repeat;
	background-position:top right;
	height:388px;
	margin-top:-50px;}

.top_box4{
	background-image:url(../img/top/bg5.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:600px;
	margin:30px 0;}

.btnbox3{
	margin:350px 0 0 30px;}


.top_box1_img{
	padding:50px 0 5px 0;}

.top_p1{
	padding:0 0 30px 20px;
	font-size:16px;
	line-height:42px;
	font-weight:normal;
	color:#333;}

.p1{
	padding:10px;
	font-size:16px;
	line-height:32px;
	color:#333;}

.top_box2_img{
	padding:60px 0 0 520px;}

.top_box2_p{
	padding:20px 0 10px 540px;}

.top_box3_p{
	padding:250px 0 20px 10px;}

.top_box4_p{
	padding:540px 0 10px 250px;}

.top_topics_box{
	padding:80px 0 0 0;
	width:1080px;
	margin:0 auto;}

.top_prodct_box{
	padding:30px 0 0 0;
	width:1080px;
	margin:0 auto;}

.top_btn{
	text-align:center;}

.top_btn img{
	margin:10px;}

.topics_wrap{
	width:840px;
	margin:0 auto 15px auto;
	border-bottom:1px solid #999;
	padding:0 30px 15px 30px;}

.topics_l{
	width:100px;
	float:left;}

.topics_r{
	width:720px;
	float:right;}

.topics_date{
	font-size:16px;
	color:#666;}

.topics_title{
	font-size:18px;
	color:#000;
	font-weight:bold;}

.topics_text{
	font-size:16px;}

.wrap840{
	width:840px;
	margin:0 auto;}

/**********************************************
	page bg	
**********************************************/

.cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;}

.top_contents1_space{
	height:750px;}

.top_contents2_space{
	height:550px;}

.linkspace{
	height:130px;}
  
 
.cd-bg-3 {
  background-image:url(../img/menu/bg1.jpg);}
  
.cd-bg-4 {
  background-image:url(../img/drink/bg1.jpg);
  background-position:bottom;}
 
.cd-bg-5 {
  background-image:url(../img/party/bg1.jpg);
  background-position:top;}

.cd-bg-6 {
  background-image:url(../img/info/bg1.jpg);
  background-position:bottom;}

.cd-bg-7 {
  background-image:url(../img/info/bg2.jpg);
  background-position:bottom;}

.menuvideo{
	text-align:center;
	padding:100px 0 0 0;}




/**********************************************
	produce	
**********************************************/

.top_contents1{
	padding:50px 0;}

.wrap1080{
	width:1080px;
	margin:0 auto;}

.pro_left{
	width:500px;
	float:left;}

.pro_right{
	width:580px;
	float:right;
	background-image:url(../img/common/bg3.png);}

.layout_list h2{
	font-size:14px;
	text-align:left;
	width:180px;
	display:inline-block;}

.pricech{
	font-size:14px;}

.list_item_table{
	margin-right:-10px;
	padding:10px;}
	
.member_price{
	padding-bottom:10px;}

.stock{
	display:none;}

.photo_line_80 img{
	width:180px;
	margin-left:-15px;}

.pro_lefttitle{
	text-align:center;
	margin:0 0 -18px 0;
	padding:0;}

.pr_box1{
	background-image:url(../img/produce/bg_box1.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin:20px 0 0 0;}

.pr_box1 p{
	padding:10px;
	font-size:16px;
	line-height:32px;
	color:#333;
	padding:120px 0 0 20px;}

.pr_box2{
	background-image:url(../img/produce/bg_box2_2.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:20px 0 0 0;}

.pr_box2_p1{
	padding:10px;
	font-size:16px;
	line-height:32px;
	color:#333;
	padding:260px 0 0 20px;}

.pr_box2_p2{
	color:#900;
	padding:310px 0 40px 30px;
	letter-spacing:1px;}

.pr_box3{
	background-image:url(../img/produce/bg_box3.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:20px 0 0 0;}

.pr_box3_p1{
	padding:10px;
	font-size:16px;
	line-height:32px;
	color:#333;
	padding:200px 0 0 20px;}

.pr_box3_p2{
	color:#900;
	padding:80px 0 40px 30px;
	letter-spacing:1px;}

.pr_box4{
	background-image:url(../img/produce/bg_box4.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 0 0 0;}

.pr_box4_p1{
	padding:10px;
	font-size:16px;
	line-height:32px;
	color:#333;
	padding:240px 0 0 20px;}

.pr_box4_p2{
	color:#900;
	padding:27px 30px 40px 20px;
	letter-spacing:1px;}

.pr_box4-2{
	background-image:url(../img/produce/bg_box4-2.png);
	background-repeat:no-repeat;
	background-position:center top;
	min-height:453px;
	margin:0 0 30px 0;}

.pr_box4_p3{
	padding:10px;
	font-size:16px;
	line-height:32px;
	color:#333;
	padding:360px 0 0 420px;}

.pr_box5{
	background-image:url(../img/produce/bg_box5.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 0 0 0;
	min-height:634px;}

.pr_box5_p1{
	padding:10px;
	font-size:16px;
	line-height:32px;
	color:#333;
	padding:50px 0 0 20px;}



/**********************************************
	info	
**********************************************/

.info_l{
	width:500px;
	float:left;}

.info_r{
	width:500px;
	float:right;}

.info_tb{
	border-collapse:collapse;}

.info_tb td{
	padding:10px 10px;}

.td1{
	font-size:14px;
	text-align:center;
	background-color:#666699;
	border-bottom:1px dotted #fff;
	color:#FFF;
	letter-spacing:5px;}

.td2{
	font-size:14px;
	text-align:left;
	border-bottom:1px dotted #666;
	color:#333;
	letter-spacing:1px;}

.info_l2{
	width:640px;
	float:left;}

.info_r2{
	width:385px;
	float:right;}

/**********************************************
	menu	
**********************************************/


/**********************************************
	drink	
**********************************************/


/**********************************************
	party
**********************************************/

.menu_bg{
	background-image:url(../img/party/bg.jpg);
	background-repeat:repeat;
	padding:15px;}

.menu_bgin{
	background-image:url(../img/common/bg1.png);
	background-repeat:repeat;
	padding:10px;}

.party_box1{
	width:320px;
	float:left;}

.party_box2{
	width:320px;
	float:left;
	margin:0 15px;}

.party_box3{
	width:320px;
	float:right;}

.party_box4{
	margin-top:15px;}

.menu_title{
	background-image:url(../img/menu/mark.png);
	background-position:left;
	background-repeat:no-repeat;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	padding:0 0 0 30px;
	color:#420;
	text-shadow:1px 1px 1px #CD9632;}

.menu_title span{
	font-size:14px;
	color:#C60;
	text-shadow:none;}

.menu_in{
	font-size:15px;
	padding:10px;}

.price td{
	padding:10px 5px;}

.td3{
	font-size:16px;
	color:#000;
	text-align:left;
	border-bottom:1px dashed #999;}

.td3 span{
	font-size:13px;}

.td4{
	font-size:16px;
	color:#900;
	text-align:right;
	border-bottom:1px dashed #999;}

.drink_box2{
	margin-top:15px;}

.drink_p1{
	font-size:12px;
	color:#900;}

.drink_p2{
	font-size:16px;
	text-align:center;
	color:#FFF;
	letter-spacing:2px;
	padding:10px 0 0 0;}