/* color */
body{background-color: #080808;color: #fff;}
#fakeloader{background-color: #111;}
.linkStyle{color:#b18846;}
.end_message{color: #b18846!important;}

.txt_color_nomal{color: #fff;}
.txt_white{color: white;}
.txt_#a90e0e{color: #a90e0e;}
.txt_color1{color: #b18846} /* メインカラー */
.txt_color2{color: #666} /* サブカラー */
.txt_color3{color: #b18846} /* アクセントカラー1 */
.txt_color4{color: #666} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #b18846}
.border_color2{border-color: #666}
.border_color3{border-color: #b18846}
.border_color4{border-color: #666}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #fff;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_#a90e0e:hover{color: #a90e0e;}
.hvr_txt_color1:hover{color: #111} /* メインカラー */
.hvr_txt_color2:hover{color: #666} /* サブカラー */
.hvr_txt_color3:hover{color: #b18846} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #666} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #222}
.hvr_border_color2:hover{border-color: #666}
.hvr_border_color3:hover{border-color: #b18846}
.hvr_border_color4:hover{border-color: #666}




h1 img{width: 76%!important;}
.clone-nav h1 img{width: 90%!important;}
.all_header #logo img{width: 90%!important;}
header.is-show,.all_header{background-color: rgba(12, 11, 11, 0.75)!important;}
.drawer-hamburger-icon{background-color: #fff!important;}
.drawer-hamburger-icon::after, .drawer-hamburger-icon::before{background-color: #fff!important;}
.drawer-open .drawer-hamburger-icon{background-color: transparent!important;}
.drawer-nav{background-color: rgba(12, 11, 11, 0.80)!important;}
#main_img{margin-bottom: 0;}
.intro_wrap{background:url(./dup/img/intro_bg.png) no-repeat,url(./dup/img/intro_bg2.png) no-repeat;background-position: left -50px bottom -48px,right -50px top -48px;background-size: 60%,54%; padding: 100px 0;}
#intro{margin-bottom: 0;margin-top: 0;}
#intro,#contents h2{color: #fff!important;}
#intro h2{color: #b18846!important;font-size: 27px;}
#intro p{line-height: 1.7;}
#contents .back_color2::after{background-color: rgba(12, 11, 11, 0.6)!important;}
#contents .box h3:before{border-color: #b18846;}
#contents .contents_txt{color: #111;}
#top_cms .cms_title .title_box,#page_title .back_color2{background-color:rgba(41, 41, 41, 0.65)!important}
#top_cms .cms_title .bg-mask,#page_title .back_color{background: rgba(25, 25, 25, 0.36)!important;}
#top_cms .cms_title .title_box h2,#page_title h2{color: #fff;}

#footer {border-top: 4px double #b18846;}
#info h3{color: #fff!important;}
.footer_cms{color: #fff!important;}
footer .tel span{color: #fff!important;}
#copyright,#copyright a{color: #848484!important;}

#video{height: 96vh;}
#main_img{max-height: inherit}

#cms_2-b .cate_box{border-color: #2f2f2f!important;}
#cms_2-b .cate img, .cate_box img{border: none;}
#cms_5-c .box_title1::before{content: "\02666";}
#cms_5-c .box_txt1::before{content: "\02666";color: #545454!important;}
#cms_4-b .cate{border: none;}
#page7 .txt_color1{color:#fff!important;}
#page7 .box{border-color: #2f2f2f!important;}

.hrader_info p.tel span.sp_hide{width: 132px;line-height: 0;}
#info .tel_img{width: 138px;vertical-align: baseline;padding: 0 0 3px;}
#info .tel{justify-content: flex-start;}
.con_tel{width: 236px;}
#tel_contact a{line-height: 0;}
.hrader_info .hvr_opa07:hover{opacity: 1;}
header.is-show, .all_header .tel_txr{text-align: center;}
.page_tel_txt{padding-left: 5%;}
.f_tel_txt{padding-top: 5px;}
#page7 .info_tel{width: 141px;}
.all main{padding-top: 93px;}

/* IE */
@media all and (-ms-high-contrast: none){
.clone-nav #logo{width:12% !important;}
.clone-nav .hrader_info p.opacity06{margin-bottom: 0;}
.drawer-hamburger{padding:18px .75rem 39px;}
.all_header #logo img{width: 100%!important;}
.all_header #logo{width:11% !important;}
.all main{padding-top:110px;}
}
/* IE タブレット以下 */
@media all and (-ms-high-contrast: none) and (max-width: 768px){
.all main{padding-top:77px;}
}

/* ---------- 1233 ---------- */
@media screen and (max-width: 1233px){
.hrader_info p.tel span.sp_hide{width: 103px;}
}
/* ---------- 1147 ---------- */
@media screen and (max-width: 1147px){
.hrader_info p.tel span.sp_hide{width: 111px;}
.hrader_info p.contact{margin-top: 10px;margin-bottom: 15px;}
header.is-show .tel_txt{display: block;margin-bottom: 0;}
header.is-show .tel_txt2{display: none;}
header.is-show p.contact{margin-top: 0px;margin-bottom: 0px;}
.all_header p.contact{margin-top: 0px;margin-bottom: 0px;}
.all_header #header .hrader_info p.contact{margin-top: 0px;margin-bottom: 0px;}
.hrader_info .tel_txt{display: none;}
.hrader_info .tel_txt2{display: block;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
/*#video{height: auto;}*/
#video {height: 40vh;}
.video{transform: none;width: 100%!important}
#logo{width: 17.66667%!important;}
h1 img{width: 100%!important;}
#intro h2{font-size: 24px;}
.hrader_info p.tel span.sp_hide {width: 129px;}
.hrader_info p.contact{margin-top: 0;;margin-bottom: 0px}
.hrader_info .tel_txt2{display: none;}
.hrader_info .tel_txt{display: block;text-align: center;padding-right: 39px;}
.tel_txt2{display: none;}
.page_tel_txt{padding-left: 10%;text-align: left}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#video {height: 33vh;}
#logo {width: 24.66667%!important;}
.clone-nav #logo {width: 24.66667%!important;}
#intro h2{font-size: 20px;}
.hrader_info .tel_txt,header.is-show .tel_txt{display: none;}
header .tel{display: none;}
.page_tel_txt{display: none;}
.intro_wrap {background-position: left 0px bottom -39px,right 0px top -23px;background-size: 80%,79%;padding: 50px 0;}
#page7 .info_tel{width: 124px;}
}