@charset "utf-8";
/* CSS Document */


#top-img3 .container {
    width: auto!important;
    max-width:1260px;
    padding:0 60px;
}
#top-img3 {
    background: #eef4ee url(../img/back_tea.jpg) no-repeat center center;
    min-height: 580px;
    padding: 80px 0;
    background-size: cover;
    padding-bottom: 20px;
    margin-bottom: 0;
    padding-bottom: 10px;
}
	#top-img3 h2{padding:30px 0px;color: #fff;text-align:left;}
#top-img3 h2 img{width:550px;}
#purchase{
    background-image: url(../img/bg-left.png),url(../img/bg-right.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
    padding: 50px 0;
    min-height: 670px;
}

#purchase h2{
    font-size: 30px;
    color: #004334;margin-bottom:0;
}

.purchase-wrap{
    max-width: 100%;
    background: rgba(255,255,255,0.8);
    position: relative;
}

.purchase-wrap.container{width: 1470px;}

.kaimotome li{list-style-type:none;}
.kaimotome ul{padding-left:0;}


.tab {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;}


.shop-list2{
    padding: 30px;border:1px solid #ccc;box-sizing:border-box;positon:relative;
}
.shop-list2 th {
    width: 20%;
    min-width: 120px;    color: #004334;font-size: 13px;    padding: 5px;
}.shop-list2 td{width:80%;font-size: 13px;    padding: 5px;}

.shop-list2{
list-style-type:none;padding-bottom:70px;
}
.sns_ico{width:32px;height:auto;}

.comi_soon{    padding: 80px 20px;
    background: #eee;
    text-align: center;
    font-size: 24px;}

a img.linkimg{
background:none!important;
}
 

a:hover img.linkimg{
transition: all .3s ease-in-out;
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

.shop-list2 p{    text-align: justify;
    text-justify: inter-ideograph;}

.shop-list2 h4 {
    font-size: 15px;
        line-height: 1.4;}
.shop-box2 {
    /* margin-top: -200px; */
    position: relative;}

.kaimotome .mb40 {
    margin-bottom: 40px!important;
}

.kaimotome .btn-success {
    color: #fff;
    background-color: #f0832b;
    border-color: #f0832b;
    width: 300px;
    margin: 0 auto;
    display: table;
    font-size: 20px;
    margin-bottom: 20px;transition: all 0.3s ease-in;
    position: absolute;
    z-index: 1;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.kaimotome .btn-success:hover{
        color: #f0832b;
    background-color: #fff;
    border-color: #f0832b;transition: all 0.3s ease-in;
    
}
.kaimotome .btn-success2 {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.kaimotome .btn-success2:hover{
        color: #5cb85c;
    background-color: #fff;
    border-color: #4cae4c;
    
}


.table td a{word-break: break-all;}

.shop-list2 h3{margin-top:0;text-align:left;font-size: 20px;
    border-bottom: 1px solid #004334;
    padding-bottom: 10px;
    margin-bottom: 16px;}

.shop-list2 .table{margin-top: 20px;}

.hide1{
    display: none;
}



.tab {
    overflow: hidden;
    margin-bottom: -2px;
    margin-top: 30px;
}
.tab > li {
    margin: 0 0.5%;
    padding: 10px 10px;
    /* float: left; */
    cursor: pointer;
    background: #004334;
    border: 2px solid #004334;
    border-bottom: 0;
    color: #fff;
    width: 32.3%;
    font-size: 18px;
    padding-bottom: 10px;
    border-radius: 10px 10px 0 0;text-align:center;}
.tab > li.select {
    background: #fff;
    border: 2px solid #004334;
    border-bottom: 0;
    color: #004334;
}

.kaimotome ul.content{margin-bottom:100px;}
ul.content > li {
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #004334;text-align:left;
}

.sns_wrap{display:inline-block;margin: 0;}
.sns_wrap a{display:block;}
.sns_wrap li{display:inline-block;margin:0 4px;}
@media screen and (max-width: 1300px) {

#top-img3 .col-lg-9 {
    width:auto;
}

    #top-img3 .container.row{    width:auto;
}
}
@media screen and (max-width: 1100px) {
    
}
@media screen and (max-width: 767px){
    #purchase{
    padding-top: 50px;}
    #top-img3 h2{font-size: 30px;}
    
}
@media screen and (max-width: 580px){
    #top-img3 h2{font-size: 20px;}
}
@media screen and (max-width: 480px) {
    #top-img3 .container{padding:0 15px;}
        #top-img3 h2{font-size:17px;}
#purchase h2 {
    font-size: 20px;}
    .tab > li{font-size:14px;}
    .shop-list2 h3{font-size:16px;}
    .shop-list2 p{font-size:13px;}
    .kaimotome .btn-success {width:180px;font-size:16px;bottom: 18px;}
    .shop-list2{padding: 20px;    bottom: 16px;padding-bottom: 40px;}
    
    
    ul.content > li {
        padding: 20px;}
    
    
    #purchase{    background-size: 180px,180px;}

}