@charset "UTF-8";
@import url(base.css);
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,400i,600,600i,700,700i,900');
@import url('https://fonts.googleapis.com/css?family=Ranga:400,700');
/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

* html body {     
    background:url(null) fixed;     
}  
body {
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ　Ｐゴシック","MS PGothic",sans-serif;
    -webkit-font-smoothing: antialiased;
}
html {
	overflow-x:hidden;
}
.mb15{margin: 0 auto 15px;}
.mb20{margin: 0 auto 20px;}
.gFont {font-family: 'Crimson Text', serif;}
.gFont01 {font-family: 'Vollkorn', serif;}
.gFont02 {font-family: 'Ranga', cursive;}
h2 .spOnly,
.mFont {
	font-family: "Yu Mincho", "YuMincho";
}
.img_left {
	float:left;
	margin:0 15px 15px 0;
}
.img_right {
	float:right;
	margin:0 0 15px 15px;
}
 /*----- フェードイン -----*/
    .inviewfadeIn {
        opacity: 0;
        transition: .8s;
    }
    
    .fadeIn {
        opacity: 1.0;
    }

    /*----- 上へスライド -----*/
    .inviewUp {
        transform: translate(0, 40px);
        -webkit-transform: translate(0, 40px);
        transition: .8s;
    }
    
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

    /*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .8s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
.attresev {
    font-size: 1.1em;
    color: #FF0004;
}
    /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    /*----- フェードインしながら左へスライド -----*/
    .inviewfadeInLeft {
        opacity: 0;
        transform: translate(60px, 0);
        -webkit-transform: translate(60px, 0);
        transition: .8s;
    }
    .inviewfadeInLeft02 {
        opacity: 0;
        transform: translate(80px, 0);
        -webkit-transform: translate(80px, 0);
        transition: 2.8s;
    }
    
    .fadeInLeft {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    /*----- フェードインしながら右へスライド -----*/
    .inviewfadeInRight {
        opacity: 0;
        transform: translate(-60px, 0);
        -webkit-transform: translate(-60px, 0);
        transition: .8s;
    }
    .inviewfadeInRight02 {
        opacity: 0;
        transform: translate(-80px, 0);
        -webkit-transform: translate(-80px, 0);
        transition: 2.8s;
    }
    
    .fadeInRight {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

@keyframes horizontal {
    0% { transform:translateX( -3px); }
  100% { transform:translateX(  0px); }
}
@keyframes vertical {
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}
#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
 /* background: #6086a0;*/
	 background: #fff;
  z-index: 999998;
}
#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 130px;
  height: 200px;
  margin-top: -80px;
  margin-left: -65px;
  text-align: center;
  color: #000;
  z-index: 999999;
}
#loadTitle {
	color: #fff;
}
#loadTitle img {width: 100%; height: auto;}
/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */
::selection {
    color:rgba(84,101,115,0.97);
    background: rgba(84,101,115,0.2);
}
a {
	-webkit-transition: all .5s;
	transition: all .5s;

}
a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#6086a0;
	text-decoration:none;
}
a:active {
	color:#333;
	text-decoration:none;
}
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
a.btn {
	display: block;
	padding: 0 35px 0 25px;
	border-radius: 3px;
	height: 45px;
	line-height: 47px;
	color: #fff;
	position: relative;
	background:#6086a0;
	font-size: 14px;
	letter-spacing: 0.08em;
	-webkit-transition: all .5s;
transition: all .5s;
}
a.btn:after {
	content:'\f178';
    font-family: FontAwesome;
	display: block;
	width: 15px;
	height: 5px;
	position: absolute;
	right: 20px;
	top: 0;
	animation: horizontal 1s ease-in-out infinite alternate;
}
a.btn:hover {
	background: #959ea5;
}
img.fit {
	width: 100%;
	height: auto;
}
/* ------------------------------------------------------------ */
/* 全体格納 */
/* ------------------------------------------------------------ */
#wrapper {
	overflow: hidden;
}


/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6;
}

header::after {
  content: "";
  clear: both;
  display: block;
}
header h1 {
	position: absolute;
	top: 32px;
	left: 80px;
}
header #fixOnline {
	position: absolute;
	top: 35px;
	right: 35px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.05em;
}
header #fixOnline i {
	margin: 0 10px 0 0;
	font-size: 1.1em;
}
/*ボタン*/
#button {
	position:absolute;
	left: 35px;
    top: 35px;
    width: 30px;
    height: 19px;
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
	z-index: 999;
}
#button span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
}
#button span:nth-of-type(1) {
	top: 0;
}
#button span:nth-of-type(2) {
	top: 9px;
	width: 66%;
}
#button span:nth-of-type(3) {
	bottom: 0;
	width: 33%;
}
#button:hover span:nth-of-type(2) {
	top: 9px;
	width: 100%;
}
#button:hover span:nth-of-type(3) {
	bottom: 0;
	width: 100%;
}

div.btnBox.active {
    position: absolute;
    background: #fff;
    padding: 6% 0 0;
    width: 100%;
	/*min-height:15px;*/
}

.clicked #button span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.clicked #button span:nth-of-type(2) {
	opacity: 0;
}
.clicked #button span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	width: 100%;
}
#sNav {
	position: fixed;
	top: 0;
	left: -300px;
	z-index: 5;
	width: 300px;
	background: rgba(0,0,0,0.90);
	-webkit-transition: all .5s;
