@font-face {
font-family: "harenosora";
  src: url("./Dup/img/harenosora.otf") format("otf"),url("./Dup/img/harenosora.woff") format("woff"),url("./Dup/img/harenosora.woff2") format("woff2");
}
.font1,.hannari{font-family: "harenosora","serif";}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/

/*リピートなし*/
.frame > span:before,.frame > span:after{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}


.frame{display: block;width: 100%;}
.frame > span{display: block;width: 100%;}
.top .frame1{
top: 5%;
left: 0;
}
.top .frame2{
bottom: 5%;
left: 0;
}
.page .frame1{
top: 30px;
left: 0;
}
.page .frame2{
bottom: 30px;
left: 0;
}
.frame > span:before,.frame > span:after{
background-image: url(./Dup/img/obj1.png);
width: 150px;
height: 105px;
position: absolute;
opacity: 0.3;
}
.frame1 > span:before{
top: 0;
left: 3%;
}
.frame1 > span:after{
top: 0;
right: 3%;
transform: scale(-1, 1);
}
.frame2 > span:before{
bottom: 0;
left: 3%;
transform: scale(1, -1);
}
.frame2 > span:after{
bottom: 0;
right: 3%;
transform: scale(-1, -1);
}


.page .frame1 > span:before,.page .frame2 > span:before{left: 1.5%;}
.page .frame1 > span:after,.page .frame2 > span:after{right: 1.5%;}
/*--------------------------------
全体
--------------------------------*/
/*header.scr_header{background-color: rgba(225,145,110,0.9)!important;}*/
header.scr_header{background-color: rgba(255,210,205,0.9)!important;}
header.scr_header #pc_nav .txt_white,header.scr_header #toggle .txt_white{color: #783c19;}
header.scr_header #pc_nav li a::after{background-color: rgba(120,60,25,0.5);}
header.scr_header #logo{max-width: 300px;}
#overlay .nav_menu_more a{background-color: white;color: #b46946;}
#overlay .nav_menu_more a:hover{background-color: #b46946;color: white;}
.button_container span{background: #783c19;}

footer.bg_color2{background-color: rgba(235,225,220,0.5);}

#wrap{
background-image: url(./Dup/img/bg.jpg);
background-size: 100%;
}
.line:before{background-color: rgba(225,145,110,0.7)!important;}
.back1:before, .back2:before{background-color: rgba(255,225,215,0.4)!important;}
/*--------------------------------
TOP
--------------------------------*/
#main_img:before,#page_title:before{background-color: rgba(125,65,35,0.3);}
#contents1 .con_box{margin-top: 10%;}
#info_contact .con_img:before{background-color: rgba(210,210,210,0.5);}

#top_cms.back1:before{z-index: 0;}
/*--------------------------------
下層
--------------------------------*/
#cms_5-a .cate:last-of-type{margin-bottom: 0px;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
#page_title .page_title_box{padding-bottom: 20px;}
#cms_2-a .cate .cate_title{padding-top: 10px!important;}
#cms_3-e .cate_title{padding-top: 5px!important;}
#cms_5-a .cate .cate_title span:last-of-type{padding-top: 0px!important;}
}

/*タブレット用（768px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 768px){
#logo{max-width: 250px;}
header.scr_header #logo{max-width: 250px;}

.frame > span:before,.frame > span:after{
width: 100px;
height: 70px;
}
.top .frame1{top: 2%;}
.top .frame2{bottom: 2%;}
.top .frame1 > span:before,.top .frame2 > span:before{left: 1.5%;}
.top .frame1 > span:after,.top .frame2 > span:after{right: 1.5%;}

.page .frame1 > span:before,.page .frame1 > span:after{top: -16px;}
.page .frame2 > span:before,.page .frame2 > span:after{bottom: -16px;}

.page_title_box{width: 50%;}
}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
#logo{max-width: 200px;}
header.scr_header #logo{max-width: 200px;}

.page .con_box.pd_5per{padding: 7%;}
.frame > span:before,.frame > span:after{
width: 70px;
height: 49px;
}
.top .frame1{top: 5px;}
.top .frame2{bottom: 5px;}

.page .frame1 > span:before,.page .frame1 > span:after{top: -23px;}
.page .frame2 > span:before,.page .frame2 > span:after{bottom: -23px;}

.page_title_box{width: 75%;}
}

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

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

/*--------------------------カラー--------------------------*/
body,.txt_color_nomal{color: #666;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #E1916E} /* メインカラー */
.txt_color2{color: #FFE1D7} /* サブカラー */
.txt_color3{color: #B9919B} /* アクセントカラー1 */
.txt_color4{color: #FFE1E6} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #FAC8B9}
.border_color2{border-color: #FFE1D7}
.border_color3{border-color: #EBB9C3}
.border_color4{border-color: #FFE1E6}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #666;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #E1916E} /* メインカラー */
.hvr_txt_color2:hover{color: #FFE1D7} /* サブカラー */
.hvr_txt_color3:hover{color: #B9919B} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #FFE1E6} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #FAC8B9}
.hvr_border_color2:hover{border-color: #FFE1D7}
.hvr_border_color3:hover{border-color: #EBB9C3}
.hvr_border_color4:hover{border-color: #FFE1E6}