@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');
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
/* ------------------------------------------------------------ */

* 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;
}
#loadTitle img {width: 100%; height: auto;}
#mainslider li p.small,
.gFont {font-family: 'Crimson Text', serif;}
.gFont01 {font-family: 'Vollkorn', serif;}
.gFont02 {font-family: 'Ranga', cursive;}
.gFont03 {font-family: 'Bree Serif', serif;}
.img_left {
	float:left;
	margin:0 15px 15px 0;
}
.img_right {
	float:right;
	margin:0 0 15px 15px;
}

.sb-toggle-left {
  position: absolute;
  top: 5px;
  left: 5px;
}

.sb-toggle-right {
  position: absolute;
  top: 5px;
  right: 5px;
  overflow: hidden;
}

.sb-slidebar {
  color: #fafafa;
  padding: 0;
}

.sb-slidebar ul {
  padding: 0;
}

/* サイドバー */
.sb-slidebar.sb-right {
  -webkit-overflow-scrolling: touch;
}

.sb-right-inner {
  border: none;
  width: 100%;
  height: 100%;
}

/* ------------------------------------------------------------ 
アコーディオン
------------------------------------------------------------ */
#sidebar ul.accordion li a:before {display: none; }
#sidebar ul.accordion > li > ul > li > a:before {display: inline-block;}
#sidebar ul.accordion li a { font-size: 1.0em; padding: 8px 10px 8px 18px;}
ul.accordion { width:100%; margin:0 auto; font-size: 1.1em;}
ul.accordion a { display:block; padding:10px; color:#fff; text-decoration:none; }
ul.accordion span { display:block; padding:10px 10px 10px 18px; box-sizing:border-box; width:100%; position:relative;}
ul.accordion ul { display:none;}
ul.accordion > li {}
ul.accordion > li > p { -webkit-transition: all .5s;
transition: all .5s;cursor:pointer; color: #4f5559;}
ul.accordion li p:hover {
	background:#4f5559;
    color: #FFFFFF;
}
ul.accordion > li > p span:before {
	content:'\f067';
    font-family: FontAwesome;
	margin:5px 10px 0 0;
	position:absolute;
	right:10px;
	font-size: 10px;
}
#sidebar ul.accordion > li > ul > li > a:hover
 {
	background:#4f5559;
    color: #FFF;
}
ul.catList > li > p span.open {
    background: #C0C0C0!important;
}
ul.accordion > li > p span.open {
    background: #D3D3D3;
}
ul.catList > li > p span.open:hover {
    background: #C0C0C0;
    color: #4f5559!important;
}
ul.accordion > li > p span.open:hover {
    background: #D3D3D3;
    color: #4f5559!important;
}
ul.accordion > li > p span.open:before  {
	content:'\f068';
    font-family: FontAwesome;
	margin:5px 10px 0 0;
	position:absolute;
	right:10px;
    color: #4f5559;
}
ul.accordion > li > ul > li { background:#676f76; font-size: .9em; }
ul.accordion > li > ul > li > p { background: #EEEEEE;}
ul.accordion > li > ul > li > p span {padding: 10px 10px 10px 25px; font-size: .9em;}
#sidebar ul.accordion > li > ul > li > a {display: block; background: #E6E6E6;  font-size: 1.0em; padding: 8px 10px 8px 25px;}
ul.accordion > li > ul > li > ul > li { }
ul.accordion > li > ul > li > ul > li:last-child { border:none;}


/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */
::selection {
    color: #95c2b6;
    background: rgba(149,194,182,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:#333;
	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;
  /**/
}
#single h1#title,
.itemList li a h1 {
letter-spacing: -0.03rem;
}
/* ------------------------------------------------------------ */
/* 全体格納 */
/* ------------------------------------------------------------ */
#wrapper {
	padding: 60px 0 0;
}
#content {
	margin: 0 auto;
	width: 100%;
	position: relative;
}
/* ------------------------------------------------------------ */
/* メインビジュアル */
/* ------------------------------------------------------------ */
#mainslider li {
	overflow: hidden;
}
#main-visual {
  width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#mSlideBox {
width: 74.629%;
    float: left;
    overflow: hidden;
    position: relative;
}
#mBnBox {
	width: 25.371%;
	float: left;
}
#mBnBox a {
	-webkit-transition: all .5s;
transition: all .5s;
	display: block;
}
#mBnBox a img {
	width: 100%;
	height: auto;
}
#mBnBox a:hover {
	opacity: .8;
}
#mBnBox table {
    width: 90%;
}
#d_free {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 140px;
	height: auto;
	z-index: 15;
}
#d_free img {
	width: 100%;
	height: auto;
}
#mainslider li p,
#mainslider li a {
	display: none;
}
#mainslider li a.mainLink p,
#mainslider li a.mainLink {display: block;}
#mainslider li .linkBox p {
    display: inline-block;
    margin-bottom: 3px;
    font-size: 1.8em;
    font-style: normal;
	font-weight: bold;
    color: #FFF;
	-webkit-transition: all .5s;
transition: all .5s;
}
#mainslider .linkBox {
	position: absolute;
	bottom: 60px;
	left: 60px;
	width: 90%;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.67), 0px 0px 4px rgba(0,0,0,0.67);
}
#mainslider li p.small {
	font-size: 1.0em;
}
#newSlide .bx-wrapper .bx-viewport {
	border: none;
	box-shadow:none;
	left: auto;
}

#newSlide .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px !important;
}
#newSlide .bx-wrapper .bx-caption {
	bottom: 90px;
	background: none;
	font-size: 25px;
	font-weight: bold;
	padding: 0 30px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.67), 0px 0px 4px rgba(0,0,0,0.67);
}

