﻿header.scr_header {
	background-color: rgba(255, 255, 255,0.78)!important;
	border-bottom: 1px solid rgba(233,222, 161, 0.84);
}
.overlay {
background: linear-gradient(135deg, rgba(232, 232, 232, 0.9) , rgba(232, 232, 232,0.9) )!important;
}
#logo {
    max-width: 110px;
}
#footer #logo2 a.width_300-max {
	max-width: 215px;
}
#main_img:before {
    background-color: rgba(171, 171, 171,  0.50);
}
header.scr_header #logo {
    max-width: 85px;
}
/* --------------------- hamburger --------------------- */
.button_container.active span:nth-of-type(1) {
    color: rgba(0, 0, 0 ,0.8);
}
.button_container span {
    background: rgba(200, 159, 99, 1);
}
.button_container span.txt_white {/*MENU　文字色*/
	color: #c89f63;
}
.button_container.active .top {
    background: #222;
}
.button_container.active .bottom {
    background: #222;
}
.overlay ul li a {
    color: #222;
}
#overlay .left li:before {
    color: #b7a000;
	font-weight: bold;
}
.overlay-menu .txt_white {
	color: #222;
}
.overlay-menu .nav_menu_more a {
	color: #fff;
}
/* ----------------------------------------------------- */
#pc_nav li a {
	color: #222;
}
#top_pc_nav li a {
	font-size: 16px;
}
/*ナビ3か所のhover下線の色*/
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after {
    background: #c89f63
}
/*---------------top contents---------------------*/
.line:before {
    background-color: rgba(200, 159, 99, 0.60)!important;
}
span.didot {
    text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}
/*-------------mailアイコン非表示-------------*/
.nav_menu_more:first-of-type a .icon:before {
	display: none!important;
}

/*------------------模様を背景につける----------------*/
#fakeloader {
	background-size: 457px;
	background-image: url("./Dup/img/bg.png");
	background-color: #fff;

}


.back1:before, .back2:before {
    background-color: rgba(241,241,241,0.77)!important;
}
.back1:before, .back2:before, footer {
	background-image: url(./Dup/img/bg.png);
    background-size: 457px;
    z-index: -1;
}
#intro_wrap, #contents3 .con_box.bg_color2 {
	background-color: rgba(255,255,255,0.74);
}

#contents3_wrap:after {
    background-color: rgba(255, 247, 188, 0.41)!important;
}

/* -------------------------------------------------- */
.pager li a:hover {
    background-color: #222!important;
}
.cate_list li a:hover {
    background-color: rgba(200, 159, 99, 0.64)!important;
}
.cms_5-b .cate_box .open_bt .box_title1::before {
    color:#c7a063!important
}
/* -------------------------------------------------- */
@media screen and (max-width: 768px){
#logo {
		max-width: 86px;
	}
#main_img{
	position: relative;
	height: auto;
	width: 100%;
}
#main_img .menu {
display:none;
}
.video_wrap {
	position: static;
	overflow: hidden;
	width: 100%;
	height: auto;
	min-width: 100%;
}
#footer #logo2 a.width_300-max {
    max-width: 118px;
}
}


/*----------------ページタイトルの改行------------------*/
@media screen and (max-width: 667px){
.wide_title .page_title_box {
 width: 70%; 
}
.wide_title .font_24_sp {
    font-size: 22px;
}
}

@media all and (-ms-high-contrast: none) {
	.cate_list li a {
		padding-bottom: 4px;
	}
	#page_title .page_title_box {
		padding-bottom: 24px;
	}
	#page8 #contact_tel a{
		padding: 25px 20px 18px;
	}
}
	}

