/* style.css */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
html {
	font-size: 100%;
	padding: 0;
	margin: 0;
	height: 100%;
}
/* clearfix */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after { clear: both }
* { -webkit-appearance: none }
body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	color: #222;
	background: #000;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
a {
	text-decoration: none;
	outline: none;
}
h1,
h2,
h3,
h4,
h5 {
	font-weight: normal;
	font-style: normal;
}
/* background */
#background {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}
#background .overlay {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	transition: all 1s ease-in-out;
}


.box {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}

.box p + p {
	margin-top: 20px;
}

/* container */
#container { }
/* header */
#header {
	position: fixed;
	top: -200px;
	right: 0;
	width: 100%;
	padding: 1rem;
	background: #ef0000;
	z-index: 100;
	transition: top 0.5s ease-in-out;
}
#header .left { float: left }
#header .left a {
	width: 5rem;
	height: 3rem;
/*	background-image: url(../images/header_logo.png);*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*	background-size: contain;*/
/*	display: block;*/
/*	font-size: 0;*/
/*	opacity: 0.25;*/
/*	transition: opacity 0.5s ease-in-out;*/
}
#header .left a:hover { opacity: 1.0 }
@media screen and (max-width: 480px) {
	#header .left a {
		width: 2rem;
		height: 1.5rem;
	}
}
#header .right { float: right }
#header .right a {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	color: #fff;
	font-size: 0.75rem;
	letter-spacing: 3px;
	line-height: 2.5rem;
	margin: 0.25rem;
	display: inline-block;
	transition: color 0.5s ease-in-out;
}
@media screen and (max-width: 480px) {
	#header .right a {
		font-size: 0.1rem;
		letter-spacing: 0px;
		line-height: 1rem;
		margin: 0.1rem;
	}
}
#header .right a:hover { color: #fffc00 }



#ie_alert {
	text-align: center;
	width: 100%;
	height: 100%;
	background: #000;
}
#ie_alert .alert {
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 0;
	z-index: 10;
}
#ie_alert .alert img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 80%;
	max-width: 638px;
	max-height: 115px;
	font-size: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* home */
#home { text-align: center;
	position: relative;
	top: -70px; }

@media screen and (max-width: 480px) {
	#home { text-align: center;
	position: relative;
	top: -30px; }
}
#home a.logo {
	width: 33rem;
	height: 8rem;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	font-size: 0;
}

@media screen and (max-width: 480px) {
	#home a.logo {
		position:relative;
		top: 0px;
		width: 15rem;
		height:6rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		display: inline-block;
	}
}

#home #head_fb {
text-align: center;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 10px;
max-width: 900px;
}

#home .fb_center {
margin: 0 auto;
padding: 0;
width:100%;
float:left;
}

#home .fb_left {
text-align: right;
padding: 0;
width:45%;
float:left;
}

#home .fb_right {
text-align: left;
padding: 0;
width:54%;
float:right;
}

#home #headmenu {
text-align: center;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
max-width: 900px;
}

#home #headmenu .menu_a {
/*background-image: url(../images/about.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto auto;*/
height: 40px;
float: left;
width: 22%;
}
#home #headmenu .menu_b {
/*background-image: url(../images/menu.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto auto;*/
height: 40px;
float: left;
width: 22%;
}
#home #headmenu .menu_c {
/*background-image: url(../images/access.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto auto;*/
height: 40px;
float: left;
width: 22%;
}
#home #headmenu .menu_d {
/*background-image: url(../images/info.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto auto;*/
height: 40px;
float: left;
width: 34%;
}
@media screen and (max-width: 480px) {
	#home #headmenu .menu_a { width: 100% }
	#home #headmenu .menu_b { width: 100% }
	#home #headmenu .menu_c { width: 100% }
	#home #headmenu .menu_d { width: 100% }
}




#home #headmenu a {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	font-size: 1.75rem;
	letter-spacing: 3px;
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.5s ease-in-out;
}
#home #headmenu a:hover {
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
    /*background: rgba(0, 0, 0, 0.75)*/ }
