body{

}
.maxWidth {
max-width:1200px;
}

:root {

}

.h2block{
background-color:#000000;
color:#fff;
}

.h3block{
background-color:#bbb;
color:#000;
}

.text-mid{
font-size: clamp(14px, 2vw, 25px);
color:#000;
}

.text-large{
font-size: clamp(20px, 2vw, 30px);
}

span{color:#fff;}

.MDSnoscroll span{
cursor: pointer;
}

a:hover img{
opacity:0.9;
}


/* pc/mobile switch */
.for-pc { display:block; }
.for-sp { display:none; }

.content1 a {
text-decoration: none;
}

.content_head {
color:#fff;
font-size: clamp(20px, 3vw, 30px);
font-weight: bold;
background-color: #091e5d;
padding: 5px 0 5px 10px;
}

.content_de{
background-color: #555;
padding: 15px 0 1px 10px;
}

.content_de p{
color:#fff;
font-size: clamp(15px, 3vw, 24px);
font-weight: bold;
padding: 5px 0 0 0;
}

.data1 {
color:#fff;
font-size: clamp(13px, 2vw, 20px);
font-weight: bold;
background-color: #223d8f;
padding: 4px 8px;
margin: 5px 0 5px 0px;
border-radius: 5px;
display: inline-block;
white-space: nowrap;
}

.data2 {
color:#fff;
font-size: clamp(13px, 2vw, 20px);
font-weight: bold;
background-color: #333;
padding: 4px 8px;
margin: 5px 0 5px 0px;
border-radius: 5px;
display: inline-block;
white-space: nowrap;
}

.data3 {
color:#fff;
font-size: clamp(13px, 2vw, 20px);
font-weight: bold;
background-color: #1eb1b6;
padding: 4px 8px;
margin: 5px 0 5px 0px;
border-radius: 5px;
display: inline-block;
white-space: nowrap;
}



.text-small{
font-size: clamp(13px, 3vw, 20px);
}

.product-item {
display: none; /* 初期状態ではすべて非表示 */
padding: 15px;
margin-bottom: 10px;
background-color: #427242;
}

#product2 {
    background-color: #964f60; /* 例: アリスブルー */
    /* 必要であれば他のスタイルも追加できます */
}
.product-item.active {
display: block; /* activeクラスが付与されたものだけ表示 */
}

.select_b {
background-color: #427242;
border: none;
color:#fff;
font-size: clamp(15px, 2vw, 25px);
font-weight: bold;
padding: 30px 20px;
flex-grow: 1;
cursor: pointer;
opacity: 0.7;
}

.select_b2 {
background-color: #964f60;
border: none;
color:#fff;
font-size: clamp(15px, 2vw, 25px);
font-weight: bold;
padding: 30px 20px;
flex-grow: 1;
cursor: pointer;
opacity: 0.7;
}

.active-button {
opacity: 1;
}

@media only screen and (max-width : 767px){
  .for-pc { display:none; }
  .for-sp { display:block; }

}