@charset "UTF-8";
@charset 'utf-8';
@charset "UTF-8";
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//www.kochoran.ne.jp/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}.wkr_form {
font-size: 16px;
padding: 0px 10px;
text-align:left;
}
.wkr_form label {
width:auto;
}
.wkr_form .note {
font-size: 12px;
}
.wkr_form .rating {
align-items: center;
display: flex;
}
.wkr_form .rating .rate {
background: url(//www.kochoran.ne.jp/wp-content/plugins/wk_review//assets/img/icon_star_off.png) left center no-repeat;
display: flex;
height: 20px;
position: relative;
width: 88px;
}
.wkr_form .rating .statuses {
margin-left: 10px;
}
.wkr_form .rating .statuses .status {
line-height: 1;
display: none;
padding-top: 4px;
}
.wkr_form .rating .statuses .status.active {
display: block;
}
.wkr_form .rating .meter {
background: url(//www.kochoran.ne.jp/wp-content/plugins/wk_review//assets/img/icon_star_on.png) left center no-repeat;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 88px;
}
.wkr_form .rating .meter.rate1 {
width: 17.5px;
}
.wkr_form .rating .meter.rate2 {
width: 35px;
}
.wkr_form .rating .meter.rate3 {
width: 52.5px;
}
.wkr_form .rating .meter.rate4 {
width: 70px;
}
.wkr_form .rating .meter.rate5 {
width: 88px;
}
.wkr_form .rating label {
display: block;
height: 16px;
opacity: 0;
width: 36px;
}
.wkr_form input[type="radio"] {
display:inline;
}
.wkr_form input[type="submit"] {
background: #c92933;
color: #ffffff;
font-weight: bold;
padding: 10px 20px;
}
.wkr_form input[type=text],
.wkr_form input[type=email] {
max-width: 320px;
padding: 0px 10px;
width: 100%;
}
.wkr_form textarea {
padding: 0px 10px;
width: 100%;
}
.wkr_form dd {
margin-bottom: 10px;
}
.wkr_error {
display: table;
margin: auto;
}
.wkr_reviews .wkr_review {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
font-size: 16px;
line-height: 1.8;
padding-top: 25px;
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px dashed #333333;
color: #333333;
}
.wkr_reviews .wkr_review dt {
font-size: 20px;
line-height: 1.8;
}
.wkr_reviews .wkr_review dd {
padding: 10px 0 0;
}
.wkr_reviews .wkr_review dd.status {
position: relative;
display: flex;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
padding: 0px 0px;
font-size: 18px;
}
.wkr_reviews .wkr_review dd.status .postuser {
padding-right: 0;
}
.wkr_reviews .wkr_review dd.status .postdate {
font-size: 16px;
}
.wkr_reviews .wkr_review dd.rating-wrap {
position: absolute;
top: 0;
left: 0;
padding: 0;
}
@media screen and (min-width: 768px) {
.wkr_reviews .wkr_review dd.status {
width: auto;
padding: 0px 0px;
}
.wkr_reviews .wkr_review dd.status .postuser {
padding-right: 16px;
}
.wkr_reviews .wkr_review dd.status .postdate {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.wkr_reviews .wkr_review {
padding-top: 40px;
padding-bottom: 50px;
margin-bottom: 50px;
font-size: 18px;
line-height: 2.0;
}
.wkr_reviews .wkr_review dt {
min-height: 48px;
font-size: 24px;
line-height: 2.0;
}
.wkr_reviews .wkr_review dd.status {
position: relative;
flex-flow: row;
justify-content: flex-end;
font-size: 18px;
line-height: 2.0;
}
.wkr_reviews .wkr_review dd.status .postuser {
padding-right: 20px;
}
.wkr_reviews .wkr_review dd.status div:first-child {
margin-right: 16px;
}
}
@media screen and (max-width: 767.9px) {
.wkr_reviews .wkr_review .mobile {
display: inherit;
}
.wkr_reviews .wkr_review .desktop {
display: none;
}
}
@media screen and (min-width: 768px) {
.wkr_reviews .wkr_review .mobile {
display: none;
}
.wkr_reviews .wkr_review .desktop {
display: inherit;
}
}
.wkr_reviews .wkr_review dd .rating {
background: url(//www.kochoran.ne.jp/wp-content/plugins/wk_review//assets/img/icon_star_off.png);
display: flex;
height: 15px;
margin-bottom: 10px;
position: relative;
width: 80px;
}
.wkr_reviews .wkr_review dd .rating .rate {
background: url(//www.kochoran.ne.jp/wp-content/plugins/wk_review//assets/img/icon_star_on.png);
height: 15px;
left: 0;
position: absolute;
top: 0;
width: 80px;
}
.wkr_reviews .wkr_review dd .rating .rate.rate1 {
width: 17.5px;
}
.wkr_reviews .wkr_review dd .rating .rate.rate2 {
width: 35px;
}
.wkr_reviews .wkr_review dd .rating .rate.rate3 {
width: 52.5px;
}
.wkr_reviews .wkr_review dd .rating .rate.rate4 {
width: 70px;
}
.wkr_reviews .wkr_review dd .rating .rate.rate5 {
width: 80px;
}
@media screen and (min-width: 1240px) {
.wkr_reviews .wkr_review dd .rating {
background: url(//www.kochoran.ne.jp/wp-content/plugins/wk_review//assets/img/icon_star_off-large.png);
display: flex;
height: 23px;
margin-bottom: 10px;
position: relative;
width: 80px;
}
.wkr_reviews .wkr_review dd .rating .rate {
background: url(//www.kochoran.ne.jp/wp-content/plugins/wk_review//assets/img/icon_star_on-large.png);
height: 23px;
left: 0;
background-repeat: no-repeat;
position: absolute;
top: 0;
width: 80px;
}
.wkr_reviews .wkr_review dd .rating .rate.rate1 {
width: 32px;
}
.wkr_reviews .wkr_review dd .rating .rate.rate2 {
width: 64px;
}
.wkr_reviews .wkr_review dd .rating .rate.rate3 {
width: 96px;
}
.wkr_reviews .wkr_review dd .rating .rate.rate4 {
width: 128px;
}
.wkr_reviews .wkr_review dd .rating .rate.rate5 {
width: 80px;
}
}
.wkr_reviews .wkr_review .content {
width: 100%;
font-size: 16px;
line-height: 1.8;
}
.wkr_reviews .wkr_review .readmore {
cursor: pointer;
position: relative;
}
.wkr_reviews .wkr_review .readmore::before {
background: linear-gradient(rgba(251, 248, 251, 0),rgba(251, 248, 251, 1));
content: "";
display: block;
height: 60px;
top: -60px;
position: absolute;
width: 100%;
}
@media screen and (min-width: 768px) {
.wkr_reviews .wkr_review .content {
font-size: 16px;
line-height: 2;
}	
}
.wkr_rating .rating {
background: url(//www.kochoran.ne.jp/wp-content/plugins/wk_review//assets/img/icon_star_off.png);
display: inline-block;
height: 15px;
position: relative;
width: 80px;
}
.wkr_rating .rating .rate {
background: url(//www.kochoran.ne.jp/wp-content/plugins/wk_review//assets/img/icon_star_on.png);
height: 15px;
left: 0;
position: absolute;
top: 0;
width: 80px;
}
.wkr_pager {
align-items: center;
display: flex;
justify-content: center;
margin: 20px 0px;
}
.wkr_pager .page-numbers {
color: #333333;
font-size: 16px;
line-height: 1;
}
.wkr_pager .page-numbers:not(.dots) { margin: 5px;
padding: 10px 10px;
}
.wkr_pager .page-numbers.current { padding: 10px 10px; text-decoration:underline;
text-decoration-color: #333333;
color: #333333;
font-weight: normal;
}
.wkr-prev-arrow {
display: inline-block;
width: 9px;
height: 16px;
background-image: url(//www.kochoran.ne.jp/wp-content/plugins/wk_review//assets/img/icon-lt-arrow.svg);
background-repeat: no-repeat;
background-size: contain;
}
.wkr-next-arrow {
display: inline-block;
width: 9px;
height: 16px;
margin-top: 2px;
background-image: url(//www.kochoran.ne.jp/wp-content/plugins/wk_review//assets/img/icon-gt-arrow.svg);
background-repeat: no-repeat;
background-size: contain;
}

a {
transition: all 0.6s ease !important;
}
a:hover {
opacity: 0.6;
}
#wrapper {
overflow: hidden;
}
@media (max-width: 1280px) and (min-width: 769px) {
#wrapper #content article .section {
padding-right: 50px !important;
padding-left: 50px !important;
}
}
#pop_up .btnWrap{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin-top: 30px;
}
#pop_up .btnWrap a.btn.btn_detail{
display: block;
width: 100%;
max-width: 240px;
padding: 12px 20px;
border-radius: 10px;
background: #793F65;
color: #FFF;
font-size: 20px;
line-height: 1.8;
text-align: center;
transition: .4s ease-in;
}
@media screen and (min-width: 769px) {
#pop_up {
position: fixed;
bottom: 4%;
right: 2%;
max-width: 640px;
width: 80%;
opacity: 0;
z-index: -1;
transition: all 0.6s ease;
}
#pop_up.animate {
opacity: 1;
z-index: 7000;
}
#pop_up.hide {
opacity: 0;
z-index: -1;
}
#pop_up_open{
position: fixed;
bottom: 15%;
right: 36px;
width: 60px;
height: 60px;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.3);
opacity: 0;
z-index: -1;
transition: all 0.6s ease;
cursor: pointer;
}
#pop_up_open:hover{
opacity: 0.6!important;
}
#pop_up_open svg{
width: 22px;
height: 22px;
}
#pop_up_open path{
fill: #793F65;
}
#pop_up_open.animate.scrolled {
transition-delay: 0.1s;
opacity: 1;
z-index: 7000;
}
#pop_up_open.hide {
opacity: 0;
z-index: -1;
}
#pop_up_open.long{
width: auto;
max-width: 350px;
height: 60px;
background-color: #ab6691;
border-radius: 100px;
color: #fff;
font-weight: bold;
padding: 15px 35px 15px 15px;
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/slider_arrow2.png);
background-repeat: no-repeat;
background-position: right 15px center;
}
#pop_up_open.long .icon{
width: 30px;
height: 30px;
aspect-ratio: 1 / 1;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 50%;
}
#pop_up_open.long svg, #pop_up_open.long img{
width: 22px;
height: 22px;
}
#pop_up_open.long .pop_up_icon_text{
color: #fff;
font-weight: bold;
margin-left: 10px;
line-height: 1.2;
}
#pop_up .pop_up-wrapper .pop_up-inner {
width: 100%;
padding: 50px 40px;
background-color: #F9F2F6;
position: relative;
border: 1px dashed #793F65;
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
}
#pop_up .pop_up-wrapper .pop_up-inner #pop_up-close {
color: #793F65;
font-size: 30px;
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
line-height: 1;
}
#pop_up .pop_up-wrapper .pop_up-inner .pop_up-text h2 {
color: #793F65;
font-size: 18px;
text-align: center;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#pop_up .pop_up-wrapper .pop_up-inner .pop_up-text h3 {
color: black;
font-size: 18.7px;
margin-top: 15px;
font-weight: 400;
text-align: center;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#pop_up .pop_up-wrapper .pop_up-inner .pop_up-text .content {
margin-top: 20px;
color: black;
font-size: 12px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#pop_up .pop_up-wrapper .pop_up-inner .pop_up-text .content p{
font-size: 12.3px;
}
#pop_up .btnWrap a.btn.btn_detail{
padding: 12px 20px;
font-size: 20px;
line-height: 2.0;
}
}
@media screen and (max-width: 768px) {
#pop_up {
position: fixed;
top: 0;
height: 0;
height: 100vh;
width: 100%;
opacity: 0;
z-index: -1;
transition: all 0.6s ease;
}
#pop_up.animate {
opacity: 1;
z-index: 7000;
}
#pop_up.hide {
opacity: 0;
z-index: -1;
}
#pop_up_open{
position: fixed;
bottom: 22px;
left: 25px;
width: 60px;
height: 60px;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.3);
opacity: 0;
z-index: -1;
transition: all 0.6s ease;
cursor: pointer;
}
#pop_up_open:hover{
opacity: 0.6;
}
#pop_up_open path{
fill: #793F65;
}
#pop_up_open svg, #pop_up_open img{
width: 22px;
height: 22px;
}
#pop_up_open.long{
width: auto;
max-width: 180px;
height: 60px;
background-color: #ab6691;
border-radius: 100px;
color: #fff;
font-weight: bold;
padding: 10px 30px 10px 10px;
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/slider_arrow2.png);
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 7px 12px;
}
#pop_up_open.long .icon{
width: 20px;
height: 20px;
aspect-ratio: 1 / 1;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 50%;
}
#pop_up_open.long svg, #pop_up_open.long img{
width: 16px;
height: 16px;
}
#pop_up_open.long .pop_up_icon_text{
color: #fff;
font-weight: bold;
margin-left: 10px;
line-height: 1.2;
font-size: 10px;
}
#pop_up_open.animate.scrolled {
transition-delay: 0.1s;
opacity: 1;
z-index: 7000;
}
#pop_up_open.hide {
opacity: 0;
z-index: -1;
}
#pop_up .pop_up-wrapper {
max-width: 1500px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
background-color: rgba(191, 131, 170, 0.4);
}
#pop_up .pop_up-wrapper .pop_up-inner {
width: 80%;
max-width: 400px;
padding: 20px 30px;
background-color: #F9F2F6;
position: relative;
border: 1px dashed #793F65;
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
}
#pop_up .pop_up-wrapper .pop_up-inner #pop_up-close {
color: #793F65;
font-size: 20px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
background-color: white;
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.6);
}
#pop_up .pop_up-wrapper .pop_up-inner .pop_up-text h2 {
color: #793F65;
font-size: 16px;
text-align: center;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#pop_up .pop_up-wrapper .pop_up-inner .pop_up-text h3 {
color: black;
font-size: 16px;
font-weight: 400;
text-align: center;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#pop_up .pop_up-wrapper .pop_up-inner .pop_up-text .content {
color: black;
font-size: 14px;
margin-top: 20px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#pop_up .pop_up-wrapper .pop_up-inner .pop_up-text .content p{
font-size: 14px;
}
#pop_up .btnWrap{
margin-top: 20px;
}
}
@media screen and (min-width: 1560px) {
#notfound {
padding-top: 267px !important;
}
}
@media (max-width: 1559px) and (min-width: 1280px) {
#notfound {
padding-top: 150px !important;
padding-bottom: 150px !important;
}
}
@media (max-width: 1280px) and (min-width: 769px) {
#notfound {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
}
@media screen and (min-width: 769px) {
#notfound {
padding-top: 267px;
padding-bottom: 150px;
}
#notfound h1 {
font-weight: 500;
line-height: 1.2;
letter-spacing: 3.84px;
color: #793F65;
font-size: 48px;
text-align: center;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-top: 0;
margin-bottom: 10px;
}
#notfound h2 {
line-height: 1.2;
letter-spacing: 3.84px;
margin: 0 !important;
color: #333;
font-size: 32px;
text-align: center;
font-weight: 400;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#notfound p {
color: #333;
font-size: 24px;
text-align: center;
margin-top: 50px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#notfound p br {
display: none;
}
#notfound a {
letter-spacing: 0.08em;
border-radius: 10px;
display: block;
margin: 50px auto 0;
width: 300px;
height: auto;
text-align: center;
line-height: 60px;
background-color: #793F65;
font-size: 18px;
font-weight: 400;
color: white;
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
#notfound h1 {
font-weight: 500;
font-size: 40px;
line-height: 1.2;
letter-spacing: 3.2px;
color: #793F65;
text-align: center;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-top: 0;
margin-bottom: 10px;
}
#notfound h2 {
line-height: 1.2;
letter-spacing: 3.2px;
margin: 0 !important;
color: #333;
font-size: 28px;
text-align: center;
font-weight: 400;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
}
#wrapper #content article .inner h3.heading {
line-height: 1.8 !important;
}
h2.ttl_m3, .ttl_m3 {
line-height: 1.5 !important;
}
#wrapper #content article .inner .ttl > .description {
line-height: 1.5;
margin-top: 10px;
display: inline-block;
}
#wrapper #content article .inner .ttl > .description {
text-align: center !important;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
#wrapper #content article .rankingSection .inner h2.ttl {
padding-bottom: 30px;
}
#wrapper #content article .FaqSection .inner h2.ttl {
padding-bottom: 50px !important;
}
#wrapper #content article .itemReviewSection .inner h2.ttl {
padding-bottom: 50px;
}
#wrapper #content article .featuredItemSection .inner h2.ttl {
padding-bottom: 50px;
}
}
@media screen and (min-width: 450px) {
#wrapper #content article .inner p.long-text {
padding-bottom: 20px;
}
}
#wrapper #content article .inner p.long-text.pb-0,
#wrapper #content article .inner p.pb-0 {
padding-bottom: 0 !important;
}
@media screen and (min-width: 1280px) {
#wrapper #content article section.section .inner .sectionDesc {
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
color: #333;
font-size: 16px;
text-align: center;
padding-bottom: 50px !important;
}
#wrapper #content article section.section .inner .sectionDesc p {
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
color: #333;
font-size: 16px;
text-align: center;
padding-bottom: 20px;
}
#wrapper #content article section.section .inner .sectionDesc p.text-justify {
text-align: justify !important;
}
#wrapper #content article section.section .inner .sectionDesc p:last-child {
padding-bottom: 0;
}
}
@media (min-width: 769px) and (max-width: 1279px) {
#wrapper #content article section.section .inner .sectionDesc {
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
color: #333;
font-size: 16px;
text-align: justify !important;
padding-bottom: 50px !important;
}
#wrapper #content article section.section .inner .sectionDesc p {
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
color: #333;
font-size: 16px;
text-align: justify !important;
padding-bottom: 20px;
}
#wrapper #content article section.section .inner .sectionDesc p:last-child {
padding-bottom: 0;
}
.postid-10814 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
.postid-10813 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
.postid-10791 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
.postid-10792 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
.postid-7722  #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
.postid-7766  #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
.page-id-230 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
.page-id-237 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
.page-id-241 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
.page-id-243 #wrapper #content article section.section.useSelectSection .inner .sectionDesc {
text-align: center !important;
}
}
@media screen and (min-width: 769px) {
#wrapper #content article section.section .inner .ttl.has-left-line {
padding-bottom: 25px !important;
font-size: 32px !important;
}
#wrapper #content article section.section .inner .ttl.has-left-line > .description {
font-size: 32px !important;
line-height: 1.5 !important;
text-align: justify !important;
margin-bottom: 0;
font-weight: normal;
}
#wrapper #content article section.section .inner .ttl.has-left-line:after {
top: 21px !important;
}
}
@media screen and (max-width: 768px) {
#wrapper #content article section.section .inner .ttl.has-left-line {
padding-bottom: 25px !important;
font-size: 20px !important;
}
#wrapper #content article section.section .inner .ttl.has-left-line > .description {
font-size: 24px !important;
line-height: 1.5 !important;
text-align: justify !important;
}
#wrapper #content article section.section .inner .ttl.has-left-line:after {
top: 11px !important;
}
}
#wrapper #content article section.section .inner h2.ttl.left > .description {
text-align: justify !important;
}
#wrapper #content article section.section .inner p.sectionDesc.text-justify,
#wrapper #content article section.section .inner p.sectionDesc.text-justify-sp-tab {
text-align: justify !important;
}
@media screen and (min-width: 1280px) {
#wrapper #content article section.section .inner p.sectionDesc.text-justify-sp-tab {
text-align: center !important;
} 
}
#wrapper #content article section.section .inner p.sectionDesc.pb-0 {
padding-bottom: 0 !important;
}
#wrapper #content article section.section .inner .sectionDesc.text-justify p {
text-align: justify !important;
}
#wrapper #content article section.section .inner .sectionDesc p.center {
text-align: center !important;
}
@media screen and (min-width: 1280px) {
#wrapper #content article section.section .inner .sectionDesc.center {
text-align: center !important;
}
}
#wrapper #content article section.section .inner .sectionDesc.centerAll{
text-align: center !important;
}
#wrapper #content article section.section .inner .sectionDesc.center.pb20 {
padding-bottom: 20px !important;
}
#wrapper #content article section.section .inner .sectionDesc.pb-0 {
padding-bottom: 0 !important;
}
.slickDelivered.item3 {
margin: 0 auto !important;
max-width: 1000px !important;
}
.deliveredSection { }
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
.slickRanking .rankColumn .rankImg, .slickRankingEx .rankColumn .rankImg {
max-width: 220px !important;
}
}
.rankingSection .rankColumn .rankHeading h3 {
height: 3em; line-height: 1.5em !important; overflow: hidden;
position: relative !important;
word-wrap: break-word;
}
.rankingSection .rankColumn .rankHeading h3 a {
margin-right: 1em;
}
.rankingSection .rankColumn .rankHeading h3 a:hover {
color: #793F65 !important;
}
.rankingSection .rankColumn .rankHeading h3 a:visited {
color: #793F65 !important;
}
.rankingSection .rankColumn .rankHeading h3::before {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
bottom: 0;
content: "…";
padding-left: 1em;
position: absolute;
right: 0;
}
.rankingSection .rankColumn .rankHeading h3::after {
background: white; content: "";
height: 100%;
position: absolute;
width: 100%;
}
.sectionPink.rankingSection .rankColumn .rankHeading h3::before,
.sectionPink-wrap .rankingSection .rankColumn .rankHeading h3::before {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(241, 235, 239) 30%);
bottom: 0;
content: "…";
padding-left: 1em;
position: absolute;
right: 0;
}
.postid-10813 .sectionPink.rankingSection .rankColumn .rankHeading h3::before {
background: #fff;
}
.sectionPink.rankingSection .rankColumn .rankHeading h3::after,
.sectionPink-wrap .rankingSection .rankColumn .rankHeading h3::after {
background: rgb(241, 235, 239); content: "";
height: 100%;
position: absolute;
width: 100%;
}
.rankingSection .rankColumn .rankImg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.rankingSection .slickRankingEx .rankColumn .rankHeading h3::before{
display: none;
}
.rankingSection .slickRankingEx .rankColumn .rankHeading h3::after{
display: none;
}
@media screen and (min-width: 440px) {
.slickRanking.slick-dotted.slick-slider, .slickRankingEx.slick-dotted.slick-slider {
padding-bottom: 60px !important;
}
}
#main-navigation .nav-wrapper-pc a {
transition: all 0.6s ease;
font-size: 16px;
}
#main-navigation .nav-wrapper-pc a:hover {
opacity: 0.6;
}
#wrapper #content {
position: relative;
z-index: 1;
}
#wrapper #content.open {
z-index: -1;
}
#wrapper header.header #header-bar .menuBtn {
display: none !important;
}
#wrapper header.header #header-bar .menuBtn {
height: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute !important;
right: 53px;
}
#wrapper header.header #header-bar .menuBtn span {
background-color: #660000;
width: 27px;
height: 1px;
margin-bottom: 7px;
transition: all 0.6s ease;
}
#wrapper header.header #header-bar .menuBtn span:before {
display: none;
}
#wrapper header.header #header-bar .menuBtn span:after {
display: none;
}
#wrapper header.header #header-bar .menuBtn.hide {
display: none;
}
@media screen and (min-width: 769px) and (max-width: 1559px) {
#wrapper header.header #header-bar .menuBtn {
right: 43px;
}
}
@-webkit-keyframes fadeInAnime {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInAnime {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOutAnime {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes fadeOutAnime {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@media screen and (min-width: 769px) {
#pagetop {
display: none !important;
}
}
#pagetop {
position: fixed;
bottom: 22px;
right: 36px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.6s ease;
transform: translateY(100px);
z-index: 3000;
}
#pagetop.open {
transform: translate(0) !important;
}
#pagetop .cartBtn {
width: 60px;
height: 60px;
background-color: #793F65;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.3);
}
#pagetop .cartBtn img {
margin: auto;
margin-left: 20px;
width: 25px;
}
#pagetop #menuBtnF {
width: 60px;
height: 60px;
background-color: white;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 5px 5px 5px rgba(51, 51, 51, 0.3);
cursor: pointer;
}
#pagetop #menuBtnF div {
height: 50px;
width: 27px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#pagetop #menuBtnF div span {
width: 100%;
height: 1px;
background-color: #660000;
margin-bottom: 7px;
transition: all 0.6s ease;
}
#pagetop #menuBtnF div span:last-child {
margin-bottom: 0;
}
@media (max-width: 1279px) and (min-width: 769px) {
#pagetop {
bottom: 25px;
}
}
.insert-page.insert-page-11177 .purpose__card {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.161);
}
@media (min-width: 769px) and (max-width: 999px) {
.insert-page.insert-page-10255 .purpose__wrap .purpose__card .purpose__card__links > div a {
min-width: 50%;
padding-right: 0;
}
}
@media (min-width: 1000px) and (max-width: 1240px) {
.insert-page.insert-page-10255 .purpose__wrap .purpose__card .purpose__card__links > div a {
min-width: 33.33333%;
padding-right: 0;
}
}
@media screen and (min-width: 1241px) {
.insert-page.insert-page-10255 .purpose__wrap .purpose__card .purpose__card__links > div a {
min-width: 50%;
padding-right: 0;
}
}
@media screen and (max-width: 1000px) {
table.areaTable-1 > tbody > tr > td.-map-sp {
display: block !important;
}
table.areaTable-1 > tbody > tr > td.-map {
display: none !important;
}
table:not(.sp-table) td {
width: 100% !important;
display: block;
border-bottom: 0;
padding: 25px 1em 0 !important;
border-top: 0;
}
table.areaTable-1 > tbody > tr > td img {
max-width: 400px;
margin: 0 auto;
display: block;
}
table.areaTable-1 {
margin: 0 auto;
width: 100%;
}
.insert-page.insert-page-11169 .-prefectures .areaTable-2 {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.insert-page.insert-page-11169 .-prefectures .areaTable-2 li {
max-width: 282px;
display: block;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 500px) {
.insert-page.insert-page-11169 .-prefectures .areaTable-2 {
padding: 50px;
background: #F3F5F4;
border-radius: 16px;
}
.insert-page.insert-page-11169 .-prefectures .areaTable-2 li {
margin-bottom: 20px;
}
.insert-page.insert-page-11169 .-prefectures .areaTable-2 li a {
font-size: 16px;
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
#wrapper #content article section.section.explain .inner h2.ttl.center-sp > .description {
text-align: center !important;
}
#wrapper #content article section.section.explain .inner .columns {
display: block;
}
#wrapper #content article section.section.explain .inner .columns .column-l {
width: 100% !important;
}
#wrapper #content article section.section.explain .inner .columns .column-r.imageColumn {
width: 100%;
}
#wrapper #content article section.section.explain .inner .columns .column-r.imageColumn img {
display: block;
width: 100%;
max-width: 640px;
margin: 0 auto 0;
}
#wrapper #content article section.section.explain .inner .columns .show-pc {
display: none !important;
}
#wrapper #content article section.section.explain .inner .columns .show-sp {
display: block !important;
}
.relatedItemsWrap.-noslick .relatedItem {
margin-bottom: 75px !important;
}
#wrapper #content article .section.pickupSection  {
padding-bottom: 25px !important;
}
}
article section.columnSection h3.heading {
padding: 0 !important;
margin-bottom: 10px !important;
}
@media screen and (min-width: 769px) {
article section.columnSection h3.heading {
margin-bottom: 25px !important;
}
}
@media (max-width: 1280px) {
#wrapper #content article section.columnSection a.linkbtn {
margin-right: auto;
margin-left: auto;
}
}
.flow__main.-white .flow__number:before {
z-index: 0 !important;
}
#wrapper #content article section.flow.sectionPink .inner .flow__main .insert-page.insert-page-10253 .flow__item {
border: none !important;
background-color: #FFF !important;
}
#wrapper #content .post article section.section.FaqSection .inner h2.ttl,
#wrapper #content .post article section.section.FaqSection .inner h2.ttl + p {
padding-bottom: 25px !important;
}
@media (min-width: 769px) {
#wrapper #content .post article section.section.FaqSection .inner h2.ttl,
#wrapper #content .post article section.section.FaqSection .inner h2.ttl + p {
padding-bottom: 50px !important;
}
}
@media (min-width: 1280px) {
#wrapper #content .post article section.section.FaqSection .inner h2.ttl {
padding-bottom: 50px !important;
}
}
@media (max-width: 1279px) {
.page-id-259 #wrapper #content .post article section.section.FaqSection .inner h2.ttl + p {
text-align: justify !important; 
}
}
#wrapper #content .post article section.section.FaqSection.sectionPink .faqList__summary {
background-color: white !important;
}
#wrapper #content .post article section.section.wrapFaqSection.sectionPink .faqList__summary {
background-color: white !important;
}
#wrapper #content .post article section.section.FaqSection .inner p.sectionDesc {
text-align: center !important;
}
@media (max-width: 1280px) {
.page-id-257 #wrapper #content .post article section.section.FaqSection .inner p.sectionDesc {
text-align: justify !important;
}
}
.faqList__summary span.icon {
display: none !important;
}
.faqList__summary::after {
content: "";
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
border-top: 10px solid #793F65;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
cursor: pointer;
transition: all 0.6s ease;
}
.faqList__summary.open::after {
transform: translateY(-50%) rotate(-180deg);
}
@media (min-width: 1280px) {
.faqList__summary::after {
right: 96px;
border-top: 12px solid #793F65;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
}
.faqList__content .text {
font-size: 14px;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 20px 10px 0;
text-align: justify;
-webkit-animation: fadeOut 0.8s ease;
animation: fadeOut 0.8s ease;
}
.faqList__summary.-on + .faqList__content .text {
-webkit-animation: fadeIn 0.8s ease;
animation: fadeIn 0.8s ease;
}
@media screen and (min-width: 769px) {
.faqList__content .text {
padding: 40px 30px 0;
font-size: 16px;
line-height: 2;
}
}
.wkr_reviews .wkr_review .content {
line-height: 1.8 !important;
}
@media screen and (min-width: 1240px) {
#wrapper #content section.section.useSelectSection {
padding-bottom: 50px !important;
}
}
@media (max-width: 1239px) and (min-width: 769px) {
#wrapper #content section.section.useSelectSection {
padding-bottom: 75px !important;
}
}
@media (min-width: 769px) and (max-width: 768px) {
#wrapper #content .insert-page.insert-page-11343 section.section.useSelectSection {
padding-bottom: 75px !important;
}
}
@media (min-width: 769px) and (max-width: 1280px) {
.relatedItemsWrap.slickFeatured .relatedItem {
display: flex;
width: 240px !important;
margin: 0 18px;
}
}
.relatedItemsWrap .relatedItem .column.itemName {
margin: 10px auto !important;
height: auto !important;
}
@media (min-width: 769px) and (max-width: 1239.9px) {
#wrapper #content article section .relatedItemsWrap.-noslick .relatedItem { width: calc((100% / 3) - 4.838%);
margin-bottom: 0;
}
}
@media screen and (max-width: 500px) {
section.section.rankingSection .slickRanking .rankColumn .rankHeading > .ico-rank, section.section.rankingSection .slickRankingEx .rankColumn .rankHeading > .ico-rank {
top: 39px;
left: -20px;
display: block;
padding: 0;
width: 70px;
height: 70px;
font-weight: normal;
font-size: 24px;
line-height: 70px;
text-align: center;
}
section.section.rankingSection .slickRanking .rankColumn .rankHeading > h3.heading2, section.section.rankingSection .slickRankingEx .rankColumn .rankHeading > h3.heading2 {
left: 58px;
}
}
#wrapper #content article section.section.FaqSection .inner p.sectionDesc.sectionDesc.text-justify {
text-align: justify !important;
}
#wrapper #content article section.section.wrapFaqSection .inner p.sectionDesc.text-justify {
text-align: justify !important;
}
@media screen and (max-width: 1279px) {
#wrapper #content article section.section.FaqSection .inner p.sectionDesc {
text-align: justify !important;
}
#wrapper #content article section.section.wrapFaqSection .inner p.sectionDesc {
text-align: justify !important;
}
}
#wrapper #content article section.section.FaqSection .faqList__content {
transition: all 0.8s ease;
}
@media screen and (min-width: 1280px) {
#wrapper #content article section.section.originSection .inner .columns .column .ttl.has-left-line::after {
top: 18px !important;
bottom: auto;
}
#wrapper #content article section.section.originSection .inner .columns .column img {
margin: 0 !important;
}
}
@media (min-width: 769px) and (max-width: 1280px) {
#wrapper #content article section.section.originSection .inner .columns {
display: block;
}
#wrapper #content article section.section.originSection .inner .columns .column {
width: 100%;
}
#wrapper #content article section.section.originSection .inner .columns .column .ttl.has-left-line::after {
top: 20px !important;
bottom: auto;
}
#wrapper #content article section.section.originSection .inner .columns .column .show-pc {
display: none;
}
#wrapper #content article section.section.originSection .inner .columns .column .show-sp {
display: block;
}
#wrapper #content article section.section.originSection .inner .columns .column img {
max-width: unset !important;
width: 100% !important;
margin: 0 auto 25px;
display: block;
}
}
@media screen and (min-width: 1280px) {
#wrapper #content article section.section.awardSection .inner .columns .column-r.imageColumn {
display: flex;
align-items: center;
}
}
@media (min-width: 769px) and (max-width: 1280px) {
#wrapper #content article section.section.awardSection .inner .columns {
display: block;
}
#wrapper #content article section.section.awardSection .inner .columns .column {
width: 100%;
}
#wrapper #content article section.section.awardSection .inner .columns .column .show-pc {
display: none;
}
#wrapper #content article section.section.awardSection .inner .columns .column .show-sp {
display: block;
}
#wrapper #content article section.section.awardSection .inner .columns .column .column-r.imageColumn img {
max-width: 640px;
width: 90%;
margin: 0 auto 25px;
display: block;
}
#wrapper #content article section.section.awardSection .inner .columns .column .awardSection__message {
font-size: 16px;
}
}
#wrapper #content article section.section.reason .insert-page.insert-page-10254 .reason__item__figure {
padding-bottom: 0 !important;
justify-content: center !important;
}
#wrapper #content article section.section.reason .insert-page.insert-page-10254 .reason__item .reason__item__text {
font-size: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
#wrapper #content article .dividor-vertical {
padding-bottom: 50px !important;
}
}
@media screen and (min-width: 1280px) {
section.section.originSection .column-r.imageColumn {
display: flex;
align-items: center;
}
}
@media (max-width: 1280px) and (min-width: 769px) {
#wrapper #content article section.section.flow h2.ttl {
padding-bottom: 50px !important;
}
}
@media (max-width: 1280px) and (min-width: 769px) {
#wrapper #content article section.section.reason h2.ttl {
padding-bottom: 50px !important;
}
}
footer #bottomtitle {
margin: 0 auto !important;
line-height: 1.6 !important;
}
@media (max-width: 1280px) and (min-width: 769px) {
footer #bottom_in .textwidget #bottomtitle {
font-size: 32px !important;
padding-bottom: 50px !important;
}
footer #bottom_in .textwidget #guide_in1 .box_g1 {
margin-top: 0 !important;
}
footer #bottom_in .textwidget #guide_in1 .box_g1 h2.ttl_m3:first-of-type { }
}
  @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Sans:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap");
