﻿.bg_color1 {background-color: #f4f4f4;}
.bg_color3 {background-color: #2c2c2d;
background-image: url(Dup/img/back.jpg);
}
.border_color1 { border-color: #d0bc73;}
.hvr_bg_color1:hover { background-color: #d0bc73;}
.hvr_border_color1:hover {border-color: #d0bc73;}
/* ----------　all　---------- */
.linkStyle{
	color:#d0bc73;
}
.linkStyle:hover{
	color:#d0bc73;
	opacity: 0.7;
	transition: all 0.5s;
}
#loading .gauge {
    background-color: #9a9a9a;
}
#header {
    background: -moz-linear-gradient(top, rgba(248 ,247 ,246 ,0.8), transparent);
    background: -webkit-linear-gradient(top, rgba(248 ,247 ,246 ,0.8), transparent);
    background: linear-gradient(to bottom, rgba(248 ,247 ,246 ,0.8), transparent);
padding-top: 10px;
}
#wrap{
background-color: #fff;
}
header .menu_stick {
    color: #2c2c2d;
top: 40px;
}
header .menu_stick .shadow_h {
    box-shadow: 0 0 5px rgba(255 ,255 ,255,0.3);
}
#sp_nav nav ul li a{
    color: #333333!important;
}
.tel_bt {
    background-color: rgba(208, 188, 115,0.15);
    border: solid 1px rgba(208, 188, 115,0.15);
    color: #333333!important;
}
#top_info .tel_bt {
    color: #fff!important;
}
header h1{
    max-width: 200px;
}
header h1 img{
    max-width: 100%!important;
    height: auto!important;
}
#footer .footer_logo{
max-width: 300px;
}
/* ----------　TOP　---------- */
.video_wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}
video {
	min-width: 100%;
	min-height: 100vh;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	vertical-align: bottom;
}
.con_box::before {
    background-color: #d0bc73;
}
#contents4 a .con_txt::before {
    background-color: #d0bc73;
}
.cms_title::before {
    background-color: #d0bc73;
}

#top_cms .cms_2-b .cate_box{
    margin: 0 5%;
}
#top_cms .cms_2-b figure{
    margin: auto;
    margin-bottom: 20px;
}
#top_cms .cms_2-b h3{
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
/* ----------　下層ページ　---------- */
#page_title {
       background-color: white;
}
#page_title img{
    opacity: 0.4;
}
#page_title h2 {
    color: #333;
    text-shadow: none;
    font-weight: bold;
}
#page_title p {
    color: #5a5a5a;
    font-weight: bold;
    text-shadow: none;
}
.cate_title{
    color: #2c2c2d;
    background-color: #f4f4f4;
    border: none;
    padding: 10px;
    background-image: none;
    text-align: left;
border-radius: 0px!important;
}
#cms_2-b .cate_box{
border-left: 1px solid #d0bc73;
}
#cms_6-b .box_txt1{
    background-color: #656565;
}
#tel_txt p a{
    color: #d0bc73;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
#cms_2-c .cate_title {
    padding: 15px 10px 5px;
}

}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
header .menu_stick {
    top: 25px;
}
header{
    height: auto!important;
}
#main_img{
	position: relative;
	height: auto;
	width: 100%;
}
#pc_nav{
	display:none;
}
.video_wrap {
	position: static;
	overflow: hidden;
	width: 100%;
	height: auto;
	min-width: 100%;
}
video {   
	min-width: auto;
	min-height: auto;
	width: 100%;
	z-index: 1;
	position: static;
	top: 0%;
	left: 0%;
	-webkit-transform: translate(0%, 0%); 
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%); 
}
header .scroll_d {
    display: none;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){

header h1 {
    max-width: 250px;
}
#header {
        background: none!important;
}
#header {
    background: -moz-linear-gradient(top, rgba(248 ,247 ,246 ,0.8), transparent);
    background: -webkit-linear-gradient(top, rgba(248 ,247 ,246 ,0.8), transparent);
    background: linear-gradient(to bottom, rgba(248 ,247 ,246 ,0.8), transparent);
        background: linear-gradient(to bottom, rgba(248 ,247 ,246 ,0.8), rgba(248 ,247 ,246 ,0.01))!important;
padding-top: 7px;
}
#main_img {
    margin-top: 70px;
}
.footer_logo{
max-width: 250px;
}
#copyright{
    font-size: 12px;
    letter-spacing: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
header h1 {
    max-width: 120px;
}
}