﻿main div {transform: rotate(0.03deg);}
.archive .h2ttl{color: #004986;font-size: 2.4rem;font-weight: 700;text-align: center;border-top: 5px dotted rgb(0 73 134 / 10%);margin: 6rem auto 2rem;padding-top: 3rem;}
.archive .h2ttl::before{content: "";width: 2.4rem;height: 2.4rem;background: url(/img/ico-pill.svg) center center no-repeat;background-size: contain;display: inline-block;vertical-align: middle;margin-right: 10px;}
.p_price_h2{color: #004986;font-size: 1.7rem;font-weight: 700;text-align: left;border-bottom: 3px solid #004986;margin: 40px auto 10px;transform: rotate(0.03deg);}
.p_caution .p_price_h2 {margin-top: 0;}
.p_price_notion {margin-top: 1.2em;font-size: smaller;}
.bl-cat{margin-bottom: .7rem;}
.catlist{flex-wrap: wrap;}
.catlist a.block{min-height: 35vw;}
.catlist a.block h3 {font-size: 1.8rem;height: auto;text-align: left;font-weight: 600;line-height: 1.4em;}
.catlist a.block img {width: 35%;background-color: #fff;background-repeat: no-repeat;background-size: contain;background-position: center center;float: left;margin-right: 1rem;}
.catlist .p_catch{font-size: 1.5rem;}
.detail section{font-size: 1.5rem;text-align: left;}
.NewProductInformation{color: #c70000;padding: 1em;text-align: center;border: solid 3px #c70000;}

@media screen and (min-width: 1000px){
.catlist a.block{min-height: auto;width: 25rem;}
.catlist a.block h3 {margin: .6em 0 .4em;font-size: 1.7rem;}
.catlist a.block img {width: 100%;float: none;margin: 0 auto;}
}

@media screen and (max-width: 1000px){
.catch br{display: none;}
.catlist .p_catch {margin-top: .4em;}
.detail section.p_image{text-align: center;}
.archive .h2ttl{margin-top: 1.6em;}
}

.detail .h1ttl{margin: .7rem 0 2rem;text-align: left;}
.detail .p_catch{color: #039BE5;font-weight: 500;}
.detail h2{color: #004986;font-size: 1.7rem;font-weight: 700;text-align: left;border-bottom: 3px solid #004986;margin: 40px auto 10px;}
.detail table{border-collapse: collapse;margin: 1rem auto;width: 100%;}
.detail th,.detail td{padding: .5rem;border: 1px solid #ccc;word-break: break-all;}
.detail th{background: #ebeff3;}
.detail ul{padding: 0 0 15px 5px;list-style: inside;}
.p_intro{display: flex;flex-direction: column;grid-gap: 2rem;}

@media screen and (min-width: 1000px){
.p_intro{flex-direction: row;align-items: center;}
.p_intro section{font-size: 1.6rem;width: 60%;}
.p_intro section.p_image{width: 37%;}
}

.p_intro .p_content{text-align: left;}
.p_intro .p_content p{margin-top: 1em;}
.p_intro .p_content ul {background: #f5f5f5;list-style-type: none !important;margin-top: 1rem;margin-left: 0px;padding: 1rem 1rem 1rem 3.4rem;border-radius: 1rem;}
.p_intro .p_content li {position: relative;line-height: 2rem;margin-bottom: .8rem;font-size:95%;}
.p_intro .p_content li::after {content: '';display: block;position: absolute;top: .5em;left: -1.5em;width: 10px;height: 5px;border-left: 3px solid #004883;border-bottom: 3px solid #004883;transform: rotate(-45deg);}

@media screen and (min-width: 1000px){
.p_priceinfo{display: flex;grid-gap: 4rem;}
.p_priceinfo .p_price,.p_priceinfo .p_size{width: calc(50% - 2rem);}
.p_materialinfo{display: flex;grid-gap: 4rem;}
.p_materialinfo .p_detail,.p_materialinfo .p_ma{width: calc(50% - 2rem);}
}

.detail .p_caution{font-size: 1.4rem;background: #eee;padding: 2rem;margin-top: 3rem;border-radius: 1rem;transform: rotate(0.03deg);}
.detail .p_caution h2{font-size: 1.5rem;margin: 0 0 1rem;color: #333;border-bottom: 1px solid #333;}
.other{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;grid-gap: 4rem;margin-top: 3rem;}
.p_relation{width: 100%;}
.p_relation a{color: #004986;background: #ebeff3;padding: .7rem;border: 2px solid #ebeff3;border-radius: 10px;margin-bottom: .7rem;box-sizing: border-box;display: block;text-align: left;}
.p_relation a h3,.p_relation_a_h3,.p_relation a img{display: inline-block;vertical-align: middle;font-size: 1.4rem;}
.p_relation a h3,.p_relation_a_h3{max-width: calc(100% - 6.5rem);}
.p_relation a img{width: 5rem;margin-right: 1rem;border-radius: .7rem;}

@media screen and (min-width: 1000px){
.other{flex-direction: row;}
.other .p_relation,.other .p_faq{width: calc(50% -  2rem);}
.p_relation{width: auto;}
.p_relation a{display: inline-block;vertical-align: top;margin: 0 .7rem .7rem 0;width: calc(50% - 1rem);max-width: 18rem;}
.p_relation a h3,.p_relation_a_h3,.p_relation a img{display: block;}
.p_relation a h3,.p_relation_a_h3{max-width: max-content;}
.p_relation a img{width: 90%;margin: 1rem;}
}

.p_faq a{font-size: 1.5rem;text-align: left;padding: .5rem .5rem .5rem 2rem;display: block;border-bottom: 2px dotted #ddd;}
.p_faq a:last-child{border: none;}
.p_faq a::before{content: "Q.";font-size: 1.6rem;color: #004986;font-weight: 700;display: inline-block;text-indent: -2rem;}
.bnr_link{display: block;margin-top: 1rem;}
.bnr_link img{width: 100%;}

#two #sidebar{width: 100%;}
#sidebar .sd_product ul{display: flex;flex-wrap: wrap;}
#sidebar .sd_product li{width: calc(50% - .1rem);min-height: auto;font-size: 1.3rem;line-height: 1.7rem;letter-spacing: -.01rem;text-align: center;}
#sidebar .sd_product li:nth-child(odd){border-right: 1px dotted #004883;}
#sidebar .sd_product li a{padding: 7px 4px 7px 7px;}
#sidebar .sd_product li img{width: 60px;height: 60px;border-radius: 0;margin: 0 auto 5px;float: none;}
#sidebar .sd_product li h4{text-align: left;}
#sidebar .sd_prcat li {min-height: auto;}
#sidebar .sd_prcat li:last-child {border-bottom: none;}
#sidebar .p_sidebar_h3{color: #fff;background: #004883;font-size: 1.7rem;font-weight: 500;padding: 1rem;border-radius: 10px 10px 0 0;transform: rotate(0.03deg);}
#sidebar .p_sidebar_h3 a{color: #fff;}
#sidebar .sd_product_li_h4{text-align: center;transform: rotate(0.03deg);}

@media screen and (min-width: 1000px){
#two main{width: calc(95vw - 250px);padding: 3rem;height: fit-content;}
#two #sidebar{width: 250px;}
#sidebar .sd_prcat {display: none;}
}

@media screen and (min-width: 1300px){
#two main{width: calc(95vw - 300px);padding: 3rem;height: fit-content;}
#two #sidebar{width: 300px;}
}

@media screen and (max-width: 1000px){
#sidebar .sd_product{display: none;}
}