transition: all .5s;
	box-sizing: border-box;
	padding: 90px 0 0 60px; 
}
#sNav a {
	color: #fff;
}
#sNav li {
	font-size: 26px;
	margin: 0 0 10px;
}
#sNav .child {
	margin: 0 0 5px;
	padding: 0 0 0 15px;
}
#sNav .last{
	margin: 0 0 15px;
}
#sNav .child a {
	font-size: .8em;
}
#sNav .sns li {
	margin: 0 0 5px ;
	font-size: 16px;
	letter-spacing: 0.03em;
}
#sNav .sns i {
	margin: 0 10px 0 0;
}
.clicked #sNav {
	left: 0;
}
header #fixOnline:hover,
#sNav a:hover {color: #6086a0;}
/* ------------------------------------------------------------ */
/* コンテンツ */
/* ------------------------------------------------------------ */
#content {
  width: 100%;
	position: relative;
	z-index: 3;
	background: #fff;
	overflow: hidden;
}
/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
footer {
	text-align:center;
	padding:50px 0;
	position: relative;
	z-index: 4;
	background: #fff;
	color: #333;
}
footer a {
	color: #333;
}
footer h2 {margin: 0 0 30px;}
footer h2 a {display: inline-block;}
footer h2 a img{
	transition: .5s ;
	transform: rotateY( 0deg ) ;
}
footer h2 a:hover img {
	transform: rotateY( 360deg ) ;
}
footer .txt {
	line-height: 1.7em;
	font-size: 13px;
	margin: 0 0 15px;
	letter-spacing: 0.03em;
}
footer .sns a {
	margin: 0 4px;
	color: #000;
	font-size: 1.3em;
}
footer .sns {
	margin: 0 0 20px;
}
footer .copy {
	font-size: 11px;
	font-style: italic;
}
footer .sns a:hover {color: #6086a0;}
/* ------------------------------------------------------------ */
/* TOPページ */
/* ------------------------------------------------------------ */
#main-visual {
  width: 100%;
  background:#000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}
.main-visual .bx-viewport {
  left: 0;
  box-shadow: none;
  border: none;
}
#mainslider li {
  height: 100vh;
  background: center / cover no-repeat;
}
#mainsliderSp li {
  background: center / cover no-repeat;
	height: 100%;
}
#topics {
	position: absolute;
	bottom: 35px;
	left: 40px;
	height: 20px;
	width: 80%;
	color: #fff;
	font-size: 1.2em;
}
#topics h2 {
	font-size: 1.4em;
	font-weight: normal;
	width: 75px;
	float: left;
	height: 20px;
	line-height: 16px;
}
#topics .bx-wrapper {
	width : -webkit-calc(100% - 90px) ;
	width : calc(100% - 90px) ;
	float: left;
	height: 20px;
	line-height: 20px;
	letter-spacing: 0.03em;
}
#topics a{
	color: #fff;
}
#topics a:hover {
	text-decoration: underline;
}
#newsSlide {
	height: 100%;
	width: 100%;
}
#padBox {
	width: 100%;
}
/* ------------------------------------------------------------ */
/* concept */
/* ------------------------------------------------------------ */
#concept {
	padding: 160px 0;
	box-sizing: border-box;
	width: 100%;
	color: #fff;
	background: url(../img/bg_concept.jpg) no-repeat center 69%; ;
	background-size: 100% auto;
	position: relative;
}
#concept .box {
	width: 1100px;
	margin: 0 auto;
	padding: 0 30% 0 0;
	box-sizing: border-box;
}
#concept02 {
	padding: 160px 0;
	box-sizing: border-box;
	width: 100%;
	color: #fff;
	background: url(../img/bg_concept02.jpg) no-repeat center 69%; ;
	background-size: 100% auto;
	position: relative;
}
#concept02 .box {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}
#concept02 .box .inBox {
	position: absolute;
	top: 0;
	right: 8%;
}
#concept .mapImg {
	width: 400px;
}
#concept h2 span,
#concept02 h2 span {
	display: block;
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: normal;
}
#concept h2,
#concept02 h2 {
	margin: 0 0 40px;
}
#concept .map h2 {
	margin: 0 0 20px;
	font-size: 14px;
	font-weight: normal;
}

#concept h2 img {
	width: auto !important;
	height: auto !important;
}
#concept .txt,
#concept02 .txt {
	line-height: 1.8em;
	font-size: 16px;
	margin: 0 0 30px;
	letter-spacing: 0.03em;
}
#concept .btn {
	width: 150px;
}
#concept .item {
	position: absolute;
	right: -200px;
	bottom: -80px;
	width: 670px;
	z-index: 9;
}
#concept02 .item {
    position: absolute;
    left: -220px;
    top: -80px;
    width: 830px;
    z-index: 10;
}
#concept02 .item img {
    transform: rotate(-13deg);
}
#concept .slBox {
}
#concept .bx-pager {
	position: relative;
}
#concept .btn {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	-webkit-transition: all 3.5s;
transition: all 3.5s;
}
#concept .btn.active {
	opacity: 1;
	z-index: 6;
}
#concept03 {
	overflow: hidden;
}
#concept03 .inner {
	width: 50%;
	float: left;
	height: 450px;
}
#concept03 .mapImg {
	background:url(../img/bg_map_03.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
#concept03 .mapImg img {
	width: 460px;
	height: 358px;
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
}
/* ------------------------------------------------------------ */
/* menu */
/* ------------------------------------------------------------ */
#menu {
	background: url(../img/bg_menu.jpg) no-repeat right top;
	position: relative;
	padding: 120px 0;
	width: 100%;
}
#menu .box {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	overflow: visible;
}
#menu h2 {
	text-align: center;
	margin: 0 0 50px;
	font-weight: normal;
	line-height: 2.0em;
}
#menu h2 span {
	display: block;

}
#menu h2 .mFont{
	font-size: 30px;
	color: #6086a0;
	letter-spacing: -0.05em;
}
#menu .slideBox {
	width: 425px;
	float: left;
}
#menu .opaBox {
	width : -webkit-calc(100% - 425px) ;
	width : calc(100% - 425px) ;
	float: right;
	background: rgba(255,255,255,0.85);
	padding: 46px 50px;
	box-sizing: border-box;
}
#menu .opaBox h3 {
	font-weight: normal;
	margin: 0 0 20px;
}
#menu .opaBox h3 .gFont {
	font-size: 24px;
	border-bottom: solid 1px #000;
	margin: 0 10px 0 0;
	letter-spacing: -0.03em;
}
#menu .opaBox h3 span {
}
#menu .opaBox h4 {
	margin: 0 0 5px;
	font-size: 1.1em;
	color: #333;
}
#menu .opaBox .txt {
	line-height: 1.8em;
	margin: 0 0 15px;
	color: #444;
}
#menu .opaBox .caption {
	color: #555;
}
#menu .opaBox .inBox {
	margin: 0 0 30px;
	font-size: 1.1em;
}
#menu #mItem01 {
	position: absolute;
	top: 0;
	left: -200px;
	width: 870px;
	z-index: 3;
}
#menu #mItem02 {
	position: absolute;
	left: -180px;
	bottom: -140px;
	width: 230px;
	z-index: 6;
}
#menu #mItem03 {
	position: absolute;
	right: -280px;
	bottom: -160px;
	width: 470px;
	z-index: 6;
}
#menu .btn {
	width: 140px;
}
/* ------------------------------------------------------------ */
/* wine */
/* ------------------------------------------------------------ */

