.p-sub-category {
width:100%;
margin:24px auto;
display:flex;
flex-wrap:wrap;
gap:4px;
list-style-type: none;
}
.p-sub-category__item {
width:calc((100% - 4px) / 2);
box-sizing: border-box;
}
.p-sub-category__image {
display: block;
margin-bottom: 10px;
}
.p-sub-category__link {
display: block;
transition: opacity .2s;
text-decoration: none;
color: #333;
}
.p-sub-category__link:hover {
opacity: .66;
}
.p-sub-category__link:active {
opacity: 1;
}
.p-sub-category__name {
line-height: 1.3;
position: relative;
display: block;
padding-left: .8em;
}
.p-sub-category__name::before {
position: absolute;
top: 0;
left: 0;
content: '-';
}
.c-section__container p {
font-size: 1.2em;
line-height: 2em;
padding: 0 0 .5em 0;
}
@media screen and (min-width: 640px) {
.p-sub-category {
margin-right: auto;
margin-left: auto;
}
.p-sub-category__link {
font-size:1.6rem;
 }
.p-sub-category__item {
width:calc((100% - 12px) / 3);
box-sizing: border-box;
}
}
@media screen and (min-width: 768px) {
.p-sub-category__item {
width:calc((100% - 16px) / 4);
box-sizing: border-box;
}
}
@media screen and (max-width: 600px) {
.p-sub-category__item:nth-child(2n + 1) {
clear: both;
}
.c-section__container p {
font-size: 1em;
padding: 0 1em .5em;
}
.c-section__heading {
width:96%;
margin: 16px auto;
}
}
/*//////////////////////////////////////////////////////////////////
  ¥«¥¹¥¿¥à
//////////////////////////////////////////////////////////////////*/
.nouki {
border: 1px dashed #ccc;
padding: 32px;
margin:32px 0;
background-color: #fcfcfc;
border-radius: 4px;
}
.nouki .nouki_h {
font-size:1.8rem !important;
font-weight: 500 !important;
margin: 0 !important;
padding: 0 !important;
}
.nouki p {
font-size:1.8rem !important;
font-weight: 500 !important;
margin: 1em 0 0 0 !important;
padding: 0 !important;
}
.nouki .nouki_h + p {
margin-top: 0 !important;
}
.cate_img {
margin: 40px 0;
padding:0; 
}
.p-page-content.product_list p {
font-size: 1.8rem;
overflow: auto;
line-height: 2em;
display: block;
text-overflow:unset;
-webkit-line-clamp: unset;
max-height: unset;
}
.p-page-content.product_list p a{
display: inline;
}
.c-section__container {
max-width: 1060px;
width: 100%;
margin: 0 auto;
}
.category_text h3 {
font-size: 2rem;
line-height: 1.6em;
margin-bottom: 24px;
}
.caption {
font-size: 1.4rem;
line-height: 1.4em;
text-align: center;
margin: -32px 0 40px;
}
.best3 {
font-size: 2rem;
position: relative;
font-weight: 600;
text-align: center;
margin-bottom: .8em;
letter-spacing: .1em;
margin-top: 40px;
text-align: center;
}
.best3 span {
line-height: 1.3;
font-weight: 600;
position: relative;
z-index: 1;
display: inline-block;
padding: 0 1em;
background: #fff;
}
.best3::after {
position: absolute;
top: 50%;
display: block;
width: 100%;
height: 1px;
content: '';
background: #333;
}
.best3 + span {
display: block;
text-align: right;
font-size: 1.4rem;
}
ol.rank_list {
position: relative;
display: flex;
margin: 20px 0;
padding: 0;
list-style-type: none;
flex-wrap: wrap;
}
ol.rank_list li {
list-style: none;
width: 33.3333%;
padding: 40px 1% 0;
position: relative;
box-sizing: border-box;
}
ol.rank_list li a {
display: block;
color: #333;
text-decoration: none;
}
ol.rank_list li a img:hover {
opacity: .7;
}
ol.rank_list li a div {
padding: 10px 0;
text-align: center;
font-size: 1.4rem;
font-weight: 600;
}
ol.rank_list li::before {
content: '';
font-size: 1.6rem;
font-weight: 600;
text-align: center;
color: #fff;
display: block;
width: 40px;
height: 40px;
line-height: 1em;
border-radius: 30px;
padding: 12px 0 0;
box-sizing: border-box;
position: absolute;
top: 20px;
left: -2px;
z-index: 2;
transition: .5s;
}
ol.rank_list li:first-child::before {
content: '1';
background: #debf4d;
}
ol.rank_list li:nth-child(2)::before {
content: '2';
background: #989898;
}
ol.rank_list li:nth-child(3)::before {
content: '3';
background: #8a721a;
}
ol.rank_list li:hover::before {
transform: scale(1.2, 1.2) rotate(360deg);
}
a.button br {
display: none;
}
a.button_l {
font-size: 2rem !important;
padding: 24px 0 !important;
}
.retrunable {
font-size: 1.6rem;
line-height: 1.8em;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
.retrun_logo {
float: left;
width: 25% !important;
margin-right: 30px !important;
}
.retrunable h3 {
font-size: 2rem !important;
padding-top: 10px !important;
margin-top: 10px;
}
.p-sub-category__name::before {
position: absolute;
top: 0;
left: 0;
content: none;
display: none;
}
.p-sub-category__name {
padding-left: 0;
}
.p-sub-category__link {
display: block;
transition: opacity .2s;
text-decoration: none;
border: 1px solid #333;
background: #333;
padding: 16px;
color: #fff;
border-radius: 5px;
text-align: center;
font-size: 1.4rem;
}
.p-sub-category__link:hover {
background: #fff;
color: #333;
}
.category_text_h {
font-size:2.4rem;
font-weight:600;
}

@media screen and (max-width: 640px) {
.p-layout-container {
width: 86%;
padding:0;
}
.cate_img {
margin: 16px 0;
padding: 0;
}
.title_border {
font-size: 18px;
padding: 40px 24px;
}
.nouki {
padding: 24px;
margin: 16px 0;
}
.nouki p,
.nouki dl dt,
.nouki dl dd,
.nouki p,
.nouki p:first-child,
.p-page-content.product_list p{
font-size:1.6rem !important;
}
.nouki dl + p {
line-height:1.4em !important;
}
.caption {
margin: -8px 0 24px;
}
.category_text_h {
font-size:1.8rem;
}
}
@media screen and (max-width: 460px) {
.p-sub-category__link {
padding: 12px;
font-size: 1.2rem;
}
.c-section {
margin: 16px 0;
}
.cate_img {
margin: 24px 0;
padding: 0;
}
.caption {
font-size: 1.2rem;
margin: -14px 0 24px;
}
.p-page-content.product_list p {
font-size: 1.4rem;
}
.category_text h3 {
font-size: 1.8rem;
margin-bottom: 24px;
padding: 0;
}
a.button br {
display: block;
}
.best3 {
font-size: 16px;
}
ol.rank_list li {
padding: 10px 1% 0;
}
ol.rank_list li::before {
font-size: 14px;
width: 30px;
height: 30px;
border-radius: 30px;
padding: 7px 0 0;
top: 0px;
}
ol.rank_list li a div {
font-size: 12px;
}
a.button_l {
font-size: 1.6rem !important;
padding: 20px 0 !important;
}
.retrunable {
font-size: 1.4rem;
line-height: 1.6em;
padding: 10px 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
.retrun_logo {
float: left;
width: 30% !important;
margin-right: 10px !important;
}
.retrunable h3 {
font-size: 1.6rem !important;
padding-top: 0px !important;
padding-bottom: 0;
}
.nouki {
padding: 24px;
margin: 24px 0;
}
.nouki p,.nouki dl dt,.nouki dl dd,.nouki p,.nouki p:first-child,.p-page-content.product_list p {
font-size: 1.4rem !important;
}
}