/* ------------------------------------------------------------ */
/* バナーボックス*/
/* ------------------------------------------------------------ */
.banner_box {
    width: 91.35%;
    height: auto;
    margin: 0 auto;
    display: flex;
}
.banner_box a {
    display: block;
    width: 31.33%;
    margin: 0 3% 0 0;
    transition: all.5s;
    -webkit-transition: all.5s;
}
.banner_box a:last-child {
    margin: 0;
}
.banner_box a:hover {
    opacity: .8;
}
.banner_box a img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* ------------------------------------------------------------ */
/* カレンダー*/
/* ------------------------------------------------------------ */
.calendar_box {
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    color: #4f5559;
}
.calendar_box .note {
    margin: 5px 0 0 0;
}
.calendar_box .note span {
    color: #356A9E;
}
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 2px 5px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
    font-weight: normal;
}

/* ------------------------------------------------------------ */
/* サイドバー */
/* ------------------------------------------------------------ */
#serchBox {
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	background: #f5f5f5;
	line-height: 50px;
	color: #999;
	padding: 0;
	position: relative;
}
#serchBox .sBox {
	width: 100%;
	height: 50px;
	display: block;
	box-sizing: border-box;
	padding: 0 50px 0 10px;
	font-size: 1.1em;
	border: none;
	outline: 0;
}
#serchBox .sBtn {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 50px;
	display: block;
	box-sizing: border-box;
	border-style:none;
	background: #fff;
	font-family: FontAwesome /*FontAwesomeをフォント指定*/;
	font-size: 1.3em;
	color: #4f5559;
	outline: 0;
}
#serchBox .sBtn:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: #000;
}
#sp_sidebar {
	background:rgba(225,225,225,.6);}
#sidebar {
	width: 270px;
	float: left;
	background:rgba(225,225,225,.6);
	position: relative;
	z-index: 5;
	overflow: hidden;
}
#sidebar h1 {
	padding: 10px 15px;
	color: #fff;
	font-weight: normal;
	font-size: 1.2em;
	background:#356A9E;
	box-sizing: border-box;
}
#sidebar a {color: #4f5559;}
#sidebar h2 a {
	padding: 8px 20px;
	display: block;
	font-size: 1.2em;
	font-weight: normal;
	/*background:#676f76;*/
}
#sidebar h2 a:before {
		content:'\f041';
    font-family: FontAwesome;
	margin:0 6px 0 0;
}
#sidebar h2.tag a:before {
		content:'\f02b';
    font-family: FontAwesome;
	margin:0 6px 0 0;
	font-size: .9em;
}
#sidebar h2 #c_2345561:before,
#sidebar h2 #c_2345560:before,
#sidebar h2 #c_2345559:before,
#sidebar h2 #c_2345558:before,
#sidebar h2 #c_2345557:before,
#sidebar h2 #c_2355969:before,
#sidebar h2 #c_2345555:before,
#sidebar h2 .classic:before{
		content:'\f02b' !important;
    font-family: FontAwesome;
	margin:0 6px 0 0;
	font-size: .9em;
}
#sidebar li a {
	padding: 5px 10px 5px 18px;
	display: block;
	position: relative;
	font-size: 1.1em;
}
#sidebar li a:before {
		content:'・';
	margin:0 5px 0 0;
}
#sidebar .shopNav li a:hover,
#sidebar a:hover {
	background:#676f76;
    color: #FFF;
}
#sidebar .catList {
	margin: 0 0 15px;
}
#sidebar h2 a {
	position: relative;
}
#sidebar h2 a:after,
#sidebar li a:after {
position: absolute;
top: 0;
width: 4px;
height: 4px;
margin: auto;
border-top: 1px solid #CCC;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
right: -10px;
border-right: 1px solid #CCC;
content: ' ';
display: block;
bottom: 0;
	-webkit-transition: all .5s;
transition: all .5s;
}
#sidebar h2 a:hover:after,
#sidebar li a:hover:after {
right: 20px;
}
#sideCart a {
	display: block;
	position: relative;
	background: #4f5559;
    color: #FFFFFF;
	padding: 13px 15px;
	font-size: 1.1em;
}
#sideCart a:hover {
	background: #FFF;
    color: #4f5559;
}
#sideCart a:before {
    content: '\f07a';
	font-family: FontAwesome;
    margin: 0 6px 0 0;
}
#sideCart a .header-tools__count {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
    background: #f00;
    color: #fff;
    font-weight: bold;
}
/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */

#main {
	width : -webkit-calc(100% - 270px) ;
	width : calc(100% - 270px) ;
	float: right;
	overflow: hidden;
	margin: 0 0 30px;
}
#main h2 {
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
	color: #818a90;
	width: 93%;
	margin: 30px auto 25px;
	position: relative;
	padding: 0;
	box-sizing: border-box;
}
#main h2 span{
position: relative;
display: inline-block;
padding: 0 30px;
	background: #fff;
}

#main h2:before{
content: '';
position: absolute;
top: 50%;
left: 0%;
display: inline-block;
width: 100%;
height: 1px;
background-color: #818a90;
}

#main h2 span:before {left:0;}
#main h2 span:after {right: 0;}
#main h2.popular3 {
    font-size: 1.8em;
    color: #356A9E;
    padding: 0 5px 5px;
    box-sizing: border-box;
    margin: 30px  auto 25px;
    border-bottom: solid 2px #356A9E;
    text-align: left;
}
#main h2.popular3:before {display: none;}
#main h2.popular {
    font-size: 1.8em;
    padding: 8px 5px 0 5px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    margin: 70px auto 20px;
    letter-spacing: .1em;
}
#main h2.popular img {
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    width: 23px;
    height: auto;
}
#main h2.popular span {
    background: none;
}
#main h2.popular::before {
    content: '';
    position: absolute;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 50%;
  background: #356A9E;
    z-index: -1;
}
#main h2.popular::after {
    content: '';
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #356A9E;
    z-index: -1;
}


#main h2.popular02 {
    font-size: 1.8em;
    padding: 8px 5px 0 5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1c3879;
    margin: 70px auto 20px;
    border: 2px solid #1c3879;
    background: #FFF;
    z-index: 1;
    letter-spacing: .1em;
}
#main h2.popular02 img {
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    width: 23px;
    height: auto;
}
#main h2.popular02 span {
    background: none;
}
#main h2.popular02::before {
    content: '';
    position: absolute;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #1c3879;
  background: #FFF;
  z-index: -1;
}
#main h2.popular02::after {
    content: '';
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
    z-index: -1;
}