#wine {
	padding: 130px 0;
	box-sizing: border-box;
	width: 100%;
	color: #fff;
	background: url(../img/bg_wine.jpg) no-repeat center 29%; ;
	background-size: 100% auto;
	position: relative;
}
#wine .box {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
#wine .box #wItem {
	position: absolute;
    bottom: -25px;
    left: 500px;
	animation: vertical 1s ease-in-out infinite alternate;
}
#wine h2 span {
	display: block;
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: normal;
}
#wine h2 {
	margin: 0 0 40px;
}
#wine .txt {
	line-height: 1.6em;
	font-size: 16px;
	margin: 0 0 20px;
	letter-spacing: 0.03em;
}
#wine .txt span {
	font-size: .8em;
}
#wine .pro {
	font-size: 11px;
	line-height: 1.5em;
	width: 580px;
	margin: 0 0 40px;
}
#wine .btn {
	width: 170px;
}
/* ------------------------------------------------------------ */
/* BottleShop */
/* ------------------------------------------------------------ */

#bShop {
	padding: 130px 0;
	box-sizing: border-box;
	width: 100%;
	color: #fff;
	background: url(../img/bg_bottole.jpg) no-repeat center 29%; ;
	background-size: 100% auto;
	position: relative;
}
#bShop .box {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
#bShop .box #wItem {
	position: absolute;
	bottom:30px;
	left: 620px;
	animation: vertical 1s ease-in-out infinite alternate;
}
#bShop h2 span {
	display: block;
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: normal;
}
#bShop h2 {
	margin: 0 0 40px;
}
#bShop .txt {
	line-height: 1.6em;
	font-size: 22px;
	margin: 0 0 20px;
	letter-spacing: 0.03em;
}
#bShop .txt span {
	font-size: .8em;
}
#bShop .pro {
	font-size: 11px;
	line-height: 1.5em;
	width: 580px;
	margin: 0 0 40px;
}
#bShop .btn {
	width: 170px;
}
#bShop  #mItem_b01 {
    position: absolute;
    right: 20%;
    bottom: -30px;
    width: 180px;
    z-index: 7;
}
#bShop  #mItem_b02 {
    position: absolute;
    right: 9%;
    bottom: -30px;
    width: 177px;
    z-index: 6;
}

/* ------------------------------------------------------------ */
/* zine */
/* ------------------------------------------------------------ */
#zine {
	padding: 80px 0;
}
#zine .box {
	margin: 0 auto;
	width: 1100px;
}
#zine h2 a {display: block;}
#sub #titleBox h1,
#zine h2 {
	text-align: center;
	margin: 0 0 35px;
	font-size: 12px;
	line-height: 3.3em;
	font-weight: normal;
}
#sub #titleBox h1 span,
#zine h2 span {
	display: block;
	font-size: 4.9em;
	color: #6086a0;
}
#zineList {
	letter-spacing: -.4em;
}
#zineList li {
	width: 30.333%;
	margin: 0 1.5% 30px;
	display: inline-block;
    letter-spacing: normal; /* 文字間を元に戻す */
	vertical-align: top;
}
/*#top #zineList li:nth-child(4){
	display: none;
}
*/
#zineList li .photo {
	margin: 0 0 10px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#zineList li .photo img {
	width: 100%;
	height: auto;
}
#zineList li a {
	color: #000;
	font-size: 15px;
	display: block;
}
#zineList li a .data {
	font-size: .8em;
	color: #959ea5;
	margin: 0 0 5px
}
#zineList li a:hover .photo {
	opacity: .8;
}
#zineList li .cat {
	margin: 0 10px 0 0;
}
#zineList li h3 {font-weight: normal;}
#zineList li a:hover {
	color: #6086a0;
}
/* ------------------------------------------------------------ */
/* map */
/* ------------------------------------------------------------ */
#map {
	width: 100%;
	height: 450px;
}
/* ------------------------------------------------------------ */
/* banner */
/* ------------------------------------------------------------ */
#banner a {
	display: block;
	width: 50%;
	float: left;
	height: 300px;
	position: relative;
}
#banner #onlineBn {
	background: url(../img/bn_wine.jpg) no-repeat center center;
	background-size: cover;
}
#banner #onlineBn:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.60);
	-webkit-transition: all .5s;
transition: all .5s;
}
#banner #onlineBn:hover:after {
	background: rgba(0,0,0,0.75);
}
#banner #zineBn {
	background: url(../img/bn_zine.jpg) no-repeat center center;
	background-size: cover;
	font-size: 77px;
	text-align: center;
	line-height: 310px;
	letter-spacing: -0.02em;
	color: #fff;
}
#banner #zineBn:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.40);
		-webkit-transition: all .5s;
transition: all .5s;
}
#banner #onlineBn span {
	font-size: 44px;
	text-align: center;
    line-height: 1.0em;
	letter-spacing: -0.02em;
	color: #fff;
	position: absolute;
	z-index: 5;
	width: 250px;
	height: 90px;
	display: block;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-transition: all .5s;
transition: all .5s;
}
#banner #zineBn span {
	position: relative;
	z-index: 5;
	-webkit-transition: all .5s;
transition: all .5s;
}
#banner #zineBn:hover:after {
	background: rgba(0,0,0,0.65);
}
#banner #zineBn:hover span {
	color: #6086a0;
}
#banner #onlineBn:hover span {
	color: #c69867;
}
/* ------------------------------------------------------------ */
/* 下層ページ */
/* ------------------------------------------------------------ */
header #fixOnline {
	color: #959ea5;
}
header #fixOnline:hover {
	color: #6086a0;
}
#button span {
	background: #959ea5;
}
.clicked #button span {
	background: #fff;
}
#sub #content {
	padding: 70px 0 0;
}
#sub #content.kizi {
	padding: 0;
}
#sub #titleBox {
	text-align: center;
}
#sub #titleBox h1 span {display: block;}
#zineNav {
	text-align: center;
	margin: 0 0 40px;
}
#zineNav li {
	display: inline-block;
	margin: 0 20px;
	position: relative;
	height: 30px;
	line-height: 30px;
}
#zineNav .ti {
	color: #333;
	font-size: 14px;
	font-weight: normal;
}

