@charset "utf-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

BaseLayout CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

body {
	background: #301A16 url(../img/common/bg_main.jpg) center top repeat-y;
	/*background: #301A16 url(../img/common/bg_sample.jpg) center top repeat-y;*/
}

#wrapper {
	width: 100%;
	min-width:960px;
	overflow:hidden;
}
body.monthly #wrapper,
body.concept #wrapper {
	width:100%;
	height:100%;
	min-width:400px;
	padding-top:50px;
	text-align:center;
	color:#FFF;
}
#inner {
	width:1300px;
	position:relative;
	top:0;
	left:50%;
	margin-left:-650px;
}
#contents {
	width:960px;
	height: 7240px;
	margin:0 auto;
	position: relative;
	z-index:100;
	/*border:1px solid #FFF;*/
}

/*
 gNav
-----------------------------------*/
#gNav {
	width: 629px;
	height:62px;
	position:absolute;
	top: 0;
	right:0;
	background: url(../img/common/bg_gNav.png) no-repeat;
	z-index: 100;
}
#gNav ul.contents {
	float:left;
	width: 504px;
	margin:6px 0 0 35px;
}
#gNav ul.contents li {
	float:left;
	margin-right:25px;
}
#gNav ul.sns {
	float:left;
	width:35px;
	margin: 8px 0 0 20px;
}
#gNav ul.sns li {
	float:left;
	margin-right:7px;
}
ul.tel {
	position:absolute;
	top: 57px;
	right:103px;
}
ul.tel li {
	float:left;
	margin-right:15px;
}


/*
 contents detail
-----------------------------------*/
.newsScroll {
	width:335px;
	height:161px;
	overflow:hidden;
}
.newsScroll dt {
	padding:0 0 0 0;
	color:#999;
}
.newsScroll dd {
	margin-bottom:6px;
	padding-bottom:6px;
	background:url(../img/news/line_news.png) left bottom no-repeat;
	background-size:100% auto;
}
.wineScroll {
	width:370px;
	height:510px;
	overflow:hidden;
}
.wineScroll dt {
	display:block;
	float:left;
	width:250px;
	padding:0 10px 6px 0;
}
.wineScroll dt.ttl {
	font-weight:bold;
	padding-top:15px;
}
.wineScroll dt ul {
	list-style:initial;
	list-style-type:square;
	list-style-position:outside;
	padding-left:20px;
}
.wineScroll dt ul li {
	font-size:80%;
	color:#555;
	line-height:1.2;
	margin-bottom:5px;
}
.wineScroll dt.colspan {
	width:100%;
}
.wineScroll dd {
	float:left;
	width:80px;
	padding-bottom:6px;
}
.wineScroll dd.att {
	width: 100%;
	margin: 30px 0 10px;
}
ul.tab {
	height:31px;
	background:url(../img/menu/line_menu.png) left bottom no-repeat;
}
ul.tab li {
	float:left;
	margin-left:-1px;
}
ul.tabinner {
	clear:both;
	position:relative;
	margin-top:20px;
}
ul.tabinner li{
	width:588px;
	height:470px;
	display:none;
	position:absolute;
	top:0;
	left:0;
}
ul.tabinner .ttl {
	font-weight:bold;
}

/*
 contents layout
-----------------------------------*/
.ttl_monthly {
	top:86px;
	left:368px;
}
h1 {
	top:157px;
	left:86px;
}

