﻿@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');


/*デバッグ修正--------------------*/
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
	#cms_1-c ul li.prev{
		margin-right: 0;
	}
}


/* CSS Document */
/* color */

/*動画*/
/*#main_img{position: relative}
#video{
	background-image: url(./dup/img/main_img3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#video{height: 100vh;}*/


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
/*#video {height: 500px;}
}*/
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
/*#video {height: 44vh;}
}*/
}
.linkStyle{
	color: #e6b422;
}

body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #56383A} /* メインカラー */
.txt_color2{color: #CDB6BC} /* サブカラー */
.txt_color3{color: #e6b422} /* アクセントカラー1 */
.txt_color4{color: #56383a} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #333333} /* メインカラー */
.bg_color2{background-color: #CDB6BC} /* サブカラー */
.bg_color3{background-color: #e6b422} /* アクセントカラー1 */
.bg_color4{background-color: #56383a} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #56383A}
.border_color2{border-color: #CDB6BC}
.border_color3{border-color: #e6b422}
.border_color4{border-color: #56383a}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #56383A} /* メインカラー */
.hvr_txt_color2:hover{color: #CDB6BC} /* サブカラー */
.hvr_txt_color3:hover{color: #e6b422} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #56383a} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #56383A} /* メインカラー */
.hvr_bg_color2:hover{background-color: #CDB6BC} /* サブカラー */
.hvr_bg_color3:hover{background-color: #e6b422} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #56383a} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #56383A}
.hvr_border_color2:hover{border-color: #CDB6BC}
.hvr_border_color3:hover{border-color: #e6b422}
.hvr_border_color4:hover{border-color: #56383a}

/*ここから個別-----------------------------*/
#main_img .bg_white{
	background-color: transparent;
}
header.scr_header{
	background-color: rgba(0,0,0,0.8)!important;
}
.back1:before{
    background-color: rgba(191,120,52,0.1)!important;
	z-index: -1;
}
.back2:before{
	background-color: rgba(191,120,52,0.3)!important;
}
#footer{
	background-color: #ababab;
}
#copyright{
	background-color: #000;
}
main .num{
	color: #e6b422;
}
.line:before{
	background-color: #e6b422!important;
}
#intro_wrap p,
#contents1 p,
#contents2 p,
#contents3 p{
	font-size: 16px;
}

#intro_wrap h3:first-letter,
#contents1 h3:first-letter,
#contents2 h3:first-letter,
#contents3 h3:first-letter{
	color: #e6b422;
	font-size: 50px;
}
#intro_wrap,#contents3 .con_box{
	box-shadow: 3px 2px 10px rgba(0,0,0,0.05)
}
#intro_wrap .line:before,
#contents1 .line:before,
#contents2 .line:before,
#contents3 .line:before{
	height: 0;
}

/*.hannari{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}*/
.hannari{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#footer h2{
	color: #333;
}
#footer p a{
	color: #333;
}
#contents1 .line:before, #contents2 .line:before{
	bottom: -15px;
}
.line-l:before{
	background-color: #333;
}
.border_so1{
	border: 2px solid;
}
.border_so1-b{
	border-bottom: 2px solid;
}
#footer .con_box{
	box-shadow: 0px 0px 0px rgba(0,0,0,0.0)!important;
}

/*下層-------------------------*/
#cms_2-a .cate {
    margin-bottom: 100px;
}
#page_title .page_title_box{
	background-color: transparent;
}
#page8 .txt_color2{
	color: #e6b422;
}
#page8 .border_color2{
	border-color: #333333;
}
.page .con_box{
	box-shadow: 3px 2px 10px rgba(0,0,0,0.05);
}
.cate_list li a {
    background-color: rgba(51,51,51,0.2)!important;
}
.cate_list li a:hover{
	background-color: rgba(51,51,51,0.1)!important;
}

/*修正*/
#main_img .bg_white{
	background-color: transparent;
}
#main_img:before{
	content: none;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#intro_wrap h3:first-letter,
#contents1 h3:first-letter,
#contents2 h3:first-letter,
#contents3 h3:first-letter{
	color: #e6b422;
	font-size: 40px;
}
	.nav_menu_more:first-of-type a .icon:before{
		display: none;
	}
	.overlay {
    background: linear-gradient(135deg, rgba(230,180,34,0.9) , rgba(191,120,52,0.9) )!important;
}
}


/*スマホ*/
@media screen and (max-width: 678px){
	#main_img .bg_white{
		display: none;
	}
}