#zineNav a {
	color: #333;
	font-size: 14px;
}
#zineNav a:hover {
	color: #6086a0;
}
#zineNav li.now:after {
	content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 0;
    margin-left: -.7em;
    padding: 0 .7em;
    border-bottom: 1px solid #000;
}
#zineNav #bottom li {
	float: 
}
#single .mv {
	position: relative;
	background-size: 150% auto;
	background-position: center center;
	  z-index: 0;
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
	margin: 0 0 30px;
}
#single .mv:before{
  content: '';
  background: inherit;/*.bgImageで設定した背景画像を継承する*/
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;/*重なり順序を一番下にしておく*/
}
#single .mv .photo {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#single .mv .photo:after {
	content: '';
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 3;
}
#single .mv .photo img {
	max-height: 500px;
	display: block;
	margin: 0 auto;
	width: auto;
	height: 100%;
	position: relative;
	z-index: 5;
}
#single .entry {
	max-width: 880px;
	width: 88%;
	margin: 0 auto 60px;
	line-height: 1.8em;
	font-size: 1.3em;;
	letter-spacing: 0.04em;
	color: #444;
}
#single .entry h1 {
	font-size: 1.6em;
	margin: 0 0 10px;
	text-align: center;
	color: #000;
}
#single .entry .data {
	font-size: .8em;
	margin: 0 0 20px;
	color: #666;
	text-align: center;
}
#single .entry a {
	text-decoration: underline;
	color: #6086a0;
}
#single .entry a:hover {
	color: #c69867;
}
#single .entry img { max-width: 100%; height: auto;display: block; margin: 10px 0;width: 100%;}
.entry .author {
	font-size: .8em;
}
.entry .wp-caption {
	width: 100% !important;
}
#sub #listBox {
	max-width: 1100px;
	margin: 0 auto 60px;
}
#sub #listBox #zineList li {
    margin: 0 1.5% 45px;
}
.addtoany_share_save_container {
    clear: both;
    margin: 50px 0 40px !important;
}
.addtoany_list a, .widget .addtoany_list a {
    padding: 0 2px!important;;
}
.a2a_kit .a2a_svg {
	background: #333 !important;
}
#pro_linkBox{
	padding: 40px;
	background: rgba(221,221,221,0.32);
	margin: 0 0 20px;
	position: relative;
}
#pro_linkBox h2 {
	position: absolute;
	top: -15px;
	left: 0;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}
#pro_linkBox h2 span {
	background: #fff;
	border: solid 2px rgba(221,221,221,0.32);
	padding: 10px 15px;
	color: #000;
	font-weight: normal;
}
#single #pro_linkBox a {
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 60px;
	margin: 0 0 15px;
}
#single #pro_linkBox a:last-child {
	margin: 0;
}
#single #pro_linkBox a.btn:after {
    font-family: FontAwesome;
    display: block;
    width: 15px;
    height: 5px;
    position: absolute;
    right: 20px;
    top: 0;
    animation: horizontal 1s ease-in-out infinite alternate;
}
#single #pro_linkBox a.btn:before {
    content: '\f07a';
    font-family: FontAwesome;
    display: block;
    width: 15px;
    height: 5px;
    position: absolute;
	left: 20px;
	font-size: 1.6em;
    top: 0;
}
/* singleページ送り　*/

#singleNav {
	max-width: 1000px;
	width:100%;
	clear:both;
	margin:0 auto 50px;
	overflow:hidden;
	border-bottom: solid 1px rgba(0,0,0,0.2);
	border-top: solid 1px rgba(0,0,0,0.2);
}
#singleNav .prev a,
#singleNav .next a {
	display:block;
	width:50%;
	box-sizing:border-box;
	color: #333;
}
#singleNav .prev a {
	float:left;
	padding:15px 15px 15px 20px;
}
#singleNav .next a {
	text-align:right;
	float:right;
	padding:15px 20px 15px 15px;
}
#singleNav .prev a:hover,
#singleNav .next a:hover {
	background:#959ea5;
	color:#fff;
	padding:15px;
}
#singleNav .prev a i {
	margin:0 5px 0 5px;
}
#singleNav .next a i {
	margin:0 5px 0 5px;
}
.shopinfo #infoBox {
    text-align: center;
    padding: 60px 0;
    margin: 0 auto ;
    background: #f5f5f5;
    position: relative;
}
.shopinfo #infoBox .inner {
	width: 1050px;
	margin: 0 auto;
	overflow: hidden;
}
.shopinfo #infoBox #slidePh {
	width: 50%;
	float: left;
}
.shopinfo #infoBox #txtBox {
	width: 45%;
	float: right;
	text-align: left;
	line-height: 1.8em;
	color: #666;
	font-size: 1.1em;
}
.shopinfo #infoBox h2 {
    color: #000;
	font-weight: normal;
	margin: 0 0 10px;
	font-size: 1.6em;
}
.shopinfo #infoBox #txtBox .txt {
	margin: 0 0 30px;
	color: #333;
	padding: 0 0 30px;
	border-bottom: 1px solid rgba(197,197,197,.6);
}
.shopinfo #infoBox #txtBox .txt.n_border {
	border: none;
	padding: 0 0 20px;
	margin: 0;
}
.shopinfo #infoBox .shop_data {
	line-height: 2.1em;
	padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid rgba(197,197,197,.6);
}
.shopinfo #infoBox .shop_data dt {
	width: 130px;
	float: left;
}
.shopinfo #infoBox #txtBox .mapImg {
	margin: 0 0 10px;
	width: 85%;
}
.shopinfo #infoBox #txtBox .btn {
	width: 180px;
}
#product_link_btn {
	margin: 0 0 30px;
}

/* ------------------------------------------------------------ */
/* googleformお問い合わせ*/
/* ------------------------------------------------------------ */
#submitBtn button.c-form__submit {
    display: block;
    width: 100%;
    padding: 0 25px 0 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #000;
    font-size: 1.0em;
    font-style: italic;
    letter-spacing: 0.08em;
    box-sizing: border-box;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin: 0 auto;
}

