/* color */
.txt_color_nomal{color: #333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #1D0C03} /* メインカラー */
.txt_color2{color: #ececec} /* サブカラー */
.txt_color3{color: #4a250b} /* アクセントカラー1 */
.txt_color4{color: #fff0e4} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #1D0C03} /* メインカラー */
.bg_color2{background-color: #ececec} /* サブカラー */
.bg_color3{background-color: #4a250b} /* アクセントカラー1 */
.bg_color4{background-color: #fff0e4} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #1D0C03}
.border_color2{border-color: #ececec}
.border_color3{border-color: #4a250b}
.border_color4{border-color: #fff0e4}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #1D0C03} /* メインカラー */
.hvr_txt_color2:hover{color: #ececec} /* サブカラー */
.hvr_txt_color3:hover{color: #4a250b} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fff0e4} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #1D0C03} /* メインカラー */
.hvr_bg_color2:hover{background-color: #ececec} /* サブカラー */
.hvr_bg_color3:hover{background-color: #4a250b} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fff0e4} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #1D0C03 }
.hvr_border_color2:hover{border-color: #ececec}
.hvr_border_color3:hover{border-color: #4a250b}
.hvr_border_color4:hover{border-color: #fff0e4}
/*ロード画面*/
#loader.bg_color1{
    background-color: #fcc834;
}
/*header*/
#header h1.active{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 245px;
    height: 130px;
    padding: 0!important;
}
#header h1.bg_color1{
    background-color: #fcc834;
}
#header h1 span{
    padding: 0;
    width: 100%;
    text-align: center;
    border: none;
}
#header h1.active img{
    width: 100%;
    max-width: 90%;
}
@media(max-width:330px){
    #header h1{
    width: 230px;
    height: 122px;
    }
}
/*トップページ*/
#contents1 p .txt_vertical,#contents1 p{
    max-height: 450px;
}
#contents1 .flex_order3{
    font-size: 1.8rem;
    height:450px;
}
.menu_bt.bg_color1{
    background-color: #fcc834;
}
#slide_wrap{
    background-image: url('./Dup/img/woodenBG2_1920.jpg');
}
#contents1{
    height: 1000px;
    padding-bottom: 250px;
}
@media(max-width:7227px){
    #contents1{
        height: 1200px;
    }    
}
@media(max-width:667px){
    #contents1{
        height: 1400px;
    }
}
@media(max-width:477px){
    #contents1{
        height: 1800px;
    }
}
@media(max-width:329px){
    #contents1{
        height: 2300px;
    }    
}
#contents1 p.flex_order3 {
    z-index: 999;
}
#contents1 p.flex_order3 span{
    background-color: rgba(255,255,255,0.55);
    padding: 20px;
}
#contents1 .honkaku{
    transform: translateY(26px);
}
@media(max-width:978px){
    #contents1 .flex_order3 span.txt_vertical{
        writing-mode: horizontal-tb;
    }
}
@media(max-width:667px){
    #contents1 .font_42{
    font-size: 2.0rem;;
}
}
@media(max-width:410px){
    #contents1 p.flex_order3 {
    background-color: rgba(255,255,255,0.55);
    padding: 20px;
    }
    #contents1 p.flex_order3 span{
        background-color: rgba(255,255,255,0.0);
    }
}
@media(max-width:389px){
    #contents1{
        height: 1095px;
    }
    #contents1 .flex_order3 span{
        font-size: 1.2rem;
    }
}
#golden-circle{
    background-image: url(./Dup/img/contents1BG2.png);
    width: 45%;
    height: 576px;
    z-index: 998;
    position: relative;
    top: -600px;
    left: 60%;
}
@media(max-width:590px){
    #golden-circle{
    display: flex;
    width: 100%;
    top: -470px;
    left: 35%;
    }
}
@media(max-width:370px){
    #golden-circle{
    left:20%;
    }
}
#contents2 p{
    font-size: 1.4rem;
}
#contents2 .bgCircle{
    background-image: url('./Dup/img/contents2_bgCircle.png');
}
@media(max-width:1122px){
    #contents2 .bgCircle{
        background-image: url('./Dup/img/contents3_bgCircle.png');
        background-position: right;
        background-repeat: no-repeat;
    }
}
@media(max-width:1192px){
        #contents2 h3 span.txt_vertical,#contents2 p span.txt_vertical{
        writing-mode:horizontal-tb;
        
    }
}
@media(max-width:1192px) and (min-width:1000px){
    #contents2 .bgCircle h3 span{
        transform: translateX(-420px);
    }
}
@media(max-width:999px){
    #contents2 h3{
        margin: 0;
    }
    #contents2 .d_flex{
        flex-direction: row;
    }
}
@media(max-width:805px){
    #contents2{
        min-height: 110vh
    }
}
@media(max-width:1765px){
    #contents2{
        min-height: 80vh
    }    
}
@media(max-width:1098px) and (min-width:668px){
    #contents2{
        min-height: 130vh
    } 
}
@media(max-width:668px){
    #contents2.pd_50px{
        padding: 20px;
    }
    #contents2{
        padding-bottom: 50px;
    }
     #contents2 h3{
         font-size: 1.4rem;
     }
        #contents2 .bgCircle{
        background-image: url('./Dup/img/contents3_bgCircle.png');
        background-position:center;
        background-repeat: no-repeat;
    }
}
@media(max-width:400px){
    #contents2{
        min-height: 70vh;
        padding-bottom: 0;
    }
    #contents2 .bgCircle{
        background-image: url('./Dup/img/contents4_bgCircle.png');
        background-position:center;
    }
}
@media(max-width:340px){
    #contents2{
    margin-top: 80px;
    }
}
#contents3 h3{
    font-size: 1.6rem;
}
#contents3 p{
    font-size: 1.4rem;
}
#top_cms .top_cms_box{
    background-image: url('./Dup/img/content1BG.jpg');
}
#top_cms .width_1280-max{
    background-color: #fefefe;
    padding-bottom: 30px;
}
#top_cms .cms_3-f{
    display: flex;
    flex-wrap: wrap;
}
#top_cms .cms_3-f .sub_cate{
    width: 45%;
}
#top_cms .cms_3-f .sub_cate p{
    margin-bottom: 20px;
}
@media(max-width:439px){
#top_cms .cms_3-f{
    display: block;
}
#top_cms .cms_3-f .sub_cate{
    width: 95%;
}
}
#FDbanner {
    max-width:1280px;
    background-color: #FEFEFE;
    margin: 40px auto 0 auto;
    padding:50px 0;
    gap: 100px;
}
@media(max-width:450px){
    #FDbanner {
    gap: 50px;
}
}
#FDbanner a{
     transition-duration: 0.25s;
}
#FDbanner a:hover{
    box-shadow: 8px 8px 16px rgba(0,0,0,0.2);
    transform: scale(1.05);
    transition-duration: 0.25s;
}
/*footer*/
#footer{
    background-image: url('./Dup/img/woodenBG.jpg');
}
/*持ち帰り*/
#cms_3-f figure{
    width:100%;
}
/*お取り寄せ*/
#otoriyose-kochira a{
    padding: 40px;
    border: solid 5px #1D0C03;
    transition-duration: 0.25s;
}
#otoriyose-kochira a:hover{
    border: solid 5px rgba(255,255,0,1.0);
    box-shadow: 10px 10px 20px rgba(0,0,0,0.3);
    transform: scale(1.05);
    transition-duration: 0.25s;
}
/*お問い合わせ*/
.contact-box{
    gap: 100px;
}
@media screen and (max-width:667px){
    .contact-box{
    gap: 40px;
}
}
/*プライバシーポリシー*/
#page_title.page09 div{
    padding-bottom: 40px;
}
#page_title.page09 h2 span{
    padding-top: 80px;
}