#main h2.popular03 {
    font-size: 1.8em;
    letter-spacing: .1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    margin: 70px auto 20px;
    background: #356A9E;
    background-size: 20px 20px;
    padding: 8px 5px 0;
}
#main h2.popular03::before {
    content: none;
}


#seller_list {
    width: 91.35%;
    height: auto;
    margin: 0 auto;
    display: flex;
}
#seller_list li {
    width: 19%;
    margin: 0 1.25% 0 0;
}
#seller_list li:nth-child(5n) {
    margin: 0;
}
#seller_list li a::after {
    font-family: 'Crimson Text', serif;
    font-weight: bold;
    background: #356A9E;
    position: absolute;
    z-index: 4;
    top: -8px;
    left: -5px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #FFF;
    line-height: 33px;
    font-size: 1.5em;
    border-radius: 50%;
}
#seller_list li:nth-child(1) a::after {
    content: '1';
}
#seller_list li:nth-child(2) a::after {
    content: '2';
}
#seller_list li:nth-child(3) a::after {
    content: '3';
}
#seller_list li:nth-child(4) a::after {
    content: '4';
}
#seller_list li:nth-child(5) a::after {
    content: '5';
}

.itemList {
	letter-spacing: -.4em;
	width: 95%;
	margin: 0 auto;
}
.itemList li {
	display: inline-block;
    letter-spacing: normal;
	vertical-align: top;
	width: 29.3333%;
	margin: 0 2% 25px;
	box-sizing: border-box;
}
@media screen and (min-width: 1450px) {
.itemList li {
	width: 22%;
	margin: 0 1.5% 25px;
}
}
.itemList li a {
	box-sizing: border-box;
	display: block;
	position: relative;
}
.itemList li a .icon_new {
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 5;
}
.itemList li a .icon_new img {
	width: 100%;
	height: auto;
}
.itemList li a .photo img {
	-webkit-transition: all .5s;
transition: all .5s;
}
.itemList li a:hover .photo img {
/*  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
*/
	opacity: .8;

}
.itemList li .photo {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.itemList li .photo img {
	width: 100%;
	height: auto;
}
.itemList li.sold_out .photo:before {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.69);
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: block;
	z-index: 4;
}
.itemList li.sold_out a:hover img {
  -webkit-filter: blur(0px);
  filter: blur(0px);

}
.itemList li.sold_out span.price {
	background: #000;
}
.itemList li a h1 {
	color: #333333;
	font-weight: normal;
	font-size: 1.0em;
	padding:10px 5px;
}
.itemList li a h1 img {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 5;
}
/* TOPのみ非表示 ------------------------------- */
/*.top .itemList li a h1 img {display: none !important;}*/
/* ------------------------------------------------------------ */