#submitBtn button.c-form__submit:hover {
    background: #6086a0;
    border-radius: 10px;
    text-decoration: none;
}

#submitBtn {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
/* ------------------------------------------------------------ */
/* お問い合わせ*/
/* ------------------------------------------------------------ */
.reserve-caution{
	max-width: 50%;
	margin: 0 auto;
	text-align: left;
}

@media screen and (max-width: 1023px) {
  .reserve-caution {
    max-width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .reserve-caution {
    max-width: 85%;
	font-size: 0.8em;
  }
}

#sub .shopinfo #titleBox h1 span,
#sub .contact #titleBox h1 span {
    display: block;
    font-size: 3.6em;
    color: #6086a0;
    letter-spacing: -.03em;
}
#resevBox {
	max-width: 900px;
	width: 90%;
	margin: 0 auto 80px;
	color: #333;
}
#resevBox h2#mailT{
    display: block;
    font-size: 2.3em;
    color: #6086a0;
    letter-spacing: -.03em;
	font-weight: normal;
	margin: 0 0 5px;
	text-align: center;
}
.contact .caption {
	text-align: center;
	line-height: 1.8em;
	letter-spacing: 0.03em;
	color: #333;
	position: relative;
	z-index: 13;
}
.mb10{margin: 0 0 10px;}
.mb20{margin: 0 0 20px;}
.mb30{margin: 0 0 30px;}
.mb40{margin: 0 0 40px;}
.mb50{margin: 0 0 50px;}
.mb60{margin: 0 0 60px;}
.contact .telinfo {
	text-align: center;
	padding: 45px 0;
	margin: 0 auto 40px;
	background: #f5f5f5;
	position: relative;
}
.contact .telinfo h1 span{
    color: #6086a0;
    margin: 0 auto 10px;
    font-weight: normal;
}
.contact .telinfo a {
	font-size: 3.4em;
	position: relative;
	z-index: 13;
}
.contact .telinfo a span {
	font-size: .5em;
	position: relative;
	z-index: 13;
}
#telItem01{
    position: absolute;
    top: 0;
    left: -100px;
    width: 470px;
    z-index: 3;
}
#telItem02{
    position: absolute;
    bottom: 0;
    right: -100px;
    width: 460px;
    z-index: 3;
}
#formBox {
	overflow: hidden;
	margin: 0 auto;
	letter-spacing: -.4em;
	width: 90%;
}
#formBox dl {
	width: 50%;
	box-sizing: border-box;
	padding: 20px 2% 0;
	display: inline-block;
    letter-spacing: normal;
	text-align: left;
	margin: 0 0 5px;
	vertical-align: top;
}
#formBox dl dt,
#formBox dl dd{
	width: 100%;
	display: block;
	padding: 3px 0;
	color: #333;
}
#formBox dl select,
#formBox input {
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	padding: 0 5px;
	font-size: 1.1em;
	color: #555;
}
#formBox dl.all {
	width: 100%;
	float: none;
	clear: both;
	margin: 0 0 30px;
}
#formBox dl.all textarea {
	width: 100%;
}
#formBox dl select,
#formBox dl textarea,
#formBox dl input {
	border-radius: 5px;
	border:solid 1px rgba(236,236,236,1.00);
	background: #f5f5f5;
}
#formBox dl select {
	    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
#formBox dd.selectItem {
	position: relative;
}
#formBox dd.selectItem:after {
    content: " ";
    display: block;
    position: absolute;
    top: 14px;
    right: 18px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#resevBox .caption span.hiss,
#formBox dl dt span.hiss {
	color: #f00;
}
#formBox #submitBtn {
	width: 60%;
	margin: 0 auto;
}
#submitBtnMain input,
#submitBtn input {
    display: block;
    padding: 0 25px 0 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    position: relative;
    background: #000;
    font-size: 1.0em;
    font-style: italic;
    letter-spacing: 0.08em;
    -webkit-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
	cursor: pointer;
	border: none;
	width: 100%;
	border-radius: 5px;
}
#submitBtnMain input:hover,
#submitBtn input:hover {
		background: #6086a0;
	border-radius: 10px;
	text-decoration: none;
}
#formBox textarea:focus,
#formBox input:focus {
	outline: 1px #6086a0 double;
}
input[type="submit"]:focus {
	border: none;
	outline: 0;
}
#capList {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
#tagListBox {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
}
#tagListBox li {
    display: inline-block;
    margin: 0 15px 10px 0;
}
#tagListBox li a {
    padding: 3px 0px 3px 11px;
    display: block;
    border-radius: 3px;
    color: #959ea5;
    font-size: .9em;
    position: relative;
	line-height: 1.2em;
	font-size: .9em;
		 -webkit-transition: background-color .4s;
  transition: background-color .4s;
}
#tagListBox li a {
    background: linear-gradient(transparent 70%, #ffff66 70%);
	text-decoration: none !important;
	color: #666 !important;
}
#tagListBox li a:hover {
background: linear-gradient(transparent 70%, #66FFCC 70%);
}
#tagListBox li a:before {
    content: '\f02b';
    font-family: FontAwesome;
    display: block;
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: .8em;
}
/* カレンダーここから */
#bizCalBox {
	width: 100%;
}
.shopinfo #infoBox #bizCalBox .inner {
	width: 100%;
}
#bizCalBox #biz_calendar {
	width: 100%;
	max-width:360px;
	margin: 0 0 50px;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ　Ｐゴシック","MS PGothic",sans-serif;
}
#bizCalBox #biz_calendar table.bizcal .calbtn,
#bizCalBox #biz_calendar table.bizcal .calmonth {
	background: none;
}
#bizCalBox #biz_calendar table.bizcal .calmonth {
	text-align: left;
}
#bizCalBox #biz_calendar table.bizcal {
	background: none;
	border:none;
	margin: 0 0 5px -5px;
}
#bizCalBox #biz_calendar table.bizcal th {
    text-align: center;
    color: #666;
    padding: 5px;
    border: solid 5px #f5f5f5;
	font-weight: normal;
}
#bizCalBox #biz_calendar table.bizcal td {
    text-align: center;
    color: #666;
    padding: 5px;
    border: solid 5px #f5f5f5;
    background: #fff;
}
#bizCalBox #biz_calendar table.bizcal .calmonth {
	font-weight: normal;
}
#bizCalBox #biz_calendar p {
    margin: 0;
    line-height: 170%;
    display: inline-block;
    margin: 0 23px 0 0;
    font-size: .9em;
}
#bizCalBox #biz_calendar p span {
	padding-left: 13px;
	margin-right: 5px;
}
#bizCalBox #biz_calendar table.bizcal .holiday,
#bizCalBox #biz_calendar p span.boxholiday {
	background-color:#6086a0 !important;
}
#bizCalBox #biz_calendar table.bizcal .holiday,
#bizCalBox #biz_calendar table.bizcal .eventday {
    color: #ffffff !important;
}
#bizCalBox #biz_calendar table.bizcal .eventday,
#bizCalBox #biz_calendar p span.boxeventday {
	background-color:#c69867 !important;
}
.shopinfo #infoBox #bizCalBox h2 {
	margin: 0 0 5px;
	display: none;
}
.contact #bizCalBox {
	padding: 20px 0;
}
.contact #bizCalBox #biz_calendar {
	max-width: 50%;
	margin: 0 auto;
	font-size: 1.1em;
}
.contact #bizCalBox h2 {
    color: #333;
    font-weight: normal;
    margin: 0 0 5px;
    font-size: 1.1em;
	text-align: center;
}
.contact #bizCalBox #biz_calendar table.bizcal th {
	border:solid 5px #fff;
}
.contact #bizCalBox #biz_calendar table.bizcal td {
	background: #f5f5f5;
	border:solid 5px #fff;
}
#pageNav {
	text-align: center;
}
#pageNav span,
#pageNav a {
	padding: 5px 10px;
	background: #959ea5;
	margin: 0 3px;
	color: #fff;
}
#pageNav a:hover {
	background: #6086a0;
}
#pageNav .current {
	background:rgba(219,219,219,1.00);
}
/* デフォルト：980px以上用（PC用）の記述 */
@media screen and (min-width: 1024px) {
    /* 1023px以下用（タブレット用）の記述 */
.sp {
	display:none !important;
}
}
@media screen and (max-width: 1023px) {
    /* 1023px以下用（タブレット用）の記述 */
.pc {
	display:none !important;
}
#concept {
    padding: 90px 0 120px;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    background: url(../img/bg_concept.jpg) no-repeat center center;
	}
