body{
    margin: 0;
    padding: 0;
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 10px;
    color: #1c2431;
    font-weight: 600;
}
img{
    width: 100%;
    vertical-align: top;
}
a{
    text-decoration: none;
    color: #1c2431;
}


/* ２重線 */
.del {

position: relative;

}

.del:after {

content: '';

display: block;

width: 100%;

height: 2px;

margin-top: -2px;

border-top: solid 1px #800000;

border-bottom: solid 1px #800000;

position: absolute;

left: 0;

top: 50%;

}
/* ２重線 */


@media (max-width: 780px) { 
    .sp{
        display: block;
    }
    .dt{
        display: none;
    }
    #sp{
        display: block;
    }
    #dt{
        display: none;
    }
    .space_01{
        height: 25px;
        width: 100%;
    }
}
@media (min-width: 780px) { 
    .sp{
        display: none;
    }
    .dt{
        display: block;
    }
    #sp{
        display: none;
    }
    #dt{
        display: block;
    }
}

/* 共通部分 */

@media (max-width: 780px) {
    .gold_title{
        background-color: #c89b58;
        padding: 1.5vw 0;
    }
    .gold_title #sen{
        background-color: #fff;
        height: 1px;
        width: 100%;
    }
    .gold_title #title{
        font-size: 5.0vw;
        text-align: center;
        padding: 3vw;
        color: #fff;
    }
}
@media (min-width: 781px) {
    .gold_title{
        background-color: #c89b58;
        padding: 0.5vw 0;
    }
    .gold_title #sen{
        background-color: #fff;
        height: 2px;
        width: 100%;
    }
    .gold_title #title{
        font-size: 2.2vw;
        text-align: center;
        padding: 1.3vw;
        letter-spacing: 0.2vw;
        color: #fff;
    }
}
@media (max-width: 780px) { 
    .section_top{
        width: 100%;
    }
    .section_top #img{
        width: 100%;
        position: relative;
    }
    .top_message_box{
        width: 90vw;
        margin: 0 5vw;
        top: 165vw;
        position: absolute;
    }
    .section_top .top_message_box #title{
        font-size: 6.4vw;
        line-height: 10vw;
        color: #fff;
        margin-bottom: 3vw;
    }
    .section_top .top_message_box #bun{
        font-size: 3.8vw;
        line-height: 7vw;
        letter-spacing: 0.0vw;
        color: #fff;
        margin-top: 1vw;
    }
}
@media (min-width: 781px) { 
    .section_top{
        width: 100%;
    }
    .section_top #img{
        width: 100%;
        position: relative;
    }
    .top_message_box{
        width: 80vw;
        margin: 0 10vw;
        top: 60vw;
        position: absolute;
    }
    .section_top .top_message_box #title{
        font-size: 2.6vw;
        color: #fff;
    }
    .section_top .top_message_box #bun{
        font-size: 1.7vw;
        line-height: 3vw;
        color: #fff;
        margin-top: 1vw;
    }
}
@media (max-width: 780px) { 
    .section_message{
        width: 100%;
        padding: 25vw 0px;
        background-image: url("../img/back_gold.png");
        background-position: center;
        background-size: auto;
        text-align: center;
    }
    .section_message #bun{
        width: 100%;
        font-size: 4.5vw;
        letter-spacing: 0.2vw;
    }
}
@media (min-width: 781px) { 
    .section_message{
        width: 100%;
        padding: 10vw 0px;
        background-image: url("../img/back_gold.png");
        background-position: center;
        background-size: cover;
        text-align: center;
    }
    .section_message #bun{
        width: 100%;
        font-size: 2.5vw;
        letter-spacing: 0.2vw;
    }
}