.itemList li span.price {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 5;
	display: block;
	padding: 5px 6px;
	background:#356A9E;
	color: #fff;
	line-height: 1.0em;
}
.itemList li a:hover h1 {
	color: #356A9E;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 2;
	background: #fff;
/*background: #4f5559;*/
	  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

header::after {
  content: "";
  clear: both;
  display: block;
}
header .box {
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
header h1 {
	position: absolute;
	top: 16px;
	left: 20px;
}
header h1 img {
	height: 25px;
	width: auto;
}
header h1 span {
	display: inline-block;
	margin: 0 0 0 15px;
	font-size: 12px;
	font-weight: normal;
	/*color: #fff;*/
	color: #555;
	line-height: 1.2em;
}
#shopNav {
	letter-spacing: -.4em;
	position: absolute;
	right: 0;
}
#shopNav li {
	display: inline-block;
    letter-spacing: normal;
	margin: 0 30px 0 0;;
	padding: 22px 0 0;
}
#shopNav li a {
	/*color: #fff;*/
	color: #333;
	font-size: 1.0em;
}
#shopNav li a.cart {position: relative;}
#shopNav li a .header-tools__count {
	position: absolute;
	right: -13px;
	top: -13px;
	width: 20px;
	height: 20px;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	border-radius: 10px;
	background: #f00;
	color: #fff;
	font-weight: bold;
}
#shopNav li a:hover {color: #d7dfe5;}
#shopingInfo li a:before,
#sp_sidebar .shopNav li a:before,
#sidebar .shopNav li a:before,
#shopNav li a:before {
    font-family: FontAwesome;
	margin:0 6px 0 0;
}
#sp_sidebar .shopNav li a.wine:before,#sidebar .shopNav li a.wine:before,#shopNav li a.wine:before {content:'\f000';}
#sp_sidebar .shopNav li a.fika:before,#sidebar .shopNav li a.fika:before,#shopNav li a.fika:before {content:'\f02e';}
#sp_sidebar .shopNav li a.men:before,#sidebar .shopNav li a.men:before,#shopNav li a.men:before {content:'\f007';}
#shopingInfo li a.del:before,#sp_sidebar .shopNav li a.del:before,#sidebar .shopNav li a.del:before,#shopNav li a.del:before {content:'\f0d1';}
#shopingInfo li a.mail:before,#sp_sidebar .shopNav li a.mail:before,#sidebar .shopNav li a.mail:before,#shopNav li a.mail:before {content:'\f0e0'; font-size: .9em;}
#sp_sidebar .shopNav li a.cart:before,#sidebar .shopNav li a.cart:before,#shopNav li a.cart:before {content:'\f07a';}
#sp_sidebar .shopNav li a.instagram:before,#sidebar .shopNav li a.instagram:before,#shopNav li a.instagram:before {content:'\f16d';}
#sidebar .shopNav li a {
	padding: 8px 20px;
}
#shopingInfo li a.com:before,#sp_sidebar .shopNav li a.com:before,#sidebar .shopNav li a.com:before {content:'\f14a';}
#sp_sidebar .shopNav li a.poli:before,#sidebar .shopNav li a.poli:before {content:'\f023';}
#shopingInfo li a.yen:before {content:'\f157';margin:0 8px 0 2px;}
#shopingInfo {
	font-size: .9em;
	padding: 20px 5px 0;
}
#shopingInfo li {margin: 0 0 3px;}
#shopingInfo li a {color: #666;}
#shopingInfo li a:before {
	color: #999;
	font-size: .9em;
}
#shopingInfo li a:hover {
	color: #000;
}
#info .def_lst {
	display: table;
}
#info .def_lst dt,
#info .def_lst dd{
	padding: 3px 0;
	display: table-cell;
	vertical-align: top;
}
#info .def_lst dt {
	width: 150px;
	color: #333;
}
#info .def_lst a {
	color: #818a90;
	text-decoration: underline;
}
/* ------------------------------------------------------------ */
/* banner */
/* ------------------------------------------------------------ */
#banner a {
	display: block;
	width: 50%;
	float: left;
	height: 300px;
	position: relative;
}
#banner #onlineBn {
	background: url(../img/bn_shop.jpg) no-repeat center center;
	background-size: cover;
	font-size: 60px;
	text-align: center;
	line-height: 310px;
	letter-spacing: -0.02em;
	color: #fff;
}
#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 {
	position: relative;
	z-index: 5;
	-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: #356A9E;
}
#banner #onlineBn:hover span {
	color: #88b7af;
}
/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
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 .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: #356A9E;}
footer .no20 {margin: 0 0 15px; color: #000; font-size: 1.1em;}
footer .no20 span {
	background: linear-gradient(transparent 70%, #ffff66 70%);
}
footer h2 a img{
	transition: .5s ;
	transform: rotateY( 0deg ) ;
}
footer h2 a:hover img {
	transform: rotateY( 360deg ) ;
}

/* ------------------------------------------------------------ */
/* 下層ページ */
/* ------------------------------------------------------------ */
#subTitle {
	background-color: #000000;
	background-image:url(../img/bg_subTitle.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #ffffff;
	padding: 80px 0 120px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	position: relative;
}
.classic_txt {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 0;
	font-size: 1.1em;
}
#subTitle.serch_title {
	padding: 80px 0;
}
#subTitle h1 {
	text-align: center;
	font-size: 2.0em;
    letter-spacing: .1em;
    font-family: 'Noto Serif JP', serif;
}
#subTitle #pankuz {
	letter-spacing: -.4em;
	background: #356A9E;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 20px;
}
#subTitle #pankuz li {
	display: inline-block;
    letter-spacing: normal;
}
#subTitle #pankuz li:before {
		content:'\f105';
    font-family: FontAwesome;
	margin:0 8px 0;
}
#subTitle #pankuz li:first-child:before {
	display: none;
}
#subTitle #pankuz li a {
	color: #fff;
}
#subTitle #pankuz li a:hover {text-decoration: underline;}
/* ------------------------------------------------------------ */
/* 詳細ページ */
/* ------------------------------------------------------------ */
#single {
	position: relative;
	width: 100%;
	padding: 80px 0 0;
}
#single:before {
	background-color: #000000;
	background-image:url(../img/bg_subTitle.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #ffffff;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 50px;
	position: relative;
	height: 300px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#single h1#title {
	position: relative;
	z-index: 5;
	text-align: center;
	font-size: 1.7em;
	box-sizing: border-box;
	padding: 0 5%;
	color: #fff;
	margin: 0 0 65px;
    font-family: 'Noto Serif JP', serif;
}
#single h1#title img {
	margin: 0 10px 0 0;
}
#single_Ph {
	width: 51%;
	margin: 0 0 40px 5%;
	float: left;
}
#single_Ph .single-pager {
	width: 100%;
	letter-spacing: -.4em;
	box-sizing: border-box;
	padding: 5px 0;
}
#single_Ph .single-pager a {
	width: 24%;
	margin: 0 .5%;
	display: inline-block;
    letter-spacing: normal;
}
#single_Ph .single-pager a img {
	width: 100%;
	height: auto;
}
#single #dataBox {
	width: 39%;
	float: right;
	margin: 0 5% 20px 0;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	z-index: 5;
	padding: 25px 30px;
}
#dataBox .txt {
	margin: 0 0 15px;
	color: #333;
	line-height: 1.8em;
}
#dataBox .txt .info {
	padding: 10px 0;
	font-size: .9em;
	color: #666;
	line-height: 1.6em;
}
#dataBox .txt strong {
	font-size: 1.1em;
}
#dataBox dl {
	line-height: 1.5em;
	margin: 0 0 5px;
	color: #666;
	letter-spacing: -.4em;
	font-size: .9em;
}
#dataBox dt {
	width: 80px;
	display: inline-block;
    letter-spacing: normal;
	vertical-align: top;
}
#dataBox dd {
	width : -webkit-calc(100% - 80px) ;