#concept02 {
    padding: 90px 0 90px;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    background: url(../img/bg_concept02.jpg) no-repeat center center;
	}
#concept .box {
    width: 100%;
    margin: 0 auto;
    padding: 0 30% 0 8%;
    box-sizing: border-box;
}
	#concept .item {
    position: absolute;
    right: -10%;
    bottom: -40px;
    width: 45%;
}
#concept02 .box {
    width: 100%;
    margin: 0 auto;
    padding: 0 8% 0 45%;
    box-sizing: border-box;
}
	#concept02 .item {
    position: absolute;
    left: -10%;
    bottom: -40px;
    width: 55%;
}
	#concept02 .item img {
    transform: rotate(-25deg);
	}
#concept .txt,
#concept02 .txt {
    line-height: 1.8em;
    font-size: 14px;
    margin: 0 0 30px;
    letter-spacing: 0.03em;
}
	#concept .map img {
		width: 81%;
		height: auto;
	}
	#concept03 .inner {
    width: 100%;
    float: none;
    height: 350px;
}
#menu {
    background: url(../img/bg_menu.jpg) no-repeat right top;
    position: relative;
    padding: 100px 0 50px;
    width: 100%;
}
	#menu .box {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}
#menu .slideBox {
    width: 90%;
    float: none;
	margin: 0 auto;
}
	#menu .slideBox .bx-wrapper {
    width: 50%;
    float: left;
}
	#menu .opaBox {
    width: 90%;
    float: none;
		margin: 0 auto;
		clear: both;
	}
#menu #mItem01 {
    position: absolute;
    top: 0;
    left: -22%;
    width: 81%;
    z-index: 3;
}
#menu #mItem02 {display: none;}
#menu #mItem03 {
    position: absolute;
    right: -19%;
    bottom: -160px;
    width: 60%;
    z-index: 6;
}
#wine {
    padding: 80px 0;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    background: url(../img/bg_wine.jpg) no-repeat center top;
    background-size: cover;
    position: relative;
}
#wine .box {
    width: 83%;
    margin: 0 auto;
    position: relative;
}
#wine .pro {
    font-size: 10px;
    line-height: 1.4em;
    width: 75%;
	}
#wine .box #wItem {
    position: absolute;
    bottom: 0px;
    left: 85%;
	}
#bShop {
    padding: 80px 0;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    background-size: cover;
    position: relative;
}
#bShop .box {
    width: 83%;
    margin: 0 auto;
    position: relative;
}
#bShop .pro {
    font-size: 10px;
    line-height: 1.4em;
    width: 75%;
	}
#bShop #mItem_b01 {
    right: 14%;
    bottom: -20px;
    width: 80px;
}
#bShop #mItem_b02 {
    position: absolute;
    right: 6.2%;
    bottom: -20px;
    width: 80px;
    z-index: 6;
}
#zine {
    padding: 60px 0;
}
#zine .box {
    margin: 0 auto;
    width: 90%;
}
	#zineList li a {
    color: #000;
    font-size: 14px;
	}
#map {
    width: 100%;
    height: 400px;
}
#concept .mapImg {
    width: 100%;
}
#banner #onlineBn img {
    width: 70%;
    height: auto;
	}
#banner a {
    height: 220px;
	}
#banner #zineBn {
    background: url(../img/bn_zine.jpg) no-repeat center center;
    font-size: 66px;
    text-align: center;
    line-height: 210px;
	}
#sub #listBox {
    width: 95%;
    margin: 0 auto 50px;
}
	select,
	input,
	textarea{
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
}
#telItem01 {
    left: -130px;
    width: 310px;
	}
#telItem02 {
    right: -130px;
    width: 300px;
	}
