﻿/* フォント */
@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");
}
.font_en{ font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}
.font1{font-family: "irohamaru","sans-serif";}

/* ヘッダーページタイトル横線 */
#main_menu ul li a::before{background-color: rgba(230,185,105,0.5);}
/* ハンバーガーメニュー */
.hamburger__icon.bg_color1, .hamburger__icon.bg_color1:before, .hamburger__icon.bg_color1:after{background-color: #6e551e;}
.active .hamburger__icon.bg_color1{background-color: transparent;}
.active .hamburger__icon.bg_color1:before,.active .hamburger__icon.bg_color1:after{background-color: #6e551e;}
/* SNSリンク */
.link_box li{margin-right: 3%;}
.link_box li:last-of-type{margin-right: 0;}
/* タイトル横線 */
.cms_title::before,#page_title .page_box::before{background-color: rgba(230,185,105,0.5);}
/* お問い合わせボタン hover */
.button:hover::after{box-shadow: inset 0 0 0 15em #e6b969;}
/* ボタン */
.more a,.foot_tel_bt a{position: relative;z-index: 0;}
/* キャッチコピー */
.txt1{width: 80%;}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
.txt4,.txt5,.txt7{position: relative;}
/*リピートなし*/
.txt4:before,.txt5:before,.txt7:before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}

.txt4{z-index: 1;}
.txt4:before,.txt5:before,.txt7:before{
background-image: url(./Dup/img/obj2.png);
width:150px;
height: 150px;
top: -45px;
left: -45px;
opacity: 0.3;
z-index: -1;
}
/*--------------------------------
全体
--------------------------------*/
header{
background-image: url(./Dup/img/head.jpg);
background-size: cover;
}
#main_menu li a,header .contact_bt a{color: #3c463c;}
footer{background-color: #f9f9f9;}
/*--------------------------------
TOP
--------------------------------*/
#contents2{background-color: #f9f9f9;}
/*--------------------------------
下層
--------------------------------*/
/* カテゴリーリンクボタン hover */
.button2:hover{box-shadow: none;}


/*IEのみ*/
@media all and (-ms-high-contrast: none) {
#contact_tel a{padding-bottom: 24px;}
#tel_txt h3{padding-bottom: 0;}
#tel_txt p{padding-bottom: 15px;}

.tel_bt a,.foot_tel_bt a{padding-bottom: 10px;}
.more a{padding-bottom: 5px;}

.cate_list li a{padding: 13px 10px 7px;}
.box_url a{padding-bottom: 5px;}
}

/*タブレット用（768px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 768px){
.hamburger__icon{margin-top: 11px;}
footer .link_box li{max-width: 40px;}

#main_img{max-height: 47vh;}
}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){

#main_img{max-height: 37vh;}

}

/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #e6b969; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #e6b969;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}

/*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: #e6b969} /* メインカラー */
.txt_color2{color: #e1e1e1} /* サブカラー */
.txt_color3{color: #7dc89b} /* アクセントカラー1 */
.txt_color4{color: #faf5e6} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #e6cd96} /* メインカラー */
.bg_color2{background-color: #e1e1e1} /* サブカラー */
.bg_color3{background-color: #aadc9b} /* アクセントカラー1 */
.bg_color4{background-color: #faf5e6} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #e6b969}
.border_color2{border-color: #e1e1e1}
.border_color3{border-color: #7dc89b}
.border_color4{border-color: #faf5e6}


/* 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: #e6b969} /* メインカラー */
.hvr_txt_color2:hover{color: #e1e1e1} /* サブカラー */
.hvr_txt_color3:hover{color: #7dc89b} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #faf5e6} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #e6cd96} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e1e1e1} /* サブカラー */
.hvr_bg_color3:hover{background-color: #aadc9b} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #faf5e6} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #e6b969}
.hvr_border_color2:hover{border-color: #e1e1e1}
.hvr_border_color3:hover{border-color: #7dc89b}
.hvr_border_color4:hover{border-color: #faf5e6}