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


@media screen and (max-width: 480px) {
 body {
 -webkit-text-size-adjust: none; /* iPhone */
}
}
/* ============ RESET ============ */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
.cf {
	overflow:hidden;
}
 @media screen and (min-width: 769px) {

/*CSS*/
#wrap {
 background: url(../image/bg.jpg) center top no-repeat;
 height:100%;
 min-width:1000px;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.night_m {
 position:absolute;
 top:10px;
 right:30px;
}
.night_m:hover {
 opacity:0.8;
}
h1 {
 width:1000px;
 margin:0 auto;
 font-size:75%;
 color:#fff;
 font-weight:normal;
 padding:10px 0 0 10px
}
#cont {
 width:1000px;
 margin:170px auto 0;
 padding-bottom:20px;
}
#cont02 {
 width:1000px;
 margin:50px auto;
}
#night {
 background-color:rgba(0, 0, 0, 0.4);
 padding:1px 10px 50px;
 margin:50px 0;
}
#cont #logo {
 background: url(../image/logo.png) center top no-repeat;
 width:550px;
 height:102px;
 text-indent:-9999px;
 margin:0 auto;
}
#news_area .news {
 width:100%;
 text-align:center;
}
 #news_area .news a:link {
 color:#fff !important;
 text-decoration:none;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
#news_area .news a:hover {
 color:#fff !important;
 text-decoration:none;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
#cont .cate01 {
 background:url(../image/cate01.png) center top no-repeat;
 height:64px;
 margin:40px 0 40px;
 text-indent:-9999px;
}
#cont .cate02 {
 background:url(../image/cate02.png) center top no-repeat;
 height:64px;
 margin:100px 0 40px;
 text-indent:-9999px;
}
#cont .cate03 {
 background:url(../image/cate03.png) center top no-repeat;
 height:64px;
 margin:80px 0 40px;
 text-indent:-9999px;
}
#cont .cate04 {
 background:url(../image/cate04.png) center top no-repeat;
 height:64px;
 margin:50px 0 40px;
 text-indent:-9999px;
}
#cont .cate05 {
 background:url(../image/cate05.png) center top no-repeat;
 height:64px;
 margin:90px 0 40px;
 text-indent:-9999px;
}
#cont .cate06 {
 background:url(../image/cate06.png) center top no-repeat;
 height:64px;
 margin:90px 0 40px;
 text-indent:-9999px;
}
.cate07 {
 background:url(../image/cate07.png) center top no-repeat;
 height:64px;
 margin:90px 0 40px;
 text-indent:-9999px;
}
.box {
 width: 1000px;
 margin:0 auto;
}
.box2,.box3,.box4 {
 width: 1052px;
}
.box .left {
 width: 450px;
 float: left;
 text-align:center;
}
.box2 .left {
 width: 470px;
 float: left;
 margin:101px 0 0;
 text-align:center;
}
.box3 .left {
 width: 470px;
 float: left;
 margin:40px 0 0;
 text-align:center;
}
.box4 .left {
 width: 470px;
 float: left;
 margin:85px 0 0;
 text-align:center;
}
.box .right {
 width: 450px;
 float: right;
 text-align:center;
}
.box .right2 {
 width: 450px;
 float: right;
 text-align:center;
 margin:25px 0 0;
}
.box2 .right2 {
 width: 542px;
 float: right;
 text-align:center;
}
.box2 .right3 {
 width: 542px;
 float: right;
 text-align:center;
 margin:120px 0 0;
}
.box3 .right3 {
 width: 542px;
 float: right;
 text-align:center;
 margin:62px 0 0;
}
.box4 .right4 {
 width: 542px;
 float: right;
 text-align:center;
 margin:62px 0 0;
}

