﻿@charset "UTF-8";

/***************************************************
	collection.css
***************************************************/
#collection .headline {
    background: url(/img/collection/main.jpg) center center no-repeat;
    background-size: cover;
}

/*--- info01 ---*/
#info01 {
    margin-bottom: 80px;
    padding: 90px 0;
    background: url(/img/collection/bg01.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
}
#info01 .main_txt {
    margin-bottom: 90px;
    font-size: 32px;
    line-height: 2;
}
#info01 .sub_txt {
    margin-bottom: 90px;
    font-size: 24px;
    line-height: 2.8;
}
#info01 .sub_txt:last-child {    margin-bottom: 0;}

/*--- info02 ---*/
#info02 {    margin-bottom: 90px;}
#info02 .ttl03 {
    /*font-size: 35px;*/
	font-size: 34px;
    margin-bottom: 70px;
}
/*#info02 .ttl03 span {
    padding-top: 15px;
    vertical-align: text-top;
}*/
#info02 .d-m-flex {    justify-content: space-between;}
#info02 .item {    width: 48%;}
#info02 .item img {    width: 100%;}
#info02 .txtBox {
    margin-left: auto;
    margin-bottom: 90px;
}
#info02 .txtBox p {   font-size: 20px; line-height: 2.5;}

.collectionItemList ul {
display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.collectionItemList li {
	width:48%;
	display:table;
	float:left;
	margin-left:2%;
	min-height:390px;
}

.collectionItemList li:nth-child(odd) {
	margin-left:0;
}

.collectionItemListImg {
	width:40%;
	display:table-cell;
	vertical-align:top;
}

.collectionItemListImg img {
	width:100%;
	height:auto;
}

.collectionItemListInfo {
	display:table-cell;
	vertical-align:top;
	padding-left:40px;
}

.collectionItemListInfo h3 {
	font-size:22px;
}
.collectionItemListPrice {
	color: #59040b;
font-size: 28px;
}
.collectionItemListPrice span {
font-size: 16px;
}

.collectionItemText01 {
	font-size:22px;
}

@media only screen and (max-width: 768px) {
    /*--- info01 ---*/
    #info01 {
        margin-bottom: 40px;
        padding: 50px 0;
    }
    #info01 .main_txt {
        margin-bottom: 40px;
        font-size: 20px;
        line-height: 2.2;
    }
    #info01 .sub_txt {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 2.2;
    }
    
    /*--- info02 ---*/
    #info02 .ttl03 {    margin-bottom: 40px;}
    #info02 .item {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
         }
    #info02 .item img {    max-width: 280px;}
    #info02 .txtBox p {    font-size: 18px; text-align: left; line-height: 2.2;}


.collectionItemList li {
	width:100%;
	min-height:100%;
	float:none;
	display:block;
	margin-left:0;
	border-bottom:1px dashed #CCC;
margin-bottom: 28px;
}


.collectionItemListImg {
	width:40%;
	vertical-align:top;
	text-align:center;
}

.collectionItemListImg img {
	width:100%;
	height:auto;
}
.collectionItemListInfo {
	padding-left:0;
}
.collectionItemListInfo h3 {
	font-size:18px;
}
.collectionItemListPrice {
	color: #59040b;
font-size: 28px;
}
.collectionItemListPrice span {
font-size: 16px;
}

.collectionItemText01 {
	font-size:18px;
}

}
/*--- 新着ワイン(メルマガ)---*/
.order li {
  font-size: 20px;
  line-height: 2;
  list-style: circle;
/*  counter-increment: list;*/
/*  display: table-row*/
}
/*.order li::before{
  content: counter(list)".";
  font-size: 36px;
  color: #59040b;
  padding: 0 20px 0 0;
  display: table-cell;
}*/
.order ul {
/*  display: table;*/
}
.order {
  padding: 0 20px;
}

.font {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
@media only screen and (max-width: 768px){
.order li {
    font-size: 16px;
}
  }
@media only screen and (max-width: 768px){
.order li::before{
    font-size: 18px;
  padding: 0 8px 0 0;
}
  }
@media only screen and (max-width: 768px){
.br-sp{
    display: block!important;
}
  }
.br-sp{
    display: none;
}

@media only screen and (max-width: 768px){
.ttl03{
    font-size: 25px!important;
}
  }

/*ボタン*/
.btn_list{
  padding-top: 50px;
}
@media(min-width:1025px){
.btn_list {
  display: flex;
  }
  }

.btn_list01 a {
  display: block;
    padding: 10px;
    border: 1px solid #59040b;
    border-radius: 3px;
    background: #59040b url(/img/common/arr07.png) 95% 50% no-repeat;
    background-size: 14px auto;
    color: #fff;
    font-size: 25px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn_list01 a:hover {
    background: #fff url(/img/common/arr08.png) 97% 50% no-repeat;
    background-size: 14px auto;
    color: #59040b;
}

.btn_list01 {
  width: 100%;
  padding: 0 15px;
}
@media only screen and (max-width: 767px){
  .btn_list01 a {
    font-size: 18px;
  }
  }
@media only screen and (max-width: 767px){
.btn_list01 {
    padding: 10px 0
  }
  }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .btn_list01 {
    width: 85%;
    margin: 30px;
  }
}
/*トップ画像*/
#newarrival_wine .headline {
    background: url(/img/newarrival_wine/main-newarrival_wine.jpg) center center no-repeat;
    background-size: cover;
}