@charset "UTF-8";

.Genre * { font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.Genre figure { font-size: 0; }
.Genre a { display: block; -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; }
.Genre a:hover { opacity: 0.6; text-decoration: none; }

.Genre .mainvisual img { border-radius: 8px; }
.Genre h2 { text-align: center; }

.Genre .anchor-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.Genre .anchor-list li { width: 260px; background: #fff; }
.Genre .anchor-list li p { margin: 0; font-size: 16px; font-weight: bold; }
.Genre .anchor-list li a.btn { padding: 15px 0; }
.Genre .anchor-list li a.btn:hover { opacity: 1; }
.Genre .anchor-list-area { background: #f9f9f9;   padding: 60px 60px 70px; }
.Genre .anchor-list-area h2 { margin-top: 0; }
.Genre .anchor-point { margin-top: -72px; padding-top: 72px; }

.Genre .-triple li p { text-align: left; padding-left: 0; }
.Genre .-triple li  p .name { text-align: left; color: #000; font-family: 'Noto Serif Japanese', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', '游明朝体', 'YuMincho', '游明朝', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif; font-size: 16px; margin-bottom: 15px; }
.Genre .-triple li .price { text-align: left; margin: 5px 0 0; font-size: 14px; }
.Genre .-triple li  .price span { display: inline-block; font-size: 11px; }
.Genre .-triple li p .catch { margin: 0 0 5px; color: #c5ad67; font-weight: bold; }
.Genre .-triple.-explain .comment { padding: 15px; border: 1px solid #ccc; color: #666; line-height: 1.6; margin: 0 0 20px; }
.Genre .-triple.-explain .comment p { background-image: linear-gradient(90a(0,0,0,0) 0%,rgba(0,0,0,0) 50%,#fff 50%,#fff 50%), linear-gradient(18gba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #ddd 97%, #ddd 100% ); background-size: 8px 100%, 100% 2em; line-height: 2; padding: 0; font-size: 13px; }

.Genre .recommend-list { margin-bottom: 60px; }
.Genre .recommend-list h3 { margin: 0 0 40px; text-align: center; padding: 15px 0; background: #f3e9cc; }
.Genre .recommend-list ul { }
.Genre .recommend-list ul li { -ms-flex: 0 0 318px; flex: 0 0 318px; margin-right: 3px; }
.Genre .recommend-list ul li:nth-child(3n) { margin-right: 0; }
.Genre .recommend-list-feature { }
.Genre .recommend-list-feature ul { display: flex; justify-content: flex-start; flex-wrap: wrap; padding-bottom: 0; }
.Genre .recommend-list-feature ul li { -webkit-box-flex: 0; -ms-flex: 0 0 225px; flex: 0 0 225px; margin-right: 20px; margin-bottom: 40px; }
.Genre .recommend-list-feature ul li:nth-child(3n) { margin-right: 20px; }
.Genre .recommend-list-feature ul li:nth-child(4n) { margin-right: 0; }
.Genre .recommend-list-feature ul li .txt { font-size: 14px; line-height: 1.8; margin-bottom: 0; }
.Genre .recommend-list-feature ul li .txt .label { font-size: 14px; display: inline-block; padding: 5px 15px; margin-bottom: 10px; border: 1px solid #333; border-radius: 40px; line-height: 1; letter-spacing: 1px; }
.Genre .recommend-list-feature ul li .txt .name { text-align: left; margin: 10px 0 0; font-weight: normal; color: #989898; }

.Genre .block-categorys { margin-bottom: 80px; }
.Genre .block-categorys ul { display: flex; justify-content: flex-start; flex-wrap: wrap; padding-bottom: 0; margin-left: -6px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.Genre .block-categorys ul li { width: 132px; margin-left: 6px; }
.Genre .block-categorys ul li:nth-child(n+8) { border-top: 1px solid #ccc; }
.Genre .block-categorys ul li a { display: block; text-align: center; padding: 30px 0 20px; }
.Genre .block-categorys ul li .block-categorys--item-lbl { text-align: center; font-size: 20px; }
.Genre .block-categorys ul li .block-categorys--item-ico { display: block; margin-top: 10px; }
.Genre .block-categorys ul li .block-categorys--item-ico img { margin: 0; width: 75px; }
.Genre .block-scene { margin-bottom: 80px; }
.Genre .block-scene ul { display: flex; justify-content: flex-start; flex-wrap: wrap; padding-bottom: 0; margin-left: -24px; }
.Genre .block-scene ul li { width: 222px; margin-left: 24px; }
.Genre .block-scene ul li:nth-child(n+5) { margin-top: 40px; }
.Genre .block-scene dl { margin: 10px 0 0; }
.Genre .block-scene dl dt { font-size: 18px; margin: 0 0 10px; }
.Genre .block-scene dl dd { font-size: 13px; line-height: 1.8; color: #777; }

.Genre .block-price { margin-bottom: 80px; }
.Genre .block-price ul { display: flex; justify-content: flex-start; flex-wrap: wrap; padding-bottom: 0; margin-left: -18px; }
.Genre .block-price ul li { width: 308px; margin-left: 18px; }
.Genre .block-price ul li:nth-child(n+4) { margin-top: 20px; }
.Genre .block-price ul li a { font-size: 18px; }
.Genre .block-giftrapping { }
.Genre .block-giftrapping ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.Genre .block-giftrapping ul { margin-top: 60px; }
.Genre .block-giftrapping ul li { width: 300px; }
.Genre .block-giftrapping ul li h3 { font-size: 16px; font-weight: bold; margin: 0 0 15px; }
.Genre .block-giftrapping ul li h3 span { display: block; font-size: 13px; margin: 15px 0 0; font-weight: normal; color: #666; }
.Genre .block-giftrapping ul li p { font-size: 14px; line-height: 2; }

.Genre .caution { display: block!important; margin: 0 0 0; }
.Genre .caution li { width: 100%!important; font-size: 14px; color: #666; padding-left: 1em; text-indent: -1em; line-height: 1.6; }
.Genre .caution li + li { margin-top: 5px; }


@media print, screen and (max-width:750px) {
.block-genre-page { padding-left: 25px;   padding-right: 25px; }

.Genre h1 { font-size: 20px; }
.Genre .mainvisual img { border-radius: 8px; }
.Genre h2 { font-size: 16px; text-align: center; }

.Genre .anchor-list-area { margin: 0 -25px;   padding: 30px 25px 35px; }
.Genre .anchor-list-area h2 { margin-bottom: 20px; }
.Genre .anchor-list { }
.Genre .anchor-list li { width: 32%; }
.Genre .anchor-list li a { padding: 4vw 2vw;   background: #fff; }
.Genre .anchor-list li p { font-size: 3.2vw;   font-weight: normal; }
.Genre .anchor-list li p span { display: block;   font-size: 4.2vw;   font-weight: bold; }
.Genre .anchor-point { margin-top: 0;   padding-top: 0; }

.Genre .-triple.-explain p { text-align: left; }
.Genre .-triple li .price { text-align: left;   font-size: 13px;   text-align: left; }
.Genre .-triple li .price span { display: inline-block!important;   font-size: 10px; }

.Genre .type2.-sp-double li p { text-align: left; }
.Genre .recommend-list { overflow: visible;   margin-bottom: 40px; }
.Genre .recommend-list h3 { font-size: 4vw;   margin-bottom: 20px; }
.Genre .recommend-list ul { flex-wrap: inherit !important; }
.Genre .recommend-list ul li { -ms-flex: 0 0 40%;   flex: 0 0 40%;   margin-right: 20px; }
.Genre .recommend-list ul li:nth-child(n+3) { margin-top: 0 !important; }
.Genre .recommend-list ul li:nth-child(3n) { margin-right: 20px; }
.Genre .recommend-list ul li:last-child { margin-right: 0; }
.Genre .recommend-list ul li .name { text-align: left;   text-align: left;   font-size: 14px;   font-weight: normal;   line-height: 1.7; }
.Genre .recommend-list-feature { }
.Genre .recommend-list-feature ul { width: 100%;   margin-left: 0; }
.Genre .recommend-list-feature ul li { margin-left: 0;   margin-bottom: 0;   -ms-flex: 0 0 60%;   flex: 0 0 60%; }
.Genre .recommend-list-feature ul li:nth-child(4n) { margin-right: 0; }
.Genre .recommend-list-feature ul li .txt { font-size: 13px;   margin-top: 0; }
.Genre .recommend-list-feature ul li .txt .label { font-size: 12px; }
.Genre .recommend-list-feature ul li .txt .name { color: #999; }

.Genre .block-categorys { padding: 0;   background: #fff;   border: none;   margin-bottom: 40px; }
.Genre .block-categorys ul { border: none;   margin: 0; }
.Genre .block-categorys ul li { width: 29%;   margin: 0 2%; }
.Genre .block-categorys ul li:nth-child(n+8) { border: none; }
.Genre .block-categorys ul li a { padding: 15px; }
.Genre .block-categorys ul li .block-categorys--item-lbl { font-size: 3.6vw;   font-weight: normal; }
.Genre .block-categorys ul li .block-categorys--item-ico { height: inherit;   line-height: inherit;   margin-top: 5px; }
.Genre .block-categorys ul li .block-categorys--item-ico img { width: 100%;   margin: 0 auto;   max-height: 10vw;   max-width: 10vw; }
.Genre .block-categorys .block-categorys--item:after { background-color: rgba(0,0,0,.15); }

.Genre .block-scene { margin-top: -20px;   margin-bottom: 40px; }
.Genre .block-scene ul { margin-left: 0; }
.Genre .block-scene ul li { margin: 0;   width: 100%;   border-bottom: 1px dashed #ccc; }
.Genre .block-scene ul li:last-child { border-bottom:none; }
.Genre .block-scene ul li:nth-child(n+4) { margin-top: 0; }
.Genre .block-scene ul li a { display: flex;   padding: 20px 20px 20px 0;   position: relative; }
.Genre .block-scene ul li a::after { content: "→";   position: absolute;   top: 50%;   right: 0;   transform: translate(0,-50%);   font-size: 13px;   color: #666; }
.Genre .block-scene ul li figure { width: 30%; }
.Genre .block-scene ul li figure img { margin: 0; }
.Genre .block-scene dl { width: 70%;   margin: 0;   margin-left: 20px;   font-weight: normal; }
.Genre .block-scene dl dt { font-size: 15px;   font-weight: bold; }
.Genre .block-scene dl dd { font-size: 13px; }

.Genre .block-price { margin-bottom: 40px; }
.Genre .block-price ul { margin-left: 0;   justify-content: space-between; }
.Genre .block-price ul li { margin-left: 0;   width: 48%; }
.Genre .block-price ul li:nth-child(n+3),
.Genre .block-price ul li:nth-child(n+4) { margin-top: 4%; }
.Genre .block-price ul li a { font-size: 4vw;   padding: 15px 5px; }

.Genre .block-giftrapping { }
.Genre .block-giftrapping ul { margin-top: 0; }
.Genre .block-giftrapping ul li { width: 100%; }
.Genre .block-giftrapping ul li + li { margin-top: 10px; }
.Genre .block-giftrapping ul li img { margin-bottom: 25px; }
.Genre .block-giftrapping ul li h3 { }
.Genre .block-giftrapping ul li h3 span { }
.Genre .block-giftrapping ul li p { font-size: 13px; }
  
.Genre .caution { margin: -15px 0 30px; }
.Genre .caution li { font-size: 13px; font-weight: normal; }
.Genre .caution li + li { }

  }