.p-product-heading__unit {
margin: 0 0 20px;
}
.p-product-heading__unit::after {
display: block;
clear: both;
content: '';
}
.p-product-fav-item {
margin-top: 10px;
}
.p-product-fav-item button {
padding: 0;
cursor: pointer;
transition: .2s;
color: #999;
border: 0;
outline: none;
background: transparent;
}
.p-product-fav-item .is-added {
color: #ff7373;
}
.p-product-fav-item svg {
width: 20px;
height: 20px;
vertical-align: -.35em;

fill: currentColor;
}
.p-large-image__image-wrap {
max-width: 440px;
border: 6px solid transparent;
}
.p-large-image__image-wrap {
margin: 20px auto;
}
.p-thumbnail-list {
box-sizing: border-box;
margin: 16px -5px 8px;
padding: 0;
list-style-type: none;
text-align: center;
}
.p-thumbnail-list__image-wrap {
border: 2px solid transparent;
}
.p-thumbnail-list::after {
display: block;
clear: both;
content: '';
}
.p-thumbnail-list__unit {
float: left;
box-sizing: border-box;
width: 20%;
margin-bottom: 10px;
padding: 0 5px;
}
.p-thumbnail-list__image-wrap.is-current {
border-color: < {
$setting-currentImage-bgColor
}

>;

background: < {
$setting-currentImage-bgColor
}

>;
}
.p-view-product-images {
text-align: right;
margin: 0 0 8px;
}
.p-view-product-images a {
display: inline-block;
padding: .5em 0;
transition: opacity .2s;
text-decoration: none;
}
.p-view-product-images a:hover {
opacity: .66;
}
.p-view-product-images a:active {
opacity: 1;
}
.p-short-description {
line-height: 1.5;
margin: 20px 0;
font-size: 1.2rem;
}
.p-cart-form {
margin: 20px 0;
}
.p-cart-form::after {
display: block;
clear: both;
content: '';
}
.p-cart-form__info {
line-height: 1.5;
margin-bottom: 40px;
padding-bottom: 40px;
text-align: center;
border-bottom: 1px solid #eaeaea;
}
.p-cart-form__link-list {
font-size: 1.4rem;
margin: 10px 0 0;
padding: 0;
list-style-type: none;
text-align: right;
}
.p-cart-form__link-list a {
display: inline-block;
font-size: 1.2rem;
padding: .5em 0;
transition: opacity .2s;
text-decoration: none;
color: #333;
}
.p-cart-form__link-list a:hover {
opacity: .66;
}
.p-cart-form__link-list a:active {
opacity: 1;
}
.p-cart-form__name {
font-size: 18px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 4px;
}
.p-cart-form__price {
font-size: 16px;
font-weight: 600;
}
.p-cart-form__regular-price {
font-weight: 600;
margin-top: .5em;
}
.p-cart-form__list-price {
font-size: 12px;
line-height: 2;
opacity: .7;
}
.p-cart-form__point {
font-size: 12px;
margin-top: 10px;
}
.p-cart-form__point span {
font-size: 18px;
font-weight: 600;
}
.p-cart-form__stock {
margin-top: 10px;
}
.p-cart-form__option-select select {
box-sizing: border-box;
width: 100%;
border-color: #eaeaea;
}
.p-cart-form__option-select select:hover {
border-color: #333;
}
.p-cart-form__password-input input {
font-size: 16px;
line-height: 40px;
box-sizing: border-box;
width: 100%;
height: 40px;
padding: 0 10px;
transition: .2s;
vertical-align: middle;
border: 2px solid #eaeaea;
border-radius: 4px;

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.p-cart-form__password-input input:focus {
border-color: < {
$setting-keyColor
}
>;
outline: none;
}
.p-cart-form__add-cart-num {
/* font-family: 'Montserrat', sans-serif;*/
display: inline-block;
width: 100px;
text-align: right;
}
.p-cart-form__add-num-wrap {
position: relative;
display: inline-block;
width: 32px;
height: 64px;
vertical-align: -2em;
}
.p-cart-form__add-num {
position: absolute;
display: inline-block;
padding: 5px;
transition: opacity .2s;
text-decoration: none;
color: #333;
}
.p-cart-form__add-num:hover {
opacity: .66;
}
.p-cart-form__add-num:active {
opacity: 1;
}
.p-cart-form__add-num--up {
top: 0;
}
.p-cart-form__add-num--down {
bottom: 0;
}
.p-cart-form__add-num svg {
width: 22px;
height: 22px;

fill: currentColor;
}
.p-cart-form__button-wrap {
margin-top: 20px;
}
.p-cart-form__add-cart-button {
/*font-family: 'Montserrat', sans-serif;*/
width: 100%;
padding: 15px;
letter-spacing: 1px;
}
.p-cart-form__error-message {
font-weight: 600;
display: none;
margin: 10px 0 0;
text-align: center;
color: #f00;
}
.p-view-option-info {
display: block;
margin-top: 20px;
padding: .4em;
text-align: center;
}
.p-price-table {
line-height: 1.4;
height: auto;
margin-top: 10px;
transition: .2s;
text-align: left;
}
.p-price-table.is-hidden {
overflow: hidden;
height: 0;
margin: 0;
opacity: 0;
}
.p-price-table__heading-wrap {
display: table;
width: 100%;
}
.p-price-table__heading {
font-size: 12px;
display: table-cell;
box-sizing: border-box;
width: 50%;
padding: .5em;
background: #eaeaea;
}
.p-price-table__body {
font-size: 12px;
clear: both;
margin: 0;
padding: 0;
border-bottom: 1px solid #eaeaea;
}
.p-price-table__body::after {
display: block;
clear: both;
content: '';
}
.p-price-table__body dt {
float: left;
box-sizing: border-box;
width: 50%;
padding: .7em .5em;
border-top: 1px solid #eaeaea;
}
.p-price-table__body dd {
overflow: hidden;
padding: 0;
border-top: 1px solid #eaeaea;
}
.p-price-table__body span {
display: block;
text-align: right;
}
.p-price-table__body ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.p-price-table__body li {
padding: .7em .5em;
border-bottom: 1px solid #eaeaea;
}
.p-price-table__body li:last-child {
border-bottom: 0;
}
.p-price-table__name {
font-weight: 600;
}
.p-option-table table {
min-width: 100%;
border-collapse: collapse;
text-align: center;
border: 1px solid #ccc;
}
.p-option-table br {
display: none;
}
.p-option-table .cell_1,
.p-option-table .cell_2 {
padding: 10px 8px;
text-align: center;
white-space: nowrap;
border: 1px solid #ddd;
}
.p-option-table [type='radio'] {
position: relative;
z-index: 0;
width: 10px;
height: 10px;
margin: 5px;
cursor: pointer;
}
.p-option-table [type='radio']::before {
position: absolute;
z-index: 1;
top: -5px;
left: -5px;
display: block;
width: 20px;
height: 20px;
content: '';
border-radius: 20px;
background: #eee;
}
.p-option-table [type='radio']::after {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 10px;
height: 10px;
content: '';
transition: .2s;
border-radius: 10px;
background: transparent;
}
.p-option-table [type='radio']:hover::after {
background: rgba(0, 0, 0, .2);
}
.p-option-table [type='radio']:checked::after {
background: #fd7f23;
}
.p-option-table .t_stock_num {
font-size: 12px;
display: block;
margin-top: 12px;
text-align: center;
}
.p-option-table .stock_zero {
font-size: 12px;
}
.p-option-table .table_price {
display: none;
}
.p-product-body__model {
font-size: 12px;
line-height: 2;
color: #888;
}
.p-product-body__name {
font-size: 30px;
font-weight: 600;
line-height: 1.4;
}
.p-product-body__share-buttons {
display: block;
margin: 10px 0;
padding: 0;
list-style-type: none;
}
.p-product-body__share-buttons li {
display: inline-block;
margin-right: 10px;
vertical-align: top;
}
.p-product-body__review-link {
margin: 10px 0;
}
.p-product-body__review-link span {
font-size: 18px;
}
.p-product-body__review-link a {
transition: opacity .2s;
text-decoration: none;
}
.p-product-body__review-link a:hover {
opacity: .66;
}
.p-product-body__review-link a:active {
opacity: 1;
}
.p-product-body__price {
font-size: 18px;
font-weight: 600;
clear: both;
margin: 20px 0;
}
.p-product-body__price--discount {
color: #f00;
}
.p-product-body__regular-price {
margin-top: 10px;
text-decoration: line-through;
}
.p-product-body__point {
margin: 30px 0;
}
.p-product-body__point span {
font-size: 18px;
font-weight: 600;
}
.p-product-body__description {
line-height: 1.8;
clear: both;
margin: 30px 0 0;
}
.p-product-body__images {
margin-top: 30px;
border-top: 1px solid #eaeaea;
}
.p-product-body__linkto-cart {
font-size: 14px;
font-weight: normal;
line-height: 22px;
display: inline-block;
display: block;
box-sizing: border-box;
max-width: auto;
margin: 30px auto;
padding: 15px;
cursor: pointer;
transition: .2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
color: #fff;
border: 0;
border-radius: 4px;
background: #fd7f23;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.p-product-body__linkto-cart:hover,
.p-product-body__linkto-cart:focus {
outline: none;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}
.p-product-images {
margin: 0 -10px 0 0;
padding: 30px 0;
list-style-type: none;
}
.p-product-images__image-wrap {
border: 0;
}
.p-product-images::after {
display: block;
clear: both;
content: '';
}
.p-product-images li {
float: left;
box-sizing: border-box;
width: 33.33333%;
margin-bottom: 16px;
padding-right: 16px;
}
.p-product-images li:nth-child(3n + 1) {
clear: left;
}
.p-product-footer-nav {
font-size: 12px;
margin: 0;
padding: 0;
padding-top: 20px;
list-style-type: none;
text-align: right;
border-top: 1px solid #eaeaea;
}
.p-product-footer-nav li {
font-size: 1.4rem;
margin-bottom: 10px;
}
.p-product-footer-nav a {
transition: opacity .2s;
text-decoration: none;
color: #333;
}
.p-product-footer-nav a:hover {
opacity: .66;
}
.p-product-footer-nav a:active {
opacity: 1;
}
.p-product-footer-nav .c-icon {
vertical-align: -.4em;
}
.p-review__unit {
padding: 16px;
border-bottom: 1px solid #eaeaea;
}
.p-review__unit:last-child {
border: 0;
}
.p-review__button {
display: block;
max-width: 300px;
margin: 32px auto;
padding: 16px;
text-align: center;
}
.p-posted-review__image {
display: block;
max-width: 200px;
margin: 0 auto 16px;
}
.p-posted-review__heading {
overflow: hidden;
margin: 0 24px 0 0;
}
.p-posted-review__title {
font-weight: 600;
font-size: 1.8rem;
line-height: 1.6em;
display: block;
margin: 0;
}
.p-posted-review__info {
margin: 16px 0;
font-size: 1.6rem;
padding: 0;
}
.p-posted-review__info li {
display: inline;
font-size: 1.4rem;
margin-right: 8px;
}
.p-posted-review__body {
line-height: 1.8;
overflow: hidden;
font-size: 1.6rem;
}
.p-posted-review__star {
width: 16px;
height: 16px;
vertical-align: -.3em;
fill: currentColor;
fill: #ddd;
}
.p-replied-review {
margin-top: 1em;
padding-left: 16px;
padding-left: 16px;
border-left: 3px solid #ccc;
font-size: 1.6rem;
line-height: 1.8em;
}
.p-replied-review__heading {
font-size: 1.4rem;
}
.p-posted-review__star.is-color {
fill: #ffdc00;
}
.p-product-body__name {
font-size: 3rem;
font-weight: 600;
line-height: 1.4;
}

@media screen and (min-width: 600px) {
.p-product-heading__unit {
margin: 0 0 20px;
padding: 0 20px;
border: 1px solid #eaeaea;
}
.p-cart-form__password-input input {
font-size: 14px;
}
.p-product-body__share-buttons {
float: left;
}
.p-product-body__linkto-cart {
padding: 12px 15px;
}
.p-product-footer-nav li {
display: inline-block;
margin-left: 10px;
}
.p-review__unit {
padding: 16px 0;
}
.p-review__button {
padding: 10px 15px;
}
.p-posted-review__image {
float: left;
height: auto;
margin: 0 30px 0 0;
}
.p-replied-review {
    font-size: 1.4rem;
}
}

@media screen and (min-width: 600px) and (max-width: 959px) {
.p-large-image {
float: left;
width: 50%;
margin: 0;
}
.p-thumbnail-list {
float: right;
width: 45%;
}
.p-view-product-images {
float: right;
width: 45%;
}
.p-short-description {
float: right;
width: 45%;
}
.p-cart-form__info {
float: left;
width: 50%;
margin: 0;
padding: 0;
text-align: left;
border: 0;
}
.p-cart-form__option {
float: right;
width: 45%;
}
.p-cart-form__link-list {
float: right;
clear: right;
width: 45%;
}
.p-product-body-inner {
margin-top: 40px;
}
}

@media screen and (min-width: 960px) {
.p-product-wrap {
overflow: hidden;
}
.p-product-heading {
float: right;
box-sizing: border-box;
width: 400px;
}
.p-product-body {
float: right;
width: 100%;
margin-right: -400px;
}
.p-product-body-inner {
margin-right: 440px;
}
.p-large-image__image-wrap {
border-width: 0;
}
.p-thumbnail-list__image-wrap {
border-width: 3px;
}
.p-view-product-images {
display: none;
}
.p-product-body__linkto-cart {
display: none;
}
.p-product-images__image-wrap {
border-width: 0;
}
.p-product-images li {
width: 50%;
}
.p-product-images li:nth-child(3n + 1) {
clear: none;
}
.p-product-images li:nth-child(2n + 1) {
clear: left;
}
.p-review__unit {
    padding: 32px 0;
}
}

@media screen and (max-width: 599px) {
.p-short-description {
display: none;
}
.p-product-body-inner {
padding-top: 20px;
border-top: 1px solid #eaeaea;
}
.p-product-body {
padding: 0 20px;
}
.p-product-body__price {
display: none;
}
.p-product-body__regular-price {
display: none;
}
.p-product-body__point {
display: none;
}
}
/*  オプションごとのカートボタン CSS  */
.cms-opt__unit-label {
font-weight: 600;
margin-bottom: .5em;
}
.cms-opt-button__opt-list {
margin: 0;
}
.cms-opt-button__opt-body {
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
margin: 0 0 20px 0;
}
.cms-opt-button__opt-label {
display: inline-block;
}
.cms-opt-button__opt-heading {
background: #eee;
font-weight: 600;
box-sizing: border-box;
width: 100%;
padding: 10px;
margin-bottom: 10px;
}
.cms-opt-button__opt-heading--hidden {
visibility: hidden;
height: 0;
margin: 0;
padding: 0;
}
.cms-opt-button__content {
margin-bottom: 10px;
}
.cms-opt-button__content-name {
min-width: 50%;
display: inline-block;
vertical-align: middle;
}
.cms-opt-button__content-price {
font-size: 18px;
min-width: 48%;
display: inline-block;
vertical-align: middle;
}

@media screen and (min-width: 600px) {
.cms-opt-button__content-price {
font-size: 20px;
}
}
.cms-opt-button__purchase-stock {
display: inline-block;
margin: 0;
font-size: 13px;
color: #777;
min-width: 50%;
word-break: break-all;
}
.cms-opt-button__purchase-number {
display: inline-block;
}
.cms-opt-button__cart {
margin-top: 10px;
}
.cms-opt-button__purchase-unit {
word-break: break-all;
}
/*カスタム-------------------------------------*/
.cf:before,
.cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom: 1;
}
.bold {
font-weight: 600;
}
.c-form__unit-body {
display: flex;
align-items: center;
}
.goodsdetail {
width: 100%;
}
.goodsdetail h1,
.goodsdetail h2,
.goodsdetail h3 {
font-size: 2.4rem;
margin: 40px 0 24px 0;
font-weight: 600;
line-height: 140%;
}
.goodsdetail h2 {
font-size: 2.2rem;
}
.goodsdetail h4 {
font-size: 2rem;
padding: 0;
margin: 24px 0;
font-weight: 500;
line-height: 140%;
}
.goodsdetail p {
line-height: 2.2em;
padding: 0;
margin: 24px 0;
font-size: 1.8rem;
text-align: justify;
}
.goodsdetail * p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.goodsdetail p.small {
font-size: 1.6rem;
line-height: 1.8em;
}
.goodsdetail img {
width: 100%;
}
.goodsdetail > img {
margin: 24px 0;
}
.goodsdetail > h2 + img,
.goodsdetail > h3 + img,
.goodsdetail > h4 + img {
margin-top: 0;
}
.goodsdetail > img + h2,
.goodsdetail > img + h3,
.goodsdetail > img + h4 {
margin-top:24px;
}
.goodsdetail > img:first-child{
margin: 0 0 8px;
}
.goodsdetail > img:first-child + h2,
.goodsdetail > img:first-child + h3 {
margin-top: 24px;
}
.goodsdetail > img:first-child + p {
margin-top: 8px;
}
.caption + img {
margin-top:0;
}
.goodsdetail > h2 + img + .caption,
.goodsdetail > h4 + img + .caption {
margin: 8px;
}
.goodsdetail dl {
box-sizing: border-box;
border-top: 1px solid #ccc;
border: none;
padding: 0;
margin: 32px 0;
border-top: 1px solid #ccc;
display: flex;
flex-wrap: wrap;
}
.goodsdetail dl dt {
float: left;
width: 20%;
background: #ddd;
padding: 10px;
border-right: 1px solid #ccc;
text-align: center;
border-bottom: 1px solid #ccc;
margin: 0;
box-sizing: border-box;
display: block;
border-left: 1px solid #ccc;
font-size: 1.6rem;
}
.goodsdetail dl dd {
float: left;
width: 80%;
padding: 10px;
border-bottom: 1px solid #ccc;
margin: 0;
box-sizing: border-box;
display: block;
border-right: 1px solid #ccc;
font-size: 1.6rem;
}
.goodsdetail dl.cation {
box-sizing: border-box;
border-top: 0;
padding: 0;
margin: 24px 0;
}
.goodsdetail dl.cation dt {
float: none;
width: 100%;
background: none;
padding: 0 0 8px;
border: none;
text-align: left;
margin: 0;
box-sizing: border-box;
display: block;
font-weight: 600;
font-size: 2rem;
}
.goodsdetail dl.cation dd {
float: none;
width: 100%;
padding: 8px 0 0;
border: none;
margin: 0;
box-sizing: border-box;
display: block;
line-height: 2em;
}
.goodsdetail dl.cation dd strong {
font-weight: 600 !important;
}
.goodsdetail ul {
margin: 0;
}
.goodsdetail ul li {
font-size: 1.4rem;
line-height: 3em;
padding: 0;
}
.goodsdetail ul li ul {
padding-inline-start: 1em;
}
.goodsdetail ul li ul li {
font-size: 1.4rem;
}
.goodsdetail .li_cd {
padding-inline-start: 0;
}
.goodsdetail .li_pt li,
.goodsdetail .li_cd li {
line-height: 2em;
font-size: 1.8rem;
margin-bottom:8px;
}
.goodsdetail .li_cd li {
font-size: 1.6rem;
margin-bottom: 4px;
list-style: disc;
margin-left: 1em;
}
.goodsdetail .li_pt > li {
  margin-bottom:1em;
}
.coop {
font-size: 1.2rem;
margin: 32px 0;
}
.ttl_h2_name {
font-size: 2.4rem;
padding: 0 0 30px 0;
}
.ttl_h2 {
padding-bottom: 20px;
}
blockquote {
line-height: 2em;
padding: 0 !important;
margin: 24px 0;
font-size: 1.8rem;
font-style: italic;
}
.goodsdetail blockquote p {
font-size: 2.4rem !important;
line-height: 2em;
padding: 10px 0;
}
.youtube {
position: relative;
width: 100%;
margin: 32px 0;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
div.caption,
span.caption,
div.cap {
display: block;
text-align: center;
font-size: 1.6rem;
line-height: 1.6em;
margin-top: -12px;
margin-bottom: 40px;
}
.goodsdetail img:first-child + div.caption,
.goodsdetail img:first-child + span.caption,
.goodsdetail img:first-child + div.cap {
margin-top:8px
}
.present {
display: flex;
flex-wrap:wrap;
align-items: center;
width: 100%;
padding: 24px;
margin: 40px 0;
box-sizing: border-box;
border: 1px solid #f3d99c;
background: #feffea;
border-radius: 8px;
}
.present .present_img {
float: left;
width: 30%;
padding-right: 40px;
box-sizing: border-box;
}
.present .present_img img {
margin: 0;
}
.present .present_txt {
float: left;
width: 70%;
box-sizing: border-box;
font-size: 14px;
}
.present .present_txt h4 {
font-size: 20px;
margin-top: 0;
margin-bottom: 0;
color: #ff3333;
font-weight: 600;
}
.present .present_txt p {
line-height: 2em;
padding: 20px 0 0 0;
margin: 0;
font-size: 1.1em;
text-align: justify;
}
.h_profile {
font-size: 1.1em !important;
margin-bottom: 20px !important;
padding: 5px 20px !important;
background: rgba(0, 0, 0, .6);
display: inline-block;
border-radius: 30px;
color: #fff;
}
.profile {
width: 100%;
margin: 32px 0;
box-sizing: border-box;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 32px;
padding-bottom: 32px;
}
.profile .pro_img {
width: 33%;
float: left;
box-sizing: border-box;
}
.pro_img span {
font-size: 12px;
}
.profile .pro_img img,
.profile .pro_img .caption {
margin: 0;
}
.profile .pro_content {
width: 63%;
float: right;
box-sizing: border-box;
}
.profile .pro_content h4 {
font-size: 2rem;
font-weight: 600;
padding: 0;
margin: 0;
line-height: 1em;
}
.profile .pro_content h5 {
font-size: 1.4rem;
line-height: 1.2em;
margin: 8px 0;
padding: 0;
}
.profile .pro_content p {
font-size: 1.6rem;
margin: 24px 0 0;
padding-bottom: 0;
}
.howto ul {
margin-left: 0;
-webkit-padding-start: 10px;
}
.howto ul li {
text-align: left;
list-style: none;
}
.relation {
margin: 40px 0;
}
.relation h3 {
font-size: 1.6rem;
position: relative;
display: inline-block;
padding: 0;
margin: 0;
}
.relation h3::before {
content: '';
display: inline-block;
margin-right: 5px;
width: 22px;
height: 22px;
background-image: url(https://img21.shop-pro.jp/PA01347/159/etc/es_i_pen.png?cmsp_timestamp=20181221153454);
background-size: cover;
background-repeat: no-repeat;
position: relative;
top: .1em;
left: 0;
transition: .2s;
}
.relation p {
font-size: 1.8rem;
margin: 0;
padding: 0;
}
.relation p.linkt {
font-size: 1.2rem;
padding: 0;
}
.size_fit {
width: 60%;
margin: 0 auto;
}
.link_qa {
margin: 0;
padding-left: 18px;
font-size: 1.6rem;
position: relative;
display: inline-block;
}
.link_qa:before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-top: 3px solid #ea731e;
border-right: 3px solid #ea731e;
transform: rotate(45deg);
position: absolute;
top: 10px;
left: 0;
}
.sugidiy_3img div img {
margin: 0;
}
.sugidiy_3img div:first-child {
float: left;
width: 50%;
padding-right: 2%;
box-sizing: border-box;
}
.sugidiy_3img div:nth-child(2),
.sugidiy_3img div:nth-child(3) {
float: left;
width: 50%;
padding-left: 2%;
padding-bottom: 16px;
box-sizing: border-box;
}
.retrunable {
font-size: 1.2em;
line-height: 1.8em;
padding: 10px 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
.retrun_logo {
float: left;
width: 25% !important;
margin-right: 30px !important;
}
.retrunable h3 {
font-size: 140% !important;
padding-top: 20px !important;
}
.fab_sample {
margin: 40px auto;
padding: 32px;
background: #f3f3f3;
}
.fab_sample .fab_img {
float: left;
width: 200px;
padding-right: 30px;
}
.fab_sample .fab_img img {
margin: 0;
}
.fab_sample .fab_txt {
float: left;
width: calc(100% - 230px);
}
.fab_sample .fab_txt h4 {
font-size: 2rem;
font-weight: 600;
padding: 0;
margin: 0 0 16px;
}
.fab_sample .fab_txt p {
font-size: 1.6rem;
line-height: 1.8em;
padding: 0;
margin: 16px 0 0;
}
ul.ttmr_step {
margin: 24px 0;
padding: 0;
}
ul.ttmr_step li {
list-style: none;
display: inline-block;
width: calc(100% / 3);
position: relative;
}
ul.ttmr_step li::after {
content: '';
display: block;
width: 12px;
height: 12px;
transform: rotate(45deg);
border-top: 2px solid #000;
border-right: 2px solid #000;
position: absolute;
top: calc(50% - 6px);
right: -10px;
z-index: 10;
}
ul.ttmr_step li::before {
content: '';
display: block;
width: 20px;
height: 2px;
background: #000;
position: absolute;
top: 50%;
right: -11px;
z-index: 10;
}
ul.ttmr_step li:last-child::after,
ul.ttmr_step li:last-child::before {
display: none;
}
.goodsdetail .col2,
.goodsdetail .col3 {
margin: 24px 0;
padding: 0;
font-size: 0;
gap: inherit;
}
.goodsdetail .col2 li img,
.goodsdetail .col3 li img {
margin: 0;
padding: 0;
width: 100%;
}
.goodsdetail .col2 li {
width: 49.5%;
display: inline-block;
padding-bottom: 10px;
}
.goodsdetail .col2 li:first-child {
margin-right: 1%;
}
.goodsdetail .col3 li {
width: calc(98% / 3);
margin-right: 1%;
display: inline-block;
padding-bottom: 10px;
}
.goodsdetail .col3 li:last-child {
margin-right: 0;
}
.col2_fx {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
margin: 0;
}
.col2_fx li {
width: 49.5%;
margin-bottom: 8px;
list-style: none;
}
.col2_fx li .caption {
text-align: left;
margin-bottom: 0 !important;
}
.pro_img .caption {
font-size: 1.2rem;
}
a.button {
box-sizing: border-box;
font-size: 1.6rem;
padding: 15px 0;
border-radius: 5px;
background: #332222;
color: #fff;
font-weight: 600;
text-decoration: none;
width: 100%;
margin: 32px auto 0;
clear: both;
display: block;
text-align: center;
transition: 0.2s;
position: relative;
}
.goodsdetail > img + a.button,
.goodsdetail > img + .caption + a.button{
margin-top:0;
}
a.button+a.button {
margin-top: 10px !important;
}
a.button span {
display: inline-block;
padding-left: 10px;
transition: .2s;
transform: translateX(10px);
}
a.button span::after {
content: '';
background: url(https://img21.shop-pro.jp/PA01347/159/etc/alw.png?cmsp_timestamp=20181030180339) no-repeat;
background-size: contain;
background-position: 0 0;
display: inline-block;
width: 10px;
height: .7em;
padding-left: 1em;
margin-left: .5em;
transition: 0.2s;
opacity: 0;
transform: translateX(-10px);
}
a.button br {
display: none;
}
a.button:hover {
background: #af8149;
}
a.button:hover span {
transform: translateX(0);
}
a.button:hover span::after {
opacity: 1;
transform: translateX(0);
}
.out {
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 !important;
}
.out li {
width: 46%;
margin: 0 0 20px 0;
text-align: center;
font-size: 1.6rem !important;
line-height: 1.4em !important;
list-style: none;
}
.img_size {
margin: 40px 0;
}
.h_sub {
padding: 0 0 24px !important;
margin: -16px 0 0 0 !important;
font-size: 1.6rem !important;
}
.h_sub + img {
    margin: 0;
}
.col2 {
display: flex;
flex-wrap: wrap;
}
.col2 img {
width: 50%;
}
.ur_tokuten {
display: flex;
justify-content: space-between;
align-items: self-start;
flex-wrap: wrap;
}
.ur_tokuten img {
width: 25%;
margin:0;
}
.ur_tokuten p {
width: 70%;
font-size: 1.6rem;
margin:0;
}
.ex_box,
.section_as {
border: 1px solid #efefef;
padding: 24px;
margin: 32px 0;
}
.ex_box h2,
.ex_box h3,
.as_content h3 {
font-size: 2rem;
text-align: center;
margin: 0;
}
.ex_box > h2,
.ex_box > h3{
margin: 0 0 24px;
}
.span_br span{
display:inline-block;
}
.ex_box_flex,
.as_content_conte {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.ex_box .ex_box_img {
width: 30%;
}
.ex_box .ex_box_txt {
width: 65%;
}
.ex_box_txt p {
font-size: 1.6rem;
}
.ex_box_sugikagu {
border: 1px solid #f3d99c !important;
background: #feffea;
}
.ex_box_sugikagu h3 {
margin:16px 0;
color:#FF0000;
}
.ex_box_sugikagu .caption{
margin-bottom:0;
text-align:left;
}
.ex_box_sugikagu .col2{
flex-wrap:nowrap;
gap:16px;
margin:0;
}
.ex_box_sugikagu .col2 img{
width:100%;
}
.as_content {
margin-bottom: 24px;
}
.as_content .as_copy {
padding: 0 12px;
text-align: center;
margin: 0 auto 4px;
border-radius: 4px;
font-size: 1.6rem;
font-weight: 600;
color: #fff;
background: #ea731e;
}
.as_content_conte {
flex-direction: row-reverse;
align-items: flex-start;
}
.as_content_conte .as_img {
width: 35%;
}
.as_content_conte p {
width: 60%;
font-size: 1.6rem;
line-height: 2em;
margin: 0;
}
span.caption a,
.profile .pro_content p a,
.ex_box_txt p a,
.goodsdetail dl dd a,
.p-posted-review__comment a,
div.caption a,
div.cap a,
.ex_box_txt p a {
text-decoration: underline;
}

@media screen and (max-width:1024px) {
.goodsdetail {
width: 100%;
}
.as_content .as_copy {
font-size: 1.4rem;
}
}

@media screen and (max-width:768px) {
.goodsdetail p {
line-height: 2em;
}
}
@media screen and (max-width:600px) {
.p-product-heading {
  margin:0 20px;
}
}
@media screen and (max-width:640px) {
.goodsdetail h1,
.goodsdetail h3,
.goodsdetail h3,
.ex_box h2,
.ex_box h3 {
font-size: 2rem;
}
.goodsdetail h4 {
font-size:1.6rem;
}
span.caption,
.fab_sample .fab_txt p,
.profile .pro_content h4,
.profile .pro_content p,
.ex_box_txt p,
.goodsdetail dl dt,
.goodsdetail dl dd,
.p-posted-review__title,
.p-posted-review__comment,
div.caption,
.ex_box_txt p,
div.cap,
.goodsdetail .li_pt li{
font-size: 1.4rem;
}
.goodsdetail p.small {
font-size: 1.4rem;
line-height: 2em;
padding: 0;
margin: 16px 0;
}
.goodsdetail > img {
margin: 16px 0;
}
.goodsdetail > h2 + img,
.goodsdetail > h3 + img,
.goodsdetail > h4 + img {
margin: 0 0 16px;
}
.caption + img {
margin-top:0;
}
.goodsdetail h2,
.fab_sample .fab_txt h4 {
font-size: 1.8rem;
}
.goodsdetail p,
.relation p,
blockquote,
.profile .pro_content h4,
.p-posted-review__title {
font-size: 1.6rem;
line-height: 2em;
}
div.caption,
span.caption,
div.cap {
margin-bottom: 24px;
}
.ex_box h2,
.ex_box h3 {
margin: 0 0 24px;
}
.ex_box {
padding: 24px;
}
.as_content_conte .as_img {
width: 100%;
}
.as_content_conte p {
width: 100%;
line-height: 1.8em;
margin-bottom: 24px;
}
}

@media screen and (max-width:460px) {
.goodsdetail ul {
padding-inline-start: 1em;
}
.goodsdetail ul li {
font-size: 1.4rem;
line-height: 3em;
padding: 0;
}
.goodsdetail h1,
.goodsdetail h2,
.goodsdetail h3,
.goodsdetail h4 {
font-size: 1.6rem;
margin: 24px 0 16px 0;
font-weight: 600;
line-height: 140%;
}
.goodsdetail dl {
box-sizing: border-box;
border-top: 1px solid #ccc;
padding: 0;
margin: 32px 0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.goodsdetail dl dt {
float: none;
width: 100%;
background: #ddd;
padding: 10px;
border-right: none;
text-align: left;
border-bottom: 1px solid #ccc;
margin: 0;
box-sizing: border-box;
display: block;
border-left: none;
font-size: 1.4rem;
}
.goodsdetail dl dd {
float: none;
width: 100% !important;
padding: 10px;
border-bottom: 1px solid #ccc;
margin: 0;
box-sizing: border-box;
display: block;
border-right: none;
font-size: 1.4rem;
}
.goodsdetail dl.cation {
box-sizing: border-box;
border: none;
padding: 0;
margin: 32px 0;
}
.goodsdetail dl.cation dt {
float: none;
width: 100%;
background: none;
padding: 0;
border: none;
text-align: left;
margin: 0;
box-sizing: border-box;
display: block;
font-weight: 600;
font-size: 1.6rem;
}
.goodsdetail dl.cation dd {
float: none;
width: 100%;
padding: 8px 0 0;
border: none;
margin: 0;
box-sizing: border-box;
display: block;
line-height: 2em;
}
.goodsdetail dl.cation dd a {
text-decoration: underline;
}
.ttl_h2_name {
font-size: 1.6rem;
padding: 0 0 32px 0;
}
.ttl_h2 {
padding-bottom: 24px;
margin-top: 1em;
}
blockquote {
font-size: 1.4rem;
font-style: italic;
padding: 0 .5em;
}
.goodsdetail blockquote p {
font-size: 1.4rem !important;
line-height: 2em;
padding: 8px 0;
}
.present {
width: 100%;
padding: 24px;
margin:24px 0;
}
.present .present_img {
width: 100%;
margin: 0 auto;
padding-right: 0;
box-sizing: border-box;
}
.present .present_img img {
margin: 0;
}
.present .present_txt {
width: 100%;
box-sizing: border-box;
font-size: 1.4rem;
}
.present .present_txt h4 {
font-size: 1.6rem;
margin-bottom: 0;
margin-top: 16px;
color: #ff3333;
font-weight: 600;
text-align: center;
}
.present .present_txt p {
line-height: 2em;
padding: 8px 0 0;
font-size: 1.4rem;
}
.profile {
padding-top: 24px;
padding-bottom: 24px;
}
.h_profile {
font-size: 1.6rem !important;
padding: 5px 0px !important;
background: rgba(0, 0, 0, .6);
display: inline-block;
border-radius: 30px;
color: #fff;
text-align: center;
width: 100%;
margin: 0 auto 40px !important;
}
.profile .pro_img {
width: 100%;
float: none;
text-align: center;
margin-bottom: 24px;
}
.profile .pro_img img {
margin: 0;
max-width: 60%;
margin: 0 auto;
}
.profile .pro_content {
width: 100%;
float: none;
}
.profile .pro_content h4 {
font-size: 1.6rem;
font-weight: 600;
padding: 0;
margin: 0;
line-height: 1em;
}
.profile .pro_content p {
font-size: 1.4rem;
}
.relation h3 {
font-size: 1.4rem !important;
position: relative;
display: inline-block;
padding: 0 !important;
margin: 0;
}
.relation h3::before {
display: none;
}
.relation p.linkt {
padding: 0;
}
.sugidiy_3img div:first-child,
.sugidiy_3img div:nth-child(2),
.sugidiy_3img div:nth-child(3) {
float: none;
width: 100%;
padding: 0 0 8px 0;
}
.retrunable {
font-size: 1.4rem;
line-height: 1.6em;
padding: 8px 24px;
border: 1px solid #ccc;
border-radius: 8px;
}
.retrun_logo {
float: left;
width: 30% !important;
margin-right: 8px !important;
}
.retrunable h3 {
font-size: 1.6rem !important;
padding-top: 0 !important;
padding-bottom: 8px;
}
.fab_sample {
margin: 24px auto;
padding: 24px;
}
.fab_sample .fab_img,
.fab_sample .fab_txt {
float: none;
width: 100%;
padding-right: 0;
}
.fab_sample .fab_txt h4 {
font-size: 1.6rem;
margin-bottom: 16px;
margin-top: 16px;
}
ul.ttmr_step {
margin:16px auto;
width: 86%;
}
ul.ttmr_step li {
width: 100%;
}
ul.ttmr_step li::before {
width: 2px;
height: 20px;
top: unset;
bottom: -5px;
right: 50%;
}
ul.ttmr_step li::after {
transform: rotate(135deg);
top: unset;
bottom: -5px;
right: calc(50% - 6px);
}
.goodsdetail .col2 li {
width: 49%;
display: inline-block;
}
.goodsdetail .col2 li:first-child,
.goodsdetail .col2 li:nth-child(odd) {
margin-right: 2%;
}
.goodsdetail .col3 li {
width: 49%;
margin-right: 2%;
display: inline-block;
}
.goodsdetail .col3 li:nth-child(2n) {
margin-right: 0;
}
a.button br {
display: block;
}
a.button {
font-size: 12px;
padding: 10px 0 8px;
margin: 0;
}
a.button span::after {
display: none;
}
a.button+a.button {
margin-top: 10px !important;
}
a.button span {
padding-left: 0;
transform: translateX(0);
}
.as_content .as_copy {
font-size: 14px;
text-align: center;
}
.as_content h3 {
font-size: 1.6rem;
text-align: center;
padding-top: 0;
}
.out {
padding-inline-start: 0 !important;
margin-top: 0;
}
.out li {
width: 49%;
margin: 0 0 20px 0;
font-size: .875em;
}
.col2 img {
width: 100%;
}
.ur_tokuten img {
width: 40%;
padding: 0 30% 0px;
}
.ur_tokuten p {
width: 100%;
font-size: 1.4rem;
padding-bottom: 20px;
}
.ex_box .ex_box_img {
width: 100%;
padding: 0 20% 16px;
}
.ex_box .ex_box_txt {
width: 100%;
}
.ex_box_txt h2 {
font-size: 1.6rem;
text-align: center;
margin: 0;
}
a.button span::after {
display: none;
}
a.button {
font-size: 1.4rem;
padding: 16px;
}
.coop {
font-size: 1.2rem;
margin:24px 0;
}
.col2_fx li {
width: 100%;
}
.goodsdetail h3,
.ex_box h2,
.ex_box h3 {
font-size: 1.6rem;
}
.ex_box h2,
.ex_box h3 {
margin: 0 0 24px;
}
.as_content h3 {
font-size: 1.6rem;
margin-bottom: 8px;
margin: 0;
}
.as_content .as_copy {
font-size: 1.4rem;
margin-bottom: 8px;
}
.as_content {
margin-bottom: 0;
}
.ex_box,
.section_as {
padding: 24px;
margin: 24px 0;
}
.goodsdetail p,
.relation p,
.profile .pro_content h4,
.p-posted-review__title,
.p-posted-review__comment,
.p-replied-review__body,
.as_content .as_copy {
font-size: 1.4rem;
margin:16px 0;
}
.as_content .as_copy {
margin:0 0 8px;
}
.profile .pro_content h4,
.profile .pro_content h5 {
text-align:center;
margin-bottom:0;
}
.profile .pro_content p {
margin: 8px 0 0;
}
.p-posted-review__title,
.relation p,
.fab_sample .fab_txt p{
margin: 0;
}
span.caption,
div.caption,
div.cap {
font-size: 1.2rem;
}
.goodsdetail > img:first-child + h2,
.goodsdetail > img:first-child + h3 {
margin-top: 16px;
}
.relation {
margin: 24px 0;
}
.ex_box_sugikagu .col2 {
flex-wrap: wrap;
}
.ex_box_sugikagu .caption {
font-size:1.4rem;
}
.h_sub {
font-size: 1.4rem!important;
}
.p-posted-review__info {
margin: 16px 0 0;
}
}