@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
/*検索キーワード----------*/
#cat-contents ._sc_suggest { font-size: 1.8em; }
/*----------検索キーワード*/
#cat-contents { width: 100%; max-width: 900px; font-size: 62.5%; font-family: 'Noto Sans Japanese', serif; margin-bottom: 10%; }
#cat-contents a { text-decoration: underline; color: #262aa9; }
#cat-contents a:hover, #cat-contents .btn:hover { text-decoration: none; position: relative; top: 2px; }
#cat-contents img { max-width: 100%; }
#cat-contents h1 {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 1.8em;
  width: 100%;
  margin: 5% 0 0;
}
#cat-contents h1 strong { font-size: 1.8em; }
#cat-contents h1:before,
#cat-contents h1:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 10em;
  height: 6px;
  content: '';
}
#cat-contents h1:before { left: 0;}
#cat-contents h1:after { right: 0;}
#cat-contents h5 { font-size: 180%;  font-weight: bold; padding: 1% 2%; color: #fff; margin: 8% 0 1% 0; }
#cat-contents .text { font-size: 170%; line-height: 160%; padding: 2% 1%; }
#cat-contents .center { text-align: center; }
#cat-contents .link-none { color: #666666; }
#cat-contents .detailed_search.block-2 , #cat-contents .detailed_search dl.rows4-france, #cat-contents .detailed_search dl.rows2, #cat-contents .detailed_search dl.rows3, #cat-contents .detailed_search dl.rows4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	padding: 1% 0 2%;
}
#cat-contents .btn-text { width: 70%; max-width: 550px; }
#cat-contents .btn-text a {
    display: block;
	text-align: center;
    font-size: 1.8em;
    letter-spacing: .05em;
    font-weight: bold;
    color: #fff;
	margin-top: 2%;
    margin-left: auto;
    margin-right: auto;
    padding: 2%;
    border-radius: 10px;
    transition: all .2s;
	text-decoration: none;
}
#cat-contents .detailed_search dl.block, #cat-contents .detailed_search dl.rows2 dd { padding: 0 2%; flex-basis: 46%; }
#cat-contents .detailed_search dl.block dd {
	margin: 0;
	padding: 0 0 0 3%;
	width: 95%;
	text-align: left;
}
#cat-contents .detailed_search dt {
	margin-bottom: 1%;
	font-size: 170%;
	line-height: 1.8em;
	text-align: left;
	background: #fff;
	padding: 1% 2%;
	border-left: 2px solid #262626;
	width: 100%;
}
#cat-contents .detailed_search dt span { border-bottom: 3px solid #fff000; }
#cat-contents .detailed_search dl dd.dd-first:before {
	content: "（　";
}
#cat-contents .detailed_search dl dd.dd-last:after {
	content: "　）";
}
#cat-contents .detailed_search dl dd {
	margin: 0 0 2%;
	padding: 0 5% 0 0;
	font-size: 170%;
}
#cat-contents .detailed_search dl.rows4-france dd {
	padding: 0 2%;
	flex-basis: 20%;
}
#cat-contents .detailed_search dl.rows4 dd {
	padding: 0 2%;
	flex-basis: 25%;
	text-align: left;
}
#cat-contents .detailed_search dl.rows3 dd {
	padding: 0 2%;
	flex-basis: 33%;
}
#cat-contents .type i { padding-right: 0.5em; }
#cat-contents .type_r i { color: #b80407; }
#cat-contents .type_w i { color: #077900; }
#cat-contents .type_sp i { color: #966b0d; }
#cat-contents .type_rs i { color: #e67b83; }
#cat-contents .type_d i { color: #ffe888; }
#cat-contents .detailed_search dl.set img:first-child { margin-bottom: 4%; }
#cat-contents .bnr p { margin: 2% 0 3%; text-align: center; }
/**/
#cat-contents .disp_PC { display: block; }
#cat-contents .disp_SP { display: none; }
/*タブレット----------*/
@media screen and (max-width:768px) {
#cat-contents .disp_PC { display: none; }
#cat-contents .disp_SP { display: block; }
#cat-contents .detailed_search dl.rows4-france dd:nth-child(1) { flex-basis: 100%; }
#cat-contents .detailed_search dl.rows4-france dd:not(:first-child) { flex-basis: 30%; }
#cat-contents .detailed_search dl.rows2.SP--f-b_100 dd { flex-basis: 100%; }
}
/*----------タブレット*/
/*スマホ----------*/
@media screen and (max-width:541px) {
#cat-contents { font-size: 52.5%; }
#cat-contents h1:before, #cat-contents h1:after { width: 3em; }
#cat-contents .detailed_search dl.block { flex-basis: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2% 0; }
#cat-contents .detailed_search dl.block dd { flex-basis: 45%; }
#cat-contents .detailed_search dl.rows3 dd.f-b100 { padding: 0 2%; flex-basis: 100%!important; }
#cat-contents .bnr { margin: 5% auto; }
#cat-contents .bnr p { padding: 0 0 4% 0; }
#cat-contents .bnr img { max-width: 95%; }
#cat-contents .btn-text { width: 90%; }
}
/*----------スマホ*/
/*ランキング----------*/
#cat-contents .index-headline.-headline-1 { max-width: 900px; margin-top: 5%; }
#cat-contents .selling-ranking { margin-bottom: 10%; }
@media screen and (max-width:541px) {
#cat-contents .selling-ranking { margin-bottom: 15%; }
}
#cat-contents .selling-ranking__wrapper { padding: 2% 0 1%; }
#cat-contents .selling-ranking.-bottle .selling-ranking__wrapper { background-color: #fff; }
#cat-contents .index-slider-inner .rank-number::before, #cat-contents .index-slider-inner .rank-number span { top: -10px; }
#cat-contents .index-slider-inner a { color: #000; text-decoration: none; }
#cat-contents .index-slider-inner .annotation-wrapper a { color: #fff; text-decoration: underline; }
#cat-contents .index-slider-inner .rank-number span { font-size: 14px; }
#cat-contents .index-box-button a { text-decoration: none; color: #fff; }
#cat-contents .selling-ranking a:hover { top: 0; }
#cat-contents .index-slider-inner { font-size: 130%; }
#cat-contents .index-slider-inner .producer-wrapper { text-decoration: underline; }
#cat-contents .index-slider-inner .producer-wrapper:hover { text-decoration: none; }
#cat-contents .index-slider-inner .producer-wrapper .picture { flex-basis: 40px; margin-right: 5px; }
#cat-contents .index-slider-inner .producer-wrapper .picture .trim { width: 40px; height: 40px; }
#cat-contents .index-slider-inner .price-wrapper .price strong { font-size: 160%; }
/*----------ランキング*/
/*赤ワイン*/
#cat-contents h1.red--1:before, #cat-contents h1.red--1:after { border-top: solid 5px #b80407; border-bottom: solid 5px #b80407; }
#cat-contents h5.red--1 { background: #b80407; }
#cat-contents .btn-text a.red--1 { background: #b80407; }
/*白ワイン*/
#cat-contents h1.white--1:before, #cat-contents h1.white--1:after { border-top: solid 5px #077900; border-bottom: solid 5px #077900; }
#cat-contents h5.white--1 { background: #077900; }
#cat-contents .btn-text a.white--1 { background: #077900; }
/*シャンパン・スパークリング*/
#cat-contents h1.awa--1:before, #cat-contents h1.awa--1:after { border-top: solid 5px #bc7b00; border-bottom: solid 5px #bc7b00; }
#cat-contents h5.awa--1 { background: #bc7b00; }
#cat-contents .btn-text a.awa--1 { background: #bc7b00; }
#cat-contents h1.awa--2:before, #cat-contents h1.awa--2:after { border-top: solid 5px #966b0d; border-bottom: solid 5px #966b0d; }
#cat-contents h5.awa--2 { background: #966b0d; }
#cat-contents .btn-text a.awa--2 { background: #966b0d; }
/*ロゼ*/
#cat-contents h1.rose--1:before, #cat-contents h1.rose--1:after { border-top: solid 5px #e67b83; border-bottom: solid 5px #e67b83; }
#cat-contents h5.rose--1 { background: #e67b83; }
/*ボルドー・イタリア*/
#cat-contents h1.red--2:before, #cat-contents h1.red--2:after { border-top: solid 5px #5f161d; border-bottom: solid 5px #5f161d; }
#cat-contents h5.red--2 { background: #5f161d; }
#cat-contents .btn-text a.red--2 { background: #5f161d; }
/*ブルゴーニュ*/
#cat-contents h1.red--3:before, #cat-contents h1.red--3:after { border-top: solid 5px #961b38; border-bottom: solid 5px #961b38; }
#cat-contents h5.red--3 { background: #961b38; }
#cat-contents .btn-text a.red--3 { background: #961b38; }
/*グランヴァン*/
#cat-contents h1.red--4:before, #cat-contents h1.red--4:after { border-top: solid 5px #5a0f14; border-bottom: solid 5px #5a0f14; }
#cat-contents h5.red--4 { background: #5a0f14; }
#cat-contents .btn-text a.red--4 { background: #5a0f14; }
/*五大シャトー*/
#cat-contents h1.red--5:before, #cat-contents h1.red--5:after { border-top: solid 5px #3d0100; border-bottom: solid 5px #3d0100; }
#cat-contents h5.red--5 { background: #3d0100; }
/*ウィスキー*/
#cat-contents h1.whisky:before, #cat-contents h1.whisky:after { border-top: solid 5px #962d11; border-bottom: solid 5px #962d11; }
#cat-contents h5.whisky { background: #962d11; }

/* ********** */

#cat-contents { font-size: 65%; }
#cat-contents h1:before, #cat-contents h1:after { width: 6em; }
.flag:before { width: 30px; height: 20px; display: inline-block; background-size: contain; vertical-align: baseline; margin-right: 5px; margin-bottom: -6px; }
.flag.-fr:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_fr.gif); }
.flag.-it:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_it.gif); }
.flag.-sp:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_sp.gif); }
.flag.-ger:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_ger.gif); }
.flag.-uk:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_uk.gif); }
.flag.-cl:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_cl.gif); }
.flag.-us:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_us.gif); }
.flag.-au:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_au.gif); }
.flag.-nz:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_nz.gif); }
.flag.-arg:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_arg.gif); }
.flag.-mo:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_mo.gif); }
.flag.-jp:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_jp.gif); }
.flag.-chn:before { content: ""; background-image: url(https://wsommelier.com/client_info/WSOMMELIER/img/category/cat_flag_chn.gif); }
@media screen and (max-width: 541px) {
#cat-contents h1:before, #cat-contents h1:after { width: 3em; }
#cat-contents h1 strong { font-size: 1.4em; }
}