/* about */
#about {
	text-align: center;
	background: #ef0000;
	padding: 10rem 1rem;
}
#about h1 {
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 3.5rem;
	line-height: 5rem;
	color: #fff;
}
@media screen and (max-width: 480px) {
	#about h1 { font-size: 2rem }
}
#about h2 {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	font-size: 1rem;
	line-height: 5rem;
	letter-spacing: 7px;
	color: #fff;
}
@media screen and (max-width: 480px) {
	#about h2 { font-size: 0.5rem }
}
#about .hr {
	width: 200px;
	height: 2px;
	background: #fff;
	display: inline-block;
}
#about h3 {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	font-size: 1rem;
	line-height: 3rem;
	color: #fff;
}
#about p {
	line-height: 1.75rem;
	max-width:700px;
	margin: 3rem auto;
	text-align: left;
	color: #fff;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	letter-spacing: 3px;
}
#about p.en {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	font-size: 1rem;
	color: #fff;
}
#about p.ja { font-size: 0.9rem }

/* menu */
#menu {
	text-align: center;
	background: #fff;
	padding: 5rem 5rem;
}

@media screen and (max-width: 480px) {
	#menu {
		text-align: center;
		background: #fff;
		padding: 1rem 1rem;
	}
}

#menu .menuwidth {
	line-height: 1.75rem;
	margin: 80px auto 3rem auto;
	text-align: left;
	max-width:700px;
}

#menu .menublock {
	margin: 0 0 60px 0;
}

#menu .menuttl {
	width: 100%;
	text-align: left;
	padding: 0;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 2rem;
	letter-spacing: 4px;
	color: #000;
	font-weight: bold;
	padding-top: 10px;
	clear:both;
}

#menu .menutxt {
	width: 100%;
	text-align: left;
	margin:30px 0 0 0;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 0.8rem;
	line-height: 1.2rem;
	letter-spacing: 2px;
	color: #000;
	clear:both;
}

#menu .menutxt .ttl_jp {
	width: 100%;
	text-align: left;
	padding: 0;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 1.3rem;
	line-height: 1.2rem;
	letter-spacing: 2px;
	color: #000;
	font-weight: bold;
	clear:both;
}

#menu .menutxt .ttl_en {
	width: 100%;
	text-align: left;
	padding: 0;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 1.0rem;
	line-height: 1.2rem;
	letter-spacing: 2px;
	color: #000;
	font-weight: bold;
	clear:both;
}

#menu .menutxt .description {
	width: 100%;
	text-align: left;
	padding: 0;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 0.8rem;
	line-height: 1.2rem;
	letter-spacing: 0px;
	color: #000;
	clear:both;
}

#menu .menutxt .menu_pic {
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 10px 0 10px 0;
	clear:both;
}

#menu .menutxt .menu_pic img {
	max-width: 480px;
	width: 100%;
	text-align: left;
}

#menu .menutxt .txt {
	width: 100%;
	text-align: left;
	padding: 0;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 0.8rem;
	line-height: 1.2rem;
	letter-spacing: 0px;
	color: #000;
	clear:both;
}

.font_red {
	color: #fe0000;
}

#menu .menutxt .stxt {
	width: 100%;
	text-align: left;
	padding: 0;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 0.7rem;
	line-height: 1.2rem;
	letter-spacing: 0px;
	color: #000;
	clear:both;
}

#menu .menu_link {
	text-align: left;
	padding: 0;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 0.8rem;
	line-height: 1.2rem;
	letter-spacing: 0px;
	color: #000;
	float:right;
	margin-top:0.5rem;
	margin-bottom:1rem;
}

#menu .menu_link a.menu_link_btn {
	padding: 0.3rem 0.8rem;
	font-size: 0.8rem;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	background: #ef0000;
	transition: all 0.5s ease-in-out;
}

#menu .menu_link a.menu_link_btn:hover {
	transition: all 0.5s ease-in-out;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
}

#menu .menutxt .txt .menu_left {
	min-width:240px;
	float: left;
	text-align: left;
	padding: 0;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 0.8rem;
	line-height: 1.2rem;
	letter-spacing: 0px;
}

#menu .menutxt .txt ul {
	list-style:none;
}

#menu .menutxt .txt li {
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	text-indent:20px;
	background-position:center left;/*背景画像の縦位置の指定。*/
}

#menu .menutxt .menu_wine_pic {
	clear:both;
	width: 85px;
	text-align: left;
	padding: 0;
	margin: 10px 0px 10px 0px;
}

#menu .menutxt .txt .marginin {
	margin: 10px 0 0 0;
}



