﻿/* --　基本カラー　-- */
.txt_color_nomal {color: #fff;}
.txt_red {color: #ad0a2d;}
.txt_color1 {color: #fff;}
.txt_color3 {color: #b6042a;}
.txt_color4 {color: #fff!important;}

.bg_color1 {background-color: #ad0a2d;}
.bg_color3 {background-color: #ad0a2d;}

.border_color1 {border-color: #ad0a2d;}
.border_color3 {border-color: #ad0a2d;}
.border_color4 {border-color: #aaa;}

/* --　全体共通部分　-- */
.linkStyle{
	color:#aaa;
}
.linkStyle:hover{
	color:#aaa;
	opacity: 0.7;
	transition: all 0.5s;
}
body,header{
	background-color: #00081a!important;
}
#header_menu ul li a .en ,#intro h2,#intro h3,#contents h3,#top_cms h2,#page_title h2{
font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
header #logo{
	width: 35%!important;
}
header #logo img{
	max-width: 350px;
}
header #header #header_menu li {
	width: auto;
	padding: 0px 15px;
}
#header_menu ul li a{
	border-bottom: 2px solid #00081a;
}
header #header #header_menu li a:hover {
	border-bottom: 2px solid #ad0a2d;
}
footer{
	background-color: #00081a!important;
}
footer #logo2 img{
	max-width: 250px;
}

/* --　TOP　-- */
.top_cms_box {
	box-shadow: 15px 15px #630c1f;
padding-bottom: 20px;
padding-top: 20px;
}
#contents{
	background-repeat: no-repeat;
	background-attachment: fixed;
}



/* --　下層ページ　-- */
#page_title div {
	box-shadow: 7px 7px #630c1f;
}
.cate_list li {
	background-color: #ad0a2d;
}
.cate_list li {
	border: 2px solid 00081a;
}
.cate_list li:hover {
	opacity: 1;
	background-color: #00081a;
	border: 2px solid #ad0a2d;
}
.cate_list li a:hover{
	color: #fff;
}
.cate_title{
	color: #fff;
}
#cms_2-c .cate_txt1,#cms_2-c .cate_box .box_txt2{
	color: #fff;
}
#cms_4-a .cate_txt1{
	color: #fff;
}
#cms_5-b .cate_box .open_bt .box_title1 ,#cms_5-b .cate_box .box_txt1 {
	color: #fff;
}
#page8  p,#page8  dt{
	color: #fff;
}
#page8 .hvr_bg_color4:hover{
	background-color: #00081a;
}
#page8 .hvr_border_color4:hover{
	border-color: #ad0a2d;
}
#page8 .hvr_txt_color1:hover {
	color: #ad0a2d;
}
#page9  p{
	color: #fff;
}


/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
#header .fas{
	padding-bottom: 8px;
}
#header .far{
	padding-bottom: 8px;
}
}



/* --　タブレット　-- */
@media screen and (max-width: 768px){
header #logo img{
	max-width: 180px;
}
header #logo img {
    max-width: 250px;
    width: 90%!important;
}
.intro {
	border: 12px solid #ad0a2d;
}
}

/* --　スマホ　-- */
@media screen and (max-width: 667px){
#header{
	padding-bottom: 0px;
	padding-top: 0px;
}
header #logo {
	width: 100%!important;
}
header #logo img {
	max-width: 200px;
	width: 100%!important;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	height: 2px;
}
#intro h2{
	font-size: 17px;
}
#top_cms h2{
	font-size: 22px;
}
.top_cms_box{
	padding-top: 20px;
}
#page_title h2{
	letter-spacing: 3px;
	font-size: 28px;
}
#contents {
	background-size: cover!important;
	background-attachment: scroll;
}
.intro {
	border: 6px solid #ad0a2d;
}
.pager li {
	margin-right: 20px!important;
	margin-left: 20px!important;
}
.pager li:last-of-type {
	margin-right: 20px!important;
}
footer #logo2 img {
	max-width: 220px;
}
}