@charset "utf-8";
/* CSS Document */
#wine_Contents {
width:100%;
max-width:1000px;
margin:auto auto;
font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;
}

/* spec */
#wine_Contents_spec{
width:100%;
}

.wine_Contents_spec{
min-width:1000px;
margin:0 auto;
padding-bottom: 40px;
}

div#wine_Contents .wine_Contents:after{
clear:both;
display:block;
}

div#wine_Contents a img:hover{
opacity: 0.90;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
}

#wine_Contents .Breadcrumbs_list{
width:1200px;
margin:auto;
font-size:14px;
line-height:22px;
color:#333;
}

#wine_Contents .Breadcrumbs_list a{
font-size:14px;
line-height:22px;
color:#333;
}

#wine_Contents .Breadcrumbs_list a:hover{
color:#E20136;
}

#wine_Contents .wine_Contents a{
text-decoration:none;
}

#wine_Contents.wine_Contents a:hover{
color:#999;
transition: background-color 0.5s ease-in;
-webkit-transition: background-color 0.5s ease-in;
text-decoration:none;
}

#wine_Contents .text_red{color:#d30100;}
#wine_Contents .tgreen{color:#005f51;}

div#wine_Contents .wine_Contents_back{
background-color: #04001f;
}

div#wine_Contents .wine_Contents_back_rank{
background-color: #fff;
width: 780px;
margin: auto;
}

div#wine_Contents .wine_Contents_h1 {
max-width: 1000px;
margin: 0 auto;
}

div#wine_Contents .Update{
font-size: 12px;
line-height: 20px;
padding:10px 30px 10px 10px;
color:#ffffff !important;
text-align: right;
}
div#wine_Contents .Update p {
  color:#ffffff;
}
div#wine_Contents .Update span{
color:#ffffff !important;
}

div#ranking{
width:100%;
}

div#ranking .ranking {
display: flex;
max-width: 1000px;
min-width: 700px;
}

div#ranking  .photoBox {
width: 230px;
}

div#ranking .textBox p {
width: 230px;
color:#333;
}

div#ranking .textBox p.item_text:hover{
color:#999;
text-decoration: none;
}

.photobox {
display: block;
}

div#ranking .indexItem {
display: inline-block;
vertical-align: top;
width:245px;
margin:20px 0 0 10px;
}

div#ranking .indexItem:hover{
color:#999;
}

div#ranking .item_text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
padding: 5px 2px;
text-decoration: none;
width: 185px;
height: 42px;
font-size: 13px;
line-height: 19px;
}

div#ranking .textBox {
padding: 5px 5px;
width: 190px;
}

div#ranking .price {
font-size: 12px;
line-height:20px;
color: #333;
padding-top: 15px;
}

div#ranking .color-price {
font-size:22px;
color:#e20136;
}

div#ranking .color-free {
font-size:12px;
color:#1da003;
}

div#ranking .Per_one{
color:#e20136;
}

.responsive5by6 {
padding-top:0;

}
.responsive {
display: block;
overflow: hidden;
position: relative;
height: 100%;
}
.photoimg.columnCount3 .photobox .photoBadge {
left: 8px;
top: 7px;
}

.photobox .photoBadge {
position: absolute;
}

.badge {
border-radius: 30px;
width: 30px;
font-size: 18px;
line-height: 30px;
}

.badge {
background-color: #e20136;
color: #ffffff;
}
.badge {
display: inline-block;
position: relative;
z-index: 1;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
vertical-align: middle;
word-wrap: normal;
white-space: nowrap;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.badge_Recommended {
width: 30px;
line-height: 30px;
background-color: #e20136;
color: #ffffff;
font-size: 10px;
}

.photobox .photoimg {
width: 220px;
height: 220px;
}

/* btn */
div#wine_Contents .kwsk_btn{
display:block;
width:320px;
height:50px;
font-size:20px;
line-height:50px;
color:#fff;
background-color:#000;
border: 1px solid #000;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align:center;
text-decoration:none;
transition: background-color 0.5s ease-in;
-webkit-transition: background-color 0.5s ease-in;
margin:2px auto;
}
div#wine_Contents .kwsk_btn:hover{
color:#fff;
background-color:#666;
text-decoration:none;
}


div#wine_Contents .kwsk_btn_margin{
margin:10px auto;
}

div#wine_Contents .wine_Contents_bottom{
border-bottom:2px #d50202 solid;
padding:30px 0;
}