.parts.sns_list {
	top: 15px;
	left: 75px;
}
.sns_list .sns {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.sns_list .sns li {
	padding: 0 5px;
}
.sns_list .sns li a {
	display: block;
	width: 60px;
	padding: 15px;
	font-size: 30px;
	text-align: center;
	line-height: 1;
	border-radius: 60px;
	background: #FFF;
	box-sizing: border-box;
}
.sns_list .sns li a i {
	display: block;
}
.sns_list .sns li .facebook {
	color: #3B5998;
}
.sns_list .sns li .twitter {
	color: #1DA1F2;
}
.sns_list .sns li .instagram {
	color: #E43565;
}

h2.ttl_news {
	top:790px;
	left: 242px;
}
.copy_news {
	top: 873px;
	left: 105px;
}
.cont_news {
	top: 760px;
	left: 262px;
	width: 663px;
	height: 400px;
	padding: 25px;
	background:url(../img/news/bg_news.png) no-repeat;
	overflow: hidden;
}
.cont_news .fb_iframe_widget {
	display: block;
	float: left;
}
.cont_news .fb_iframe_widget:first-child {
	margin: 0 23px 0 0;
}
.copy_love {
	top:638px;
	left:279px;
}
h2.ttl_concept {
	top: 1200px;
	left:347px;
}
.cont_concept {
	top: 1300px;
	left:-5px;
}
.ttl_facebook {
	top: 1650px;
	left: -45px;
}
.cont_com1 {
	top:1779px;
	left:232px;
	width:151px;
	height:214px;
	padding:27px 27px 62px;
	background:url(../img/concept/bg_comment_1.png) no-repeat;
	overflow:hidden;
}
.cont_com1 .twitter_timeline li {
	margin: 0 0 15px;
}
h2.ttl_wine {
	top: 2384px;
	left:220px;
}
.cont_winelist {
	top: 2488px;
	left:275px;
	width:380px;
	height:582px;
	padding:110px 40px 40px;
	background:url(../img/wine/bg_winelist.png) no-repeat;
}
h2.ttl_menu {
	top: 3705px;
	left:9px;
}
.cont_menu {
	top: 3783px;
	left:-24px;
	width:584px;
	height:534px;
	padding:60px 40px 60px 80px;
	background:url(../img/menu/bg_menu.png) no-repeat;
}
h2.ttl_gallery {
	top: 4510px;
	left:556px;
}
.cont_gallery {
	top: 4592px;
	left:90px;
	width:788px;
	height:627px;
	padding:0;
	background:url(../img/gallery/bg_gallery.png) no-repeat;
}
ul.panel {
	width:920px;
	top: 4883px;
	left:20px;
}
ul.panel li {
	width:460px;
	float:left;
	text-align:right;
}
ul.panel li:first-child {
	text-align:left;
}
h2.ttl_staff {
	top: 5291px;
	left:457px;
}
.cont_com2 {
	top: 5643px;
	left:69px;
	width:129px;
	height:88px;
	padding:33px 8px 10px 27px;
	font-size:11px;
	background:url(../img/staff/staff_comment.png) no-repeat;
}
.staff_1 {
	left:107px;
	top: 5327px;
	z-index:1;
}
.staff_2 {
	left:417px;
	top: 5358px;
	z-index:1;
}
.staff_3 {
	left:266px;
	top: 5636px;
	z-index:1;
}
.staff_4 {
	left:79px;
	top:4306px;
	z-index:1;
}

h2.ttl_store {
	top: 6018px;
	left:6px;
}
.cont_store {
	width: 968px;
	top: 6084px;
	left:-4px;
}
.cont_store .pin {
	text-align:center;
	margin-top:-40px;
}
.cont_store .ttl {
	text-align:center;
	margin:25px 0;
}
.cont_store li {
	width:483px;
	float:left;
}
.cont_store li:first-child {
	margin-right:2px;
}
.cont_store li div.inner {
	background:url(../img/store/frame_middle.png) repeat-y;
	padding:20px 40px;
}
.cont_store li div.inner dl {
	margin:30px 0;
}
.cont_store li div.inner dl dt{
	display:inline-block;
	width:100px;
}
.cont_store li div.inner dl dd{
	display:inline-block;
	width:290px;
}
.cont_store li div.inner iframe {
	width:390px;
	height:237px;
}


#footer {
	width:960px;
	text-align:center;
	color:#FFF;
	left:0;
	top: 7078px;
	z-index:1;
}

#footer .sns_list {
	width: 100%;
}
#footer .sns_list .sns {
	justify-content: center;
	width: 100%;
}

#footer .copyright {
	margin: 40px 0 0;
}
#footer .copyright a {
	color: #dfcd97;
}