@media screen and (max-width: 768px) {
.nav-wrapper-pc {
display: none!important;
}
.nav-wrapper {
display: block!important;
width: fit-content;
margin: auto;
margin-top: 100px;
min-height: 100vh;
}
#header-bar.DownMove{
animation: none;
}
#header-bar.UpMove{
animation: none;
}
#header-bar{
position: relative!important;
}
#header-mv{
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
header .visualFrame img
{
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
} @media (max-width: 768px) and (min-width: 450px) {
.home header.header {
height: 100vw;
}
header.header .visualFrame {
height: 100%;
}
header.header .visualFrame #header-bar {
background-color: transparent !important;
box-shadow: none;
align-items: flex-start;
}
header.header .visualFrame #header-bar .logoWrap {
margin-top: 10px;
}
header.header .visualFrame #header-bar .logoWrap #logo a {
margin-left: 5% !important;
}
header.header .visualFrame #header-bar .menuBtn {
top: 20px !important;
}
header.header .visualFrame #header-mv {
max-height: calc(100vh - 118px);
margin-top: -118px !important;
height: 100%;
}
header.header .visualFrame #header-mv #gazou #headimg {
height: auto !important;
}
header.header .visualFrame #header-mv #gazou #headimg > img {
display: none;
}
header.header .visualFrame #header-mv #gazou #headimg picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
header.header .visualFrame #header-mv .caption h1 {
margin-top: 20% !important;
margin-left: 10% !important;
}
header.header .visualFrame #header-mv .caption h1 span {
font-size: 5.303030303vw !important;
}
} @media screen and (max-width: 768px)
{
div#header-bar #buttons
{
display: none;
}
}
@media print,
screen and (max-width: 768px)
{ .gnav
{
position: fixed;
overflow: hidden;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
max-height: 0;
overflow-y: auto;
border-radius: 0;
background: rgba(0,0,0, .7);
-webkit-overflow-scrolling: touch;
-webkit-transition: max-height .3s ease-out;
transition: max-height .3s ease-out;
z-index: 100;
}
.gnav.open
{
max-height: 100vh;
}
.gnav nav
{
display: block;
margin: 0; padding: 0;
width: 100%;
height: 100%;
max-width: 100%;
overflow-y: auto;
}
.gnav #main-navigation ul, .gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: block;
position: relative;
margin: 0;
padding: 60px 0 0;
width: auto;
border-radius: 0;
}
.gnav #main-navigation li, .gnav .menu-globalmenu-container ul > li, .gnav .menu ul > li
{
position: relative;
width: auto;
height: auto;
}
.gnav #main-navigation li > a, .gnav .menu-globalmenu-container ul > li > a, .gnav .menu ul > li > a
{
display: block;
position: relative;
padding: 10px 20px;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
text-decoration: none;
border: 0;
border-top: 1px solid rgba(255, 255, 255, .3);
text-align: left;
}
.gnav #main-navigation li:first-child > a, .gnav .menu-globalmenu-container ul > li:last-child > a, .gnav .menu ul > li:last-child > a
{
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.gnav #main-navigation li > a:hover, .gnav .menu-globalmenu-container ul > li a:hover, .gnav .menu  ul > li a:hover
{
transform: none;
}
.gnav #main-navigation li > a:before, .gnav .menu-globalmenu-container ul > li a:before, .gnav .menu ul > li a:before
{
content: '';
display: block;
position: absolute;
box-sizing: border-box;
left: auto;
right: 15px;
top: 50%;
width: 6px;
height: 6px;
background: none;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
opacity: .5;
transform: translateY(-50%) rotate(45deg);
}
.gnav #main-navigation li:first-child a, .gnav .menu-globalmenu-container ul > li:first-child a, .gnav .menu ul > li:first-child > a
{
border-top: 0;
}
.gnav
{
position: fixed;
overflow: hidden;
top: 0;
left: 0;
margin: 0;
padding: 0 0 0;
width: 100vw;
height: 100vh;
max-height: 0;
overflow-y: auto;
border-radius: 0;
-webkit-overflow-scrolling: touch;
-webkit-transition: max-height .3s ease-out;
transition: max-height .3s ease-out;
z-index: 100;
}
.gnav.open
{
max-height: 100vh;
padding: 0 0 20px;
border-radius: 0;
}
.gnav nav
{
display: flex;
flex-flow: column;
align-items: center;
margin: 0; padding: 0;
width: 100%;
height: 100%;
max-width: 100%;
overflow-y: auto;
}
.gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: block;
border-radius: 0;
}
.gnav nav#main-navigation li > a
{
color: #000;
opacity: 1;
border-right: none;
}
.gnav nav#main-navigation li > a:hover
{
color: #333;
text-decoration: none;
}
.gnav #main-navigation li:first-child > a, .gnav .menu-globalmenu-container ul > li:last-child > a, .gnav .menu ul > li:last-child > a
{
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.gnav #main-navigation li > a, .gnav .menu-globalmenu-container ul > li > a, .gnav .menu ul > li > a
{
display: block;
position: relative;
padding: 10px 40px 10px 20px;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
text-decoration: none;
border: 0;
border-top: 1px solid rgba(255, 255, 255, .3);
text-align: left;
}
.gnav #main-navigation li:first-child a, .gnav .menu-globalmenu-container ul > li:first-child a, .gnav .menu ul > li:first-child > a
{
border-top: 0;
border-bottom: 0;
}
.gnav #main-navigation ul, .gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: block;
position: relative;
margin: 0;
padding: 60px 0 0;
width: auto;
border-radius: 0;
}
.gnav #main-navigation li > a:before, .gnav .menu-globalmenu-container ul > li a:before, .gnav .menu ul > li a:before
{
content: '';
display: block;
position: absolute;
box-sizing: border-box;
left: auto;
right: 15px;
top: 50%;
width: 6px;
height: 6px;
background: none;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
opacity: .5;
transform: translateY(-50%) rotate(45deg);
}
}
@media print,screen and (max-width: 768px)
{
.gnav
{
position: fixed;
overflow: hidden;
top: 0;
right: 0;
left: auto;
margin: 0;
padding: 0 0 0;
width: 100vw;
height: 100vh;
max-height: 0;
overflow-y: auto;
border-radius: 0;
-webkit-overflow-scrolling: touch;
-webkit-transition: max-height .3s ease-out;
transition: max-height .3s ease-out;
z-index: 100;
}
.gnav.open
{
max-height: 100vh;
padding: 0 0 20px;
border-radius: 0;
}
.gnav nav
{
display: flex;
flex-flow: column;
align-items: center;
margin: 0; padding: 0;
width: 100%;
height: 100%;
max-width: 100%;
overflow-y: auto;
}
.gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: block;
border-radius: 0;
}
.gnav nav#main-navigation li > a
{
color: #000;
opacity: 1;
border-right: none;
}
.gnav nav#main-navigation li > a:hover
{
color: #333;
text-decoration: none;
}
.gnav #main-navigation li:first-child > a, .gnav .menu-globalmenu-container ul > li:last-child > a, .gnav .menu ul > li:last-child > a
{
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.gnav #main-navigation li > a, .gnav .menu-globalmenu-container ul > li > a, .gnav .menu ul > li > a
{
display: block;
position: relative;
padding: 10px 40px 10px 20px;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
text-decoration: none;
border: 0;
border-top: 1px solid rgba(255, 255, 255, .3);
text-align: left;
}
.gnav #main-navigation li:first-child a, .gnav .menu-globalmenu-container ul > li:first-child a, .gnav .menu ul > li:first-child > a
{
border-top: 0;
border-bottom: 0;
}
.gnav #main-navigation ul, .gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: block;
position: relative;
margin: 0;
padding: 60px 0 0;
width: auto;
border-radius: 0;
}
.gnav #main-navigation li > a:before, .gnav .menu-globalmenu-container ul > li a:before, .gnav .menu ul > li a:before
{
content: '';
display: block;
position: absolute;
box-sizing: border-box;
left: auto;
right: 15px;
top: 50%;
width: 6px;
height: 6px;
background: none;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
opacity: .5;
transform: translateY(-50%) rotate(45deg);
}
} @media screen and (max-width: 767.9px) {
.pt30-sp
{
padding-top: 30px !important;
}
}
@media print, screen and (max-width: 599px)
{
.side ul#menu-colors li a, .side ul#menu-number li a, .side ul#menu-extra li a
{
background-size: 200% auto !important;
width: 100%;
height: auto;
min-height: 44px;
}
.side ul#menu-colors li a:hover, .side ul#menu-number li a:hover, .side ul#menu-extra li a:hover
{
background-position: 100% 0;
}
}
@media print, screen and (max-width: 768px)
{
.listFrame .box
{
width: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.listFrame .txt p
{
font-size: 12px;
}
.listFrame .txt .item
{
padding-left: 20px;
font-size: 14px;
background-position: 0 9px;
}
.listFrame .txt .price .em
{
font-size: 16px;
}
.listFrame .txt .btn_detail
{
font-size: 14px;
}
}
@media print, screen and (max-width: 360px)
{
.listFrame .txt p
{
font-size: 11px;
}
.listFrame .txt .item
{
padding-right: 0;
font-size: 12px;
}
.listFrame .txt .desc
{
padding-left: 0;
padding-right: 0;
font-size: 11px;
}
.listFrame .txt .price .em
{
font-size: 15px;
}
.listFrame .txt .btn_detail
{
font-size: 13px;
}
}
@media screen and (max-width: 599px)
{
.itemInfoBox.colWrap
{
display: block;
}
.itemInfoBox > .txt
{
margin: 30px auto 0;
padding: 0;
max-width: 100%;
}
}
@media screen and (max-width: 768px)
{
.databox th br, .databox .th br
{
display: none;
}
.databox .imgList, .databox tr:last-child td ul:not(.souryoList)
{ }
.databox .imgList img, .databox tr:last-child td ul img
{
width: 33.3%;
padding: 0 5px;
float: left;
display: block;
}
.databox tr:last-child td ul.souryoList li
{
float: none;
}
.databox tr:last-child td ul.souryoList li + li
{
margin-top: 7px;
}
}
@media print, screen and (max-width: 500px)
{
.relatedItemFrame .txt
{
padding: 0 0 0 10px;
font-size: 13px;
}
.relatedItemFrame .txt > p
{
margin-bottom: 8px;
}
.relatedItemFrame .txt .fixed
{
font-size: 12px;
}
.relatedItemFrame .txt .fixed s
{
display: block;
font-size: 14px;
}
.relatedItemFrame .txt .price > span
{
display: block;
}
} @media print, screen and (max-width: 768px)
{
body
{ font-size: 15px;
font-size: 1.5rem;
}
img
{
max-width: 100%;
height: auto;
}
.sp-img-default
{
display: block;
width: auto;
margin-left: auto;
margin-right: auto;
}
.pc, .tab, .pc.tab
{
display: none !important;
}
.sp
{
display: block !important;
}
.sp-flex
{
display: flex;
}
.sp-block
{
display: block;
}
.sp-in-block
{
display: inline-block;
}
.sp-text-center
{
text-align: center;
}
.sp-text-left
{
text-align: left;
}
.sp-text-right
{
text-align: right;
}
.font_s
{
font-size: 13px;
}
.font_l
{
font-size: 15px;
} .sp-colWrap
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sp-colWrap.sp-col
{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.sp-colWrap.sp-wrap
{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-colWrap.sp-col-rev
{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.sp-colWrap.sp-boxAlign-left
{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sp-colWrap.sp-boxAlign-right
{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.sp-colWrap.sp-boxAlign-center
{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sp-colWrap.sp-mdl > *, .sp-colWrap > .sp-mdl:not(.sp-colWrap)
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sp-colWrap.sp-mdl > * > *, .sp-colWrap > .sp-mdl:not(.sp-colWrap) > *
{
width: 100%;
}
.sp-colWrap.sp-mdl.ct > *, .sp-colWrap.sp-mdl > .ct, .sp-colWrap > .sp-mdl.ct:not(.sp-colWrap)
{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sp-colWrap.sp-col2 > *
{
width: 50%;
}
.sp-colWrap.sp-col3 > *
{
width: 33.33%;
}  table:not(.sp-table) th, table:not(.sp-table) td, table.tab-table:not(.sp-table) th, table.tab-table:not(.sp-table) td
{
display: block;
width: 100% !important;
border-bottom: 0;
}
table:not(.sp-table) th
{
padding: 8px 8px 4px;
font-weight: bold;
border-bottom: 0;
}
table:not(.sp-table) td
{
padding: 15px 1em;
border-top: 0;
}
table.sp-table th, table.sp-table td
{
padding: 8px;
font-weight: normal;
}
.commonTbl2:not(.sp-table)
{
border-bottom: 1px solid #999;
}  input[type='text'].sp-max, input[type='tel'].sp-max, input[type='email'].sp-max, select.sp-max, textarea.sp-max
{
width: 100%;
} .sp-mt0
{
margin-top: 0;
}
.sp-mt10
{
margin-top: 10px;
}
.sp-mt20
{
margin-top: 20px;
}
.sp-mt30
{
margin-top: 30px;
}
.sp-mb0
{
margin-bottom: 0;
}
.sp-mb10
{
margin-bottom: 10px;
}
.sp-mb20
{
margin-bottom: 20px;
}
.sp-mb30
{
margin-bottom: 30px;
}
.sp-pt0
{
padding-top: 0;
}
.sp-pt10
{
padding-top: 10px;
}
.sp-pt20
{
padding-top: 20px;
}
.sp-pt30
{
padding-top: 30px;
}
.sp-pb0
{
padding-bottom: 0;
}
.sp-pb10
{
padding-bottom: 10px;
}
.sp-pb20
{
padding-bottom: 20px;
}
.sp-pb30
{
padding-bottom: 30px;
} header #logo .descr
{
display: flex;
align-items: center;
align-content: center;
position: relative;
top: 0;
left: 0;
margin: 0 0 0 20px;
padding: 0;
width: auto;
height: 70px;
font-size: 11px;
text-align: left;
}
header .sitename:after
{
} .gnav
{
position: fixed;
overflow: hidden;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
max-height: 0;
overflow-y: auto;
border-radius: 0;
background: rgba(0,0,0, .7);
-webkit-overflow-scrolling: touch;
-webkit-transition: max-height .3s ease-out;
transition: max-height .3s ease-out;
z-index: 100;
}
.gnav.open
{
max-height: 100vh;
}
.gnav nav
{
display: block;
margin: 0; padding: 0;
width: 100%;
height: 100%;
max-width: 100%;
overflow-y: auto;
}
.gnav #main-navigation ul, .gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: block;
position: relative;
margin: 0;
padding: 60px 0 0;
width: auto;
border-radius: 0;
}
.gnav #main-navigation li, .gnav .menu-globalmenu-container ul > li, .gnav .menu ul > li
{
position: relative;
width: auto;
height: auto;
}
.gnav #main-navigation li > a, .gnav .menu-globalmenu-container ul > li > a, .gnav .menu ul > li > a
{
display: block;
position: relative;
padding: 10px 20px;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
text-decoration: none;
border: 0;
border-top: 1px solid rgba(255, 255, 255, .3);
text-align: left;
}
.gnav #main-navigation li:first-child > a, .gnav .menu-globalmenu-container ul > li:last-child > a, .gnav .menu ul > li:last-child > a
{
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.gnav #main-navigation li > a:hover, .gnav .menu-globalmenu-container ul > li a:hover, .gnav .menu  ul > li a:hover
{
transform: none;
}
.gnav #main-navigation li > a:before, .gnav .menu-globalmenu-container ul > li a:before, .gnav .menu ul > li a:before
{
content: '';
display: block;
position: absolute;
box-sizing: border-box;
left: auto;
right: 15px;
top: 50%;
width: 6px;
height: 6px;
background: none;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
opacity: .5;
transform: translateY(-50%) rotate(45deg);
}
.gnav #main-navigation li:first-child a, .gnav .menu-globalmenu-container ul > li:first-child a, .gnav .menu ul > li:first-child > a
{
border-top: 0;
} .container
{
padding: 0 15px;
}
.ttl, .entry-title
{
margin: 20px 0 15px;
padding: 10px;
font-size: 20px;
}
.ttl2, .ttl2.font_s
{
margin-top: 10px;
padding: 10px 0;
font-size: 19px;
}
.ttl2 .condensed
{
display: inline;
}
h2.heading
{
font-size: 18px;
line-height: 1.2;
}
h3.heading, .heading_m
{
font-size: 17px;
}
p.cap
{
margin: 5px 0;
}
.pg_policy .entry-title, .pg_business .entry-title, .ttl3
{
margin: 10px 0; display: flex;
align-items: center;
align-content: center;
padding: 0 0 15px 40px;
min-height: 40px;
font-size: 18px;
letter-spacing: 2px;
}
.pg_policy .entry-title:before, .pg_business .entry-title:before, .ttl3:before
{
width: 36px;
height: 41px;
}
.ttl_m2
{
padding: 10px 10px 5px 40px;
}
.ttl_m2:before
{
top: 4px;
width: 32px;
height: 30px;
}
.pg_board .boardSection .ttl_m3
{
margin-bottom: 0;
padding: 5px 0 20px 45px;
font-size: 20px;
letter-spacing: 2px;
}
.pg_board .boardSection .ttl_m3:before
{
width: 40px;
height: 41px;
} .side
{
margin: 30px auto 0 !important;
max-width: 470px;
}
.side .bannerFrame > p, .side .bannerFrame > div
{
display: flex;
}
.side .bannerFrame > div
{
max-width: 230px;
}
.side #mybox .sideNav
{
margin: 20px auto;
}
.side .menu
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.side .menu li
{
max-width: 230px;
width: calc(50% - 4px);
}
.side #mybox .sideNav .menu_underh2
{
margin: 0 0 5px;
width: 100% !important;
max-width: 100% !important;
background-color: #FBF8FB !important;
background-position: center center !important;
} footer #bottom_in
{
padding-top: 10px;
}
footer ul#bottommenu, footer .menu-footermenu-container
{
margin: 0 0 10px;
}
footer ul#bottommenu li a, footer ul#menu-footermenu li a
{
padding: 0 10px 0 20px;
font-size: 11px;
}
footer ul#bottommenu li:first-child a, footer ul#menu-footermenu li:first-child a
{
padding-right: 0;
}
footer #guide_in
{
margin-top: 5px;
border-radius: 8px;  }
footer #guide_in div .areaTbl th
{
width: 29%;
white-space: normal;
}
.section + .section, #contentInner .inner .widget + .widget
{
margin-top: 30px;
}
.sec_s
{
padding-left: 0;
padding-right: 0;
} .pg_top .ttl + .ttl_m
{
font-size: 17px;
}
.box03
{
margin: 20px 0 15px;
border-radius: 8px;
}
.box03_in
{
padding: 10px 15px; }
.box03 .title
{
margin: -15px -20px 20px;
padding: 10px;
font-size: 18px;
box-shadow: 0 2px 5px rgba(0,0,0,.175);
} .contactTbl th
{
padding-right: 0;
padding-bottom: 0;
}
.contactTbl td
{
padding: 0 0 10px !important;
}
.wpcf7 input[type='text'], .wpcf7 input[type='email'], .wpcf7 input[type='url'], .wpcf7 textarea
{
width: 100%;
}  .faqSection .q, .faqSection .a
{
padding: 5px 10px 5px 35px;
}
.faqSection .q:before, .faqSection .a:before
{
width: 30px;
height: 30px;
background-size: 30px auto;
}
.faqSection .a:before
{
background-position: center -30px;
}
.faqSection .q
{
padding-top: 7px;
padding-bottom: 4px;
font-size: 15px;
} .guideSection .areaTbl th
{
width: 36%;
white-space: normal;
}
.guideSection .areaTbl .font_s
{
font-size: .9em;
} .pointSection .pointFrame .article
{
margin: 0 0 30px;
}
.pointSection .pointFrame .article .head
{
margin: 0 0 15px;
padding: 0 0 5px;
font-size: 19px;
line-height: 1.3;
}
.pointSection .pointFrame .article .head .hd
{ overflow: hidden;
margin: 0 10px 0 0;
padding: 0 45px 0 0;
max-width: 90px;
height: 33px;
line-height: 40px;
font-size: 16px;
background-size: 40px auto;
}
.pointSection .pointFrame .btnFrame .btn_register
{
font-size: 20px;
} .rappingSection .rappingFrame .box
{
position: relative;
padding: 0 25px 0 35px;
}
.rappingSection .rappingFrame .txt
{
font-size: 22px;
}
.rappingSection .rappingFrame .img > div:after
{
width: calc(100% - 15px);
height: calc(100% - 15px);
} .pg_policy .policySection .txt, .pg_policy .policySection .article > p, .pg_policy .policySection .article > ul
{
padding: 0;
}  .boardFrame.boardLineupBox .img img, .boardFrame.boardLineupBox .img .noimg
{
max-width: 106px;
}
.boardFrame.boardLineupBox .img.msg img
{
max-width: 150px;
}
.boardFrame.boardLineupBox .price
{
font-size: 13px;
}
.boardFrame.boardLineupBox .namae, .boardFrame.boardLineupBox .price .num
{
font-size: 15px;
}
.boardFrame.boardLineupBox .note
{
font-size: 12px;
}
.boardFrame.boardLineupBox .note_s
{
font-size: 11px;
} .boardFrame.boardSampleBox .boardTxt, .boardFrame.boardSampleBox .msgTxt
{
font-size: 15px;
}
.boardFrame.boardSampleBox .boardTxt .em, .boardFrame.boardSampleBox .msgTxt .em
{
font-size: 15px;
}
.boardFrame.boardLineupBox .colWrap > div, .boardFrame .sp-center > div
{
margin-left: auto;
margin-right: auto;
}
} @media print, screen and (max-width: 599px)
{
.sp2
{
display: block !important;
}
.sp2-in-block
{
display: inline-block !important;
}
header #logo
{
position: relative;
height: auto;
}
.home header #logo{
position: absolute;
top: 0;
height: fit-content;
}
header #logo .descr
{
position: relative;
margin: 0;
padding: 3px 10px;
max-width: 100%;
height: auto;
line-height: 1.3;
font-size: 10px;
background: #9C5CAB;
color: #FFF;
}
header .sitename
{
top: calc(26% + 15px);
}
@media print, screen and (max-width: 479px)
{
header .sitename
{
top: calc(26% + 24px);
}
}
#headicon.sp-colWrap
{
display: block;
position: relative;
padding-bottom: 24px;
}
#headicon #hdicon1, #headicon #hdicon2, #headicon #hdicon3
{
width: auto;
}
#headicon .box + .box
{
margin-top: 4px;
}
#headicon .ico
{
font-size: 18px !important;
}
#headicon .ico sup
{
font-size: 10px;
font-weight: normal;
position: absolute;
right: 7px;
bottom: 7px;
}
#headicon .note
{
position: absolute;
bottom: 0;
margin: 0;
font-size: 12px;
letter-spacing: -.6px;
text-align: center;
}
.side
{
margin-left: auto !important;
margin-right: auto !important;
max-width: 345px;
}
.side .menu
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.side .bannerFrame > p, .side .bannerFrame > div
{
width: calc(50% - 4px);
max-width: 168px;
}
.side .bannerFrame > p > a, .side .bannerFrame > div a
{
background-size: 200% auto !important;
background-repeat: no-repeat !important;
}
.side p#lefticon4 a:hover, .side p#lefticon5 a:hover, .side p.side_login a:hover, .side p#lefticon6 a:hover
{
background-position: 100% 0;
}
.side .bannerFrame #lefticon1, .side .bannerFrame #lefticon2, .side .bannerFrame #lefticon3
{
background-size: 100% auto !important;
background-repeat: no-repeat !important;
}
.side .bannerFrame p#lefticon1
{
height: 102px;
}
.side .bannerFrame p#lefticon2
{ height: 100%;
}
.side .bannerFrame p#lefticon3
{
height: 72px;
}
.side .bannerFrame p#lefticon4 a
{
height: 64px;
}
.side .bannerFrame p#lefticon5 a, .side .bannerFrame p.side_login a
{
height: 58px;
}
.side .bannerFrame p#lefticon6 a
{
height: 95px;
}
.side #mybox .sideNav .menu_underh2
{
background-size: auto 42px !important;
height: 30px !important;
}
.side .menu li
{
width: calc(50% - 4px);
max-width: 168px !important;
}
.side #menu-price li
{
width: 100%;
max-width: 100% !important;
}
.side ul#menu-usage li a, .side ul#menu-kind li a, .side ul#menu-others li a
{
background-size: 200% auto !important;
width: 100%;
height: auto;
min-height: 44px;
}
.side ul#menu-usage li a:hover, .side ul#menu-kind li a:hover, .side ul#menu-others li a:hover
{
background-position: 100% 0;
} .pg_top .osusumeFrame
{
display: block;
}
.pg_top .osusumeFrame > div
{
width: auto;
}  .boardFrame.boardLineupBox .colWrap:after
{
width: 33.33%;
}
.boardFrame.boardLineupBox .colWrap > div
{
width: 33.33%;
} .boardFrame.boardLineupBox .colWrap > .msg
{
width: 33.33%;
}
.boardFrame.boardLineupBox .img img, .boardFrame.boardLineupBox .img .noimg
{
max-width: 90%;
}
.boardFrame.boardLineupBox .img.msg img
{
max-width: 100%;
}
.boardFrame.boardLineupBox .noimg
{
display: none;
}
.boardFrame.boardLineupBox .price
{
font-size: 11px;
}
.boardFrame.boardLineupBox .namae, .boardFrame.boardLineupBox .price .num
{
font-size: 13px;
}
.boardFrame.boardLineupBox .msg p.namae
{
max-width: 100%;
letter-spacing: -1px;
}
.boardFrame.boardLineupBox .msg .font_s
{
font-size: 10.5px;
}
.boardFrame.boardLineupBox .note
{
margin-top: 5px;
font-size: 11px;
}
.boardFrame.boardLineupBox .note_s
{
font-size: 11px;
text-align: left;
}
.boardFrame.boardLineupBox .note_s br
{
display: none;
} .boardFrame.boardSampleBox .colWrap
{
display: block;
}
.boardFrame.boardSampleBox .colWrap > div
{
width: auto;
}
.boardFrame.boardSampleBox .txt
{
margin: 10px auto;
max-width: 360px;
font-size: 13px;
text-align: center;
}
.boardFrame.boardSampleBox .boardTxt, .boardFrame.boardSampleBox .msgTxt
{
font-size: 14px;
}
.boardFrame.boardSampleBox .boardTxt .em, .boardFrame.boardSampleBox .msgTxt .em
{
font-size: 14px;
} .boardFrame.boardImgBox .cap
{
line-height: 1.3;
font-size: 13px;
} #box01:before
{
background-position: 0 84%;
}
#box01 .head
{
font-size: 18px;
}
}
@media print, screen and (min-width: 480px) and (max-width: 599px)
{
#headicon #hdicon1 br
{
display: none;
}
}
@media print, screen and (max-width: 420px)
{ .rappingSection .guideFrame
{
display: block;
}
.rappingSection .guideFrame > div
{
width: auto;
}
.rappingSection .guideFrame .img img
{
display: block;
margin: 10px auto 30px;
}
.rappingSection .rappingFrame .box
{
padding: 0 10px 0 20px;
}
.rappingSection .rappingFrame .txt
{
font-size: 16px;
line-height: 1;
}
.rappingSection .rappingFrame .img > div
{
max-width: 130px;
} #box01 .txt
{
padding: 0 10px 10px;
}
#box01:before
{
left: 2%;
width: 22%;
}
#box01 .head
{
margin: 15px auto;
text-align: center;
}
#box01 .head  br
{
display: inline;
}
#box01 .head + p
{
padding-left: 24%;
}
}
@media print, screen and (max-width: 360px)
{
#headicon.sp-colWrap
{
padding-bottom: 20px;
}
#headicon .note
{
font-size: 10.5px;
}
}
@media screen and (max-width: 640px)
{
table.table01 thead
{
display: none;
}
table.table01 tbody th
{
display: block;
}
table.table01 tbody td
{
display: block;
}
table.table01 tbody td::before
{
content: attr(label);
float: left;
clear: both;
font-weight: bold;
}
table.table01 tbody td p
{
padding-left: 1em;
} div#topnews dd h3
{
font-size: 15px;
line-height: 1.4;
}
div#topnews dd p
{
font-size: 13px;
}
} @media print, screen and (max-width: 768px)
{
* + .sec_price
{
margin-top: 40px;
}
}
@media print, screen and (max-width: 768px)
{
.sec_price .sp-visible
{
display: block;
}
}
@media print, screen and (max-width: 768px)
{
.price_heading
{
height: 217px;
}
.price_heading.bg_price_heading01
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/css/images/price/bnr_title01sp.jpg);
}
.price_heading.bg_price_heading02
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/css/images/price/bnr_title02sp.jpg);
}
.price_heading.bg_price_heading03
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/css/images/price/bnr_title03sp.jpg);
}
}
@media print, screen and (max-width: 768px)
{
.price_anc li
{
width: calc(50% - 10px);
}
.price_anc li:not(:first-child)
{
margin-left: 0;
}
.price_anc li:nth-child(even)
{
margin-left: 20px;
}
.price_anc li:nth-child(n + 3)
{
margin-top: 20px;
}
}
@media print, screen and (max-width: 768px)
{
.price_box_item
{
width: 85%;
}
.price_box_point
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/css/images/price/bg_pointsp.jpg);
}
}
@media print, screen and (max-width: 768px)
{
.price_box_title
{
border-bottom: 1px solid #CFBF59;
}
.price_box_title span
{
font-size: 1.6rem;
border-bottom: none;
}
}
@media print, screen and (max-width: 768px)
{
.price_recommend_item_title
{
font-size: 1.6rem;
}
}
@media print, screen and (max-width: 768px)
{
.price_more_button span
{
padding: .5em 2em .5em 1em;
}
}
@media print, screen and (max-width: 375px)
{
.price_more_button span
{
width: 100%;
}
}
@media print, screen and (max-width: 768px)
{
.price_anc li
{
width: calc(50% - 16px);
}
.price_scene_box
{
position: relative;
min-height: 169px;
height: auto;
}
.price_scene_heading
{
color: rgb(196, 2, 75);
width: 100%;
}
.price_scene_box p
{
margin-top: 20px;
width: 100%;
}
.price_scene_box figure
{
position: static;
margin: 25px auto 0 ;
}
.price_scene_box figure img
{
width: 100%;
}
}
@media print, screen and (max-width: 480px)
{
.price_recommend_item
{
width: 100%;
}
}
@media print, screen and (max-width: 768px)
{
.price_anc li
{
width: calc(50% - 16px);
}
.price_scene_box
{
position: relative;
min-height: 169px;
height: auto;
}
.price_scene_heading
{
color: rgb(196, 2, 75);
width: 100%;
}
.price_scene_box p
{
margin-top: 20px;
width: 100%;
}
.price_scene_box figure
{
position: static;
margin: 25px auto 0 ;
}
.price_scene_box figure img
{
width: 100%;
}
}
@media print, screen and (max-width: 480px)
{
.price_recommend_item
{
width: 100%;
}
}
@media screen and (max-width: 767.9px)
{
p.padding0-sp
{
padding-bottom: 0 !important;
}
.padding25-sp
{
padding-bottom: 25px !important;
}
.padding50-sp
{
padding-bottom: 50px !important;
}
.padding100-sp
{
padding-bottom: 100px !important;
}
.padding150-sp
{
padding-bottom: 150px !important;
}
.padding0-sp
{
padding-bottom: 0 !important;
}
.block-sp
{
display: block;
}
}
@media screen and (max-width: 768px) {
.mb50-sp
{
margin-bottom: 50px!important;
}
}
@media screen and (max-width: 768px) {
.mb75-sp
{
margin-bottom: 75px!important;
}
}
@media screen and (max-width: 768px) {
.mt50-sp
{
margin-top: 50px!important;
}
}
@media screen and (max-width: 768px) {
.mt75-sp
{
margin-top: 75px!important;
}
} @media screen and (max-width: 767.9px)
{
.left-sp
{
text-align: left !important;
}
.left-sp *
{
margin-left: 0;
margin-right: auto;
} .center-sp
{
text-align: center !important;
}
.center-sp *
{
margin-right: auto;
margin-left: auto;
} .right-sp
{
text-align: right !important;
}
.right-sp *
{
margin-left: auto;
margin-right: 0;
}
}
@media print,
screen and (max-width: 599px)
{
header .sitename2
{
top: calc(26% + 15px);
}
}
@media print,
screen and (max-width: 479px)
{
header .sitename2
{
top: calc(26% + 24px);
}
}  @media screen and (max-width: 767.9px)
{
.show-pc
{
display: none;
}
.show-tab
{
display: none;
}
.show-sp
{
display: inherit;
}
}
@media screen and (max-width: 768px)
{
article .section.paddingTop0-sp
{
padding-top: 0;
}
article .section.paddingTop50-sp
{
padding-top: 50px;
}
.padding-top-25-sp
{
padding-top: 25px !important;
}
}
@media print,
screen and (max-width: 768px)
{
.gnav
{
position: fixed;
overflow: hidden;
top: 0;
left: 0;
margin: 0;
padding: 0 0 0;
width: 100vw;
height: 100vh;
max-height: 0;
overflow-y: auto;
border-radius: 0;
-webkit-overflow-scrolling: touch;
-webkit-transition: max-height .3s ease-out;
transition: max-height .3s ease-out;
z-index: 100;
}
.gnav.open
{
max-height: 100vh;
padding: 0 0 20px;
border-radius: 0;
}
.gnav nav
{
display: flex;
flex-flow: column;
align-items: center;
margin: 0; padding: 0;
width: 100%;
height: 100%;
max-width: 100%;
overflow-y: auto;
}
.gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: block;
border-radius: 0;
}
.gnav nav#main-navigation li > a
{
color: #000;
opacity: 1;
border-right: none;
}
.gnav nav#main-navigation li > a:hover
{
color: #333;
text-decoration: none;
}
.gnav #main-navigation li:first-child > a, .gnav .menu-globalmenu-container ul > li:last-child > a, .gnav .menu ul > li:last-child > a
{
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.gnav #main-navigation li > a, .gnav .menu-globalmenu-container ul > li > a, .gnav .menu ul > li > a
{
display: block;
position: relative;
padding: 10px 40px 10px 20px;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
text-decoration: none;
border: 0;
border-top: 1px solid rgba(255, 255, 255, .3);
text-align: left;
}
.gnav #main-navigation li:first-child a, .gnav .menu-globalmenu-container ul > li:first-child a, .gnav .menu ul > li:first-child > a
{
border-top: 0;
border-bottom: 0;
}
.gnav #main-navigation ul, .gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: block;
position: relative;
margin: 0;
padding: 60px 0 0;
width: auto;
border-radius: 0;
}
.gnav #main-navigation li > a:before, .gnav .menu-globalmenu-container ul > li a:before, .gnav .menu ul > li a:before
{
content: '';
display: block;
position: absolute;
box-sizing: border-box;
left: auto;
right: 15px;
top: 50%;
width: 6px;
height: 6px;
background: none;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
opacity: .5;
transform: translateY(-50%) rotate(45deg);
}
}
@media print,screen and (max-width: 768px)
{
.gnav
{
position: fixed;
overflow: hidden;
top: 0;
right: 0;
left: auto;
margin: 0;
padding: 0 0 0;
width: 100vw;
height: 100vh;
max-height: 0;
overflow-y: auto;
border-radius: 0;
-webkit-overflow-scrolling: touch;
-webkit-transition: max-height .3s ease-out;
transition: max-height .3s ease-out;
z-index: 100;
}
.gnav.open
{
max-height: 100vh;
padding: 0 0 20px;
border-radius: 0;
}
.gnav nav
{
display: flex;
flex-flow: column;
align-items: center;
margin: 0; padding: 0;
width: 100%;
height: 100%;
max-width: 100%;
overflow-y: auto;
}
.gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: block;
border-radius: 0;
}
.gnav nav#main-navigation li > a
{
color: #000;
opacity: 1;
border-right: none;
}
.gnav nav#main-navigation li > a:hover
{
color: #333;
text-decoration: none;
}
.gnav #main-navigation li:first-child > a, .gnav .menu-globalmenu-container ul > li:last-child > a, .gnav .menu ul > li:last-child > a
{
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.gnav #main-navigation li > a, .gnav .menu-globalmenu-container ul > li > a, .gnav .menu ul > li > a
{
display: block;
position: relative;
padding: 10px 40px 10px 20px;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
text-decoration: none;
border: 0;
border-top: 1px solid rgba(255, 255, 255, .3);
text-align: left;
}
.gnav #main-navigation li:first-child a, .gnav .menu-globalmenu-container ul > li:first-child a, .gnav .menu ul > li:first-child > a
{
border-top: 0;
border-bottom: 0;
}
.gnav #main-navigation ul, .gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: block;
position: relative;
margin: 0;
padding: 0 0 0;
width: auto;
border-radius: 0;
}
.gnav #main-navigation li > a:before, .gnav .menu-globalmenu-container ul > li a:before, .gnav .menu ul > li a:before
{
content: '';
display: block;
position: absolute;
box-sizing: border-box;
left: auto;
right: 15px;
top: 50%;
width: 6px;
height: 6px;
background: none;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
opacity: .5;
transform: translateY(-50%) rotate(45deg);
}
}
@media screen and (max-width: 768px)
{
div#header-bar #buttons
{
display: none;
}
}
@media screen and (max-width: 767.9px)
{
.column3:nth-of-type(n+2)
{
padding-top: 25px;
}
.column4:nth-of-type(n+2)
{
padding-top: 25px;
}
}
@media screen and (max-width: 767.9px)
{
.rowInformation .columnInformation
{
margin: 0 auto 50px;
width: 100%;
max-width: 480px;
}
}
@media screen and (max-width: 767.9px)
{
.columnInformation .columnTextArea
{
padding: 25px 15px;
}
}
@media screen and (max-width: 767.9px)
{
.columnInformation .columnTextArea > ul.listAnchor > li a
{
font-size: 16px;
}
}
@media screen and (max-width: 767.9px)
{
.faqListWrap .faqList
{
padding-bottom: 20px;
}
}
@media screen and (max-width: 768px)
{
.faqList__summary
{
min-height: 62px;
display: flex;
align-items: center;
}
}
@media screen and (max-width: 480px)
{
ul.select-list-card li
{
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767.9px)
{
ul.select-list-card li
{
width: 80%;
padding: 0 !important;
margin-bottom: 50px;
}
}
@media screen and (max-width: 767.9px)
{
table.areaTable-1
{
margin: 0 auto;
}
table.areaTable-1 > tbody > tr > td.-map-sp
{
display: block;
}
table.areaTable-1 > tbody > tr > td.-map
{
display: none;
}
table.areaTable-1 > tbody > tr > td img
{
max-width: 400px;
}
}
@media screen and (max-width: 475px)
{
table.areaTable-2 > tbody > tr > td a
{
font-size: 16px;
}
table.areaTable-1 > tbody > tr > td.-prefectures
{
padding: 0 !important;
}
table.areaTable-2 > tbody > tr > td
{
line-height: 2.3;
padding: 0 13.5px;
}
table.areaTable-2 > tbody > tr:first-child > td
{
padding-top: 20px;
}
table.areaTable-2 > tbody > tr:last-child > td
{
padding-bottom: 20px;
}
table.areaTable-2
{
min-width: unset;
margin-top: 50px;
width: 100%;
}
table.areaTable-1 > tbody > tr > td.-map-sp
{
padding: 0;
}
}
@media screen and (max-width: 767.9px)
{
.page-id-4184 .obsessionSection h2.ttl.has-left-line:after, .page-id-4187 .priceHeadingSection h2.ttl.has-left-line:after
{
top: 18px;
}
}
@media screen and (max-width: 767.9px)
{
section.apolonSection
{
margin-bottom: 0px;
}
}
@media screen and (max-width: 980px)
{
section.apolonSection .inner::after
{
background: url(https://www.kochoran.ne.jp/wp-content/uploads/aplolone-banner-sp.png);
background-repeat: no-repeat;
background-position: top left;
background-size: auto 120%;
}
}
@media screen and (max-width: 587px)
{
section.apolonSection .inner::after
{
background-position: top right 45vw;
background-size: auto 100%;
}
}
@media screen and (max-width: 450px)
{
section.apolonSection .inner .columns
{
justify-content: center;
}
}
@media screen and (max-width: 767.9px)
{
h2.ttlBanner
{
font-size: 30px;
text-align: center;
}
}
@media screen and (max-width: 450px)
{
h2.ttlBanner
{
line-height: 1.3;
}
h2.ttlBanner br
{
display: block;
}
}
@media screen and (max-width: 767.9px)
{ .relatedItemsWrap.-noslick
{
width: 100%;
margin-left: 0;
margin-right: 0;
}
.relatedItemsWrap.-noslick .relatedItem .column.img > a.imageWrap
{
max-width: 220px;
}
.relatedItemsWrap.-noslick.-oneitem .relatedItem .column.img > a.imageWrap
{
max-width: 220px;
}
}
@media screen and (max-width: 479.9px)
{ }
@media screen and (max-width: 767.9px)
{ .relatedItemsWrap.-noslick .relatedItem
{
width: 100%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
.noMargin .relatedItemsWrap.-noslick .relatedItem{
margin-bottom: 50px!important;
}
.noMargin .relatedItemsWrap.-noslick .relatedItem:last-child{
margin-bottom: 0px!important;
}
.single-column .relatedItemsWrap.-noslick .relatedItem{
margin-left: 0;
margin-right: 0;
}
.single-column .rankingSection:has(+ .heading) .relatedItemsWrap.-noslick .relatedItem{
margin-bottom: 50px!important;
}
.single-column .rankingSection:has(+ .heading) .relatedItemsWrap.-noslick .relatedItem:last-child{
margin-bottom: 0px!important;
}
}
@media screen and (max-width: 479.9px)
{ }
@media screen and (max-width: 767.9px)
{
.relatedItem .column.itemName
{ }
.relatedItem .column.itemName > a
{
line-height: 1.35;
min-height: unset;
}
}
@media screen and (max-width: 767.9px)
{
.relatedItem .itemInfo > .column.btnWrap
{
margin: 20px auto 0;
}
}
@media screen and (max-width: 767.9px)
{
.relatedItem .itemInfo > .column.btnWrap::before
{
top: -13px;
}
}
@media screen and (max-width: 640px)
{ div#related dd h3
{
font-size: 15px;
line-height: 1.4;
}
div#related dd p
{
font-size: 13px;
}
}
@media (max-width: 640px)
{
a.kochoran-card-card
{
padding: 10px 10px 20px 10px;
}
a.kochoran-card::after
{
font-size: 12px;
padding: 2px 13px;
right: 10px;
}
.kochoran-card-thumbnail
{
margin-right: 10px;
padding-top: 10px;
}
.kochoran-card-title
{
font-size: 14px;
}
.kochoran-card-excerpt
{
display: none;
}
}
@media (max-width: 640px)
{
.rec-list ul
{
width: 100%;
flex-direction: column;
}
}
@media (max-width: 640px)
{
#irr
{
padding: .8em;
}
.rec-list2 ul
{
width: 100%;
flex-direction: column;
}
.rec-list2 ul li
{
width: 100% !important;
}
} @media screen and (max-width: 480px)
{ .ListsSection2
{
margin: 0 auto 40px;
}
.ListsSection2 .contCatLists2 ul li
{
width: 47%;
font-size: 18px;
}
.ListsSection2 .contCatLists2 ul li a::after
{
right: 10px;
} .ListsSection3 .contCatLists3 ul li
{
width: 47%;
font-size: 18px;
}
.ListsSection3 .contCatLists3 ul li a::after
{
right: 10px;
} .itemArea a dl dt img
{
height: auto !important;
}
.gMenuArea
{
margin-bottom: 20px;
}
.gMenuArea ul
{
flex-wrap: wrap;
margin: 0 10px;
}
.gMenuArea ul li
{
width: 50%;
padding: 0 2px;
}
.commonSection2 .titleArea2
{
margin-bottom: 30px;
}
.commonSection2 .titleArea2 h2
{
font-size: 15px;
width: 95%;
margin: 0 auto;
}
.commonSection2 .titleArea2 h2::before
{
width: 44px;
height: 44px;
}
.commonSection2 .itemArea
{
width: 95%;
margin: 0 auto 50px;
}
.commonSection2 .itemArea a
{
display: block;
margin-bottom: 70px;
}
.commonSection2 .itemArea a dl
{
margin-bottom: 0;
}
.recSection .itemArea dl
{
display: block;
}
.recSection .itemArea dl dt
{
height: auto;
overflow: auto;
width: 100%;
margin-bottom: 20px;
}
.commonSection .itemArea dl dd
{
width: 100%;
margin: 0;
}
.commonSection .itemArea dl dd ul li.elBtn
{
margin-top: 10px;
}
.commonSection .itemArea dl dt
{
width: 100%;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767.9px)
{
.relatedItem .itemInfo > .column.desc
{
height: 60px !important;
min-height: unset;
}
.relatedItemsWrap.-noslick .relatedItem .itemInfo > .column.desc
{
height: auto !important;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
min-height: unset;
} .slickRanking .rankColumn .rankTxt > .caption, .slickRankingEx .rankColumn .rankTxt > .caption
{
margin-bottom: 10px;
}
}
@media screen and (max-width: 767.9px)
{
.section .inner > .ttl + p
{
padding-bottom: 50px;
}
}
@media screen and (max-width: 767.9px)
{
.page-id-4184 .linkbtnWrap
{
padding-top: 25px;
}
}
@media screen and (max-width: 767.9px)
{
.informationSection h3.heading4
{
font-size: 20px;
line-height: 1.35;
padding: 30px 20px;
}
}
@media screen and (max-width: 767.9px)
{
.prefectureSection p.text
{
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px){
.column_2col_wrap {
display: block;
}
}
@media screen and (max-width: 768px) {
.column_2col_wrap {
padding-top: 25px;
}
}
@media (max-width: 768px) {
.toc-design .toc_list {
padding: 25px 10px;
}
.toc-design ol ol {
padding-left: 1em;
}
}
@media (max-width: 768px) {
.toc-design .toc_list {
padding: 25px 10px;
}
.toc-design ol ol {
padding-left: 1em;
}
}
@media (max-width: 768px) {
h2.ttl {
padding: 0 0 50px 0;
}
.page h2.ttl {
padding: 0 0 25px 0;
}
.single-column section.section.FaqSection  h2.ttl {
padding: 0 0 25px 0;
}
h2.ttl:has(+ .introduction) {
padding: 0 0 25px 0;
}
.section .inner > p.introduction {
margin: 0 auto;
padding-bottom: 50px;
}
#_gaCartButton button {
display: block;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.single-shop .itemInfoBox .txt .optionWrap span.quantity {
grid-template-columns: 1fr 1fr;
}
.single-shop .itemInfoBox .txt .optionWrap span.quantity > select {
margin-left: 0;
}
}
@media screen and (max-width: 788px) {
.wrap-intro.section {
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 767.9px) {
.wrap-intro__gallery__wrap1 {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (max-width: 767.9px) {
.wrap-intro__gallery__wrap2 {
display: none;
}
}
@media screen and (max-width: 767.9px) {
.wrap-intro__gallery__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767.9px) {
.wrap-intro__gallery__item.-sp-left {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.wrap-intro__gallery__item.-sp-left img {
width: 45%;
margin-left: 3.33%;
}
.wrap-intro__gallery__item.-sp-left p {
width: 50%;
}
}
@media screen and (max-width: 767.9px) {
.wrap-intro__gallery__item p {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.awardSection__message {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram {
width: 100%; }
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text1 {
top: 8%;
left: 23%;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text2 {
top: 8%;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text3 {
top: 8%;
right: 23%;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text4 {
left: 3.6%;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text5 {
right: 3.6%;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text6 {
background-color: #F1EBEF;
padding: 0 5px;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text7 {
top: 80%;
}
}
@media screen and (max-width: 767.9px) {
.useDetailsColumnSection__links a:last-child {
margin-left: 15px;
}
}
@media screen and (max-width: 767.9px) {
.flow__item {
height: 70px;
padding: 0 15px;
border-radius: 5px;
margin-top: 25px;
}
}
@media screen and (max-width: 767.9px) {
.flow__item:nth-child(2n) {
border-width: 2px;
}
}
@media screen and (max-width: 767.9px) {
.flow__item:nth-child(2n + 1) {
border-width: 2px;
}
}
@media screen and (max-width: 767.9px) {
.flow__number {
width: 45px;
height: 45px;
-webkit-box-flex: 0;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
font-size: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 767.9px) {
.flow__number:before {
height: 70px;
width: 3px;
}
}
@media screen and (max-width: 767.9px) {
.flow__text {
font-size: 16px;
letter-spacing: 1px;
line-height: 1.25;
}
}
@media screen and (max-width: 767.9px) {
.useDetailMannerdSection .square {
display: block;
}
}
@media screen and (max-width: 767.9px) {
.reason__item {
width: 100%;
margin: 0 0 25px 0; }
.reason__item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 767.9px) {
.reason__item.-m-margin {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767.9px) {
.reason__item__figure {
width: 272px;
margin: 0 auto;
border-radius: 5px;
padding-bottom: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 767.9px) {
.reason__item__figure p {
font-size: 16px;
padding-top: 15px;
}
}
@media screen and (max-width: 767.9px) {
.reason__item__text {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.purpose__wrap {
width: 100%;
margin: 0 auto;
}
}
@media screen and (max-width: 767.9px) {
.purpose__card {
padding: 0 !important;
width: 100%;
max-width: 480px;
margin: 0 auto 50px;
}
}
@media screen and (max-width: 767.9px) {
.purpose__card__caption {
margin-bottom: 0;
}
}
@media screen and (max-width: 767.9px) {
.dividor-vertical:before {
width: 4px;
height: 32px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap.section {
padding-top: 50px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__section {
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__h2 {
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__h3 {
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__wrap {
display: block;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__box {
width: 100%;
}
.sitemap__box:first-child {
margin-bottom: 25px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__box li {
margin-bottom: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__box ul.child-category li:last-child {
margin-bottom: 15px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__box a {
letter-spacing: 1px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__section.-full {
padding-bottom: 25px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__section.-full .sitemap__box:first-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__section.-full .sitemap__box > ul {
max-height: unset !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__section.-full li {
width: 100%;
}
}
@media screen and (max-width: 767.9px) {
.area-list {
width: calc(100% + 30px);
margin-left: -15px;
}
}
@media screen and (max-width: 479.9px) {
.area-list {
width: calc(100% + 15px);
margin-left: -7.5px;
}
}
@media screen and (max-width: 767.9px) {
.area-item {
width: calc((100% / 2) - 30px);
max-width: 480px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 50px;
}
}
@media screen and (max-width: 479.9px) {
.area-item {
width: calc((100% / 2) - 15px);
margin-left: 7.5px;
margin-right: 7.5px;
}
}
@media screen and (max-width: 768px)
{
.area-item__link {
width: 125px;
height: 30px;
font-size: 12px;
}
.area-item__link:after {
right: 14px;
top: calc(50% - 3.4px);
}
}
@media screen and (max-width: 768px) {
.areaSection h3.heading {
margin: 25px auto;
}
}
@media screen and (max-width: 767.9px) {
.area-intro__item {
width: 100%;
max-width: 340px;
margin: 0 auto 25px;
}
.area-intro__item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 767.9px) {
.area-intro__item__figure {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 5px;
padding-bottom: 0;
max-width: 272px;
margin-left: auto;
margin-right: auto;
}
.area-intro__item__figure img {
height: auto; width: auto;
max-width: 80px;
}
}
@media screen and (max-width: 767.9px) {
.area-intro__item__figure p {
font-size: 16px;
padding-top: 15px;
}
}
@media screen and (max-width: 767.9px) {
.area-intro__item__text {
font-size: 16px;
text-align: center;
}
}
@media screen and (max-width: 767.9px) {
.delivery-area__list {
border-radius: 10px;
padding: 20px;
}
}
@media screen and (max-width: 767.9px) {
.delivery-area ul li {
font-size: 16px;
line-height: 2.5;
letter-spacing: 1px;
}
}
@media screen and (max-width: 767.9px) {
.delivery-area ul li:before {
padding: 0 4px;
}
}
@media screen and (max-width: 767.9px) {
.tatefuda-howto .-bigger {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.return-exchange__box {
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.return-exchange__box h3 {
font-size: 18px;
letter-spacing: 1.1px;
}
}
@media screen and (max-width: 767.9px) {
.about-point__item {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 340px;
margin: 0 auto 25px;
padding: 0 25px;
}
.about-point__item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 739px) {
.about-point__item {
padding: 0px;
}
}
@media screen and (max-width: 767.9px) {
.about-point__item__figure {
border-radius: 5px;
padding-bottom: 0;
}
.about-point__item__figure img {
height: auto;
width: auto;
}
}
@media screen and (max-width: 767.9px) {
.about-point__item__figure p {
font-size: 16px;
padding-top: 15px;
}
}
@media screen and (max-width: 767.9px) {
.about-point__item__text {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.business-table__item {
font-size: 16px;
letter-spacing: 1px;
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.business-table__name {
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
text-align: left;
}
.business-table__name br {
display: none;
}
}
@media screen and (max-width: 767.9px) {
.info-table__item {
font-size: 16px;
letter-spacing: 1px;
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.info-table__name {
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
text-align: left;
}
.info-table__name br {
display: none;
}
}
@media screen and (max-width: 795px) {
.introduction-farmer__wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 735px) {
.introduction-farmer__wrap {
grid-template-columns: 1fr 1fr;
justify-items: center;
}
}
@media screen and (max-width: 734.9px) {
.introduction-farmer__wrap {
padding-top: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 490px) {
.introduction-farmer__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin: 0;
}
}
@media screen and (max-width: 768px) {
.introduction-farmer__figure { width: calc(50vw - 35px);
max-width: 250px;
margin-right: 0;
margin-left: 0;
}
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(1),
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(2) {
min-height: 263px;
}
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(3),
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(4) {
min-height: 212px;
}
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(5),
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(6) {
min-height: 262px;
}
}
@media screen and (max-width: 767.9px) {
.introduction-farmer__figure p {
font-size: 14px;
}
}
@media screen and (max-width: 767.9px) {
.page-id-103 #gazou > #headimg > img {
position: static;
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__item, .flow-delivery__item {
padding: 25px 15px;
border-radius: 5px;
margin-top: 25px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__item:nth-child(2n), .flow-delivery__item:nth-child(2n) {
border-width: 2px;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__item:nth-child(2n + 1), .flow-delivery__item:nth-child(2n + 1) {
border-width: 2px;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__number, .flow-delivery__number {
width: 45px;
height: 45px;
-webkit-box-flex: 0;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
font-size: 20px;
margin-right: 20px;
margin-top: -11px;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__number:before, .flow-delivery__number:before {
height: 70px;
width: 3px;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__name, .flow-delivery__name {
font-size: 16px;
letter-spacing: 1px;
line-height: 1.25;
}
}
@media screen and (max-width: 767.9px) {
.ship-payment__box {
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.ship-payment__box h3 {
font-size: 18px;
letter-spacing: 1.1px;
}
}
@media screen and (max-width: 767.9px) {
.ship-payment__box {
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.ship-payment__box h3 {
font-size: 18px;
letter-spacing: 1.1px;
}
}
@media screen and (max-width: 767.9px) {
.privacypolicy__box {
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.privacypolicy__box h3 {
font-size: 18px;
letter-spacing: 1.1px;
}
}
@media screen and (max-width:440px){
.deliveredSection .deliveredList.item3 .deliveredItem {
margin: 0 !important;
}
.deliveredList.item3 .deliveredItem > .itemInner > img {
width: 90% !important;
height: auto;
margin:0 auto;
}
}
@media screen and (max-width: 500px)
{
section.raise h2{
font-size:16px;
line-height:1.4;
}
}
@media screen and (max-width: 768px) {
.wkr_reviews .wkr_review dt {
font-size: 18px !important;
line-height: 1.5 !important;
}
} @media screen and (max-width: 768px) {
.insert-page .useSelectSection ul.select-list-card li:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.recommendColumn .partWrap ul li:first-of-type {
padding-top: 0;
}
}
@media screen and (max-width: 768px) {
article .section.tatefuda {
padding-top: 0;
}
.tatefuda {
overflow: hidden;
}
.tatefuda .inner .myList .myList-inner {
display: block !important;
}
.tatefuda .inner .myList .myList-inner h3 {
margin-top: 50px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 23px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: black;
}
.tatefuda .inner .myList .myList-inner h3:before {
content: "";
width: 20px;
height: 22px;
background-image: url(https://www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/css/images/h3-before.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 8px;
}
.tatefuda .inner .myList .myList-inner h3.one {
margin-top: 0;
}
.tatefuda .inner .myList .myList-inner .box {
margin-top: 50px;
}
.tatefuda .inner .myList .myList-inner .box > p {
font-size: 14px;
margin: 25px auto 0;
text-align: center;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap {
max-width: none;
width: 100%;
margin: 0 auto 50px;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap.next-mark {
margin-bottom: 85px
}
.tatefuda .inner .myList .myList-inner .box .item-wrap:last-of-type {
margin-bottom: 0;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li {
display: block;
text-align: center;
margin: 0 auto;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li img {
width: 80%;
height: auto;
display: block;
margin: 0 auto;
padding-bottom: 10px;
}
.insert-page.insert-page-11466 .tatefuda .inner .myList .myList-inner .box .item-wrap li img {
padding-bottom: 0;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li h4 {
line-height: 1;
margin-top: 10px;
font-size: 16px;
text-align: center;
font-weight: 600;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li .mincho {
line-height: 1;
margin-top: 18px;
font-size: 16px;
text-align: center;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li p {
line-height: 1.5;
margin-top: 5px;
font-size: 14px;
color: #707070;
}
}
@media screen and (max-width: 768px) {
article section.areaSection .itemListWrap h3.heading {
margin: 0 auto 50px !important;
padding: 0 !important;
line-height: 1.6;
}
}
@media screen and (max-width: 768px) {
article .areaSection.section h3.heading {
margin: 0;
padding: 51px 0 25px;
}
}
@media screen and (max-width: 768px) {
section.section.areaSection {
padding-bottom: 0px !important;
}
} @media (max-width: 768px) {
ul.select-list-card.useListWrap li:last-of-type {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
#wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl:has(+ p),
#wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl.withSubtext {
padding-bottom: 25px !important;
}
} @media screen and (max-width: 768px) {
#wrapper #content section.section.colorDetailsRecommendSection.isPricePage h2.ttl + p,
#wrapper #content .post article section.section.FaqSection .inner h2.ttl + p,
#wrapper #content .post article section.section.wrapFaqSection .inner h2.ttl + p {
text-align: justify !important;
padding-bottom: 25px;
}
} @media screen and (max-width: 768px) {
#content .FaqSection .faqList .text .mt20,
#content .wrapFaqSection .faqList .text .mt20 {
margin-top: 10px !important;
}
} @media screen and (max-width: 768px) {
#wrapper #content.pg_rapping article section.section.wrapMannersSection .inner .sectionDesc {
padding-bottom: 50px !important;
}
}
@media screen and (max-width: 768px) {
#wrapper #content.pg_rapping article section.section.wrapMannersSection .inner h3.heading {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#wrapper #content.pg_rapping .wrap-intro__gallery__item {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
}
}
@media screen and (max-width: 768px) {
.pg_board .headingSection .column-r.imageColumn img {
padding-bottom: 25px;
}
.page-id-102 #wrapper #content.pg_board article section.section.useSelectSection .inner .sectionDesc {
text-align: justify !important;
}
}
@media screen and (max-width: 768px) {
.pg_farmer .award-farmer .column-r.imageColumn img,
.pg_farmer .introduction-farmer .column-r.imageColumn img {
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px) {
.pg_firstone .headingSection .column-r.imageColumn img {
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px) {
.single-column .mannerSection .mt20 {
margin-top: 10px !important;
}
.single-column .mannerSection,
.single-column .aboutSection {
padding: 0 !important;
}
}
@media screen and (max-width: 768px) {
.single-column .column_main_content .column_list .column_list_card--body h2 {
font-size: 20px !important;
}
}
@media screen and (max-width: 768px) {
.single-column h2.mincho.kanren-ttl,
.single-column h3.mincho.kanren-ttl {
font-size: 20px !important;
padding-top: 10px;
margin-bottom: 25px !important;
}
}
@media screen and (max-width: 768px){
.single-column .mannerSection .slick-dotted.slick-slider {
margin-bottom: 70px;
}
} @media screen and (max-width: 768px) {
.single-column article .section.aboutSection.summary {
padding-top: 50px !important;
padding-right: 25px !important;
padding-left: 25px !important;
padding-bottom: 50px !important;
}
.single-column article .section.aboutSection.summary h2.ttl {
font-size: 20px;
padding-bottom: 25px;
}
.single-column article .section.aboutSection.summary h2.ttl.has-left-line::after {
top: 11px;
}
.single-column article .section.aboutSection.summary h2.has-left-line > span.description {
font-size: 24px;
line-height: 1.5 !important;
margin-top: 10px;
display: inline-block;
}
.single-column article .section.aboutSection.summary .columns {
flex-direction: column;    
}
.single-column article .section.aboutSection.summary .columns .column-r,
.single-column article .section.aboutSection.summary .columns .column-l {
width: 100%;
}
.single-column article .section.aboutSection.summary .columns .column-r.imageColumn {
width: 100%;
}
.single-column article .section.aboutSection.summary .columns .column-r.imageColumn img {
display: block;
margin-bottom: 25px;
}
.single-column article .section.aboutSection.summary .columns .mt20 {
margin-top: 10px !important;
}
}
@media screen and (max-width: 768px) {
.single-areas .about-area .inner p.mt20 {
margin-top: 10px !important;
}
}
@media screen and (max-width: 768px) {
.single-areas .awardSection .column-r.imageColumn img { }
}
@media screen and (max-width: 768px) {
.single-areas #wrapper #content article section.delivery-possible .inner h2.ttl.has-left-line:after {
top: 20px !important;
}
}
@media screen and (max-width: 768px) {
.single-areas .headingSection .column-r.imageColumn img {
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px){
.page-id-7822 .about-area .inner p.mt20,
.page-id-7880 .about-area .inner p.mt20 {
margin-top: 10px !important;
}
}
@media screen and (max-width: 768px) {
.page-id-7822 .headingSection .column-r.imageColumn img,
.page-id-7880 .headingSection .column-r.imageColumn img {
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px) {
.single-use .headingSection .column-r.imageColumn img,
.single-use .awardSection .column-r.imageColumn img,
.single-use .insert-page-10989 .column-r.imageColumn img,
.single-use .insert-page-10969 .column-r.imageColumn img {
vertical-align: bottom;
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px) {
.single-use #wrapper #content article .inner h3.heading,
.single-use.postid-10792 #wrapper #content article .headingSection .inner h3.heading,
.single-use.postid-10800 #wrapper #content article .headingSection .inner h3.heading {
font-size: 16px !important;
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 768px) {
.single-use .rankingSection .inner .sectionDesc {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 768px) {
.single-use .whatis .column-r img  {
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px){
.single-use .headingSection p.mt20 {
margin-top: 10px !important;
}
}
@media screen and (max-width: 768px) {
#single-shop .itemInfoSection .itemDesc {
padding-bottom: 50px;
}
#single-shop .itemInfoSection .itemDesc .mt20 {
margin-top: 10px !important;
}
#single-shop .deliveredSection .deliveredList {
width: 100%;
}
#single-shop .deliveredSection .deliveredList.slickDelivered.item5 {
width: calc(100% + 50px);
margin-left: -26px;
margin-right: auto;
}
#single-shop .shopping_form .layoutp3 tr td .ttl-item-name .itemSpec:nth-of-type(1) {
padding-top: 15px;
}
#single-shop .itemOptionSection h2.ttl {
padding-bottom: 0 !important;
}
#single-shop .deliveredSection h2.ttl,
#single-shop .relatedItemSection h2.ttl,
#single-shop .featuredItemSection h2.ttl,
#single-shop .itemReviewSection h2.ttl,
#single-shop .rankingSection h2.ttl {
padding-bottom: 25px !important;
}
#single-shop .relatedItemSection h2.ttl{
padding-bottom: 50px !important;
}
}
@media screen and (max-width: 768px) {
#single-shop .itemInfoSection .itemInfoBox .shopping_form table td.priceWrap {
padding-top: 20px !important;
}
}
@media screen and (max-width: 768px){
#single-shop .shopping_form table,
#single-shop .shopping_form tbody,
#single-shop .shopping_form tr {
display: block !important;
}
#single-shop .shopping_form table{
margin-bottom: 50px;
}
}
@media screen and (max-width: 768px) {
#single-shop section.raise h2.ttl {
font-size: 28px;
}
#single-shop section.raise h2.ttl > span.description {
font-size: 24px;
}
}
@media screen and (max-width: 768px) {
#single-shop section.raise span.mt20 {
margin-top: 10px !important; 
}
} @media screen and (min-width: 769px) {
br.sp_only {
display: none !important;
}
}
@media screen and (min-width: 769px) {
span.yohaku.pc_only {
display: inline-block !important;
}
}
@media screen and (max-width: 768px) {
span.yohaku.pc_only {
display: none !important;
}
}
@media screen and (max-width: 768px) {
#notfound {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media screen and (max-width: 768px) {
#notfound {
padding-top: 140px;
padding-bottom: 70px;
}
#notfound h1 {
font-weight: 500;
font-size: 28px;
line-height: 1.0;
letter-spacing: 2.24px;
color: #793F65;
text-align: center;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-top: 0;
margin-bottom: 10px;
}
#notfound h2 {
line-height: 1.0;
letter-spacing: 2.24px;
margin: 0 !important;
color: #333;
font-size: 24px;
text-align: center;
font-weight: 400;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#notfound p {
color: #333;
font-size: 16px;
text-align: center;
margin-top: 25px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#notfound a {
letter-spacing: 0.08em;
border-radius: 10px;
display: block;
margin: 25px auto 0;
width: 300px;
height: auto;
text-align: center;
line-height: 56px;
background-color: #793F65;
font-size: 18px;
font-weight: 400;
color: white;
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
}
@media screen and (max-width: 500px) {
article .section {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media screen and (max-width: 768px) {
article section.columnSection h3.heading {
font-size: 20px !important;
}
}
@media screen and (max-width: 450px) {
#wrapper #content article .inner p.long-text {
padding-bottom: 10px;
}
}
@media screen and (max-width: 768px) {
#wrapper #content article section.section .inner .sectionDesc {
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
color: #333;
font-size: 16px;
text-align: justify !important;
padding-bottom: 25px !important; }
.postid-10814 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
.postid-10813 #wrapper #content article section.section.useDetailsRecommendSection .inner .sectionDesc,
.page-id-230 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
.page-id-237 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
.page-id-241 #wrapper #content article section.section.useSelectSection .inner .sectionDesc,
.page-id-243 #wrapper #content article section.section.useSelectSection .inner .sectionDesc {
text-align: center !important;
}
#wrapper #content article section.section .inner .sectionDesc p {
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
color: #333;
font-size: 16px;
text-align: justify !important;
padding-bottom: 10px;
}
#wrapper #content article section.section .inner .sectionDesc p:last-child {
padding-bottom: 0;
}
}
@media screen and (max-width: 768px) {
#wrapper #content article section.section .inner h2.ttl.center-sp > span.description {
text-align: center !important;
}
}
@media screen and (max-width: 768px) {
#wrapper #content article section.section .inner .sectionDesc.center.pb20 {
padding-bottom: 10px !important;
}
}
@media screen and (max-width: 768px) {
#wrapper header.header #header-bar {
padding: 0;
}
}
@media screen and (max-width: 768px) {
#wrapper header.header #header-bar .menuBtn {
display: flex!important;
right: 30px;
}
}
@media screen and (max-width: 500px) {
#wrapper header.header #header-bar .menuBtn {
right: 25px;
}
}
@media screen and (max-width: 768px) {
.gnav {
background-color: #F9F2F6 !important;
padding: 0 !important;
max-height: 100vh !important;
opacity: 0;
visibility: hidden; display: block;
-webkit-animation-name: fadeOutAnime;
animation-name: fadeOutAnime;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-direction: normal;
animation-direction: normal;     
z-index: -1;
}
.gnav.open {
display: block;
-webkit-animation-name: fadeInAnime;
animation-name: fadeInAnime;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-direction: normal;
animation-direction: normal;
opacity: 1;
visibility: visible;
z-index: 10000;
}
.gnav #main-navigation {
display: flex;
}
.gnav #main-navigation .nav-wrapper {
margin: auto;
height: auto;
min-height: auto;
position: relative;
padding-right: 30px;
padding-left: 30px;
max-width: 410px;
}
.gnav #main-navigation .nav-wrapper a:hover {
background: transparent !important;
}
.gnav #main-navigation .nav-wrapper #nav-close {
width: 15px;
color: #660000;
cursor: pointer;
font-weight: 400;
position: relative;
display: block;
margin-left: auto;
margin-right: 0;
top: -30px;
right: auto;
}
.gnav #main-navigation .nav-wrapper .nav-header {
padding-bottom: 19px;
margin-bottom: 25px;
border-bottom: dashed 1px #222;
}
.gnav #main-navigation .nav-wrapper .nav-header > a {
align-items: center;
font-size: 16px;
}
.gnav #main-navigation .nav-wrapper .nav-header > a img {
width: 20px;
height: 20px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content {
margin-top: 40px;
row-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content > a {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .migi {
padding-left: 18px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content > a {
font-size: 16px;
line-height: 1;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion {
font-size: 16px;
line-height: 1;
color: black;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion i::after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 5px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content {
transition: max-height 1s ease;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content.open {
max-height: 200px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li {
line-height: 1;
margin-top: 20px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li:before {
margin-right: 5px;
font-size: 2px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li a {
line-height: 1;
padding: 8px 0 !important;
font-size: 14px !important;
color: #000 !important;
}
.gnav #main-navigation .nav-wrapper .nav-footer {
justify-content: center;
}
.gnav #main-navigation .nav-wrapper .nav-footer a {
font-size: 12px;
}
}
@media screen and (max-width: 768px)  {
.gnav {
display: block;
background-color: #F9F2F6 !important;
padding: 0 !important;
max-height: 100vh !important;
opacity: 1;
transition: transform 0.3s ease;
transform: translateX(50vw);
z-index: -1;
}
.gnav.open {
display: block;
opacity: 1;
z-index: 10000;
transform: translateX(0) translateZ(2px);
}
.gnav #main-navigation {
display: flex;
}
.gnav #main-navigation .nav-wrapper {
margin: auto;
height: auto;
min-height: auto;
position: relative;
padding-right: 30px;
padding-left: 30px;
max-width: 410px;
}
.gnav #main-navigation .nav-wrapper a:hover {
background: transparent !important;
}
.gnav #main-navigation .nav-wrapper #nav-close {
width: 15px;
color: #660000;
cursor: pointer;
font-weight: 400;
position: fixed;
display: block;
margin-left: auto;
margin-right: 0;
top: 30px;
right: 30px;
}
.gnav #main-navigation .nav-wrapper .nav-header {
padding-bottom: 19px;
margin-bottom: 25px;
border-bottom: dashed 1px #222;
}
.gnav #main-navigation .nav-wrapper .nav-header > a {
align-items: center;
font-size: 16px;
}
.gnav #main-navigation .nav-wrapper .nav-header > a img {
width: 20px;
height: 20px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content {
margin-top: 40px;
row-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content > a {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .migi {
padding-left: 18px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content > a {
font-size: 16px;
line-height: 1;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion {
font-size: 16px;
line-height: 1;
color: black;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion i::after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 5px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content {
transition: max-height 1s ease;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content.open {
max-height: 200px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li {
line-height: 1;
margin-top: 25px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li:before {
margin-right: 5px;
font-size: 2px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .nav-content__accordion-content li a {
line-height: 1;
padding: 0 !important;
font-size: 12px !important;
color: #000 !important;
}
.gnav #main-navigation .nav-wrapper .nav-footer {
justify-content: center;
}
.gnav #main-navigation .nav-wrapper .nav-footer a {
font-size: 12px;
}
}
@media screen and (max-width: 500px) {
.gnav #main-navigation .nav-wrapper .nav-body .nav-content {
-moz-column-gap: 10px;
column-gap: 10px;
}
.gnav #main-navigation .nav-wrapper .nav-body .nav-content .migi {
padding-left: 0;
}
}
@media screen and (max-width: 768px) {
header #header-bar #logo > a {
margin-left: 30px;
margin-right: auto;
height: 100px !important;
display: flex;
align-items: center;
}
.home header #header-bar #logo > a {
height: 60px !important;
}
}
@media screen and (max-width: 500px) {
header #header-bar #logo > a {
margin-left: 25px;
margin-right: auto;
}
}
@media screen and (max-width: 500px) {
#pagetop {
right: 25px;
}
}
@media screen and (max-width: 768px) {
section.section.aboutSection .text.show-sp {
margin-top: 25px;
}
}
@media screen and (max-width: 499px) {
.insert-page.insert-page-10255 .purpose__wrap .purpose__card .purpose__card__links > div a {
min-width: 50%;
padding-right: 0;
}
}
@media (min-width: 500px) and (max-width: 768px) {
.insert-page.insert-page-10255 .purpose__wrap .purpose__card .purpose__card__links > div a {
min-width: 33%;
padding-right: 0;
}
}
@media screen and (max-width: 768px) {
.insert-page.insert-page-11169 .-prefectures .areaTable-2 {
margin-top: 25px;
}
}
@media screen and (max-width: 499px) {
.insert-page.insert-page-11169 .-prefectures .areaTable-2 {
padding: 28px 17px;
background: #F3F5F4;
border-radius: 16px;
max-width: 430px;
}
.insert-page.insert-page-11169 .-prefectures .areaTable-2 li {
margin-bottom: 10px;
}
.insert-page.insert-page-11169 .-prefectures .areaTable-2 li a {
font-size: 16px;
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
}
@media (min-width: 500px) and (max-width: 768px) {
.relatedItemsWrap.-noslick .relatedItem {
width: 50% !important;
padding-left: 5px;
padding-right: 5px;
}
}
@media screen and (max-width: 768px) {
.relatedItemsWrap.-noslick .relatedItem {
margin-bottom: 50px !important;
}
}
@media (max-width: 768px) {
article section.columnSection .inner h3.heading:nth-child(3) { }
}
@media (max-width: 768px) {
.insert-page.insert-page-10252 section.distribution {
overflow-x: hidden;
}
.insert-page.insert-page-10252 section.distribution .distribution__diagram {
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 450px) {
.insert-page.insert-page-10252 section.distribution .distribution__diagram p.-text7 span {
font-size: 8px;
}
}
@media (max-width: 768px) {
#wrapper #content .post article section.section.FaqSection .faqList__summary {
font-size: 14px !important;
}
#wrapper #content .post article section.section.wrapFaqSection .faqList__summary {
font-size: 14px !important;
}
#wrapper #content .post article section.section.useFaqSection .faqList__summary {
font-size: 14px !important;
}
}
@media (max-width: 768px) {
#wrapper #content .post article section.section.FaqSection .inner p.sectionDesc {
text-align: justify !important;
}
}
@media (max-width: 768px) {
.faqList__summary::after {
right: 20px;
}
}
@media screen and (max-width: 768px) {
#wrapper #content section.section.useSelectSection {
padding-bottom: 50px !important;
}
}
@media screen and (max-width: 768px) {
#wrapper #content .insert-page.insert-page-11343 section.section.useSelectSection p.sectionDesc {
text-align: justify !important;
}
}
@media screen and (max-width: 768px) {
#wrapper #content article section.section.featuredItemSection .inner h2.ttl span.description {
text-align: center;
}
}
@media screen and (max-width: 450px) {
.relatedItemsWrap .relatedItem .column.itemName {
margin: 20px auto !important;
height: auto !important;
}
}
@media screen and (max-width: 768px) {
.relatedItemsWrap .relatedItem .itemInfo > .column.btnWrap {
margin: 30px auto 0;
}
.relatedItemsWrap .relatedItem .itemInfo > .column.btnWrap:before {
top: -20px;
}
}
@media screen and (max-width: 768px) {
#wrapper #content article .insert-page.insert-page-10907 section.section.rankingSection {
padding-left: 25px;
padding-right: 25px;
}
}
@media screen and (max-width: 768px) {
#wrapper #content article section.section.FaqSection .faqList__notes {  }
}
@media screen and (max-width: 768px) {
footer #bottom_in .textwidget #bottomtitle {
padding-bottom: 50px !important;
}
footer #bottom_in .textwidget #guide_in1 .box_g1 {
margin-top: 0 !important;
}
footer #bottom_in .textwidget #guide_in1 .box_g1 h2.ttl_m3:first-of-type { }
}
@media screen and (max-width: 768px) {
section.section.rankingSection h2.ttl span.description {
text-align: center;
}
section.section.flow h2.ttl span.description {
text-align: center;
}
section.section.reason h2.ttl span.description {
text-align: center;
}
section.section.FaqSection h2.ttl span.description {
text-align: center;
}
section.section.wrapFaqSection h2.ttl span.description {
text-align: center;
}
section.section.itemReviewSection h2.ttl span.description {
text-align: center;
}
.single-areas section.section.itemReviewSection h2.ttl span.description {
white-space: nowrap;
}
section.section.useDetailsRecommendSection h2.ttl span.description {
text-align: center;
}
#pagetop.animate {
transform: translate(0);
}
}

.my-pagenavi {
display: flex;
justify-content: center;
}
.my-pagenavi_inner {
display: inline-flex;
align-items: center;
}
.my-pagenavi_inner a {
font-size: 16px;
color: #333 !important;
margin-left: 10px;
line-height: 1;
padding: 0 1px;
}
.my-pagenavi_inner span {
font-size: 16px;
margin-left: 10px;
line-height: 1;
letter-spacing: 0;
padding: 0 1px;
}
.my-pagenavi_inner span.page-numbers.current {
position: relative;
line-height: 1;
letter-spacing: 0;
text-decoration: underline;
}
.my-pagenavi_inner .prev.page-numbers + .page-numbers {
margin-left: 0;
}
.my-pagenavi_inner span.page-numbers.current:before { }
.my-pagenavi_inner a.next.page-numbers {
position: relative;
top: 1px;
margin-left: 10px;
margin-bottom: 1px;
width: 7px;
height: 10px;
display: inline-block;
color: transparent !important;
overflow: hidden;
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/pagenavi-arrow.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.my-pagenavi_inner a.prev.page-numbers {
position: relative;
top: 1px;
margin-right: 10px;
margin-bottom: 1px;
width: 7px;
height: 10px;
display: inline-block;
color: transparent !important;
transform: rotate(-180deg);
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/pagenavi-arrow.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
}
@media screen and (min-width: 1280px) {
.my-pagenavi {
margin-top: 100px;
}
}
@media screen and (max-width: 1279px) {
.my-pagenavi {
margin-top: 50px;
margin-bottom: 0px;
}
}
.single-column .column_breadcrumb ol{
display: flex;
flex-wrap: wrap;
}
.single-column .column_breadcrumb ol .arrow{
padding-left: 10px;
padding-right: 10px;
}
@media screen and (min-width: 769px) {
.single-column article .section {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.single-column .column_main_content img.alignnone {
margin-bottom: 25px;
}
.single-column .column_main_content_header_thumb figure img {
margin-bottom: 50px;
}
.single-column .column_date {
font-size: 14px;
color: rgb(51 51 51 / 60%);
}
.single-column .column_breadcrumb {
font-size: 14px;
}
.single-column .column_breadcrumb a {
color: #333;
}
.single-column h1.column_main_content_title {
font-size: 32px;
padding-top: 20px;
padding-bottom: 20px;
margin: 0;
line-height: 1.5;
}
.single-column h1.column_main_content_title span {
font-size: 32px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 0;
}
.single-column h2.heading {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 32px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 400;
margin-bottom: 25px !important;
padding: 0;
margin-bottom: 20px;
}
.single-column h2.heading:before {
content: "";
width: 140px;
height: 43.5px;
margin-bottom: 10px; background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/ttl-design.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border: none;
position: relative;
}
.single-column h2.heading:after {
display: none;
}
.single-column h3.heading, .single-column .heading_m {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 24px;
font-weight: 400;
border-left: 2px solid #793F65; line-height: 1.5;
padding-top: 0;
padding-bottom: 0;
}
.single-column h2.heading,.single-column h2.heading {
margin: 75px 0 50px 0!important;
}
.single-column .heading_m,
.single-column h3.heading {
padding-left: 10px !important;
margin: 50px 0 25px !important;
}
.single-column .heading_m.mb0,
.single-column h3.heading.mb0{
margin-bottom: 0!important;
}
.single-column h3.heading:before, .single-column .heading_m:before {
display: none !important;
}
.single-column h3.heading:after, .single-column .heading_m:after {
display: none;
}
.single-column h4.heading, .single-column .heading_s {
position: relative;
border-left: none;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
padding-left: 10px;
}
.single-column .heading_s,
.single-column h4.heading {
color: #333;
font-size: 20px;
font-weight: 600;
padding-top: 0;
padding-bottom: 0;
padding-left: 19px;
margin-top: 25px;
margin-bottom: 10px;
}
.single-column h4.heading::before, .single-column .heading_s::before {
content: '■';
display: inline-block;
color: #6C2F4A;
position: absolute;
top: 1px;
left: -4px;
}
.single-column h5.heading {
font-size: 16px;
padding: 20px 0 10px;
}
}
@media screen and (min-width: 1280px) {
.single-column h2.heading,.single-column h2.heading {
margin: 75px 0 !important;
}
.single-column h2.heading:has(+ img),
.single-column h2.heading:has(+ img) {
margin-bottom: 50px!important;
}
.single-column h4.heading, .single-column .heading_s {
margin-top: 50px;
margin-bottom: 25px;
}
}
@media screen and (max-width: 768px) {
.single-column.postid-10367 article .section {
padding: 0 !important;
}
.single-column .column_main_content img {
margin: 25px auto 25px;
}
.single-column .column_main_content h2 + img,
.single-column .column_main_content h3 + img,
.single-column .column_main_content h3 + img,
.single-column .column_main_content h4 + img {
margin-top: 0;
}
.single-column .column_date {
font-size: 14px;
color: rgb(51 51 51 / 60%);
}
.single-column .column_breadcrumb {
font-size: 14px;
}
.single-column .column_breadcrumb a {
color: #333;
}
.single-column h1.column_main_content_title {
font-size: 24px;
line-height: 1.5;
text-align: justify;
padding-top: 20px;
padding-bottom: 20px;
margin: 0;
}
.single-column h1.column_main_content_title span {
font-size: 24px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 0;
}
.single-column h2.heading {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 20px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 400;
margin-bottom: 20px;
padding: 0;
}
.single-column h2.heading:before {
content: "";
width: 70px;
height: 21px;
margin-bottom: 10px; background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/ttl-design.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border: none;
position: relative;
}
.single-column h2.heading:after {
display: none;
}
.single-column h3.heading,.single-column h3.heading_m,.s.single-column h2.heading, .single-column h2.headingingle-column .heading_m {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 18px;
font-weight: 400;
border-left: 2px solid #793F65;
padding-left: 15px !important;
line-height: 1.5;
padding-top: 0;
padding-bottom: 0;
}
.single-column h2.heading,.single-column h2.heading {
line-height: 1.5;
margin: 25px 0 25px 0;
}
.single-column .heading_m,
.single-column h3.heading {
padding-left: 10px !important;
margin: 25px 0 10px !important;
}
.single-column .heading_m.mb0,
.single-column h3.heading.mb0{
margin-bottom: 0!important;
}
.single-column .heading_m.mt75,
.single-column h3.heading.mt75{
margin-top: 75px!important;
}
@media screen and (max-width: 768px) {
.single-column .heading_m.mt75,
.single-column h3.heading.mt75{
margin-top: 50px!important;
}
}
.single-column h3.heading:before, .single-column .heading_m:before {
display: none !important;
}
.single-column h3.heading:after, .single-column .heading_m:after {
display: none;
}
.single-column h4.heading, .single-column .heading_s {
position: relative;
border-left: none;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
}
.single-column .heading_s,
.single-column h4.heading {
color: #333;
font-size: 18px;
font-weight: 600;
padding-top: 0;
padding-bottom: 0;
padding-left: 19px;
margin-top: 25px;
margin-bottom: 10px;
}
.single-column h4.heading::before, .single-column .heading_s::before {
content: '■';
display: inline-block;
color: #6C2F4A;
position: absolute;
top: 1px;
left: -4px;
}
.column_list.kanren .column_list_card--head figure img,
.column_main_content .column_list .column_list_card--head figure img {
max-width: 272px;
padding-top: 0;
}
.single-column h5.heading {
font-size: 16px;
padding: 20px 0 10px;
}
}
@media screen and (min-width: 1280px) {
.single-column .column_main_content_header_thumb figure img {
margin-bottom: 75px;
}
}
@media screen and (max-width: 1280px) {
.column_list .column_list_card .column_list_card--body h2 a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
}
@media (max-width: 1280px) and (min-width: 769px) {
aside.column_sidebar_content {
margin-top: 75px;
}
}
@media screen and (min-width: 1280px) {
.column_list .column_list_card {
justify-content: flex-start;
gap: 0 !important;
}
.column_list .column_list_card .column_list_card--head {
width: 240px;
flex-shrink: 0;
}
.column_list .column_list_card .column_list_card--body {
padding-left: 20px !important;
height: 160px;
}
.column_list .column_list_card .column_list_card--body .column_list_card-column_category {
position: absolute;
bottom: 0;
left: 0;    }
.column_list .column_list_card .column_list_card--body .column_list_card-column_category li {
display: block;
background: #793f65;
color: #fff;
padding: 0 30px;
height: 25px;
line-height: 25px;
font-size: 12px;
}
.column_list .column_list_card .column_list_card--body .column_desc {
font-size: 16px !important;
line-height: 1.6;
}
.column_list .column_list_card .column_list_card--body time {
margin-bottom: 5px;
}
.column_list .column_list_card .column_list_card--body h2 {
margin-bottom: 5px;
}
}
@media (max-width: 1279px) and (min-width: 769px) {
.column_list .column_list_card {
justify-content: flex-start;
gap: 0 !important;
}
.column_list .column_list_card .column_list_card--head {
width: 30% !important;
max-width: 230px;
flex-shrink: 0;
}
.column_list .column_list_card .column_list_card--body { padding-left: 20px !important;
height: 160px;
}
.column_list .column_list_card .column_list_card--body .column_list_card-column_category {
position: absolute;
bottom: 0;
left: 0;  }
.column_list .column_list_card .column_list_card--body .column_list_card-column_category li {
display: block;
background: #793f65;
color: #fff;
padding: 0 30px;
height: 25px;
line-height: 25px;
font-size: 12px;
}
.column_list .column_list_card .column_list_card--body .column_desc {
font-size: 16px !important;
}
.column_list .column_list_card .column_list_card--body time {
margin-bottom: 5px;
}
.column_list .column_list_card .column_list_card--body h2 {
margin-bottom: 3px;
}
}
@media screen and (max-width: 768px) {
.column_list .column_list_card {
justify-content: flex-start;
gap: 0 !important;
}
.column_list .column_list_card .column_list_card--head {
max-width: 350px;
}
.column_list .column_list_card .column_list_card--body .column_list_card-column_category {
position: relative;
top: 4px;
margin-bottom: 0;
margin-top: 10px;
}
.column_list .column_list_card .column_list_card--body .column_list_card-column_category li {
display: block;
background: #793f65;
color: #fff;
padding: 0 30px;
height: 25px;
line-height: 25px;
font-size: 12px;
}
.column_list .column_list_card .column_list_card--body .column_desc {
font-size: 16px !important;
}
.column_list .column_list_card .column_list_card--body time {
margin-bottom: 5px;
}
.column_list .column_list_card .column_list_card--body h2 {
margin-bottom: 5px;
}
}
@media screen and (max-width: 768px) {
.column_main_content {
padding-top: 25px !important;
padding-left: 25px !important;
padding-right: 25px !important;
}
.column_list .column_list_card {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0 !important;
}
.column_list .column_list_card .column_list_card--head {
width: 100%;
}
.column_list .column_list_card .column_list_card--body {
margin-top: 25px;
width: 100%;
margin-left: 0 !important;
}
.column_list .column_list_card .column_list_card--body h2 a {
font-size: 20px !important;
}
.column_archive_link_btn a span {
display: none;
}
section.summarizeSection .summarize-right {
margin: 50px auto 0;
}
section.summarizeSection .summarize-left img {
width: 100%;
display: block;
margin: 50px auto 0;
border-radius: 0;
}
}
@media screen and (min-width: 769px) {
section.summarizeSection .summarize-left img {
width: 100%;
display: block;
margin: 100px auto 0;
border-radius: 0;
}
section.summarizeSection .summarize-right {
margin: 100px auto 0;
}
}
@media screen and (min-width: 1280px) {
.column_main_content .summarizeSection {
display: none;
}
section.summarizeSection {
max-width: 1280px;
margin: 0 auto;
padding-bottom: 150px;
}
.postid-10329 section.summarizeSection,
.postid-10334 section.summarizeSection{
padding-top: 150px;
}
section.summarizeSection .my_container {
max-width: 1600px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
}
section.summarizeSection .summarize {
display: flex;
align-items: center;
justify-content: space-between;
}
section.summarizeSection .summarize-left {
width: 48%;
max-width: 735px;
}
section.summarizeSection .summarize-left img {
width: 100%;
display: block;
margin: 0;
}
section.summarizeSection .summarize-right {
width: 48%;
max-width: 735px;
margin: 0;
}
section.summarizeSection .summarize-right h2 {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 48px;
color: #793F65;
font-weight: 400;
letter-spacing: 0.1em;
}
section.summarizeSection .summarize-right h3 {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: black;
font-size: 32px;
margin-top: 5px;
font-weight: 400;
}
section.summarizeSection .summarize-right p {
margin-top: 25px;
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size: 18px;
font-size: black;
}
}
@media screen and (max-width: 1280px) {
#wrapper > .summarizeSection {
display: none;
}
section.summarizeSection { }
section.summarizeSection .my_container {
max-width: 1600px;
margin: 0 auto;
}
section.summarizeSection .summarize-left {
margin: 0 auto;
max-width: 735px;
}
section.summarizeSection .summarize-right { }
section.summarizeSection .summarize-right h2 {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 32px;
color: #793F65;
font-weight: 400;
letter-spacing: 0.1em;
}
section.summarizeSection .summarize-right h3 {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: black;
font-size: 24px;
font-weight: 400;
}
section.summarizeSection .summarize-right p {
margin-top: 25px;
font-family: "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Hiragino Sans, Hiragino Kaku Gothic ProN, "Noto Sans JP", "Noto Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size: 16px;
font-size: black;
}
}
.column_main_content .rankingSection {
background-color: white !important;
}
.single-column section.section.FaqSection {
background-color: white;
}
.single-column section.section.featuredItemSection .inner,
.single-column section.section.FaqSection .inner {
max-width: 1280px;
margin: 0 auto;
}
.single-column section.section.featuredItemSection h2.ttl {
font-size: 48px !important;
padding-bottom: 50px !important;
}
.single-column section.section.featuredItemSection h2.ttl .description {
font-size: 32px !important;
}
.single-column section.section.featuredItemSection .ttl + p {
padding-bottom: 50px;
}
.single-column section.section.featuredItemSection.pickupSection h3.heading{
padding: 0 0 50px !important;
margin: 0!important;
line-height: 1.8 !important;
border: none;
font-size: 24px!important;
}
.single-column section.section.featuredItemSection.pickupSection h3.heading::before{
position: relative;
display: inline-block!important;
content: '';
bottom: 0;
width: 17px;
height: 17px;
margin-right: 10px;
padding: 0;
background: #793F65;
transform: rotate(45deg) skew(6deg, 6deg);
}
@media screen and (min-width: 769px) and (max-width: 1279.9px) {
.single-column section.section.featuredItemSection h2.ttl {
font-size: 40px !important;
}
.single-column section.section.featuredItemSection h2.ttl .description {
font-size: 28px !important;
}
.single-column section.section.FaqSection{
padding-left: 30px!important;
padding-right: 30px!important;
}
}
@media screen and (max-width: 768px) {
.single-column section.section.featuredItemSection.pickupSection h3.heading{
padding: 50px 0 25px!important;
}
.single-column section.section.featuredItemSection.pickupSection h2.ttl:has(+ h3.heading) + h3.heading{
padding-top: 30px!important;
}
.single-column section.section.featuredItemSection h2.ttl {
font-size: 28px !important;
padding-bottom: 25px !important;
}
.single-column section.section.featuredItemSection h2.ttl.pb0-sp{
padding-bottom: 0!important;
}
.single-column section.section.featuredItemSection h2.ttl .description {
font-size: 24px !important;
line-height: 1.5;
}
.single-column section.section.featuredItemSection .inner,
.single-column section.section.FaqSection .inner { padding-right: 0;
padding-left: 0;
}
.single-column .column_main_content section.section.featuredItemSection img {
padding-top: 0 !important; 
}
.single-column section.section.featuredItemSection .ttl + p {
padding-bottom: 25px;
}
.single-column.postid-10403 section.section.featuredItemSection {
padding: 0!important;
}
.single-column section.section.featuredItemSection .ttl > span.description {
line-height: 1.5;
margin-top: 10px;
display: block;
text-align: center !important;
}
.single-column section.section.FaqSection{
padding-left: 30px!important;
padding-right: 30px!important;
}
}
.single-column .relatedItem .itemInfo > .column.desc {
height: 60px !important;
min-height: unset;
}
@media screen and (min-width: 769px) {
.single-column .relatedItem .itemInfo > .column.desc {
height: auto !important;
max-height: 80px !important;
}
}
@media screen and (min-width: 1280px) {
.single-column .relatedItem .itemInfo > .column.desc {
max-height: 80px !important;
}
}
.box26 {
position: relative;
margin: 25px 0;
padding: 20px;
border: solid 2px #793F65;
border-radius: 8px;
}
.box26.pink{
background-color: #f9f3f7;
}
@media screen and (min-width: 769px) {
.box26 {
padding: 40px 30px;
margin: 50px 0;
}
}
.box26 p {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 16px;
color: #333 !important;
}
.box26 p a {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 16px;
color: #333 !important;
}
.box26 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: white;
color: #333;
font-weight: 400;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.box26.pink .box-title{
background: linear-gradient(to bottom, #ffffff 65%,#f9f3f7 35%);
}
@media screen and (min-width: 769px) {
.column_main_content ul.select-list-card li {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.161);
overflow: hidden;
border-radius: 10px;
width: 30%;
margin-right: 10px;
margin-left: 10px;
}
.column_main_content ul.select-list-card li img.alignnone {
margin: 0;
border-radius: unset;
}
.column_main_content ul.select-list-card li > .imgColumn {
border-radius: unset;
}
}
@media screen and (max-width: 768px) {
.column_main_content ul.select-list-card li {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.161);
overflow: hidden;
border-radius: 10px;
max-width: 400px;
width: 100%;
margin: 10px auto;
}
.column_main_content ul.select-list-card li img.alignnone {
margin: 0;
border-radius: unset;
}
.column_main_content ul.select-list-card li > .imgColumn {
border-radius: unset;
}
.column_list .column_list_card.kochoran-alternating .column_list_card--body, .column_list_card--body {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.column_main_content ul.select-list-card li:last-child{
margin-bottom: 0;
}
.column_list {
gap: 0 !important;
}
.kochoran-alternating__title img {
margin-top: 20px;
margin-bottom: 20px;
}
.kochoran-alternating .column_desc, .column_list_card--body .column_desc {
margin-bottom: 0 !important;
}
.column_list_card--head {
display: flex !important;
justify-content: center;
align-items: flex-start;
}
.column_list_card--head figure {
padding-left: 30px !important;
}
.column_list .column_list_card.kochoran-alternating, .column_list_card {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.column_list .column_list_card.kochoran-alternating > a, .column_list_card > a {
display: flex;
flex-direction: column;
align-items: center;
color: #333;
}
@media screen and (min-width: 769px) {
.column_list .column_list_card.kochoran-alternating > a, .column_list_card > a {
flex-direction: row;
align-items: flex-start;
}
}
.column_list .column_list_card.kochoran-alternating .column_list_card--head {
display: flex;
justify-content: center;
align-items: flex-start;
}
.recommendColumn ul li a {
color: #333 !important;
font-size: 16px;
}
.FaqSection .faqListWrap .faqList:last-child {
padding-bottom: 0 !important;
}
@media screen and (min-width: 450px) {
article .section.featuredItemSection, article .section.FaqSection {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media screen and (min-width: 769px) {
article .section.featuredItemSection, article .section.FaqSection {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
}
@media screen and (min-width: 1280px) {
article .section.featuredItemSection, article .section.FaqSection {
padding-top: 150px !important;
padding-bottom: 150px !important;
}
}
article .section.featuredItemSection.kinkan,
article .section.featuredItemSection.kyaba {
padding-top: 50px !important;
padding-bottom: 0 !important;
}
@media screen and (min-width: 769px) {
article .section.featuredItemSection.kinkan,
article .section.featuredItemSection.kyaba {
padding-top: 75px !important;
padding-bottom: 0 !important;
}
article .section.featuredItemSection.hikari {
padding-top: 25px !important;
padding-bottom: 75px !important;
}
article .section.featuredItemSection.hikari.p0{
padding-bottom: 0!important;
}
}
@media screen and (min-width: 1280px) {
article .section.featuredItemSection.hikari {
padding-top: 0 !important;
}
}
article .section.featuredItemSection.kinkan h2.ttl {
font-size: 32px;
padding-bottom: 25px;
}
article .section.featuredItemSection.kinkan h2.ttl .description {
font-size: 24px;
}
@media screen and (min-width: 769px) {
article .section.featuredItemSection.kinkan h2.ttl {
padding-bottom: 25px;
}
}
article .section.featuredItemSection.kinkan .sectionDesc {
padding-bottom: 25px;
}
@media screen and (min-width: 769px) {
article .section.featuredItemSection.kinkan .sectionDesc {
padding-bottom: 50px;
}
}
@media screen and (max-width: 768px) {
article .section.featuredItemSection.kinkan .slick-slider .slick-list {
width: calc(100% + 60px);
margin: 0px -30px;
}
}
@media screen and (min-width: 1280px) {
article .section.featuredItemSection.kinkan .relatedItem .itemInfo > .column.desc {
max-height: unset;
min-height: 80px;
}
}
@media screen and (min-width: 769px) {
.columns.relatedItemsWrap.spaceBetween.twoitem {
width: 70%;
margin: 0 auto;
}
.columns.relatedItemsWrap.spaceBetween.twoitem .relatedItem {
width: 39%;
}
}
@media screen and (max-width: 768px) {
.columns.relatedItemsWrap.spaceBetween.twoitem {
width: 90%;
margin: 0 auto;
}
.columns.relatedItemsWrap.spaceBetween.twoitem .relatedItem {
width: 100%;
margin-bottom: 30px;
}
}
.column_sidebar_content .related_cat_wrap .column_aside_title:first-child {
padding: 0 !important;
}
.column_sidebar_content .related_cat_wrap .column_popular_posts_wrap:nth-child(2) {
margin-top: 25px !important;
padding-bottom: 0 !important;
border-bottom: none !important;
margin-bottom: 40px;
}
.column_sidebar_content .related_cat_wrap .column_aside_title {
color: #793F65;
text-align: center;
font-size: 10px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.column_sidebar_content .related_cat_wrap .column_aside_title h3 {
margin-top: 5px;
font-weight: 300;
}
@media (min-width: 1280px) {
.column_sidebar_content .column_sidebar_image {
margin-top: 50px;
}
}
@media (max-width: 1280px) and (min-width: 769px) {
.column_sidebar_content .related_cat_wrap .column_aside_title {
font-size: 16px !important;
}
.column_sidebar_content .related_cat_wrap .column_aside_title h3 {
font-size: 24px !important;
}
}
@media screen and (max-width: 768px) {
.column_sidebar_content .related_cat_wrap .column_aside_title {
font-size: 14px !important;
}
.column_sidebar_content .related_cat_wrap .column_aside_title h3 {
font-size: 18px !important;
}
}
.column_list_card-column_category li {
font-size: 14px;
}
.related_cat_wrap.sectionPink .column_aside_title {
padding-bottom: 10px !important;
}
@media screen and (max-width: 1280px) {
.related_cat_wrap.sectionPink .column_aside_title {
padding-bottom: 25px !important;
}
}
.column_popular_posts_wrap {
padding-bottom: 22px !important;
}
.column_aside_category_lists ul:first-child {
display: none;
}
.column_aside_category_lists ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.column_aside_category_lists ul li {
width: 111px;
margin: 6px auto 0;
height: 25px;
background-color: white;
border-radius: 13px;
}
.column_aside_category_lists ul li a {
display: block;
width: 100%;
height: 100%;
line-height: 25px;
color: #793F65;
font-size: 12px;
text-align: center;
}
@media screen and (max-width: 768px) {
.column_aside_category_lists ul {
gap: 4%;
justify-content: space-between;
}
.column_aside_category_lists ul li:last-child {
margin-left: 0 !important;
}
.column_aside_category_lists ul li:first-child, .column_aside_category_lists ul li:nth-child(2) {
margin-top: 0;
}
.column_aside_category_lists ul li {
margin-top: 10px;
width: 48%;
height: 30px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.column_aside_category_lists ul li a {
font-size: 14px;
line-height: 30px;
}
}
@media (min-width: 769px) and (max-width: 1280px) {
.column_aside_category_lists ul {
gap: 2%;
justify-content: space-between;
}
.column_aside_category_lists ul li:last-child {
margin-left: 0% !important;
}
.column_aside_category_lists ul li {
width: 23%;
height: 30px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.column_aside_category_lists ul li a {
font-size: 16px;
line-height: 30px;
}
}
@media screen and (min-width: 1280px) {
.column_aside_category_lists ul li:last-child {
margin-left: 0;
}
}
.column_popular_posts_wrap ul li a {
align-items: flex-start !important;
}
.column_popular_posts_wrap ul li a .column_popular_posts_thumb:has(img) {
width: 40% !important;
}
@media (min-width: 769px) and (max-width: 1279px) {
.column_popular_posts_wrap ul li a {
align-items: center !important;
}
.column_popular_posts_wrap ul li a .column_popular_posts_title {
font-size: 16px !important;
width: 100% !important;
}
.column_popular_posts_wrap ul li a .column_popular_posts_thumb:has(img) {
width: 10% !important;
}
}
@media screen and (max-width: 768px) {
.column_popular_posts_wrap ul li a {
align-items: center !important;
}
.column_popular_posts_wrap ul li a .column_popular_posts_title {
font-size: 14px;
line-height: 1.6;
}
}
@media screen and (max-width: 1279px) {
.column_aside_category_lists ul li {
margin-left: 6px;
margin-right: 6px;
}
}
.column_sidebar_content .related_cat_wrap:nth-child(2) {
padding-top: 50px !important;
padding-bottom: 0 !important;
}
.column_sidebar_content .related_cat_wrap:nth-child(2) .column_aside_title {
padding-bottom: 10px !important;
}
.column_aside_category_link_lists ul li a {
color: #222;
}
@media screen and (max-width: 1279px) {
.column_sidebar_content .related_cat_wrap:nth-child(2) .column_aside_title {
padding-bottom: 25px !important;
}
.column_aside_category_link_lists ul {
margin-bottom: 50px !important;
}
.column_aside_category_link_lists ul li a {
color: #222;
line-height: 1;
padding-top: 20px !important;
padding-bottom: 20px !important;
font-size: 16px !important;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
}
@media screen and (max-width: 1279px) {
.column_main_content {
padding-top: 25px !important;
padding-bottom: 0 !important;
}
.column_main_content .column_popular_posts_wrap ul li a .column_popular_posts_thumb:has(img) {
display: block;
width: 30%;
aspect-ratio: 4/3;
}
}
.column_sidebar_content .related_cat_wrap {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
@media screen and (max-width: 768px) {
.column_sidebar_content .related_cat_wrap {
padding-left: 20px !important;
padding-right: 20px !important;
}
.column_sidebar_content .related_cat_wrap:first-child {
margin-top: 50px;
}
}
@media screen and (max-width: 1279px) {
.column_sidebar_content .related_cat_wrap:nth-child(2) {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 769px) and (max-width: 1279px) {
.column_sidebar_content .related_cat_wrap:nth-child(2) .column_aside_category_link_lists ul {
display: flex;
flex-wrap: wrap;
gap: 2%;
}
.column_sidebar_content .related_cat_wrap:nth-child(2) .column_aside_category_link_lists ul li {
width: 49%;
}
}
.column_popular_posts_wrap ul:first-child {
display: none;
}
.column_popular_posts_wrap ul li {
padding-bottom: 20px !important;
margin-bottom: 20px !important;
}
@media screen and (max-width: 769px) {
.single-column article.column_article {
margin: 0 !important;
}
}
@media screen and (max-width: 1279px) {
.column_2col_wrap {
gap: 0 !important;
}
}
@media screen and (min-width: 769px) {
h3.kanren-ttl {
line-height: 1;
margin: 50px auto 25px !important;
}
}
@media screen and (min-width: 1280px) {
.column_2col_wrap {
margin: 50px auto 0 !important;
padding-right: 30px;
padding-left: 30px;
}
}
@media screen and (min-width: 1400px) {
.column_2col_wrap {
padding-right: 0;
padding-left: 0;
}
}
@media screen and (max-width: 768px) {
h3.kanren-ttl {
line-height: 1;
margin: 25px auto 20px !important;
}
}
section.column_list .column_list_card .column_list_card--body time span {
color: rgba(51, 51, 51, 0.6);
}
@media screen and (min-width: 769px) {
.column_list.kanren article:first-child, .column_main_content .column_list article:first-child {
padding-top: 0 !important;
}
.column_list.kanren .column_list_card--head figure, .column_main_content .column_list .column_list_card--head figure {
padding-left: 0 !important;
}
.column_list.kanren .column_list_card--head figure img, .column_main_content .column_list .column_list_card--head figure img {
margin: 0 auto;
height: 160px;
object-fit: cover;
}
.column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body, .column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body {
padding-right: 0 !important;
}
.column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body h4, .column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body h4, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body h4, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body h4 {
margin-bottom: 25px !important;
font-size: 20px;
}
.column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body h4 a, .column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body h4 a, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body h4 a, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body h4 a {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.column_list.kanren article:first-child, .column_main_content .column_list article:first-child {
padding-top: 0 !important;
}
.column_list.kanren .column_list_card--head, .column_main_content .column_list .column_list_card--head {
width: 80% !important;
}
.column_list.kanren .column_list_card--head figure, .column_main_content .column_list .column_list_card--head figure {
padding-left: 0 !important; width: auto !important;
}
.column_list.kanren .column_list_card--head figure img, .column_main_content .column_list .column_list_card--head figure img {
margin: 0 auto;
}
.column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body, .column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body {
padding-right: 0 !important;
}
.column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body h4, .column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body h4, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body h4, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body h4 {
margin-bottom: 10px !important;
font-size: 20px;
}
.column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body h4 a, .column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body h4 a, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body h4 a, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body h4 a {
display: none !important;
}
.column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body p, .column_list.kanren .column_list_card.kochoran-alternating .column_list_card--body p, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body p, .column_main_content .column_list .column_list_card.kochoran-alternating .column_list_card--body p {
font-size: 14px;
}
}
.recommendColumn{
border-radius: 10px;
background-color: #f9f3f7;
overflow: hidden;
margin: 50px 0;
box-shadow: 0px 2px 4px #f9f3f7;
}
.recommendColumn span.mincho {
font-size: 20px;
margin-right: 10px;
color: #fff;
}
.recommendColumn h2{
display: flex;
align-items: center;
justify-content: center;
background-color: #793f65;
padding: 10px 0;
}
.recommendColumn .i-check{
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
color: #793f65;
background-color: #fff;
border-radius: 50%;
}
@media screen and (min-width: 769px) {
.recommendColumn {
margin: 75px auto 0 !important;
}
}
@media screen and (max-width: 768px) {
.recommendColumn {
margin: 50px auto 0 !important;
}
}
.column_main_content_category {
margin-left: 20px;
display: inline-block;
line-height: 25px;
position: relative;
top: -1px;
}
.column_main_content_category + .column_main_content_category {
margin-left: 10px;
}
.column_main_content_category ul li a {
display: block;
font-size: 12px;
color: white;
padding-left: 15px;
padding-right: 15px;
height: 25px;
line-height: 25px;
}
.column_main_content_category ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.column_main_content_category ul li {
background-color: #793F65;
}
.column_main_content_category ul li + li {
margin-left: 10px;
}
@media screen and (min-width: 450px) {
.section.featuredItemSection.kyaba {
padding-top: 50px !important;
}
}
@media screen and (min-width: 769px) {
.section.featuredItemSection.kyaba {
padding-top: 100px !important;
}
}
@media screen and (min-width: 1280px) {
.section.featuredItemSection.kyaba {
padding-top: 150px !important;
}
}
.column_popular_posts_wrap ul li a .column_popular_posts_thumb img {
height: 100% !important;
}
@media screen and (max-width: 500px) {
article .section.featuredItemSection.kinkan {
padding-left: 0 !important;
padding-right: 0 !important;
}
}