#menu .menutxt .txt .menu_right {
	width: 10%;
	min-width:50px;
	float: right;
	text-align: right;
	padding: 0;
	font-family: Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 0.8rem;
	line-height: 1.2rem;
	letter-spacing: 2px;
}
/* access */
#access {
	background: #fff;
	padding: 0;
	opacity: 0.9;
}
#access .gmap {
	width: 100%;
	height: 500px;
}
#access .gmap .overlay {
	width: 100%;
	height: 100%;
	display: none;
}
#access .gmap2 {
	width: 100%;
	height: 500px;
}
#access .gmap2 .overlay {
	width: 100%;
	height: 100%;
	display: none;
}
#access .address { background: rgba(0, 0, 0, 0.9);
padding-bottom:5rem; }
#access .address .address_main {
	max-width:700px;
	margin: 3rem auto;
}
#access .address .address_left {
	float: left;
	width: 70%;
}
@media screen and (max-width: 480px) {
	#access .address .address_left { width: 100% }
}
#access .address .left {
/*	max-width:700px;*/
/*	margin: 3rem auto;*/
}
#access .address .left p {
	margin-top: 5rem;
	font-size: 0.8rem;
	line-height: 1.75rem;
	color: #fff;
}
@media screen and (max-width: 480px) {
	#access .address .left p { margin: 2rem 2rem 0rem 2rem; }
}
#access .address a.opengmap {
	padding: 1rem;
	font-size: 1rem;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	background: #ef0000;
	transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 480px) {
	#access .address a.opengmap {
		padding: 1rem;
		font-size: 1rem;
		font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
		color: #fff;
		border-radius: 3px;
		display: inline-block;
		margin-top: 2rem;
		background: #ef0000;
		transition: all 0.5s ease-in-out;
	}
}

#access .address .left a.opengmap:hover {
	transition: all 0.5s ease-in-out;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
}

#access .address .address_right {
	width: 30%;
	float: right;
	margin-top: 1rem;
}
@media screen and (max-width: 480px) {
	#access .address .address_right {
		width: 100%;
		float: left;
	}
}

#access .address .right p {
	margin-top: 5rem;
	font-size: 0.8rem;
	line-height: 1.75rem;
	color: #fff;
}
@media screen and (max-width: 480px) {
	#access .address .right p { margin: 0rem 2rem 2rem 2rem; }
}
/* footer */
#footer {
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	padding: 0 0;
}
#footer .left {
	width: 50%;
	padding: 1rem;
	float: left;
}
@media screen and (max-width: 480px) {
	#footer .left { width: 100% }
}
#footer .left { text-align: left }
#footer .right {
	width: 50%;
	padding: 1rem;
	float: left;
}
@media screen and (max-width: 480px) {
	#footer .right { width: 100% }
}
#footer .right .social { text-align: right }
#footer .right .social a.facebook { display: inline-block }
#footer .right .social a.facebook i {
	margin: 1rem;
	font-size: 2rem;
	color: #fff;
	transition: color 0.5s ease-in-out;
}
#footer .right .social a.facebook i:hover { color: #579cbd }
#footer .right .social a.twitter { display: inline-block }
#footer .right .social a.twitter i {
	margin: 1rem;
	font-size: 2rem;
	color: #fff;
	transition: color 0.5s ease-in-out;
}
#footer .right .social a.twitter i:hover { color: #579cbd }
#footer .right .copyright {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	font-size: 0.75rem;
	color: #fff;
	text-align: right;
}

.smoking {
	margin: 50px auto 10px auto;
	width: 250px;
	font-size: 0.6em;
	color: #ffffff;/*文字色*/
	border: solid 1px #d10000;/*線色*/
	padding: 0.5em;/*文字周りの余白*/
	border-radius: 0.2em;/*角丸*/
	background-color: #ef0000;
}

.insta_icon {
	padding-top: 1px;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	z-index: 3;
	position: relative;/*z-indexを使うため*/
}

.insta_icon a {
	color: #ffffff;
	text-decoration: none;
}

.insta {
	top: -8px;
  position: relative;/*相対配置*/
  display: inline-block;
  width: 20px;/*幅*/
  height: 20px;/*高さ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 4px;/*角丸に*/
}

.insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 9px;/*ずらす*/
  left: -10px;/*ずらす*/
  width: 30px;/*グラデーションカバーの幅*/
  height: 30px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}