.shopinfo #infoBox .inner {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
	.shopinfo #infoBox #txtBox {
		font-size: 1.0em;
		line-height: 1.7em;
	}
	.shopinfo #infoBox h2 {font-size: 1.4em;}
	.shopinfo #infoBox .shop_data {
    line-height: 1.8em;
    margin: 0 0 20px;
    padding: 0 0 20px;
	font-size: .9em;
}
	.shopinfo #infoBox #txtBox .txt {
    margin: 0 0 20px;
    padding: 0;
    border-bottom: none;
		color: #333;
		font-size: 1.1em;
		line-height: 1.8em;
}
	.shopinfo #infoBox .shop_data dt {
    width: 120px;
}
	#wine h2 img {
		width: 90%;
		height: auto;
	}
	#bShop h2 img {
		width: 80%;
		height: auto;
	}
	.contact #bizCalBox #biz_calendar {
    max-width: 60%;
	}
	.shopinfo #infoBox #txtBox .txt br {display: none;}
	#bizCalBox #biz_calendar table.bizcal td {
		padding: 3px;
	}
	#bizCalBox #biz_calendar {margin: 0 0 15px; font-size: .9em;}
	.shopinfo #infoBox #slidePh {
		width: 52%;
	}
		footer h2 a img,
	footer h2 a:hover img{
    transform: none;
}

}/* //1023px以下用（タブレット用）の記述 */
@media screen and (min-width: 768px) {
	.spOnly {display: none !important;}
}
@media screen and (max-width: 767px) {
	.spNon {display: none !important;}
	
a.btn {
    display: block;
    padding: 0 20px 0 15px;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    position: relative;
    background: #6086a0;
    font-size: .8em;
}
	a.btn:after {
    right: 13px;
    top: 0;
	}
	#topics {
    position: absolute;
    bottom: 25px;
    left: 7%;
    height: 20px;
    width: 86%;
    color: #fff;
}
#topics h2 {
    font-size: 18px;
    font-weight: normal;
    width: 60px;
	}
#topics .bx-wrapper {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    float: left;
    height: 20px;
    line-height: auto;
	overflow: hidden;
    letter-spacing: 0.03em;
    font-size: .9em;
}
#button {
    position: absolute;
    left: 20px;
    top: 21px;
	}
header h1 {
    position: absolute;
    top: 25px;
    left: 68px;
	width: 55px;
}
	header h1 img {width: 100%; height: auto;}
header #fixOnline {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 13px;
    letter-spacing: 0.04em;
}
header #fixOnline i {
    margin: 0 6px 0 0;
    font-size: 1.1em;
}
#concept {
    padding: 50px 0 100px;
	background: url(../img/bg_concept.jpg) no-repeat 35% 50%;
	background-size: 800px auto;
}
#concept02 {
    padding: 50px 0 100px;
	background: url(../img/bg_concept02.jpg) no-repeat 70% 50%;
	background-size: 800px auto;
}
#concept02 .item {
    position: absolute;
    left: -10%;
    bottom: -40px;
    width: 60%;
}
.shopinfo #concept .item {
    position: absolute;
    right: -10%;
    bottom: -60px;
    width: 45%;
}
#concept02 .item img {
    transform: rotate(-15deg);
}
#concept .box,
#concept02 .box {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
#concept .slBox {
    width: 100% !important;
}
	#concept .txt,
	#concept02 .txt {
    line-height: 1.7em;
    font-size: .95em;
    margin: 0 0 20px;
    letter-spacing: 0.03em;
}
	#concept h2 span,
	#concept02 h2 span {
    display: block;
    margin: 0 0 3px;
    font-size: .8em;
    font-weight: normal;
}
	#concept .innerCon .txt br {
		display: none;
	}
	#concept h2 .spOnly,
	#concept02 h2 .spOnly {
		font-size: 2.3em;
		line-height: 1.2em;
		letter-spacing: -0.05em;
	}
	#concept h2,
	#concept02 h2{
		margin: 0 0 20px;
	}
	#concept02 {
		padding: 90px 0 50px;
	}
#concept .map img {
    width: 100%;
    height: auto;
}
	#menu {
		padding: 60px 0 50px;
	}
	#menu #mItem01 {
		width: 90%;
	}
	#menu h2 .mFont {
		font-size: 24px;
	}
	#menu h2 {
    text-align: center;
    margin: 0 0 20px;
	}
#menu .opaBox {
    padding: 25px;
}
	#menu .opaBox .txt {
    line-height: 1.7em;
    margin: 0 0 15px;
    font-size: .95em;
}
	#menu .opaBox .txt span {
		font-size: .8em;
	}
	#menu .opaBox .caption {
    line-height: 1.6em;
    margin: 0 0 15px;
    font-size: .8em;
	}
	#menu .opaBox .caption span {
		display: block;
	}
	#menu .opaBox .caption br {display: none;}
#menu #mItem03 {
    position: absolute;
    right: -10%;
    bottom: -80px;
    width: 45%;
    z-index: 6;
}
	#menu {
    background-size: 150% auto;
}
#wine .box {
    width: 80%;
}
#wine {
    padding: 60px 0 60px;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    background: url(../img/bg_wine.jpg) no-repeat 65% top;
    background-size: cover;
    position: relative;
}
	#bShop h2 ,
	#wine h2 {
    margin: 0 0 20px;
	}
	#bShop h2 .spOnly,
	#wine h2 .spOnly {
		font-size: 1.46em;
		letter-spacing: -.08em;
	}
	#bShop .txt,
	#wine .txt {
    line-height: 1.3em;
    font-size: 13px;
    margin: 0 0 15px;
    letter-spacing: 0.03em;
}
	#wine .pro {
    font-size: 10px;
    line-height: 1.4em;
    width: 100%;
}
	#wine .box #wItem {
    position: absolute;
    bottom: -30px;
    left: 75%;
    width: 65px;
}
	#wine .box #wItem img {width: 100%; height: auto;}
	#zine {
		padding: 45px 0;
	}
	#zine .box {
    margin: 0 auto;
    width: 93%;
}
#zine h2 {
    text-align: center;
    margin: 0 0 30px;
    font-size: 10px;
    font-weight: normal;
}
#top #zineList li,
#sub #listBox #zineList li {
    width: 44%;
    margin: 0 3% 30px;
    display: inline-block;
    letter-spacing: normal;
}
#zineList li a {
    color: #000;
    font-size: 13px;
}
#zineList li a .data {
    font-size: .8em;
    color: #959ea5;
    margin: 0 0 3px;
}
#map {
    width: 100%;
    height: 300px;
}
#banner a {
    display: block;
    width: 100%;
    float: none;
    height: 150px;
    position: relative;
}
#banner #onlineBn span {
	font-size: 36px;
	text-align: center;
    line-height: 1.0em;
	letter-spacing: -0.02em;
	color: #fff;
	position: absolute;
	z-index: 5;
	width: 220px;
	height: 65px;
}
	#banner #zineBn {
		line-height: 150px;
		font-size: 50px;
	}