.img {
 text-align:center;
 margin:60px 0 0;
}
.img02 {
 margin:30px 0 0 195px;
}
.time {
 text-align: center;
 margin:-20px 0 50px;
 color:#fff;
 line-height:25px;
 font-size:23px;
 font-weight:bold;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
 .txt {
 text-align: center;
 margin:-30px 0 30px;
 color:#fff;
 line-height:25px;
 font-size:23px;
 font-weight:bold;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
.left .txt2 {
 text-align: center;
 margin:-10px 0 30px;
 color:#fff;
 line-height:25px;
 font-size:23px;
 font-weight:bold;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
.right2 .txt02 {
 text-align: center;
 margin:-10px 0 30px;
 color:#fff;
 line-height:25px;
 font-size:23px;
 font-weight:bold;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
.txt02 {
 margin:-10px 0 30px;
 color:#fff;
 line-height:25px;
 font-size:17px;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
.txt span, .right2 .txt span, .right3 .txt span, .right4 .txt span, .txt2 span, .txt02 span {
 font-size: 60%;
 letter-spacing:-0.5px;
 margin:20px 0 0;
 line-height:20px;
 display:block;
 font-weight:normal !important;
}
#cont table {
 line-height:26px;
 font-size:22px;
 font-weight:bold;
 width: 700px;
 margin:0 auto;
 color:#fff;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
#cont table tr td {
 padding:8px 0;
}
#cont table tr .price {
 text-align: right;
}
#cont table tr .space {
 width: 50px;
}
#cont table tr .space01 {
 width: 250px;
}
#cont table tr .space2 {
 width: 300px;
}
#cont table tr .space02 {
 width: 340px;
}
#cont #price {
 text-align: center;
 margin:130px 0 0;
 color:#FFF;
}
#cont .ta02 {
 width: 520px;
 font-size:150%;
}
#cont .ta03 {
 width: 570px;
 font-size:150%;
}
#cont .ta04 {
 margin:-30px auto;
 width: 450px;
 color:#fff;
 font-size:140%;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
#cont #shop_img {
 width: 780px;
 margin:0 auto;
}
#cont #shop_img p {
 float: left;
 margin:0 22px 40px;
}
#cont #shop_img p a:hover {
 opacity:0.8;
}
#contact {
 width: 800px;
 margin:150px auto 0;
 overflow: hidden;
}
#contact #left {
 width: 330px;
 float: left;
}
#contact #left #address {
 color: #FFF;
 font-size:120%;
 line-height:30px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
 margin:10px 0 20px 10px;
}
#contact #left #address span {
 font-size: 70%;
}
#contact #left .txt2 {
 margin:0 0 0 10px;
 color:#fff;
 font-size:120%;
 line-height:30px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
#contact #right #map_comment {
 font-size: 87%;
 width:450px;
 color: #FFF;
 float:right;
 margin:10px 0 0;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
