@font-face {
font-family: "irohamaru";
  src: url("./Dup/img/irohamaru.ttf") format("ttf"),url("./Dup/img/irohamaru.eot") format("eot"),url("./Dup/img/irohamaru.woff") format("woff"),url("./Dup/img/irohamaru.woff2") format("woff2");
}
.font1,#page_title .en_font{font-family: "irohamaru","sans-serif"!important;font-weight: normal;}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
#intro,#contents2,#top_cms,#page_title,.under_page{position: relative;}
/*リピートなし*/
#intro:before,#contents2:before,#top_cms:before,#page_title:before,.under_page:before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}

#intro:before{
background-image: url(./Dup/img/obj1.png);
background-size: 100%;
width: 21vw;
height: 14vw;
top: -30px;
left: -100px;
transform: rotate(10deg);
z-index: 1;
}
#contents2:before,#page_title:before{
background-image: url(./Dup/img/obj2.png);
background-size: 100%;
width: 21vw;
height: 14vw;
bottom: -120px;
right: -100px;
z-index: 1;
}
#page_title:before{
width: 19vw;
height: 12vw;
bottom: -85px;
right: -100px;
z-index: 2;
}

#top_cms:before,.under_page:before{
background-image: url(./Dup/img/obj3.png);
background-size: 100%;
width: 17vw;
height: 10vw;
bottom: -35px;
left: -100px;
transform: rotate(10deg);
z-index: 1;
}
/*--------------------------------
全体
--------------------------------*/
header{
background-image: url(./Dup/img/head.jpg);
background-size: cover;
}
header .active.bg_color2{background-color: rgba(0,0,0,0.3);}
header a.txt_color1{color: #ffffff;}
header .active a.txt_color1{color: #da995f;}

header .close_menu,.open_menu.bg_color1{background-color: #da995f;border-color: #da995f;color: #ffffff;}
header .close_menu:hover,.open_menu.bg_color1:hover{background-color: rgba(0,0,0,0.3);color: #ffffff;}

header .more_menu_bt{border-color: rgba(255,255,255,0.7);}
header .more_menu_bt.txt_color_nomal{color: #ffffff;}

.sns_links.side_bar{background-color: #fbf7ed;}

#main_wrap{overflow: hidden;}

#copyright{background-color: #da995f;color: #ffffff;}
/*--------------------------------
TOP
--------------------------------*/
#video{ height: 100vh; }
#video video{
width: auto!important;
height: 100%;
top: 50%;
left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#intro .arrow{
position: absolute;
z-index: 9;
cursor: pointer;
transition: ease 0.3s;
}
#intro .arrow:hover{
transform: translateY(-2px);
}
#intro .slick-arrow span{
width: 30px;
height: 30px;
}
#intro .arrow.prev{
bottom: 10px;
right: 60px;
}
#intro .arrow.prev{
bottom: 10px;
right: 70px;
}
#intro .arrow.next{
bottom: 10px;
right: 20px;
}

#contents2 > div{background-color: rgba(190,160,135,0.6);}
/*--------------------------------
下層
--------------------------------*/
#page_title > div::after{background-color: rgba(255,255,255,0.5);}
#page_title p.txt_color1{color: #333333;}
#page_title p::after{opacity: 0.5;}

/* 5-b Q削除 */
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display: none;}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1{margin-left: 70px;}

@media  screen and (max-width: 1600px){
#video video{
width: auto!important;
height: 100%;
}
}

@media screen and (max-width: 1280px){
#page10 > div > div > div{ width: 100%;}
#page10 .box{    justify-content: space-between;}
}

/*タブレット用（768px以下）*/
@media  screen and (max-width: 768px){

header{
background-size: 20%;
}

#main_img,#video{height: 40vh;min-height: auto;}
#video video{
width: 100%!important;
height: auto;
}

#intro:before{
width: 34vw;
height: 23vw;
top: 25px;
left: -50px;
}
#contents2:before{
width: 30vw;
height: 19vw;
bottom: -110px;
right: -55px;
}
#page_title:before{
width: 30vw;
height: 19vw;
bottom: -60px;
right: -70px;
}
#top_cms:before,.under_page:before{
width: 23vw;
height: 13vw;
bottom: -60px;
left: -30px;
}

}

/*スマホ用（667px以下）*/
@media  screen and (max-width: 667px){

header{padding: 10px;}
#menu_bt{
top: 10px;
right: 10px;
}

#main_img #main_img_border{
top: 10px;
left: 10px;
}
.ip678 #main_img,.ip678 #video{ height: 31vh; }
.ipX #main_img,.ipX #video{ height: 26vh; }

#intro:before{
width: 40vw;
height: 25vw;
top: 10px;
left: -50px;
}
#contents2:before{
width: 36vw;
height: 23vw;
bottom: -70px;
right: -35px;
}
#page_title:before{
width: 39vw;
height: 25vw;
bottom: -60px;
right: -40px;
}
#top_cms:before,.under_page:before{
width: 31vw;
height: 17vw;
bottom: -85px;
left: -15px;
}
.under_page:before{bottom: -60px;}

}

/*IE*/
@media all and (-ms-high-contrast: none) {

#cms_1-e .date,.cms_1-e .date{
padding-top: 10px!important;
padding-bottom: 10px!important;
}

}




/*--------------------------------
自動リンク
--------------------------------*/
/* color */
.linkStyle{color: #da995f; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #da995f;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #bc9e85;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #da995f;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block;}
}

/*--------------------------------
カラー
--------------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #333333;}
.txt_black,.hvr_txt_black:hover{color: black;}
.txt_white,.hvr_txt_white:hover{color: white;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #BEA087;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #fbf7ed;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #dc9b5f;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #f3eee9;} /* アクセントカラー2 */

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: black;} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #BEA087;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #fbf7ed;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #dc9b5f;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #f3eee9;} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color */
.border_white,.hvr_border_white:hover{border-color: white;}
.border_black,.hvr_border_black:hover{border-color: black;}
.border_color1,.hvr_border_color1:hover{border-color: #BEA087;}
.border_color2,.hvr_border_color2:hover{border-color: #fbf7ed;}
.border_color3,.hvr_border_color3:hover{border-color: #dc9b5f;}
.border_color4,.hvr_border_color4:hover{border-color: #f3eee9;}