@media (max-width: 780px) { 
    .section_set{
        width: 100%;
    }
    .section_set #top_img{
        width: 100%;
    }
    .section_set .name_box{
        width: 90%;
        margin: 5vw auto;
    }
    .section_set .name_box .name_flex{
        display: flex;
        color: #c89b58;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 1vw;
    }
    .section_set .name_box .name_flex #name{
        font-size: 7vw;
        color: #c89b58;
    }
    .section_set .name_box .name_flex #min{
        font-size: 5vw;
        margin-top: 1.5vw;
        margin-left: 2vw;
    }
    .section_set .name_box .yen_flex{
        display: flex;
        color: #1c2431;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 2vw;
        align-items: center;
    }
    .section_set .name_box .yen_flex #yen{
        font-size: 7vw;
    }
    .section_set .name_box .yen_flex #min{
        font-size: 4vw;
        margin-left: 1.6vw;
    }
    .section_set .name_box .yen_flex #red_big{
        font-size: 6vw;
        color: #cd3f35;
        margin-right: 0.3vw;
        margin-left: 0.2vw;
        vertical-align : -0.4vw;
    }
    .section_set .name_box #sen{
        height: 2px;
        background-color: #1c2431;
        width: 100%;
        margin-bottom: 4vw;
    }
    .section_set .name_box #title{
        color: #c89b58;
        font-size: 6.0vw;
        letter-spacing: 0.2vw;
        margin-bottom: 2vw;
        text-align: center;
    }
    .section_set .name_box #bun{
        color: #1c2431;
        font-size: 4.0vw;
        line-height: 7.3vw;
        letter-spacing: 0.1vw;
        margin-bottom: 10vw;
    }
    .set_con_title{
        width: 100%;
        padding: 3vw 0;
        text-align: center;
        font-size: 5vw;
        background-color: #f7f8f8;
    }
    .set_con_flex{
        display: flex;
        align-items: center;
        border-bottom: 0.5px #1c2431 solid;
    }
    .set_con_flex #l{
        width: 44vw;
        height: 32vw;
    }
    .set_con_flex #l img{
        width: 44vw;
        height: 32vw;
        object-fit: cover;
    }
    .set_con_flex #r{
        width:61%;
        padding: 0 2% 0 3%;
    }
    .set_con_flex #r #title{
        font-size: 3.3vw;
        font-weight: 600;
        letter-spacing: 0vw;;
    }
    .set_con_flex #r .con_flex{
        display: flex;
        gap: 2vw;
    }
    .set_con_flex #r .con_flex .con_flex_l{
        flex: 1.3;
    }
    .set_con_flex #r .con_flex .con_flex_r{
        flex: 1;
    }
    .set_con_flex #r #con{
        font-size: 2.3vw;
        line-height: 4.5vw;
        letter-spacing: -0.1vw;
        margin-top: 0.2vw
    }
    .nabe_bun{
        font-size: 2.2vw;
        margin-top: 0.2vw;
        color: #cd3f35;
        font-weight: 600;
        letter-spacing: -0.1vw;
    }
}
@media (min-width: 781px) { 
    .section_set{
        width: 100%;
    }
    .section_set .set_top_flex{
        display: flex;
        align-items: center;
    }
    .section_set #top_img{
        width: 50%;
    }
    .section_set .name_box{
        width: 47%;
        padding: 0 1% 0 2%;
        margin: 0vw auto 0 auto;
    }
    .section_set .name_box #name{
        font-size: 2vw;
        color: #c89b58;
    }
    .section_set .name_box .name_flex{
        display: flex;
        color: #c89b58;
    }
    .section_set .name_box .name_flex #name{
        font-size: 3.0vw;
    }
    .section_set .name_box .name_flex #min{
        font-size: 1.8vw;
        margin-top: 1.0vw;
        margin-left: 1.0vw;
    }
    .section_set .name_box .yen_flex{
        display: flex;
        color: #1c2431;
        margin-bottom: 0.3vw;
        align-items: center;
    }
    .section_set .name_box .yen_flex #yen{
        font-size: 3.4vw;
    }
    .section_set .name_box .yen_flex #min{
        font-size: 1.8vw;
        margin-top: 0.4vw;
        margin-left: 0.6vw;
    }
    .section_set .name_box .yen_flex #red_big{
        font-size: 2.7vw;
        color: #cd3f35;
        margin-right: 0.3vw;
        margin-left: 0.2vw;
        vertical-align : -0.2vw;
    }
    .section_set .name_box #sen{
        height: 1.5px;
        background-color: #1c2431;
        width: 100%;
        margin-bottom: 0.6vw;
    }
    .section_set .name_box #title{
        color: #c89b58;
        font-size: 2.2vw;
        letter-spacing: 0.2vw;
        margin-bottom: 0.3vw;
    }
    .section_set .name_box #bun{
        color: #1c2431;
        font-size: 1.3vw;
        line-height: 2.1vw;
        letter-spacing: 0.1vw;
    }
    .set_con_title{
        width: 100%;
        padding: 2vw 0;
        text-align: center;
        font-size: 1.8vw;
        background-color: #f7f8f8;
    }
    .set_con_flex{
        display: flex;
        align-items: center;
        border-bottom: 0.5px #1c2431 solid;
    }
    .set_con_flex #l{
        width: 40%;
    }
    .set_con_flex #r{
        width: 60%;
        padding: 0 5%;
    }
    .set_con_flex #r #title{
        font-size: 2.8vw;
        font-weight: 600;
        letter-spacing: 0.2vw;;
    }
    .set_con_flex #r .con_flex{
        display: flex;
        gap: 8vw;
    }
    .set_con_flex #r .con_flex .con_flex_l{
        flex: 1;
    }
    .set_con_flex #r .con_flex .con_flex_r{
        flex: 1;
    }
    .set_con_flex #r #con{
        font-size: 1.8vw;
        line-height: 2.4w;
        letter-spacing: 0.1vw;
        margin-top: 0.5vw
    }
    .nabe_bun{
        font-size: 1.8vw;
        margin-top: 1vw;
        color: #cd3f35;
    }
}