width : calc(100% - 80px) ;
	display: inline-block;
    letter-spacing: normal;
}
#dataBox .price dt {
	vertical-align: middle;
}
#dataBox .price dd {
	font-size: 1.3em;
	margin: 0 0 20px;
	padding: 10px 0 0;
	color: #356A9E;
	font-weight: bold;
}
.solu_out_cart {
    width: 100%;
	box-sizing: border-box;
    padding: 15px 0;
    background-color: #ccc;
	text-align: center;
	color: #fff;
}
.product_addcart_btn {
    width: 100%;
	box-sizing: border-box;
    padding: 15px 0;
    border: none;
    border-radius: 0;
    background-color: #356A9E;
    font-size: 1em;
    cursor: pointer;
    -webkit-appearance: none;
    text-decoration: none;
    letter-spacing: 1px;
    -webkit-transition: all .5s;
    transition: all .5s;
	color: #fff;
}
.product_addcart_btn:hover {
	background-color:#1c3879;
	border-radius: 10px;
}
#dataBox h3 {
	font-size: 1.5em;
	font-weight: normal;
	color: #818a90;
	margin: 0 0 10px;
	position: relative;
	padding: 0;
	box-sizing: border-box;
}
#winemaker {
    background: #f5f5f5;
    width: 100%;
    margin: 0 auto;
    clear: both;
    padding: 35px;
    box-sizing: border-box;
    line-height: 1.7em;
    color: #333;
    overflow: hidden;
    font-size: 1.1em;
    letter-spacing: 0.01em;
}
#winemaker h3 {
	display: none;
	font-size: 1.3em;
	font-weight: normal;
	color: #818a90;
	margin: 0 0 10px;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	line-height: 1.0em;
}
#winemaker h3 span {
	font-size: .8em;
	background: #818a90;
	color: #fff;
	padding: 3px 5px 4px;
	margin: 0 8px 0 0;
}
#winemaker img {
    float: left;
    margin: 0 20px 15px 0;
    max-width: 100%;
	width: 600px;
    height: auto;
}
#winemaker.group-1753244 h3 {display: none;}
#winemaker.group-1753244 img {
	display: block;
	width: 50%;
	height: auto;
	margin: 0 0 20px;
	    display: block;
    box-sizing: border-box;
    border: solid 2px #f5f5f5;
}
#winemaker .daily_txt {
	clear: both;
	line-height: 2.0em;
	font-size: 1.1em;
}
.prd_lst_sort {
	text-align: center;
	margin: 0 0 30px;
	padding: 30px 0 0;
}
.prd_lst_sort {color: #ccc;}
.prd_lst_sort a {color: #666;}
.prd_lst_sort a:hover {text-decoration: underline;}
.prd_lst_sort strong {
	color: #356A9E;
}
.prd_lst_pager {text-align: center; padding: 20px 0;}
.prd_lst_pager li {
	display: inline-block;
	margin: 0 10px;
	font-size: .9em;
	color: #666;
}
/* sub category & sub group */
.grp_lst {
	letter-spacing: -.4em;
	width: 95%;
	margin: 0 auto ;
	padding: 30px 0 0;
}
.grp_lst_unit {
  display: inline-block;
  letter-spacing: normal;
  width: 23%;
	margin: 0 1% 10px;
	vertical-align:top;
}
  .grp_lst_unit a {
    display: block;
    padding: .5em;
    background-color: #f5f5f5;
    color: #000;
    text-decoration: none;
	  text-align: center;
	  box-sizing: border-box;
	  border-radius: 5px;
	  color: #356A9E;
	  font-size: .9em;
  }
  .grp_lst_unit a:hover {
    color: #fff;
	  background: #356A9E;
  }
  .grp_lst_img {
    display: block;
    margin: 0 auto .5em;
    max-width: 100%;
    height: inherit;
  }
.category_desc_2 {
  padding-top: 2em;
}
.prd_lst_none {
	padding: 30px 0;
	text-align: center;
	color: #666;
}
#recomendBox {
	clear: both;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
}
#historyBox {
	clear: both;
	width: 100%;
	margin: 0 auto 20px;
	padding:  0;
}
dd#producer span {display: none;}
dd#producer span:last-child {display: block;}
dd#wineType span{display: none;}
dd#wineType span:nth-child(2) {
    display: block;
}
/* 静的ぺーじ */
.pageSec {
	width: 88%;
	margin: 0 auto;
	color: #666;
	line-height: 1.8em;
	padding: 40px 0;
}
.pageSec h3 {
	clear: both;
	padding: 25px 0 5px;
	color: #333;
}
.pageSec h1 {
	color:#356A9E;
	font-size: 1.3em;
	margin: 20px 0 5px;
}
.sk_payment_block,
.sk_delivery_block{
  padding-top: 60px;
}
#payment,
#delivery {
   margin-top:-60px;
  padding-top:60px;
}
#deliBox {
	padding: 0 0 20px 0;
	width: 100%;
	max-width: 600px;
}
#deliBox.cash {
	padding: 0 0 20px;
	width: 100%;
	max-width: 600px;
}

#deliBox dl {
    display: table;
	width: 100%;
	border-right:solid 1px #ccc;
}
#deliBox dl:last-child {
	border-bottom:solid 1px #ccc;
}
#deliBox dt {
	color: #333;
	width: 80%;
	background: #f5f5f5;
}
#deliBox dd {
	color: #356A9E;
	text-align:right;
}
#deliBox dt,#deliBox dd {
    padding: 5px 10px;
    display: table-cell;
    vertical-align: middle;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.prd_lst_pager_next span,
.prd_lst_pager_prev span {
	display: none;
}
.prd_lst_pager_prev a,
.prd_lst_pager_next a{
	color: #666;
	background: linear-gradient(transparent 70%, #ffff66 70%);
}
.prd_lst_pager_prev a:hover,
.prd_lst_pager_next a:hover {
	color: #222;
}
.def_lst_dd .payment_img {
	margin: 0 5px 0 0;
}
#classicList {
	width: 93%;
	padding: 40px 0;
	margin: 0 auto;
}
#classicList .photo {
	width: 15%;
	float: left;
	overflow: hidden;
	margin: 0 15px 0 0;
}
#classicList .photo img {width: auto; height: 150px; margin: 0 0 0 -30%;}
#classicList .set .photo img {
    width: 100%;
    height: auto;
    margin: 0;
}
#classicList .set .photo {
	width: 35%;
	float: left;
	margin: 0 25px 10px 0;
}

#classicList .classic_tag {
	color: #356A9E;
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.6em;
}
#classicList .classic_tag span {
	font-size: 2.0em;
	margin: 0 0 0 10px;
}
#classicList h3 {
	font-size: 1.3em;
	margin: 0 0 10px;
}
#classicList .txt {
	line-height: 1.8em;
	color: #666;
}
#classicList .txt .clear {
    clear: both;
    display: block;
}
#classicList .txt b {
	display: block;
}
#classicList li {
	margin: 0 0 25px;
	position: relative;
}
#classicList li a {
	display: block;
	padding: 25px 19% 25px 25px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-sizing: border-box;
}
#classicList li a:hover {
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
#classicList li a .bg_photo {
	position: absolute;
	right: -5%;
	top: 0;
	width: 22%;
	height: 100%;
	overflow: hidden;
}
#classicList li a .bg_photo img {
	width:auto;
	height: 100%;
	margin: 0 0 0 -30%;
}
#classicList li.set a {
	padding: 25px 25px 25px 25px;
}
.ribbon_area {
    position: absolute;
    top: -7px;
    right: -5px;
    width: 89px;
    height: 91px;
    overflow: hidden;
	z-index: 10;
  }

