@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");
}
.en_font,.font1{font-family: "irohamaru","sans-serif"!important;}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
footer,#intro .con_photo,#intro figure,#contents1,#contents1 .slick,#contents1 .slick-list,#contents2,#top_cms,#page_title{position: relative;}
/*リピートなし*/
footer:before,#main_img:before,#intro .con_photo:before,#intro .con_photo:after,#intro figure:before,#contents1:before,#contents1 .slick:before,#contents1 .slick:after,#contents1 .slick-list:before,
#contents2:before,#contents2:after,#top_cms:before,#page_title:before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}



#main_img:before{
background-image: url(./Dup/img/catch.png);
width: 800px;
height: 300px;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#intro .con_photo:before{
background-image: url(./Dup/img/obj4.png);
background-size: 100%;
width: 14vw;
height: 11vw;
bottom: -60px;
right: 0;
z-index: 2;
}
#intro .con_photo:after{
background-image: url(./Dup/img/txt1.png);
width: 300px;
height: 50px;
top: 0;
left: 0;
z-index: 2;transform: rotate(-10deg);
}
#intro figure:before{
background-image: url(./Dup/img/obj1.png);
background-size: 100%;
width: 101%;
height: 101%;
top: 0;
left: 0;
z-index: 1;
}
#contents1 .slick:before{
background-image: url(./Dup/img/obj5.png);
background-size: 100%;
width: 14vw;
height: 11vw;
bottom: -10px;
left: 0;
z-index: 2;
}
#contents1 .slick:after{
background-image: url(./Dup/img/txt2.png);
width: 300px;
height: 50px;
top: 35px;
right: 20px;
z-index: 2;
transform: rotate(10deg);
}
#contents1 .slick-list:before{
background-image: url(./Dup/img/obj2.png);
background-size: 100%;
width: 101%;
height: 101%;
top: 0;
left: 0;
z-index: 1;
}
footer:before,#contents1:before,#contents2:before,#top_cms:before,#page_title:before{
background-image: url(./Dup/img/obj3.png);
background-size: 500px;
background-repeat: repeat-x;
width: 100%;
height: 15px;
left: 0;
z-index: 1;
}
footer:before{
top: -5px;
transform: scale(1, -1);
}
#contents1:before{
background-image: url(./Dup/img/obj3-2.png);
top: -5px;
}
#contents2:before{
background-image: url(./Dup/img/obj3-2.png);
top: -5px;
transform: scale(1, -1);
}
#top_cms:before{
top: -5px;
}
#page_title:before{
bottom: -5px;
}

#contents2:after{
background-image: url(./Dup/img/txt3.png);
background-size: 100%;
width: 37vw;
height: 13vw;
top: -105px;
left: 50px;
z-index: 2;
transform: rotate(-10deg);
}
/*--------------------------------
全体
--------------------------------*/
header h1{
max-width: 200px;
margin: 0 auto 50px;
}
#header .active.bg_color2{background-color: rgba(150,130,110,0.5);}
header nav ul li.banner a::after{display: none;}
header nav ul li.banner a:hover{padding-left: 20px;}

#wrap{background-image: url(./Dup/img/bg.jpg);}

#sp_banner{
position: fixed;
bottom: 10px;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
width: 400px;
height: 60px;
z-index: 10;
cursor: pointer;}
/*--------------------------------
TOP
--------------------------------*/
#main_img .arrowInner p{color: #af002d;}
#contents1 .arrow.prev{
bottom: 50px;
right: 150px;
}
#contents1 .arrow.next{
bottom: 50px;
right: 100px;
}
#top_cms{z-index: 2;}
/*--------------------------------
下層
--------------------------------*/
/* 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;}


/*IEのみ*/
@media all and (-ms-high-contrast: none) {}
/*Firefoxのみ*/
@-moz-document url-prefix() {
#header ul.font_18,#intro h3,#contents2 h3,
#cms_5-c h3,#cms_5-b h3{font-size: 21px;}

}

@media  screen and (max-width: 1400px){
#main_img:before{
width: 600px;
height: 225px;
}
}
@media  screen and (max-width: 1280px){
#contents2:after{top: -45px;}
}
@media screen and (max-width: 1135px){
#page10 > div > div > div { width: 100%;}
#page10 .box{    justify-content: space-between;}
}
@media  screen and (max-width: 1000px){
#main_img:before{
width: 400px;
height: 150px;
}
}

/*タブレット用（768px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 768px){
header h1{max-width: 150px;}
#menu_wrap{padding-top: 150px;}
#menu_wrap ul.menu_nav {margin-bottom: 0px;}
#intro .con_photo:before{
width: 21vw;
height: 16vw;
bottom: -15px;
}
#contents1 .slick:before{
width: 21vw;
height: 16vw;
}
#contents1 .arrow.next{right: 160px;}
#contents2:after{
width: 60vw;
height: 20vw;
top: -65px;
}
}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
header h1.mg_b-30px{max-width: 200px;margin: 0;}
#menu_wrap{padding-top: 90px;}
#menu_wrap ul.menu_nav {margin-bottom: 30px;}
footer .logo img{max-width: 150px;}
#sp_banner{
width: 267px;
height: 40px;
}
#main_img:before{
width: 300px;
height: 112.5px;
}
#intro .con_photo:before {
width: 35vw;
height: 26vw;
bottom: -15px;
}
#intro .con_photo:after{
width: 200px;
height: 33px;
}
#contents1 .slick{margin-bottom: 15px;}
#contents1 .slick:before{
width: 35vw;
height: 26vw;
bottom: -15px;
}
#contents1 .slick:after{
width: 200px;
height: 33px;
top: 10px;
right: -15px;
}
#contents1 .arrow.prev,#contents1 .arrow.next{bottom: 15px;}

#contents2:after{
width: 70vw;
height: 23vw;
top: -30px;
left: 15px;
}
}

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

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

/*--------------------------カラー--------------------------*/
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #AF002D} /* メインカラー */
.txt_color2{color: #f5f0eb} /* サブカラー */
.txt_color3{color: #E65F32} /* アクセントカラー1 */
.txt_color4{color: #f2f2f2} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #AF002D} /* メインカラー */
.bg_color2{background-color: #f5f0eb} /* サブカラー */
.bg_color3{background-color: #E65F32} /* アクセントカラー1 */
.bg_color4{background-color: #f2f2f2} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #AF002D}
.border_color2{border-color: #f5f0eb}
.border_color3{border-color: #E65F32}
.border_color4{border-color: #f2f2f2}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #AF002D} /* メインカラー */
.hvr_txt_color2:hover{color: #f5f0eb} /* サブカラー */
.hvr_txt_color3:hover{color: #E65F32} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f2f2f2} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #AF002D} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f5f0eb} /* サブカラー */
.hvr_bg_color3:hover{background-color: #E65F32} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f2f2f2} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #AF002D}
.hvr_border_color2:hover{border-color: #f5f0eb}
.hvr_border_color3:hover{border-color: #E65F32}
.hvr_border_color4:hover{border-color: #f2f2f2}