﻿/* ----------　基本カラー　---------- */
.bg_color1 {
	background-color: #f0e68c;
}
.hvr_bg_color1:hover {
	background-color: #f0e68c;
}
.bg_color3 {
	background-color: #8b0000;
}
.hvr_bg_color4:hover {
	background-color: #fbf7d8;
}
.border_color1 {
	border-color: #d9d4a7;
}
.hvr_border_color1:hover {
	border-color: #f0e68c;
}
.border_color3 {
    border-color: #d36969;
}
.txt_color2 {
	color: #f0e68c;
}

/* ----------　全体共通部分　---------- */
.linkStyle{
	color:#d36969;
}
.linkStyle:hover{
	color:#d36969;
	opacity: 0.7;
	transition: all 0.5s;
}
#wrap{
	background-image: url(Dup/img/back.jpg);
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header{
	background: -moz-linear-gradient(top, rgba(255,255,255,0.6), transparent);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.6), transparent);
	background: linear-gradient(to bottom, rgba(255,255,255,0.6), transparent);
}
header .menu_stick {
	color:#f0e68c;
}
.txt_shadow_h {
	text-shadow: none;
}
#sp_nav nav {
	background-color:#fffefc;
}
#sp_nav li a {
	color: #8b0000!important;
}
#sp_nav .tel_bt {
	background-color: rgba(139, 0, 0,0.7);
	border: solid 1px rgba(139, 0, 0,0);
}
#footer,#footer p a{
color: #333;
}
#footer .con_img {
	background-color: #efe8d9;
}
#page-top .scroll_u span::before {
	background-color: #8b0000;
}
#page-top .scroll_u span {
	background-color: rgba(139, 0, 0, 0.4);
}
#sns_link li a{
	border: 1px solid #c77575;
}
#pc_nav a::before {
	background-color: #8b0000;
}
header .menu_stick.stick_trans span{
color: #8b0000;
}



/* ----------　TOP　---------- */
.yoyaku{
width: 50%;
    max-width: 600px;
    margin: auto;
    text-align: center;
    margin-bottom: 80px;
}
.yoyaku:hover{
    opacity: 0.7;
    transition: 0.3s;
}
.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: #f0e68c;
}
.cms_title::before {
	background-color: #f0e68c;
}
.cms_6-c .cate_box {
	background-color: #fffefc;
}
.cms_6-c .box_title{
	color: #daca3c;
}
.cms_6-c .box_txt1{
	color: #333;
}
#contents4 a::before {
	border: solid 1px #8b0000;
}
#contents4 .con_bg_img {
	background-color: #efe8d9;
}
#contents4 .con_txt p:first-child{
	color: #333;
}
#contents4 .con_txt p:last-child{
	color: #8b0000;
}
#contents4 a .con_txt::before {
    background-color: #8b0000;
}
#top_cms .cms_box {
    border: 2px solid #cd5b5b;
    padding: 40px 20px;
    width: 90%;
    margin: auto;
    margin-bottom: 100px;
}


/* ----------　下層ページ　---------- */
#page_title{
	background-color: #efe8d9;
}
#page_title h2{
	color: #8b0000;
}
#page_title p{
	    background-color: #f0e68c;
    display: inline-block;
    padding: 5px 20px;
    color: #8b0000;
}
.cate_title{
	background-color: #f0e68c;
	color: #8b0000;
}
#cms_1-e .date {
 	background-color: #efe58b;
	color: #8b0000;
}
#cms_5-c .box_title1{
	border-bottom: 1px solid;
}
#cms_5-c .box_txt1::before {
	color: #d36969;
}
#cms_6-c .cate_box{
	margin-bottom: 50px;
	background-color: #fffefc;
}
#cms_6-c .box_title{
	color: #daca3c;
}
#cms_6-c .box_txt1{
	color: #333;
}
#form_area input{
	color: #8b0000;
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page9 p a:hover {
	color: #8b0000;
}


@media all and (-ms-high-contrast: none){
.cate_title {
	padding: 10px 5px 3px;
}
#page_title p {
    padding: 5px 20px 3px;
}

}


/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#contents1{
padding-top: 60px;
}
.yoyaku {
    margin-bottom: 50px;
}
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%); 
}
#top_cms .cms_box{
    min-width: 90%;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#contents1 {
    padding-top: 40px;
}
.yoyaku {
    margin-bottom: 30px;
    width: 80%;
}
#header {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255,255,255,0.01))!important;
	padding-top: 15px;
	padding-bottom: 10px;
	height: 80px;
}
header .scroll_d span{
	display:none;
}
header .menu_stick {
	top: 35px;
}
.video_wrap {
	margin-top: 80px;
}
.video_wrap {
	margin-top: 85px;
}

}