@media (max-width: 780px) { 
    .line_btn{
        width: 90%;
        margin: 0 auto;
        margin-bottom: 30px;
        text-align: center;
        font-size: 3vw;
    }
    .line_btn a{
        text-decoration: underline;
        cursor: pointer;
    }
    .buybtn{
        width: fit-content;
        margin: 25px auto 25px auto;
        position: relative;
        box-shadow: 4px 4px 7px gray;
    }
    .buybtn #img{
        position: absolute;
        left: -5vw;
        top: -4vw;
        width: 30vw;
        left: -7vw;
        z-index: 100;
    }
    .buybtn #img_02{
        position: absolute;
        left: 0;
        top: -5vw;
        width: 30vw;
        left: -7vw;
        z-index: 100;
    }
    @keyframes shiny {
        0% { left: -20%; }
        10% { left: 120%; }
        100% { left: 120%; }
    }
    
    .shiny-btn {
        position: relative;
        display: block;
        width: fit-content;
        padding: 1.5vw 6vw 1.5vw 6vw;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        background-color: #cd3f35;
        overflow: hidden;
        font-size: 5.0vw;
        letter-spacing: 0.1vw;
        display: inline-block;
        background-color: #cd3f35; /* 背景色 */
        box-shadow: 0 8px 0 #970717; /* 影の太さ・色 */
    }
    
    .shiny-btn::after {
        content: '';
        position: absolute;
        top: -10%;
        left: -20%;
        width: 40px;
        height: 100%;
        transform: scale(2) rotate(20deg);
        background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
        
        /* アニメーション */
        animation-name: shiny;
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }
    .line_btn_02{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        font-size: 3vw;
        text-align: center;
    }
    .line_btn_02 a{
        text-decoration: underline;
        cursor: pointer;
    }
    .buybtn_02{
        width: fit-content;
        margin: 10px auto 15px auto;
        position: relative;
        box-shadow: 4px 4px 7px gray;
    }
    .buybtn_02 #img{
        position: absolute;
        left: -5vw;
        top: -4vw;
        width: 30vw;
        left: -7vw;
        z-index: 100;
    }
    .buybtn_02 #img_02{
        position: absolute;
        left: 0;
        top: -5vw;
        width: 30vw;
        left: -7vw;
        z-index: 100;
    }
    @keyframes shiny_02 {
        0% { left: -20%; }
        10% { left: 120%; }
        100% { left: 120%; }
    }
    
    .shiny-btn_02 {
        position: relative;
        display: block;
        width: fit-content;
        padding: 1.5vw 6vw 1.5vw 6vw;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        background-color: #cd3f35;
        overflow: hidden;
        font-size: 5.0vw;
        letter-spacing: 0.1vw;
        display: inline-block;
        background-color: #cd3f35; /* 背景色 */
        box-shadow: 0 8px 0 #970717; /* 影の太さ・色 */
    }
    
    .shiny-btn_02::after {
        content: '';
        position: absolute;
        top: -10%;
        left: -20%;
        width: 40px;
        height: 100%;
        transform: scale(2) rotate(20deg);
        background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
        
        /* アニメーション */
        animation-name: shiny_02;
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }
    
    .back_g{
        width: 100%;
    }
}
@media (min-width: 781px) { 
    .line_btn{
        width: 90%;
        margin: 0 auto;
        text-align: center;
        font-size: 1.5vw;
    }
    .line_btn a{
        text-decoration: underline;
        cursor: pointer;
    }
    .buybtn{
        width: fit-content;
        margin: 50px auto 2vw auto;
        position: relative;
        /* box-shadow: 6px 6px 10px gray; */
    }
    .buybtn #img{
        position: absolute;
        top: -4vw;
        width: 23vw;
        left: -5vw;
        z-index: 100;
    }
    .buybtn #img_02{
        position: absolute;
        top: -4vw;
        width: 23vw;
        left: -5vw;
        z-index: 100;
    }
    @keyframes shiny {
        0% { left: -20%; }
        10% { left: 120%; }
        100% { left: 120%; }
    }
    
    .shiny-btn {
        position: relative;
        display: block;
        width: fit-content;
        padding: 1.5vw 7vw;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        background-color: #cd3f35;
        overflow: hidden;
        font-size: 2.4vw;
        letter-spacing: 0.1vw;
        display: inline-block;
        background-color: #cd3f35; /* 背景色 */
        box-shadow: 0 8px 0 #970717; /* 影の太さ・色 */
        cursor: pointer;
    }
    
    .shiny-btn::after {
        content: '';
        position: absolute;
        top: -10%;
        left: -20%;
        width: 40px;
        height: 100%;
        transform: scale(2) rotate(20deg);
        background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
        
        /* アニメーション */
        animation-name: shiny;
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }

    /* ボタン０２ */
    .line_btn_02{
        width: 100%;
        margin: 0 auto;
        font-size: 1.2vw;
    }
    .line_btn_02 a{
        text-decoration: underline;
        cursor: pointer;
    }
    .buybtn_02{
        width: fit-content;
        margin: 0.4vw 0 0.8vw 0;
        position: relative;
        /* box-shadow: 6px 6px 10px gray; */
    }
    .buybtn_02 #img{
        position: absolute;
        top: -4vw;
        width: 23vw;
        left: -5vw;
        z-index: 100;
    }
    .buybtn_02 #img_02{
        position: absolute;
        top: -4vw;
        width: 23vw;
        left: -5vw;
        z-index: 100;
    }
    @keyframes shiny_02 {
        0% { left: -20%; }
        10% { left: 120%; }
        100% { left: 120%; }
    }
    
    .shiny-btn_02 {
        position: relative;
        display: block;
        width: fit-content;
        padding: 0.8vw 5vw;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        background-color: #cd3f35;
        overflow: hidden;
        font-size: 1.7vw;
        letter-spacing: 0.1vw;
        display: inline-block;
        background-color: #cd3f35; /* 背景色 */
        box-shadow: 0 8px 0 #970717; /* 影の太さ・色 */
        cursor: pointer;
    }
    
    .shiny-btn_02::after {
        content: '';
        position: absolute;
        top: -10%;
        left: -20%;
        width: 40px;
        height: 100%;
        transform: scale(2) rotate(20deg);
        background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
        
        /* アニメーション */
        animation-name: shiny;
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }
    
    .back_g{
        width: 100%;
    }
}




