/*
Theme Name: Overlay Child
Theme URI: https://example.com/
Description: Child theme for the Overlay WordPress theme.
Author: Custom
Template: overlay
Version: 1.0.0
Text Domain: overlay-child
*/

/* Add your custom CSS below this line. */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    color: #fff;
}

.site-title{
font-size: calc(2vw + 1.5rem);
}

/* TOPページ固定変更 */
.product_list_wrap .product_list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
gap: 0.5%;
list-style: none;
margin: 0;
padding: 0;
}
.product_list_wrap .product_list li {
width: 33%;
box-sizing: border-box;
padding: 0 10px;
text-align: center;
margin-bottom: 25px;
}
.product_list_wrap .product_list li a {
transition:0.4s;
}
.product_list_wrap .product_list li a:hover {
opacity: 0.8;
}
.product_list img{
display: block;
width: 100%;
}
.pl_name {
margin: 10px 0;
display: block;
font-size: 1.125rem;
}
.product_list_price {
margin-bottom: 20px;
}
.product_list_btn {
border: 1px solid #ddd;
padding: 6px 10px;
box-sizing: border-box;
font-size: 15px;
background: #eee;
color: #444;
display: block;
width: 100%;
max-width: 80%;
margin: 0 auto;
}

@media screen and (max-width:1000px) {
.product_list_btn {
max-width: 100%;
font-size: 14px;
}		
}
@media screen and (max-width:560px) {
.product_list_wrap .product_list {
flex-direction: column;
}
.product_list_wrap .product_list li{
width:100%;
}
.product_list_btn {
max-width: 60%;
}		
}


/*--------------------------------------------------------------
# 比較表CSS
--------------------------------------------------------------*/
.hikaku {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    text-align: center;
}

.hikaku th, .hikaku td {
    border: 1px solid #ddd;
    padding: 10px;
}

.hikaku th {
    background-color: #4CAF50;
    color: white;
    font-weight: bold;
}

.hikaku tr:nth-child(even) {
    background-color: #f2f2f2;
}

.hikaku tr:hover {
    background-color: #ddd;
}

@media (max-width: 600px) {
    .hikaku {
        font-size: 14px;
    }
}
.gaiyou {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 16px;
}

.gaiyou tr {
    display: flex;
    flex-wrap: wrap;
}

.gaiyou th, .gaiyou td {
    border: 1px solid #ddd;
    padding: 10px;
    flex: 1;
    vertical-align: middle;
}

/* ヘッダー（左列）のデザイン */
.gaiyou th {
    background-color: #4CAF50;
    color: white;
    font-weight: bold;
}

/* レスポンシブ対応 */
@media (max-width: 600px) {
    .gaiyou tr {
        display: flex;
        flex-direction: row;
    }
    .gaiyou th, .gaiyou td {
        flex: 1;
        min-width: 50%;
    }
}

.article-wrap{font-size:16px;line-height:1.9;color:#222;}
.article-wrap h2{font-size:28px;line-height:1.5;border-bottom:2px solid #1d4f91;padding-bottom:8px;margin:48px 0 20px;}
.article-wrap h3{font-size:22px;line-height:1.6;margin:28px 0 14px;}
.article-wrap h4{font-size:18px;line-height:1.6;margin:18px 0 10px;}
.article-wrap p{margin:0 0 16px;}
.article-wrap table{width:100%;border-collapse:collapse;margin:16px 0 20px;background:#fff;}
.article-wrap th,.article-wrap td{border:1px solid #cfd8e3;padding:12px;vertical-align:top;}
.article-wrap th{background:#f4f8fc;font-weight:700;}
.article-wrap ul{margin:0 0 16px 1.2em;padding-left:1em;}
.article-wrap li{margin:0 0 8px;}
.article-wrap a{color:#1d4f91;text-decoration:underline;}
.alert-box{border:2px solid #d9534f;background:#fff8f7;padding:18px 20px;border-radius:8px;margin:0 0 28px;}
.alert-box strong{color:#b42318;}
.note-box{background:#f7fbff;border:1px solid #cfe0f5;padding:16px 18px;border-radius:8px;margin:16px 0 20px;}
.ed-accordion-wrapper{margin:24px 0 40px;}
.ed-accordion-item{border:1px solid #d5dfeb;border-radius:10px;background:#fff;margin:0 0 14px;overflow:hidden;}
.ed-accordion-item summary{list-style:none;cursor:pointer;padding:16px 48px 16px 16px;background:#f3f8ff;color:#1d4f91;font-weight:700;position:relative;}
.ed-accordion-item summary::-webkit-details-marker{display:none;}
.ed-accordion-item summary::after{content:"＋";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;}
.ed-accordion-item[open] summary::after{content:"−";}
.ed-accordion-content{padding:16px 16px 6px;background:#fff;font-size:15px;line-height:1.85;}
.small-text{font-size:14px;color:#555;}
.review-summary-box{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);border:1px solid #cfe0f5;border-radius:12px;padding:20px;margin:0 0 24px;}
.review-summary-head{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;}
.review-rating-number{font-size:34px;font-weight:700;line-height:1;color:#1d4f91;}
.review-stars{font-size:24px;letter-spacing:2px;color:#f5a623;line-height:1;}
.review-meta{font-size:14px;color:#555;}
.review-lead{font-size:15px;color:#333;margin:8px 0 0;}
.review-list{display:flex;flex-direction:column;gap:14px;margin:0 0 18px;}
.review-card{border:1px solid #dbe4ee;border-radius:10px;background:#fff;padding:16px;}
.review-card-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px;}
.reviewer-name{font-weight:700;color:#222;}
.review-date{font-size:14px;color:#666;}
.review-card .review-stars{font-size:18px;margin:0 0 8px;}
.review-text{margin:0;font-size:15px;line-height:1.9;color:#333;}
.review-more{margin-top:10px;}
.review-more summary{list-style:none;cursor:pointer;border:1px solid #d5dfeb;border-radius:10px;background:#f3f8ff;color:#1d4f91;font-weight:700;text-align:center;padding:16px 48px 16px 16px;position:relative;}
.review-more summary::-webkit-details-marker{display:none;}
.review-more summary::after{content:"＋";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;}
.review-more[open] summary::after{content:"−";}
.review-more .review-list{margin-top:14px;}