#contact #right #map {
 height: 250px;
 width: 450px;
 float: right;
}
#cont #copy {
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 70%;
 color: #FFF;
 text-align: center;
 margin:80px 0 0;
 letter-spacing:3px;
}
#cont #copy a:link {
 color: #FFF;
 text-decoration:none;
}
#cont #copy a:visited {
 color: #FFF;
 text-decoration:none;
}
#cont #copy a:hover {
 color: #FFF;
 text-decoration: underline;
}
#cont #copy a:active {
 color: #FFF;
 text-decoration: none;
}
}









 @media screen and (max-width: 768px) {
#wrap img {
 width:80%;
 height:auto;
 display:block;
 margin:0 auto;
}
#wrap .small {
 width:60%;
 height:auto;
 display:block;
 margin:0 auto;
}
.night_m {
 position:absolute;
 top:20px;
 right:5px;
}
.night_m img {
 width:85% !important;
 height:auto;
}
.img03 {
 width:70%;
 height:auto;
 display:block;
 margin:0 auto;
}
.img04 {
 width:80%;
 height:auto;
 display:block;
 margin:0 auto;
}
.img05 {
 width:98%;
 height:auto;
 display:block;
 margin:0 auto;
}
 #wrap {
 width:96%;
 margin:0 auto;
 padding:2%;
 background: url(../image/bg.jpg) top;
 background-size:600% 100%;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
 h1 {
 margin:0 auto;
 font-size:80%;
 color:#fff;
 font-weight:normal;
 padding:10px 0 0 10px
}
 #cont {
 width:1000px;
 width:100%;
 margin:150px auto 20px;
}
#cont02 {
 width:1000px;
 width:100%;
 margin:50px auto;
}
#night {
 background-color:rgba(0, 0, 0, 0.4);
 padding:1px 10px 50px;
 margin:50px 0;
}
 #cont #logo {
 background: url(../image/logo.png) center top no-repeat;
 background-size: 90%;
 width:550px;
 width:100%;
 height:102px;
 text-indent:-9999px;
 padding:0 0 10px;
 margin:200px auto 20px;
}
#news_area .news {
 padding:0;
 margin-top: 0px;
 list-style-type: none;
 font-size: 120%;
 height:110px;
 text-align:center;
}
 #news_area .news {
 width:100%;
 text-align:center;
}
 #cont .cate01 {
 background:url(../image/cate01.png) center top no-repeat;
 height:64px;
 margin:40px 0 40px;
 text-indent:-9999px;
}
 #cont .cate02 {
 background:url(../image/cate02.png) center top no-repeat;
 height:64px;
 margin:100px 0 40px;
 text-indent:-9999px;
}
 #cont .cate03 {
 background:url(../image/cate03.png) center top no-repeat;
 height:64px;
 margin:80px 0 40px;
 text-indent:-9999px;
}
 #cont .cate04 {
 background:url(../image/cate04.png) center top no-repeat;
 height:64px;
 margin:50px 0 40px;
 text-indent:-9999px;
}
 #cont .cate05 {
 background:url(../image/cate05.png) center top no-repeat;
 height:64px;
 margin:90px 0 40px;
 text-indent:-9999px;
}
 #cont .cate06 {
 background:url(../image/cate06.png) center top no-repeat;
 height:64px;
 margin:90px 0 40px;
 text-indent:-9999px;
}
.cate07 {
 background:url(../image/cate07.png) center top no-repeat;
 height:64px;
 margin:90px 0 40px;
 text-indent:-9999px;
}
.box {
 width: 1000px;
 width: 100%;
 margin:0 auto;
}
.box2 {
 width: 1052px;
 width: 100%;
}
.box .left {
 width: 450px;
 width: 100%;
 float: left;
 float: none;
}
.box2 .left {
 width: 470px;
 width: 100%;
 float: left;
 float: none;
/*margin:98px 0 0;*/
	}
.box .right {
 width: 450px;
 width: 100%;
 float: right;
}
.box2 .right2 {
 width: 542px;
 width: 100%;
 float: right;
}
.img {
 text-align:center;
/*margin:60px 0 0;*/
	}