.ribbon14 {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    left: -23px;
    top: 22px;
    width: 160px;
    text-align: center;
    font-size: .9em;
    line-height: 16px;
    background: #ffa520;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
}

.ribbon14:before,.ribbon14:after{
    position: absolute;
    content: "";
    border-top: 4px solid #b2751b;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px;
}

.ribbon14:before{
    left: 14px;
}

.ribbon14:after{
  	right: 18px;
}
#teibanLink {
	position: relative;
}
#teibanLink #svg_logo {
    position: absolute;
    right: 7%;
    bottom: 37%;
    width: 33%;
	-webkit-transition: all .5s;
transition: all .5s;
}
#teibanLink:hover #svg_logo {
	opacity: .7;
}
#totoLink {
	position: relative;
}
#totoLink #svg_toto {
    position: absolute;
    right: 25%;
    top: 16%;
    width: 50%;
	-webkit-transition: all .5s;
transition: all .5s;
}
#totoLink:hover #svg_toto {
	opacity: .7;
}
#point500 {
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background:rgba(252,244,40,0.69);
}
#wineguide {
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
	color: #333;
	line-height: 1.8em;
	font-size: 1.1em;
}
#wineguide img {
	width: 100%;
	height: auto;
	display: block;
	margin: 10px 0;
}
#wineguide h4 {
	color: #356A9E;
}
#wineguide .shop_data {
	line-height: 1.8em;
}
#wineguide .shop_data dt {
	width: 80px;
	float: left;
}
#importer {
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
	color: #333;
	line-height: 1.8em;
	font-size: 1.2em;
	overflow: hidden;
}
#importer ul {
	width: 50%;
	float: left;
}
#importer h4 {
	color: #356A9E;
	font-size: 1.2em;
	margin: 0 0 10px;
}
#importer li {
	padding: 0 0 0 5px;
}
#importer li:before {
    content: '・';
    margin: 0 5px 0 0;
}
@media screen and (min-width: 1024px) {
	.sp {display: none;}
}
@media screen and (max-width: 1023px) {
    /* 1023px以下用（タブレット用）の記述 */
.pc {
	display:none;
}
	#sp_cart {
    position: absolute;
    right: 13px;
    top: 8px;
    font-size: 2.3em;
}
	#sp_cart a {
    padding: 2px 10px;
    color: #333;
    display: block;
}
/*ボタン*/
#button {
	position:absolute;
	left: 11px;
    top: 10px;
    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;*/
	background-color:#333;
}
#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;*/
}

.sb-active #button span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.sb-active #button span:nth-of-type(2) {
	opacity: 0;
}
.sb-active #button span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	width: 100%;
}

footer .txt {
    line-height: 1.6em;
    font-size: .9em;
    margin: 0 0 15px;
    letter-spacing: 0.03em;
}
header h1 {
    top: 13px;
    left: 70px;
}
	#main {width: 100%;}
#mainslider li p,
#mainslider li a {
	display: none;
}
#mainslider li a.mainLink p,
#mainslider li a.mainLink {display: block;}
#mainslider li a .linkBox p {
    display: inline-block;
    padding: 3px 8px;
    margin-bottom: 3px;
    background: #8B8F93;
    font-size: 2.0em;
    font-style: normal;
    color: #FFF;
}
#mainslider .linkBox {
	position: absolute;
	bottom: 40px;
	left: 40px;
}
#mainslider li p.small {
	font-size: 1.3em;
}
	.bx-wrapper .bx-pager {
	}
/* ------------------------------------------------------------ */
/* サイドバー */
/* ------------------------------------------------------------ */
	#sp_sidebar {
		padding: 0 0 20px;
		  -webkit-overflow-scrolling: touch;
	}
    #sp_sidebar #sideCart a{
        color: #FFF;
    }
	#sp_serchBox {
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	background: #f5f5f5;
	line-height: 50px;
	color: #999;
	padding: 0;
	position: relative;
}
#sp_serchBox .sBox {
	width: 100%;
	height: 50px;
	display: block;
	box-sizing: border-box;
	padding: 0 50px 0 10px;
	font-size: 1.1em;
	border: none;
	outline: 0;
}
#sp_serchBox .sBtn {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 50px;
	display: block;
	box-sizing: border-box;
	border-style:none;
	background: #fff;
	font-family: FontAwesome /*FontAwesomeをフォント指定*/;
	font-size: 1.3em;
	color: #356A9E;
	outline: 0;
}
#sp_serchBox .sBtn:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: #000;
}

	#sp_sidebar h1 {
		padding: 10px 15px;
		color: #fff;
		font-weight: normal;
		font-size: 1.1em;
		background: #356A9E;
		box-sizing: border-box;
	}
	#sp_sidebar a {color: #4f5559;}
	#sp_sidebar h2 a {
		padding: 8px 20px;
		display: block;
		font-size: 1.1em;
		font-weight: normal;
		/*background:#676f76;*/
	}
	#sp_sidebar h2 a:before {
			content:'\f041';
		font-family: FontAwesome;
		margin:0 6px 0 0;
	}
	#sp_sidebar h2.tag a:before {
			content:'\f02b';
		font-family: FontAwesome;
		margin:0 6px 0 0;
		font-size: .9em;
	}
	#sp_sidebar li a {
		padding: 5px 10px 5px 18px;
		display: block;
		position: relative;
		font-size: 1.0em;
	}
	#sp_sidebar .shopNav a {
    padding: 7px 10px 7px 18px;
    display: block;
    position: relative;
    font-size: 1.1em;
}
	#sp_sidebar li a:before {
			content:'・';
		margin:0 5px 0 0;
	}
	#sp_sidebar .catList {
		margin: 0 ;
	}
	#sp_sidebar h2 a {
		position: relative;
	}
	#sp_sidebar h2 a:after,
	#sp_sidebar li a:after {
    position: absolute;
    top: 0;
    width: 4px;
    height: 4px;
    margin: auto;
    border-top: 1px solid #4f5559;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	right: 23px;
    border-right: 1px solid #4f5559;
    content: ' ';
    display: block;
    bottom: 0;
}
	#sp_sidebar ul.accordion > li > ul > li > ul > li a {
		    padding: 6px 10px 6px 18px;
}
	#sp_sidebar ul.accordion > li > ul > li > p span {
    padding: 6px 10px 6px 25px;
    font-size: .9em;
}
    #sp_sidebar ul.accordion > li > ul > li > a {
        background: #E6E6E6;
    }
