/* CSS Document */
.product_list h3 { margin-bottom: -60px; display: flex; align-items: center;justify-content: center; height: 100px;padding-top: 140px; margin-top: -140px; font-size: 3rem;}
.product_list h3 img {  max-height: 100px; max-width:300px;}
@media screen and (max-width: 767px) {
    .product_list h3 { margin-bottom: -40px; height: 80px;padding-top: 60px; margin-top: -60px;}
    .product_list h3 img {  max-height: 80px; max-width:300px;}
}
.pd_item_list { display: flex; flex-wrap: wrap; margin-bottom: 50px; background: #f8ece8; padding: 30px 20px 1px; border-radius: 10px;}
.product_list h3 + .pd_item_list { padding-top: 80px;}
.pd_item_list > li { width: 215px; box-sizing: border-box;padding: 15px 10px;text-align: center; margin: 0 20px 30px 0;font-size: 1.4rem; background: #fff;}
.pd_item_list > li a { display: block; line-height: 1.4;}
.pd_item_list > li a:hover { opacity: 0.6;}
.pd_item_list > li figure { margin-bottom: 5px;}
.pd_item_list > li img { height: 200px; object-fit: contain;}

@media print, screen and (min-width: 768px){
    .pd_item_list li:nth-child(5n) { margin-right: 0;}
}
@media screen and (max-width: 767px) {
    .pd_item_list { margin-bottom: 50px; padding: 20px 15px 1px;}
    .product_list h3 + .pd_item_list { padding-top: 60px;}
    .pd_item_list > li { width: 49%; padding: 10px; margin: 0 2% 15px 0;font-size: 1.3rem;}
    .pd_item_list > li:nth-child(2n) { margin-right: 0;}
    .pd_item_list > li img { height: 150px;}
}

.product_name { font-size: 3.6rem; font-weight: bold;border-bottom: 1px solid #d7d7d7;padding: 0 0 15px 15px; line-height: 1.4;letter-spacing: 0.08em; margin-bottom: 30px; padding-top: 140px; margin-top: -140px;box-sizing: border-box; font-feature-settings: 'palt';}
.product_name span { display: block;font-size: 2.4rem;}


#main_txt { display: flex; justify-content: space-between;flex-wrap: wrap; gap:32px;}
#main_txt figure { text-align: center; width: 500px;}
#main_txt figure img { }
#main_txt .product_lead { width: 650px;}
#product_logo { margin-bottom: 40px;}

@media screen and (max-width: 767px) {
    #main_txt figure,#main_txt .product_lead  { width: 100%;}
    #main_txt figure { margin: 0; padding: 0;}
    #main_txt .product_lead img { max-height: 30px;}
    .product_name  {font-size:2rem;padding: 0 0 10px 0; margin: 0 15px 30px; letter-spacing: 0; padding-top: 60px; margin-top: -60px;}
    .product_name span { font-size: 1.6rem; }
}

.product_data { margin-bottom: 50px; padding-top: 140px; margin-top: -140px;}
.product_data_area { display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.photo_area { width: 500px; box-sizing: border-box;border: 1px solid #d7d7d7;padding: 20px;}
.product_slider { padding-bottom: 50px;}
.slick-img { width: 100%; height: 460px;display: flex !important;align-items: center; text-align: center; }
.product_slider .slick-img a { display: block;width: 100%; text-align: center;}
.product_slider .slick-img img { margin: 0 auto;vertical-align: middle; height: 460px; width: auto;object-fit: contain;}
.thumbnail {}
.thumbnail-img { text-align: center; width: 25%;padding: 10px;box-sizing: border-box;display: flex !important;align-items: center;}
.thumbnail-img img { height: 100px; object-fit: contain; margin: 0 auto;}
.product_logo { text-align: center; margin-bottom: 30px;}

@media screen and (max-width: 767px) {
    .product_data { margin-bottom: 20px; padding-top: 60px; margin-top: -60px;}
    .photo_area { width: 100%; margin-bottom: 30px;}
    .slick-img { height: 360px; }
    .product_slider .slick-img img { height: 360px;}
    .product_logo { margin-bottom: 20px;}
}


.product_txt_box { width: 650px;}
.tag { display: flex;flex-wrap: wrap; margin-bottom: 20px;}
.tag li { color: #fff;font-size: 1.4rem; background: #fa4f12;margin-right: 10px;line-height: 25px;padding: 0 10px;}
.product_lead { margin-bottom: 30px;}
.product_lead h2 { font-size: 3.2rem;margin-bottom: 20px;font-weight: 900;letter-spacing: 0; color: #1D2088;}
.product_lead h2 span{color: #EC6917;}
.product_lead p { font-size: 1.8rem; margin-bottom: 20px; letter-spacing: 0.06em;line-height: 2; }
.product_lead p.big_lead { font-size: 2.8rem; font-weight: 500; }

.product_txt {letter-spacing: 0.06em;line-height: 2;}
.product_txt dl {}
.product_txt dl dt { font-size: 1.8rem;font-weight: 500;color: #fa4f12;margin-bottom: 10px; font-feature-settings: 'palt';}
.product_txt dl dd { font-size: 1.6rem; margin-bottom: 30px;}
.product_txt dl dd p { margin-bottom: 20px;}
.product_txt dl dd p:last-child { margin-bottom: 0;}
.product_txt dl dd ul { padding-left: 2em; list-style: disc;}
.product_txt dl dd ul li { margin-bottom: 5px;}
.product_txt dl dd ol { padding: 0 0 5px 0.75em; display: flex; flex-direction: column; gap:5px; counter-reset: product-attention 0;}
.product_txt dl dd ol li {display: flex;}
.product_txt dl dd ol li::before{ counter-increment: product-attention 1; content: '*'counter(product-attention)'：'; }
@media screen and (max-width: 767px) {
    .product_txt_box { width: 100%;}
    .product_lead h2 {text-align: center; font-size: 2.4rem;}
    .product_lead p { font-size: 1.6rem; line-height: 1.8; font-feature-settings: 'palt';}
    .product_lead p.big_lead { font-size: 1.8rem;line-height: 1.6;}
    .tag li { font-size: 1.2rem; line-height: 22px;padding: 0 5px;}
    .product_txt {line-height: 1.8;}
    .product_txt dl dt { font-size: 1.6rem;}
    .product_txt dl dd { font-size: 1.4rem; }
    .product_txt dl dd ul li{font-feature-settings: 'palt';}
}


#lineup,.lineup { margin-bottom: 80px;}
.lineup_area { overflow-x: auto; white-space: nowrap; max-width: 1200px;margin: 0 auto;}
#linenap_table,.linenap_table { table-layout: fixed;white-space:nowrap;-webkit-overflow-scrolling: touch;margin: 0 auto; font-feature-settings: 'palt';}
#linenap_table th,.linenap_table th,
#linenap_table td,.linenap_table td { border: 1px solid #d7d7d7; padding: 10px;}
#linenap_table thead th,.linenap_table thead th { text-align: center;}
#linenap_table thead img,.linenap_table thead img { height: 130px; width: auto;}
#linenap_table tbody th,.linenap_table tbody th { font-size: 1.6rem;font-weight: 500; width: 60px; min-width: 60px;text-align: center;vertical-align: middle;}
#linenap_table tbody th span,.linenap_table tbody th span { font-weight: 300;font-size: 1.3rem;}
#linenap_table tbody td,.linenap_table tbody td {text-wrap:auto; font-size: 1.4rem;font-weight: 300; width: 150px; min-width: 150px; text-align: center;vertical-align: middle;}
#linenap_table tbody tr:nth-last-of-type(2n) th,
#linenap_table tbody tr:nth-last-of-type(2n) td,
.linenap_table tbody tr:nth-last-of-type(2n + 1) th,
.linenap_table tbody tr:nth-last-of-type(2n + 1) td{ background: #feede7;}

.toys_lineup { table-layout: fixed;white-space:nowrap;-webkit-overflow-scrolling: touch;margin:  0 auto;}
.toys_lineup th,
.toys_lineup td { border: 1px solid #d7d7d7; padding: 10px;}
.toys_lineup thead th { text-align: center; vertical-align: middle;color: #fff; font-size: 1.6rem;font-weight: 500; }
.toys_lineup tbody th { font-size: 1.6rem;font-weight: 500; width: 60px; min-width: 60px;text-align: center;vertical-align: middle;}
.toys_lineup tbody td { font-size: 1.4rem;font-weight: 300; width: 150px; min-width: 150px; text-align: center;vertical-align: middle;}
.toys_lineup .toys_name img { max-height: 80px; max-width: 150px; width: auto; height: auto;}
.toys_lineup .toys_img img  { max-height: 180px; width: auto;}
.bg_yellow { background: #f8b83a;}
.bg_pink {background: #ee7963;}
.bg_green {background: #63c0b0;}

@media screen and (max-width: 767px) {
    .lineup_area { margin: 0 15px;}
    #lineup,.lineup { margin-bottom: 60px;}
    #linenap_table thead img,.linenap_table thead img { height: 100px; width: auto;}
    #linenap_table tbody th,.linenap_table tbody th { font-size: 1.3rem;width: 50px; min-width: 50px;}
    #linenap_table tbody th span,.linenap_table tbody th span { font-size: 1rem;}
    #linenap_table tbody td,.linenap_table tbody td { font-size: 1.3rem;width: 135px; min-width: 135px;}
    .toys_lineup img { height: 100px; width: auto;}
    .toys_lineup thead th  {font-size: 1.4rem;}
    .toys_lineup tbody th { font-size: 1.3rem;width: 50px; min-width: 50px;}
    .toys_lineup tbody td { font-size: 1.3rem;width: 120px; min-width: 120px;}
    .toys_lineup .toys_name img { max-height: 60px; max-width: 120px;}
    .toys_lineup .toys_img img  { height: 120px;}
}


#supplement,.supplement { margin-bottom: 80px;}
#supplement figure,.supplement figure { text-align: center;}

.strong_point { background: #fce2ba; padding: 40px 40px 20px;}
.strong_point dt,
.strong_point dd { font-size: 1.8rem;background: #fff;}
.strong_point dt { font-weight: 500;color: #fa4f12; padding: 15px 15px 5px;border-radius: 10px 10px 0 0;}
.strong_point dd { padding: 0 15px 15px;margin: 0 0 20px;border-radius: 0 0 10px 10px;}
@media screen and (max-width: 767px) {
    .strong_point { padding: 15px;}

}

.pd_item_list .tag { margin-bottom: 10px;}
.pd_item_list .tag li { font-size: 1.1rem; margin:5px 5px 0 0;line-height: 23px;padding: 0 3px;}
@media screen and (max-width: 767px) {
    .pd_item_list .tag li { font-size: 1rem; line-height: 22px;}

}