@media (max-width: 780px) { 
    .food_flex{
        display: flex;
        align-items: center;
        border-bottom: 0.5px #1c2431 solid;
    }
    .food_flex #l{
        width: 30%;
        height: 30vw;
    }
    .food_flex #l img{
        width: 100%;
        height: 30vw;
        object-fit: cover;
    }
    .food_flex #r{
        width: 65%;
        padding: 0 2% 0 3%;
        line-height: 4.8vw;
        font-size: 2.8vw;
        letter-spacing: -0.1vw;
    }
}
@media (min-width: 781px) { 
    .food_flex{
        display: flex;
        align-items: center;
        border-bottom: 0.5px #1c2431 solid;
    }
    .food_flex #l{
        width: 35%;
        height: 20vw;
    }
    .food_flex #l img{
        width: 100%;
        height: 20vw;
        object-fit: cover;
    }
    .food_flex #r{
        width: 65%;
        padding: 0 5%;
        line-height: 3.6vw;
        font-size: 1.8vw;
    }
}

@media (max-width: 780px) { 
    .section_aisatsu{
        background-image: url("../img/back_05.png");
        background-size: cover;
        position: relative;
        background-position: center;
    }
    .section_aisatsu #fugu{
        width: 9vw;
        position: absolute;
        right: 15vw;
        top: 115vw;
        opacity: 0.8;
    }
    .section_aisatsu #name{
        color: #c89b58;
        font-size: 8vw;
        margin-left: 18vw;
        padding-top: 115vw;
    }
    .section_aisatsu #bun{
        color: #fff;
        font-size: 4.5vw;
        line-height: 8.5vw;
        margin-left: 5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
        margin-right: 5vw;
    }
    .section_aisatsu #sign{
        width: 40vw;
        margin-left: 53vw;
        padding-bottom: 15vw;
    }
}
@media (min-width: 780px) { 
.section_aisatsu{
    background-image: url("../img/back_06.png");
    background-size: cover;
    position: relative;
}
.section_aisatsu #fugu{
    width: 5vw;
    position: absolute;
    right: 18vw;
    top: 14vw;
    opacity: 0.8;
}
.section_aisatsu #name{
    color: #c89b58;
    font-size: 4vw;
    margin-left: 45vw;
    padding-top: 15vw;
}
.section_aisatsu #bun{
    color: #fff;
    font-size: 1.5vw;
    line-height: 2.5vw;
    margin-left: 45vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin-right: 10vw;
}
.section_aisatsu #sign{
    width: 15vw;
    margin-left: 73vw;
    padding-bottom: 10vw;
}

}