footer .txt {
    line-height: 1.6em;
    font-size: .9em;
    margin: 0 0 15px;
    letter-spacing: 0.03em;
}
#sub #titleBox h1 {
    margin: 0 0 30px;
    font-size: 10px;
	}
#sub #titleBox h1 .gFont {
    font-size: 3.6em;
}
#zineList li .cat {
    display: none;
}
#zineList li .photo {
    margin: 0 0 5px;
	}
	#zineList li a .data {
		text-align: center;
	}
	#selectNav {
		width: 90%;
		margin: 0 auto 25px;
		position: relative;
	}
	#selectNav:after {
    content: " ";
    display: block;
    position: absolute;
    top: 14px;
    right: 18px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
	#selectNav select {
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	padding: 0 5px;
	font-size: 1.1em;
	color: #555;
	border-radius: 5px;
    border: solid 1px rgba(236,236,236,1.00);
    background: #f5f5f5;
	}
#sub #content {
    padding: 80px 0 0;
}
	#single .entry { 
		font-size: 1.0em;
		margin: 0 auto 10px;
	}
	#single .entry h1 {
    font-size: 1.3em;
		margin: 0;
	}
	#single .mv {
		margin: 0 0 15px;
	}
#sub #listBox {
    width: 92%;
    margin: 0 auto 20px;
}
	#singleNav {
		width: 90%;
		margin: 0 auto 20px;
		border-bottom: none;
	}
#singleNav .prev a {
    float: none;
}
#singleNav .prev a:hover,
#singleNav .next a:hover {
	background:#959ea5;
	color:#fff;
	padding:10px;
}

	#singleNav .prev a, #singleNav .next a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #333;
	padding: 10px;
}
	#singleNav .prev a,
	#singleNav .next a {
		border-bottom: solid 1px rgba(0,0,0,0.20);
	}
	#sNav {
		height: 100vh;
		width: 250px;
	}
	#sNav {
		padding: 65px 0 0 45px;
	}
	#sNav li {
		line-height: 1.4em;
	}
	footer h2 {
		width: 60px;
		margin: 0 auto 25px;
	}
	footer h2 img {
		width: 100%; height: auto;
	}
	#menu h2 {line-height: 1.4em;}
	#menu h2 .mFont {
		font-size: 20px;
	}
	#sNav li.child {
		line-height: 1.1em;
	}
#concept02 .box .inBox {
    position: relative;
    top: auto;
    right: auto;
}
.contact .caption {
    text-align: center;
    line-height: 1.6em;
    letter-spacing: 0.03em;
    font-size: .8em;
}
	.contact .telinfo a {
		font-size: 2.4em;
	}
	.contact .telinfo span {
		display: block;
	}
	.contact .telinfo .caption {margin: 0;}
	#resevBox h2#mailT {
    font-size: 1.8em;
	}
	#formBox dl {
		width: 100%;
		font-size: .9em;
	    padding: 10px 2% 0;
	}
	#formBox dl dt {
		padding: 1px 0;
	}
	#formBox #submitBtn {
		width: 85%;
	}
	#resevBox {margin: 0 auto 50px;}
#bShop .pro {
    line-height: 1.2em;
    width: 100%;
	margin: 0 0 20px
}
	#bShop {padding: 60px 0;}
	#wine h2 span,
	#bShop h2 span {margin: 0 0 3px; font-size: .8em;}
	#bShop #mItem_b02 {
    right: 2%;
    bottom: -20px;
    width: 50px;
	transform: translate(0px, 0);
	-webkit-transform: translate(0px, 0);
}
	#bShop #mItem_b01 {
    right: 10%;
    bottom: -20px;
    width: 50px;
}
	.shopinfo #infoBox {padding: 30px 0;}
	.shopinfo #infoBox #slidePh {
		width: 90%;
		float: none;
		margin: 0 auto 20px;
	}
	.shopinfo #infoBox #txtBox {
		width: 90%;
		float: none;
		margin: 0 auto;
		font-size: .9em;
	}
	.shopinfo #infoBox h2 {text-align: center;}
	.shopinfo #infoBox .shop_data {line-height: 2.0em;}
	.shopinfo #infoBox .shop_data dt {
    width: 90px;
}
	#wine h2 img {
    width: 100%;
	height: auto;
}
	#bShop h2 img {
    width: 90%;
	height: auto;
}
	#loader {
  width: 100px;
  height: 170px;
  margin-top: -60px;
  margin-left: -50px;
}
	 #bizCalBox {
		font-size: .9em;
	}
	.contact #bizCalBox {
		font-size: .8em;
	}
.contact #bizCalBox #biz_calendar {
    max-width: 85%;
	}
	.shopinfo #infoBox #txtBox .mapImg {
    margin: 0 auto 10px;
    width: 100%;
}
	#telItem02 {
    right: -100px;
    width: 250px;
}
	#telItem01 {
    left: -100px;
    width: 255px;
}
		#bizCalBox #biz_calendar {margin: 0 0 30px;}
#menu .opaBox .inBox {
	font-size: 1.0em;
}
	#pro_linkBox{
	padding: 20px;
	}
	#single #pro_linkBox a{
		margin: 0 0 10px;
	}
}/* 767px以下用の記述ここまで */


@media screen and (max-width: 374px) {
    	#sNav li {
		line-height: 1.3em;
			font-size: 24px;
	}
#concept h2 .spOnly, #concept02 h2 .spOnly {
    font-size: 2.0em;
}
	#wine h2 .spOnly {
    font-size: 1.26em;
    letter-spacing: -.08em;
}
	#zineList li h3 {
    font-weight: normal;
    font-size: .9em;
}
}
/* 479px以下用の記述ここまで */