/*------------------------------------------
PCの時に非表示
------------------------------------------*/
div#sp_fvImg,.SP_item_Img {
display:none;
}

/* clearfix */
.clearfix:after {
display: block;
content: ".";
clear: both;
height: 0;
visibility: hidden;
}
.clear{clear:both;}

@media all and (min-width: 0) and (max-width: 640px) {
/*------------------------------------------
SPの時に非表示
------------------------------------------*/
div#pc_fvImg,div#pop-box,#off,.PC_item_Img {
display:none;
}

div#sp_fvImg,.SP_item_Img{
display:block;
width:100%;
}

#wine_Contents {
width:100%;
overflow : hidden ;
font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;
}

#wine_Contents .Breadcrumbs_list {
width: 100%;
margin: auto;
font-size: 12px;
line-height: 18px;
color: #333;
}

div#wine_Contents .wine_Contents_h1 {
top: -10px;
width: 100%;
margin: 0 auto;
}

div#wine_Contents .fl{
float:left;
}
div#wine_Contents .fr{
float:right;
}

div#wine_Contents .wine_Contents_copy{
font-size:16px;
line-height:28px;
text-align:center;
padding:20px 0;
}

div#wine_Contents .wine_Contents_back_rank {
background-color: #fff;
width: 100%;
margin: auto;
}

div#wine_Contents .tgreen{color:#005f51;}

div#wine_Contents .shohinborder{
border-bottom:1px solid #005f51;
padding-bottom:20px;
margin-bottom:30px;
}

div#wine_Contents .Update{
font-size: 12px;
line-height: 20px;
padding:10px 30px 10px 10px;
color:#ffffff;
text-align: right;
}

/* spec */
#wine_Contents_spec{
width:100%;
}

.wine_Contents_spec{
width:100%;
margin:0 auto;
}

div#ranking{
width:100%;
}

div#ranking  .photoBox {
display: inline-block;
vertical-align: top;
width: 20%;
}

div#ranking .textBox p {
width: 80%;
color:#333;
}

div#ranking .textBox p.item_text:hover{
color:#999;
text-decoration: none;
}

div#ranking .indexItem {
display:block;
vertical-align: top;
width:90%;
margin:5px 0;
padding:5px 8px;
}

div#ranking .indexItem:hover{
color:#999;
}

div#ranking .item_text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
padding: 5px 2px;
text-decoration: none;
width: 100%;
height: 80px;
font-size: 13px;
line-height: 19px;
}

div#ranking .textBox {
display: inline-block;
padding: 5px 0;
width: 25%;
}

div#ranking .price {
font-size: 12px;
line-height:20px;
color: #333;
padding-top: 15px;
}

div#ranking .color-price {
font-size:22px;
color:#e20136;
}

div#ranking .color-free {
font-size:12px;
color:#1da003;
}

div#ranking .Per_one{
color:#e20136;
}

.responsive5by6 {
padding-top:0;

}
.responsive {
display: block;
overflow: hidden;
position: relative;
height: 100%;
}
.photoimg.columnCount3 .photobox .photoBadge {
left: 8px;
top: 7px;
}

.photobox .photoBadge {
position: absolute;
}

.badge {
border-radius: 30px;
width: 30px;
font-size: 18px;
line-height: 30px;
}

.badge {
background-color: #e20136;
color: #ffffff;
}
.badge {
display: inline-block;
position: relative;
z-index: 1;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
vertical-align: middle;
word-wrap: normal;
white-space: nowrap;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.badge_Recommended {
width: 30px;
line-height: 30px;
background-color: #e20136;
color: #ffffff;
font-size: 10px;
}

.photobox .photoimg {
width: 100%;
}

/* btn */
div#wine_Contents .kwsk_btn{
display:block;
width:320px;
height:50px;
font-size:20px;
line-height:50px;
color:#fff;
background-color:#000;
border: 1px solid #000;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align:center;
text-decoration:none;
transition: background-color 0.5s ease-in;
-webkit-transition: background-color 0.5s ease-in;
margin:2px auto;
}
div#wine_Contents .kwsk_btn:hover{
color:#fff;
background-color:#666;
text-decoration:none;
}

div#wine_Contents .kwsk_btn_margin{
margin:10px auto;
}

div#wine_Contents .wine_Contents_bottom{
border-bottom:2px #d50202 solid;
padding:30px 0;
}
.sns{
width: 100%;
text-align: center;
}
.sns li{
display: inline-block;
width: 10%;
margin: 5px;}
}