@charset "utf-8";
.onoff .button.small_fit{
        font-size: 1.3rem;
}
.grid_box.sp_column2.pc_column3{
    padding-top: 16px;
}
.onoff .grid_box.column3.right_fit{
    grid-template-columns: 91px 91px auto;
    align-items: center;
}
.onoff .pict_box{
    position: relative;
    display: block;
}
.onoff .pict_box .keep + picture,.onoff .pict_box .keep + img{
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}
.onoff .pict_box .keep + picture{
    border-radius: 4px;
}
.onoff .pict_box + p{
    padding: 8px 0 0 0;
}
.onoff .pict_box span.keep{
    position: absolute;
    z-index: 999;
}
.onoff p.onoff_txt{
    display: none;
}
.onoff.active p.onoff_txt{
    display: block;
}
#onoff_btn{
        text-align: right;
    padding: 0;
        height: 30px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    min-width: 92px;
}
#onoff_btn span{
    font-size: 1.1rem;
    line-height: 1.2em;
}
#onoff_btn button{
    background-color: #E54816;
    border:1px solid #E54816;
    color: #fff;
    font-size: 14px;
    padding: 4px 24px 4px 8px;
    margin-left: 4px;
    border-radius: 20px;
    position: relative;
    transition: .3s;
    min-width: 65px;
    text-align: center;
    height: 28px;
    line-height: 1em;
}
#onoff_btn button:after{
    content:"";
    display: block;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    transition: .3s;
    transform: translate(35px, 0);
}
.active #onoff_btn button{
    background-color: #fff;
    color: #969696;
    border:1px solid #969696;
    padding: 4px 8px 4px 24px;
}
.active #onoff_btn button:after{
    background-color: #969696;
    transform: translate(0, 0);
}
/*****PC*****/
@media screen and (min-width: 1024px) {
.onoff .grid_box.column3.right_fit{
grid-template-columns: 130px auto;
width: fit-content;
margin-left: auto;
margin-top: -30px;
}
.onoff .grid_box.column3.right_fit .pc p,
.onoff .grid_box.column3.right_fit .pc select{
    display: inline-block;
    margin: 0;
}
.onoff .grid_box.column3.right_fit .pc{
    padding-left: 16px;
}
#onoff_btn span,
.onoff .grid_box.column3.right_fit .pc p{
    font-size: 1.4rem;
}
.onoff .grid_box.column3.right_fit .pc select{
    border: 1px solid #A6A6A6;
    border-radius: 4px;
    padding: 4px 8px;
}
#onoff_btn,a.img_link .sub.gray.onoff_txt,a.img_link .sub.gray.onoff_txt + .onoff_txt{
    margin: 0;
}
.onoff .grid_box.pc_column3.sp_column2{
    background-color: #fff;
    padding: 24px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 4px;
    margin-top: 16px;
}
a.img_link .sub.gray.onoff_txt{
    padding: 8px 0 0;
}
a.img_link .sub.gray.onoff_txt + .onoff_txt{
    padding: 4px 0 8px;
}
}