.img02 {
 margin:30px 0 0;
}
 #cont .drink {
}
 #cont .drink img {
 width:50%;
}
 #cont #shop_img {
}
 #cont #shop_img img {
 width:60%;
}
.time {
 text-align: center;
 margin:-20px 0 50px;
 color:#fff;
 line-height:25px;
 font-size:23px;
 font-weight:bold;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
.txt {
 text-align: center;
 margin:-30px 0 30px;
 color:#fff;
 line-height:25px;
 font-size:23px;
 font-weight:bold;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
.left .txt2 {
 text-align: center;
 margin:-10px 0 30px;
 color:#fff;
 line-height:25px;
 font-size:23px;
 font-weight:bold;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
.right2 .txt02 {
 text-align: center;
 margin:-10px 0 30px;
 color:#fff;
 line-height:25px;
 font-size:23px;
 font-weight:bold;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
.txt02 {
 margin:-10px 0 30px;
 color:#fff;
 line-height:25px;
 font-size:17px;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
.txt span, .right2 .txt span, .right3 .txt span, .right4 .txt span, .txt2 span, .txt02 span {
 font-size: 60%;
 letter-spacing:-0.5px;
 margin:20px 0 0;
 line-height:20px;
 display:block;
 font-weight:normal !important;
}
 #cont .style01 {
 font-weight:bold;
 line-height:26px;
 font-size:170%;
 width: 400px;
 margin:0 auto;
 color:#fff;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
 #cont table {
 font-weight:bold;
 line-height:26px;
 font-size:170%;
 width: 400px;
 margin:0 auto;
 color:#fff;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
 #cont table tr td {
 padding:8px 0;
}
 #cont table tr .price {
 text-align: right;
}
 #cont table tr .space {
 width: 50px;
 width: auto;
}
 #cont table tr .space01 {
 width: 250px;
 width: auto;
}
 #cont table tr .space2 {
 width: 300px;
 width: auto;
}
 #cont table tr .space02 {
 width: 340px;
 width: auto;
}
 #cont #price {
 font-weight:bold;
 text-align: center;
 margin:130px 0 0;
 color:#FFF;
 font-size:120%;
}
 #cont .ta02 {
 font-weight:bold;
 width: 520px;
 font-size:170%;
}
 #cont .ta02 td {
 display:block;
 overflow:hidden;
 width:80%;
 white-space:nowrap;
}
 #cont .ta02 td.price {
 margin-top:-40px;
 width:98%;
}
 #cont .ta03 {
 width: 650px;
 font-size:170%;
}
 #cont .ta03 td {
 display:block;
 overflow:hidden;
 width:85%;
 white-space:nowrap;
}
 #cont .ta03 td.price {
 margin-top:-40px;
 width:100%;
}
 #cont .ta04 {
 font-weight:bold;
 margin:-30px auto 50px;
 width: 530px;
 color:#fff;
 font-size:170%;
 letter-spacing:3px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
 #cont .ta04 td {
 display:block;
 overflow:hidden;
 width:80%;
 white-space:nowrap;
}
 #cont .ta04 td.price {
 margin-top:-40px;
 width:98%;
}
 #cont table.style01 tr td {
 display:block;
}
 #cont table.style01 tr .price {
 margin-top:-40px;
}
 #cont table tr .space {
 height:0;
 padding:0;
}
 #cont #shop_img {
 width: 780px;
 width: 100%;
 margin:0 auto;
}
 #cont #shop_img p {
 float: left;
 float:none;
 margin:0 22px 40px;
}
 #cont #shop_img p a:hover {
 opacity:0.8;
}
 #contact {
 width: 800px;
 width: 100%;
 margin:150px auto 0;
 overflow: hidden;
}
 #contact #left {
 width: 330px;
 width:100%;
 float: left;
 float:none;
}
 #contact #left #address {
 font-weight:bold;
 color: #FFF;
 font-size:120%;
 line-height:30px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
 margin:10px 0 20px 10px;
}
 #contact #left #address span {
 font-size: 70%;
}
 #contact #left .txt2 {
 font-weight:bold;
 margin:0 0 0 10px;
 color:#fff;
 font-size:120%;
 line-height:30px;
 text-shadow: 0px 5px 5px #000;
 -moz-text-shadow: 0px 5px 5px #000;
 -webkit-text-shadow: 0px 5px 5px #000;
}
 #contact #left .txt2 a {
 color:#fff;
 text-decoration:none;
}
 #contact #right #map {
 height: 300px;
 width: 450px;
 width:100%;
 float:none;
 margin:20px 0 0;
}
 #contact #right #map_comment {
 font-weight:bold;
 font-size: 125%;
 width:100%;
 color: #FFF;
 margin:10px 0 0;
 text-shadow: 0px 4px 4px #000;
 -moz-text-shadow: 0px 4px 4px #000;
 -webkit-text-shadow: 0px 4px 4px #000;
}
 #cont #copy {
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 70%;
 color: #FFF;
 text-align: center;
 margin:80px 0 0;
 letter-spacing:3px;
}
 #cont #copy a:link {
 color: #FFF;
 text-decoration:none;
}
 #cont #copy a:visited {
 color: #FFF;
 text-decoration:none;
}
 #cont #copy a:hover {
 color: #FFF;
 text-decoration: underline;
}
 #cont #copy a:active {
 color: #FFF;
 text-decoration: none;
}
}