#single_Ph {
	width: 90%;
	margin: 0 5% 20px;
	float: none;
}
#single_Ph .single-pager {
	width: 100%;
	letter-spacing: -.4em;
	box-sizing: border-box;
	padding: 5px 0;
}
#single_Ph .single-pager a {
	width: 24%;
	margin: 0 .5%;
	display: inline-block;
    letter-spacing: normal;
}
#single_Ph .single-pager a img {
	width: 100%;
	height: auto;
}
#single #dataBox {
	width: 90%;
	float: none;
	margin: 0 5% 20px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	z-index: 5;
	padding: 30px 40px;
}
#dataBox .txt {
	margin: 0 0 20px;
	color: #333;
	line-height: 1.8em;
}
	#subTitle #pankuz li a {
		font-size: .9em;
	}
#sp_cart .header-tools__count {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 16px;
	height: 16px;
	font-size: 10px;
	text-align: center;
	line-height: 16px;
	border-radius: 10px;
	background: #f00;
	color: #fff;
	font-weight: bold;
}
	header {height: 50px;}
	#wrapper {padding: 50px 0 0;}
	#subTitle.serch_title {
    padding: 40px 0 30px;
}
	input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
	header h1 span.sp {
    display: inline-block;
    margin: 0 0 0 13px;
    font-size: 10px;
    font-weight: normal;
    color: #555;
    line-height: 1.4em;
    position: absolute;
    width: 180px;
}
#classicList li a {
	padding: 25px;
}
	#classicList li a .bg_photo {display: none;}
#s_2345561:before,
#s_2345560:before,
#s_2345559:before,
#s_2345558:before,
#s_2345557:before,
#s_2345555:before,
#s_2355969:before,
#sp_sidebar h2 .classic:before{
		content:'\f02b' !important;
    font-family: FontAwesome;
	margin:0 6px 0 0;
	font-size: .9em;
}
.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -15px !important;
    width: 100%;
}
	.bx-wrapper .bx-pager.bx-default-pager a {
    width: 6px !important;
    height: 6px!important;
    margin: 0 2px!important;
    outline: 0;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
	}
	footer h2 a img,
	footer h2 a:hover img{
    transform: none;
}
	#d_free {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 130px;
    height: auto;
    z-index: 15;
}
	#sp_log {
    position: absolute;
    right: 58px;
    top: 12px;
    font-size: 2.2em;
}
	#importer {
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
	color: #333;
	line-height: 1.8em;
	font-size: 1.1em;
	overflow: hidden;
}

}/* 1023px */
@media screen and (min-width: 768px) {
	.spOnly {display: none !important;}
}
@media screen and (max-width: 767px) {
    /* 767px以下用（タブレット／スマートフォン用）の記述 */
	#mSlideBox {
    width: 100%;
    float: none;
     overflow: initial;
    margin: 0 0 25px;
    position: relative;
}
	#mBnBox {
    width: 98%;
		margin: 0 auto;
    float: none;
		overflow: hidden;
}
	#mBnBox a {
		width:48%;
		float: left;
		margin: 0 1%
	}
	.spNone {display: none;}
	footer h2 {
		width: 60px;
		margin: 0 auto 25px;
	}
	footer h2 img {
		width: 100%; height: auto;
	}
	.itemList li {
		    width: 44%;
    margin: 0 3% 20px;
	}
	.itemList li a h1 {
		padding: 5px 3px;
		font-size: .9em;
		line-height: 1.5em;
	}
	#main h2 span {padding: 0 20px;}
	#sp_cart {
		position: absolute;
		right: 10px;
		top: 9px;
		font-size: 2.3em;
	}
	#sp_cart a {
		padding: 2px 10px;
		/*color: #fff;*/
		color: #333;
		display: block;
	}
	#sp_log {
    position: absolute;
    right: 58px;
    top: 12px;
    font-size: 2.2em;
}
	#banner a {
    display: block;
    width: 100%;
    float: none;
    height: 150px;
    position: relative;
}
#banner #onlineBn {
		line-height: 150px;
		font-size: 36px;
}
	#banner #zineBn {
		line-height: 150px;
		font-size: 50px;
	}
#mainslider li .linkBox p {
    display: inline-block;
    margin-bottom: 3px;
    font-size: 1.1em;
    font-style: normal;
    color: #FFF;
}
#mainslider .linkBox {
	position: absolute;
	bottom: 17px;
	left: 20px;
}
    .banner_box {
        display: block;
    }   
    .banner_box a{
        width: 48%;
        margin: 0 1% 8px ;
        float: left;
    }
    .banner_box a:last-child {
        margin: 0 1% 8px ;
    }
    #seller_list {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 20px;
          overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  display: flex;
    }
    #seller_list li {
      width: 100%;
        margin: 0 5px ;
  min-width: 140px;
        padding: 10px 0 0;
}
	#dataBox .txt {
		font-size: .9em;
	}
	#dataBox dt {
    width: 60px;
}
	#dataBox dd {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px)
	}
#mainslider li p.small {
	font-size: .6em;
}
	#single {
		padding: 40px 0 0;
	}
	#single h1#title {
		font-size: 1.1em;
		margin: 0 0 40px;
		padding: 0 10%;
	}
	#single #dataBox {
		padding: 0 5px;
	}
	#single:before {
		height: 200px;
		background-size: auto 100%;
		background-attachment:inherit;
	}
	#dataBox h3 {
    font-size: 1.1em;
    margin: 0 0 5px;
	}
	#dataBox dl {
    font-size: .9em;
    margin: 0 0 5px;
	}