/*
 parts layout
-----------------------------------*/
.parts {
	position:absolute;
}
.parts_1 {
	left:0;
	top:0;
	z-index:1;
}
.parts_2 {
	right:0;
	top:0;
	z-index:1;
}
.parts_3 {
	right:399px;
	top:87px;
	z-index:1;
}
.parts_4 {
	right:117px;
	top:326px;
	z-index:1;
}
.parts_5 {
	left:0;
	top:177px;
	z-index:1;
}
.parts_6 {
	left: 134px;
	top: 800px;
	z-index:2;
}
.parts_7 {
	right:-61px;
	top:457px;
	z-index:2;
}
.parts_8 {
	left: 20px;
	top: 653px;
	z-index:1;
}
.parts_9 {
	left:-166px;
	top:710px;
	z-index:1;
}
.parts_9_2 {
	left:482px;
	top:607px;
	z-index:1;
}
.parts_10 {
	left:737px;
	top:657px;
	z-index:1;
}
.parts_11 {
	left:678px;
	top:779px;
	z-index:1;
}
.parts_12 {
	left:466px;
	top:933px;
	z-index:1;
}
.parts_13 {
	left: 360px;
	top: 1980px;
	z-index:1;
}
.parts_14 {
	left:-170px;
	top:1437px;
	z-index:1;
}
.parts_15 {
	right:-92px;
	top: 2378px;
	z-index:1;
}
.parts_16 {
	left:21px;
	top:1966px;
	z-index:1;
}
.parts_16_2 {
	left:-73px;
	top: 2266px;
	z-index:1;
}
.parts_17 {
	left:744px;
	top: 2863px;
	z-index:1;
}
.parts_18 {
	left:22px;
	top: 2857px;
	z-index:1;
}
.parts_19 {
	left:-170px;
	top: 2487px;
	z-index:1;
}
.parts_20 {
	right:-171px;
	top: 2979px;
	z-index:21;
}
.parts_21 {
	left:670px;
	top: 3731px;
	z-index:21;
}
.parts_21_2 {
	right:-170px;
	top: 4000px;
	z-index:21;
}
.parts_22 {
	right:-27px;
	top: 3341px;
	z-index:20;
}
.parts_22_2 {
	left:-57px;
	top: 3178px;
	z-index:20;
}
.parts_23 {
	right:-170px;
	top: 5125px;
	z-index:20;
}
.parts_24 {
	right:-57px;
	top: 5433px;
	z-index:20;
}
.parts_25 {
	right:107px;
	top: 5598px;
	z-index:20;
}

.parts_30 {
	left: 102px;
	top: 1215px;
	z-index:20;
}
.parts_31 {
	left: 158px;
	top: 1150px;
	z-index:20;
}
.parts_32 {
	left:276px;
	top:325px;
	z-index:1;
}
.parts_33 {
	left:549px;
	top: 5830px;
	z-index:1;
}



/*
 intro Setting
----------------------------------*/
.home #wrapper {
	xvisibility: hidden;
}
.introBox {
	background: #301916;
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
/* IE8 png border bug fix */
.introBox img.pngImg{
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#01FFFFFF,endColorstr=#01FFFFFF)";
	zoom: 1;
}
/* IE8 png border bug fix end */
.introBox .bgBoxWrapper{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
}
.introBox .bgBoxWrapper .bgBox{
	position: absolute;
	display: block;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	visibility: hidden;

}
.introBox .bgBoxWrapper .bgBox1{
	xvisibility: visible;
}
.introBox .bgBoxWrapper .bgBox img{
	width: 100%;
	height: auto;
}
.introBox .innerBox {
	xwidth: 1166px;
	width: 80%;
	max-width: 1166px;
	height: 596px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.introBox .js-fadeIn{
	visibility: hidden;
}
.introBox .textBoxBg {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	background-repeat: repeat-x;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=1)";
}

.introBox .innerBox .textBox{
	width: 404px;
	height: 596px;
	position: absolute;
	top: 0;
	right: 0;
}

.introBox .innerBox .textBox .leadText{
	width: 66px;
	height: 445px;
	float: right;
}
.introBox .innerBox .textBox .subText{
	width: 294px;
	height: 518px;
	float: right;
	margin: 76px 44px 0 0;
}
.introBox .innerBox .logoBox{
	width: 409px;
	height: 198px;
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.introBox .innerBox .logoBox .logo{
	text-align: center;
	margin: 0 0 38px 0;
}
.introBox .innerBox .logoBox .enter{
	width: 134px;
	height: 35px;
	margin: 0 auto;
	background: #FFF;
	cursor: pointer;
}