@charset "UTF-8";

#contentArea {
color:#000
}

#contentArea a,#contentArea a img {
border:none;
outline:0
}

#contentArea img {
width:100%
}

#pageItem {
-webkit-text-size-adjust:100%;
box-sizing:border-box;
text-align:center;
vertical-align:middle;
max-width:1000px;
margin:0 auto;
padding:10px 0 20px
}

@media (max-width:768px) {
#pageItem {
padding:10px 5px 20px
}
}

#pageItem *,#pageItem :after,#pageItem :before {
background-repeat:no-repeat;
box-sizing:inherit;
list-style:none;
margin:0;
outline:0;
padding:0;
text-align:inherit;
text-decoration:none;
vertical-align:inherit
}

#pageItem .articlecard {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position:relative
}

#pageItem .articlecard__item {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-font-feature-settings:palt;
font-feature-settings:palt;
position:relative;
-webkit-transition:.3s;
transition:.3s;
margin-bottom:50px;
width:25%
}

#pageItem .articlecard__item:hover {
opacity:.6
}

#pageItem .articlecard__item.linkhide {
pointer-events:none
}

@media (max-width:768px) {
#pageItem .articlecard__item {
width:50%
}
}

@media (max-width:430px) {
#pageItem .articlecard__item {
margin-bottom:25px
}
}

#pageItem .articlecard__link {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

#pageItem .articlecard__photo {
height:auto;
width:100%
}

@media all and (-ms-high-contrast:none) {
#pageItem .articlecard__photo {
min-height:1px
}
}

#pageItem .articlecard__size {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:10px;
font-size:15px;
line-height:1;
color:grey
}

@media (max-width:768px) {
#pageItem .articlecard__size {
font-size:3.2vw;
margin-top:15px
}
}

@media (max-width:430px) {
#pageItem .articlecard__size {
font-size:12px
}
}

#pageItem .articlecard__name {
font-size:20px;
line-height:1.2;
margin-top:10px
}

@media (max-width:768px) {
#pageItem .articlecard__name {
font-size:3.2vw
}
}

@media (max-width:430px) {
#pageItem .articlecard__name {
font-size:14px
}
}

#pageItem .articlecard__wrap {
margin-top:auto
}

#pageItem .articlecard__price {
font-family:"Hiragino Sans",YuGothic,Arial,sans-serif;
margin-top:10px
}

#pageItem .articlecard__price.red {
    color: red;
}

#pageItem .articlecard__buy {
color:#000;
font-size:20px;
font-weight:600;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:8px;
padding-left:6px
}

@media (max-width:768px) {
#pageItem .articlecard__buy {
font-size:3.2vw
}
}

@media (max-width:430px) {
#pageItem .articlecard__buy {
font-size:14px
}
}

#pageItem .articlecard__buy:after {
content:"";
background-image:url(../img/richcolors/arrow_buy.png);
background-repeat:no-repeat;
background-size:contain;
margin-left:8px;
width:20px;
height:20px;
display:inline-block
}

@media (max-width:768px) {
#pageItem .articlecard__buy:after {
height:2.4vh
}
}

#pageItem .articlecard__buy.yotei:after {
content:none
}

#pageItem .pickup__container {
margin:0 auto
}

#pageItem .pickup__variation {
max-width:750px;
margin:auto
}

#pageItem .pickup__ph {
max-width:750px;
margin:30px auto 0
}

@media (max-width:375px) {
#pageItem .pickup__ph {
margin:15px auto 0
}
}

#pageItem .pickup__text {
font-size:20px;
font-weight:400;
-webkit-font-feature-settings:palt;
font-feature-settings:palt;
line-height:1.5;
margin-top:30px
}

@media (max-width:768px) {
#pageItem .pickup__text {
font-size:2.5vw
}
}

@media (max-width:430px) {
#pageItem .pickup__text {
font-size:12px
}
}

@media (max-width:375px) {
#pageItem .pickup__text {
margin-top:15px;
text-align:justify;
padding:0 1em
}

#pageItem .pickup__text br {
display:none
}
}

#pageItem .title--coordinate {
font-size:27px;
font-weight:600;
line-height:1;
margin:50px auto 30px
}

@media (max-width:768px) {
#pageItem .title--coordinate {
font-size:3.5vw
}
}

@media (max-width:430px) {
#pageItem .title--coordinate {
font-size:16px;
margin:25px auto 15px
}
}

#pageItem .lead__intro {
margin:40px auto
}

@media (max-width:430px) {
#pageItem .lead__intro {
margin:20px auto
}
}

#pageItem .lead__text {
font-size:20px;
font-weight:400;
-webkit-font-feature-settings:palt;
font-feature-settings:palt;
line-height:1.5
}