#winemaker {
    width: 100%;
    padding: 20px;
    font-size: .9em;
}
	#historyBox,#recomendBox {padding: 5px 0 0;}
	#winemaker h3 {
		font-size: 1.1em;
		margin: 0 0 5px;
	}
	#main h2 {
		font-size: 1.3em;
	}
	#main #single h2 {
		font-size: 1.2em;
	}
	.itemList li span.price {font-size: .8em;}
	#subTitle h1 {
		font-size: 1.2em;
		margin: 0 0 30px;
	}
	#subTitle.classic h1 {
    margin: 0 0 5px;
}
	.classic_txt {
    width: 80%;
    margin: 0 auto;
    text-align: center;
		font-size: .9em;
		text-align: left;
		margin: 0 auto 30px;
}
	.classic_txt br {display: none;}
	#subTitle #pankuz {
		position: relative;
		padding: 5px 15px;
	}
	#subTitle #pankuz li a{font-size: .7em;}
	#subTitle {
		padding: 40px 0 0;
		background-size: cover;
		background-attachment:inherit;
	}
	#subTitle #pankuz li:before {
    content: '/';
    margin: 0 4px 0;
    font-size: 10px;
}
	header {
		height: 50px;
	}
	#wrapper {
		padding: 50px 0 0;
	}
	#subTitle.serch_title {
    padding: 40px 0 10px;
}
	.grp_lst {
		padding: 15px 0 0;
	}
	.grp_lst_unit {
    width: 31.333%;
    margin: 0 1% 5px;
    font-size: .8em;
}
	.prd_lst_pager li{font-size: .8em;}
	.prd_lst_sort {
		font-size: .8em;
		padding: 20px 0;
		margin: 0 0 10px;
	}
	footer .no20 {font-size: 1.0em;}
	.pageSec {
	margin: 0 auto;
	color: #666;
	line-height: 1.8em;
	padding: 20px 0;
		font-size: .9em;
}
	.pageSec h3 {
		padding: 20px 0 5px;
	}
#info .def_lst {
	display:inherit;
}
#info .def_lst dt,
#info .def_lst dd{
	padding: 0px;
	display:inherit;
	vertical-align: top;
}
#info .def_lst dt {
	width: 100%;
	color: #333;
}
	#info .def_lst dd {
		margin: 0 0 10px;
	}
	header h1 {
    top: 13px;
    left: 60px;
    height: 22.2px;
    width: 57px;
}
	header h1 img {
    width: auto;
    height: 26px;
}
	.itemList li a .icon_new {
	position: absolute;
	top: -8px;
	left: -8px;
	z-index: 5;
		width: 30px;
}
.itemList li a h1 img {
    position: absolute;
    top: -8px;
    left: -8px;
    z-index: 5;
	width: 30px;
	height: 32.5px;
}
#single h1#title img {
	margin: 0 5px 0 0;
	width: 20px;
	height: auto;
}
#deliBox dt {
	color: #333;
	width: 75%;
	background: #f5f5f5;
}
#winemaker img {
    float: none;
    margin: 10px auto;
    max-width: 100%;
    height: auto;
	display: block
}
	#winemaker.group-1753244 img {
		float: left;
		    margin: 0 0 20px;
	}
	#winemaker.group-1753244 .daily_txt br {display: none;}
	#classicList .classic_tag {
	color: #356A9E;
	font-size: 1.1em;
	font-style: italic;
}
	#classicList .photo {
		width: 20%;
	}
#classicList .classic_tag span {
	font-size: 1.9em;
	margin: 0 0 0 8px;
}
#classicList h3 {
	font-size: 1.0em;
	margin: 0 0 5px;
	font-weight: normal;
}
#classicList .txt {
	line-height: 1.7em;
	color: #333;
	font-size: .9em;padding: 0 2px;
	clear: both;
	background: rgba(255,255,255,0.9);
}
#classicList li a {
	display: block;
	  padding: 25px 15px 25px 100px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	height: 260px;
}
	#classicList {
		padding: 20px 0;
		width: 91%;
	}
	#classicList li {
		margin: 0 0 20px;
	}
	.ribbon14 {
		font-size: .8em;
	}
	#classicList li a .bg_photo {
display: block;
    height: 100%;
    width: 90px;
    z-index: 3;
    left: 0;
    overflow: hidden;
}
	#classicList li a .bg_photo img {
opacity: .9;
    width: auto;
    height: 100%;
    position: absolute;
    left: -110%;
    top: 0;
    display: block;
	}
	#classicList li a .photo {
		    display: none;
}
	#classicList .txt,
	#classicList h3,
	#classicList .classic_tag{
		position: relative;
		z-index: 5;
	}
	#classicList li.set a {
		height: auto;
	}
		#classicList li.set a .photo {
		    display: block;
}
#point500 {
font-size: .9em;
	}
	#wineguide {
    padding: 15px 0;
		font-size: 1.0em;
	}
	#d_free {
	position: absolute;
	right: 13px;
	top: 13px;
	width: 90px;
	height: auto;
	z-index: 15;
}
#importer ul {
	width: 100%;
	float: none;
	margin: 0 auto 40px;
}
#importer {
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
	color: #333;
	line-height: 1.8em;
	font-size: 1.0em;
	overflow: hidden;
}
	#newSlide .bx-wrapper .bx-viewport {
		max-height: 250px !important;
	}
	#newSlide .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -20px !important;
}
	#newSlide .bx-wrapper .bx-caption {
    bottom: 30px;
    width: 100%;
    box-sizing: border-box;
    background: none;
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px;
	}
    #seller_list{
        width: 80%;
    }
    .banner_box {
        overflow: hidden;
    }
}/* 767px */

@media screen and (max-width: 479px) {
    /* 479px以下用（スマートフォン用）の記述 */
}