@charset "UTF-8";
/* 設定
******************************************************************************************** */
@font-face { font-family: "yasashisa"; src: url("../font/07YasashisaAntique-sub.woff") format("woff"); font-display: swap; }
@font-face { font-family: "notoserifjp"; font-style: normal; font-weight: 700; src: url("../font/subset-NotoSerifCJKjp-Bold.woff") format("woff"); font-display: swap; }
@font-face { font-family: "notoserifjp"; font-style: normal; font-weight: 500; src: url("../font/subset-NotoSerifCJKjp-Medium.woff") format("woff"); font-display: swap; }
@font-face { font-family: "notoserifjp"; font-style: normal; font-weight: 400; src: url("../font/subset-NotoSerifCJKjp-Regular.woff") format("woff"); font-display: swap; }
@font-face { font-family: "notoserifjp"; font-style: normal; font-weight: 300; src: url("../font/subset-NotoSerifCJKjp-Light.woff") format("woff"); font-display: swap; }
/* $sans-serif: '-apple-system', 'BlinkMacSystemFont', 'Noto Sans JP', 'Helvetica Neue', 'YuGothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Arial', 'メイリオ', 'Meiryo', 'sans-serif'; */
/* txt-maker */
/* btn */
/* $width-pc: 1281px; */
/* $width-smartphone: 600px; */
/* $width-scrollbar: 20px; */
/* 下層ページ CONFIG
******************************************************************************************** */
.mainimg { width: 1200px; margin: 0 auto; /*  Smartphone */ }

.page { /*   table { border: 1px solid $c-silver; th { border: 1px solid $c-silver; padding: 10px; background: rgba($c-silver, 0.2); } td { border: 1px solid $c-silver; padding: 10px; } } */ }
.page h1 { color: #fff; background: #baaba1; padding: 0 10px; letter-spacing: 0.1em; }
.page h2 { color: #fff; background: #baaba1; padding: 0 10px; letter-spacing: 0.1em; }
.page h3 { color: #fff; background: #baaba1; padding: 0 10px; letter-spacing: 0.1em; }
.page h4 { color: #fff; background: #baaba1; padding: 0 10px; letter-spacing: 0.1em; }
.page h5 { color: #fff; background: #baaba1; padding: 0 10px; letter-spacing: 0.1em; }
.page img { max-width: 100%; display: inline; }
.page dl dt { font-size: 18px; font-size: 1.8rem; font-weight: bold; }
.page dl dd { margin-bottom: 10px; }
.page div { margin: 40px 0; }
.page a { color: #d25e16; }
.page a:hover { text-decoration: underline; }
.page p a { color: #fff; background: #5d8e13; display: inline-block; padding: 3px 20px 3px 30px; text-shadow: none; position: relative; }
.page p a::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da"; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); left: 10px; }
.page p a:hover { transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; text-decoration: none; opacity: 0.5; }
.page p a:hover::before { left: 15px; }
.page p a::before { border: 0; }

.single__head { margin-bottom: 30px; }
.single__ttl { font-size: 20px; font-size: 2rem; color: #fff; background: #baaba1; text-align: center; letter-spacing: 0.1em; padding: 10px; }
.single__date { text-align: right; }

.FS2_GroupLayout .pager { width: 915px; }

.pager { width: 915px; text-align: center; margin: 60px auto 100px; }
.pager__index { font-size: 14px; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.3em; text-align: center; display: block; border-top: 1px solid #504841; border-bottom: 1px solid #504841; padding: 20px 0; margin: 20px 0; color: #504841; }
.pager__index i { margin-left: 20px; }
.pager__index:hover { transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; background: rgba(186, 171, 161, 0.1); text-decoration: none; }
.pager__single { display: flex; flex-wrap: wrap; display: -moz-flex; -moz-flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; justify-content: space-between; -moz-justify-content: space-between; -webkit-justify-content: space-between; padding: 0; list-style: none; }
.pager__single li { width: 45%; }
.pager__single li a { font-size: 14px; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.3em; text-align: center; display: block; border-top: 1px solid #504841; border-bottom: 1px solid #504841; padding: 20px 0; margin: 20px 0; color: #504841; }
.pager__single li a i { margin-left: 20px; }
.pager__single li a:hover { transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; background: rgba(186, 171, 161, 0.1); text-decoration: none; }

.archive__head { margin-bottom: 30px; }
.archive__list { list-style: none; padding: 0; margin: 0; }
.archive__list li { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #504841; }
.archive__list li::after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.archive__img { margin: 0; width: 40%; float: right; margin-left: 20px; }

.matome { position: relative; }
.matome__txt { text-align: center; }
.matome h1, .matome h2 { background: none; padding: 0; }
.matome .itemslist { margin: 20px 0; padding: 0; list-style: none; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.matome .itemslist li { margin: 0; padding: 0; list-style: none; width: 32%; margin-bottom: 10px; }
.matome .buy { margin: 0; padding: 0; list-style: none; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.matome .buy::after { content: ""; display: block; width: 31%; height: 0; }
.matome .buy li { margin: 0; padding: 0; list-style: none; margin-bottom: 30px; width: 31%; }
.matome .buy li img { width: 100%; height: auto; }
.matome .buy__txt { margin: 5px 0; font-size: 12px; display: block; }
.matome .buy__title { font-size: 17px; font-weight: bold; display: block; }
.matome .buy__price { font-size: 14px; }
.matome .buy__price--big { font-size: 16px; color: red; font-weight: bold; margin-left: 5px; }
.matome .buy__price .sp { display: none; }
.matome .buy__num { text-align: right; }
.matome .buy__num select { padding: 10px; font-size: 14px; }
.matome .buycart { margin: 0; position: fixed; bottom: 0; width: 915px; padding: 30px 0; text-align: center; background-color: #fff; opacity: 0.95; filter: alpha(opacity=95); -ms-filter: "alpha(opacity=95)"; box-sizing: border-box; }
.matome .buycart span { cursor: pointer; }
.matome .buycart input { border: 0; cursor: pointer; }
.matome .buycart input:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; }