@charset "UTF-8";

.sec_pagehead {
    width: min(94%, 1020px);
    margin: 0 auto;
}
.art_pagehead{
    width: 100%;
}
/*==================================================

==================================================*/
.art_contact {
    width: min(90vw, 1080px);
    margin: 0 auto;
}
.cont_prod_left {
    margin-bottom: min(7vw, 50px);
}
/*==================================================
FORM
==================================================*/
@media (min-width:1297px){
    .sec_form{
    border-radius: min(4vw, 20px) 0 0 0;
    margin-left: calc(calc(100vw - 66px - 1230px) / 2);
    }
}
.sec_form {
    background: #fff;
    padding: 1px;
}
.form_inr {
    width: min(94%, 900px);
    margin: min(12vw, 95px) auto min(20vw, 220px);
    font-size: min(3.5vw, 16px);
}
.ul_comp_nav {
    display: flex;
}
.cat-item{
    margin-right: min(1.5vw,8px);
    margin-bottom: min(1.5vw,8px);
}
.cat-item a {
    line-height: 1;
    border: 1px solid #000;
    width: min(20vw,122px);
    height: min(8vw,36px);
    border-radius: min(1vw,6px);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease 300ms;
}
.cat-item:hover a,
.current-cat a{
    background: #fd343e;
    color: #fff;
}
.cat-item-none{
    display: none;
}
/*ページャー*/
.screen-reader-text {
    display: none;
}
.nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: min(8vw, 50px);
}
.nav-links .page-numbers {
    display: flex;
    line-height: 1;
    width: min(10vw,57px);
    aspect-ratio:1/1;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    border-radius: 50%;
    margin: min(0.8vw,5px);
}
:where(.nav-links) .page-numbers:hover,
.nav-links .current{
    background: #000;
    color: #fff;
} 
.nav-links .next,
.nav-links .prev{
    text-indent: -100vw;
    border: none;
    background: #fff url(../img/cmn/arw_mini.svg) no-repeat center / 55% auto;
    width: min(8vw,40px);
}
.nav-links .prev{
    transform: rotate(180deg);
}
@media (max-width:760px){

}

/*==================================================
詳細ページ
==================================================*/
.site-single .art_pagehead{
    margin: 0 auto;
    padding: min(25vw, 140px) 0 min(7vw, 85px);
}
.single_time_wrap {
    display: flex;
    margin-bottom: min(4.5vw, 30px);
}
.site-single .news_listtime{
    
}
.site-single .news_listcat{
    
}
.site-single .news_listname {
    line-height: 1.2;
    font-size: min(5vw, 32px);
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: min(5vw,30px);
    margin-bottom: min(6.5vw,40px);
}
.p_topi_deta {
    padding-bottom: min(10vw, 65px);
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: min(8vw,55px);
}
.backto_btn_wrap {
    display: flex;
    justify-content: center;
}
.backto_btn_wrap .e_l_name::before {
    background: #000;
}
@media (max-width:760px){
.site-single .art_pagehead {
    padding: 50px 0 0;
}
}
/*==================================================
もっと見る系リンク
==================================================*/
.viewmore_link_wrap {
    text-align: right;
    position: relative;
    width: fit-content;
}
.viewmore_link {
    line-height: 1;
    display: flex;
    justify-content: flex-end;
    font-weight: 700;
    padding: 0 0 min(2.5vw, 18px);
    position: relative;
    z-index: 2;
    font-size: min(4vw, 22px);
}
.viewmore_link::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: 0;
    right: 0;
}
.viewmore_link:hover::before {
    width: min(4vw,20px);
}
.viewmore_link::before {
    content: "";
    display: block;
    width: min(4vw,20px);
    aspect-ratio: 1 / 1;
    background: url(../img/cmn/arw_mini.svg) no-repeat center / contain;
    margin-right: 15px;
    transform: rotate(180deg);
}
.viewmore_link_wrap::after {
    content: "";
    display: block;
    position: absolute;
    background: #fd343e;
    z-index: 0;
    width: min(16vw,100px);
    height: min(16vw,100px);
    border-radius: 50%;
    top: max(-40px,-6.4vw);
    left: max(-40px, -6.4vw);
    transition: all ease 300ms;
    transform: scale(0);
}
.viewmore_link_wrap:hover::after {
    transform: scale(1);    
}