@charset "euc-jp";

table.style.send th{
    width: 72%;
}
table.style.sk th{
    width: 16em;
}
@media (max-width:770px){
    table.style.sk th{
        width: auto;
    }    
}


/*  */
.order_flow{
    counter-reset: number 0;
    border-top: 1px solid #e5dfda;
}
.order_flow .block{
    display: flex;
    align-items:baseline;
    font-size: 110%;
    border-bottom: 1px solid #e5dfda;
    padding: 15px 10px;
}
.order_flow .block::before{
    counter-increment: number 1;
    content: counter(number) ".";
    font-weight: bold;
    font-size: 22px;
    line-height: 1;
    color: #5b3125;
}
.order_flow .inner{
    flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
    padding-left: 1em;
}


/*  */
.open-close{
    display: flex;
    gap: 10px 20px;
    align-items: center;
}
.open-close .textbox{
    background: #EDD6C2;
    border-radius: 10px;
    color: #5C3223;
    display: flex;
    align-items: center;
    padding:15px 20px;
    font-weight: bold;
    gap: 15px;
}
.open-close .textbox .txt1{
    font-size: 12px;
    line-height: 1;
}
.open-close .textbox .txt2{
    font-size: 20px;
    line-height: 1;
}
.open-close .comment{
    flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
    font-size: 14px;
}
@media (max-width:770px){
    .open-close{
        flex-direction: column;
    }
}


/*  */
.delivery-days{
    display: flex;
    gap: 20px 40px;
}
.delivery-days .textbox{
    flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
}
.delivery-days .imagebox{
    width: 100%;
    max-width: 370px;
}
.delivery-days .about_block{
    display: flex;
}
.delivery-days .about_block + .about_block{
    margin-top:9px;
}
.delivery-days .about_icon{
    display: flex;
    gap: 1px;
    width: 5.5em;
}
.delivery-days .about_icon .mark{
    font-size: 20px;
    line-height: 1;
}
.delivery-days .about_icon .color1{
    color: #FFCC00;
}
.delivery-days .about_icon .color2{
    color: #C66296;
}
.delivery-days .about_icon .color3{
    color: #DC383A;
}
.delivery-days .about_icon .color4{
    color: #FF9C35;
}
.delivery-days .about_icon .color5{
    color: #9CD342;
}
.delivery-days .about_icon .color6{
    color: #F79E98;
}
.delivery-days .about_text{
    flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
    font-size: 16px;
    line-height: 1.2;
    display: flex;
    gap: .2em 1em;
    align-items: baseline;
    flex-wrap: wrap;
}
.delivery-days .about_text .small{
    font-size: 12px;
}
@media (max-width:1240px) and (min-width:771px){
    .delivery-days .imagebox{
        width: 40%;
        max-width: unset;
    }
}
@media (max-width:770px){
    .delivery-days{
        flex-direction: column;
    }
}