@media (max-width: 780px) { 
    .section_bottom{
        width: 90vw;
        margin: 5vw auto;
    }
    .section_bottom #bun{
        font-size: 3.8vw;
        color: #1c2431;
        margin-bottom: 5vw;
        line-height: 7vw;
    }
    .section_bottom .bottom_flex{
        display: flex;
        align-items: center;
        font-size: 3.8vw;
        line-height: 6vw;
        border-left: #1c2431 solid 1px;
        border-top: #1c2431 solid 1px;
        border-right: #1c2431 solid 1px;
    }
    .section_bottom .bottom_flex #l{
        width: 27%;
        padding: 5vw 1.5%;
        border-right: #1c2431 solid 1px;
    }
    .section_bottom .bottom_flex #r{
        width: 67%;
        padding: 0 1.5%;
    }
    .section_bottom .bottom_flex #r #min{
        font-size: 2.8vw;
        line-height: 3vw;
    }
}
@media (min-width: 780px) { 
    .section_bottom{
        width: 60vw;
        margin: 5vw auto;
    }
    .section_bottom #bun{
        font-size: 1.5vw;
        color: #1c2431;
        margin-bottom: 5vw;
        line-height: 3vw;
    }
    .section_bottom .bottom_flex{
        display: flex;
        align-items: center;
        font-size: 1.5vw;
        border-left: #1c2431 solid 1px;
        border-top: #1c2431 solid 1px;
        border-right: #1c2431 solid 1px;
    }
    .section_bottom .bottom_flex #l{
        width: 24%;
        padding: 3vw 3%;
        border-right: #1c2431 solid 1px;
    }
    .section_bottom .bottom_flex #r{
        width: 64%;
        padding: 0 3%;
    }
    .section_bottom .bottom_flex #r #min{
        font-size: 1.5vw;
        line-height: 3vw;
    }
}

@media (max-width: 781px) { 
    footer{
        width: 100%;
        padding: 3vw 0;
        font-size: 1.2vw;
        background-color: #c89b58;
        color: #1c2431;
        text-align: center;
    }
}
@media (max-width: 780px) { 
    footer{
        width: 100%;
        padding: 5vw 0;
        font-size: 3.2vw;
        background-color: #c89b58;
        color: #1c2431;
        text-align: center;
    }
}
@media (min-width: 780px) { 
    footer{
        width: 100%;
        padding: 3vw 0;
        font-size: 1.2vw;
        background-color: #c89b58;
        color: #1c2431;
        text-align: center;
    }
}

@media (max-width: 780px) { 
    .bottom_btn{
        display: flex;
        width: 100%;
        position: fixed;
        bottom: 0;
        gap: 1px;
    }
}
@media (min-width: 781px) { 
    .bottom_btn{
        display: none;
    }
}