@media (max-width:768px) {
#pageItem .lead__text {
font-size:2.5vw
}
}

@media (max-width:430px) {
#pageItem .lead__text {
font-size:12px
}
}

@media (max-width:375px) {
#pageItem .lead__text {
text-align:justify;
padding:0 1em
}

#pageItem .lead__text br {
display:none
}
}

#pageItem .size--bd {
border:1px solid grey;
padding:2px 4px;
border-radius:2px;
margin:0 3px;
min-width:42px
}

@media all and (-ms-high-contrast:none) {
#pageItem .size--bd {
padding:2px 8px 3px
}
}

#pageItem .price--yen {
font-weight:600;
font-size:20px;
line-height:1.3;
position:relative
}

@media (max-width:768px) {
#pageItem .price--yen {
font-size:3.2vw
}
}

@media (max-width:428px) {
#pageItem .price--yen {
font-size:15px
}
}

#pageItem .btn--link {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
vertical-align:middle;
height:80px
}

#pageItem .btn--link:after {
position:absolute;
content:"";
width:33px;
height:33px;
right:2%;
top:50%;
background-repeat:no-repeat;
background-size:contain;
background-position:center bottom;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}

@media (max-width:768px) {
#pageItem .btn--link {
font-size:3.8vw
}

#pageItem .btn--link:after {
height:3.6vh
}
}

@media (max-width:428px) {
#pageItem .btn--link {
font-size:16px;
height:60px
}

#pageItem .btn--link:after {
width:16px;
height:16px
}
}

@media (max-width:320px) {
#pageItem .btn--link {
font-size:14px
}

#pageItem .btn--link:after {
width:14px;
height:14px
}
}

#pageItem .btn__list {
margin:0 auto 30px;
width:90%;
font-size:28px;
font-weight:600;
line-height:1
}

@media (max-width:768px) {
#pageItem .btn__list {
width:100%
}
}

#pageItem .btn__list li {
margin-top:30px
}

#pageItem .btn__list li:first-child {
margin-top:0
}

@media (max-width:768px) {
#pageItem .btn__list li {
margin-top:20px
}
}

#pageItem .btn--link {
font-family:"Hiragino Sans",YuGothic,"Helvetica Neue",Arial,sans-serif;
color:#fff;
background-color:#000;
position:relative;
margin:auto;
-webkit-transition:.3s;
transition:.3s
}

#pageItem .btn--link:hover {
opacity:.6
}

#pageItem .btn--link:after {
background-image:url(../img/richcolors/arrow_wh.png)
}

#pageItem #shopBanner-sp {
display:none
}

#pageItem #shopBanner a {
-webkit-transition:.3s;
transition:.3s
}

#pageItem #shopBanner a:hover {
opacity:.6
}

@media (max-width:768px) {
#pageItem #shopBanner-sp {
display:block
}

#pageItem #shopBanner {
display:none
}
}

#pageItem .memo {
margin:1em auto
}

#pageItem .memo li {
font-size:16px;
color:#808082;
text-align:left
}

@media (max-width:768px) {
#pageItem .memo li {
font-weight:400;
font-size:12px
}
}

#pageItem .container--section {
margin-bottom:60px
}

#pageItem .container--section:last-child {
margin-bottom:0
}

@media (max-width:430px) {
#pageItem .container--section {
margin-bottom:40px
}
}

#pageItem .sp--active {
display:none
}

@media (max-width:768px) {
#pageItem .sp--active {
display:block
}
}

@media (max-width:428px) {
#pageItem .sp--justify {
text-align:justify
}
}

#pageItem .txt--price:after {
content:"税込";
display:inline-block;
font-size:17px;
font-weight:400;
line-height:1.5;
color:grey;
padding-left:6px
}

@media (max-width:768px) {
#pageItem .txt--price:after {
font-size:2.6vw
}
}

@media (max-width:428px) {
#pageItem .txt--price:after {
font-size:12px
}
}

#pageItem .txt--size1 {
height:32px
}

@media (max-width:768px) {
#pageItem .txt--size1 {
height:auto
}
}

#pageItem .txt--size2 {
height:32px
}

@media (max-width:768px) {
#pageItem .txt--size2 {
height:7vw
}
}

@media (max-width:440px) {
#pageItem .txt--size2 {
height:8vw
}
}

#pageItem .txt--size3 {
height:32px
}

@media (max-width:768px) {
#pageItem .txt--size3 {
height:7vw
}
}

@media (max-width:440px) {
#pageItem .txt--size3 {
height:8vw
}
}

@media (max-width:385px) {
#pageItem .txt--size3 {
height:10vw
}
}