﻿@charset "utf-8";
/* CSS Document */

/*====================================
  	top
====================================*/
.bg_black{    background-color: #312417;}
.txt_color2{color:#d0b29d;}
.border_color2{border-color: #d2d2d2;}
.txt_shadow_h {    text-shadow: none;}
#header h1 a img{height: 150px; }
#contents1 .con_box{
	background-color: #f9f6f4;
}
#contents1 .con_box h2{	color: #311916;}
#contents1 .con_box .con_txt{	color: #311916;}
#contents2 .con_box{    background: -moz-linear-gradient(left, transparent, rgba(31, 23, 18, 0.8));
    background: -webkit-linear-gradient(left, transparent, rgba(31, 23, 18, 0.8));
    background: linear-gradient(to right, transparent, rgba(31, 23, 18, 0.8));}
#contents3 .con_box {
    background: -moz-linear-gradient(left, rgba(31, 23, 18, 0.8), transparent);
    background: -webkit-linear-gradient(left, rgba(31, 23, 18, 0.8), transparent);
    background: linear-gradient(to right, rgba(31, 23, 18, 0.8), transparent);
}
#top_info .con_box{background-color: #f9f6f4;}
#top_info .con_box p{color: #311916;}
#top_info .con_box a{color: #890c15;background-color: rgba(236, 231, 231, 0.33);}
.more a{    background-color: rgba(236, 231, 231, 0.33);color: #890c15;	text-shadow: none; border-color: #890c15}
.more a::before,.more a::after{border-color: #890c15;}
#header {
    background: -moz-linear-gradient(top, rgba(31, 23, 18, 0.8), transparent);
    background: -webkit-linear-gradient(top, rgba(31, 23, 18, 0.8), transparent);
    background: linear-gradient(to bottom, rgba(31, 23, 18, 0.8), transparent);
}
.cate_list{ border-bottom: solid 1px #311916;}
.cate_list li a{color:  #311916;}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before{background-color: #311916;}
#under_page .under_box{background-color: #f9f6f4;color: #311916;}
#under_page .under_box .txt_color_nomal{color: #311916!important;}
#under_page .under_box span.txt_white{color: #890c15;}
.pager li:not(.prev):not(.next) a{
	    background-color: rgba(162, 162, 162, 0.3);
    border: solid 1px rgba(162, 162, 162, 0);
}
.pager li a{
	background-color: rgba(162, 162, 162, 0.3)!important;
    border: solid 1px rgba(162, 162, 162, 0);
}
.pager li:not(.prev):not(.next) a:hover{
	    background-color: rgba(162, 162, 162, 0.6);
}
.pager li a:hover{
	background-color: rgba(162, 162, 162, 0.6)!important;
    border: solid 1px rgba(162, 162, 162, 0);
}.pager li.prev a:hover, pager li.next a:hover{border-bottom: none; box-sizing: inherit;}

.info_box div .grid_4{color: #311916;}
#form_box dl input, #form_box dl textarea{
	    background-color: rgba(162, 150, 150, 0.1);
    color: #311916;
}
#form_area .error_message{color: #311916!important;}
#end_message{color: #311916!important;}
.page9 p a{color: #890c15;border-color: #890c15;}

.sitemap_box .more a{color: #890c15;}
.sitemap_box .more a::before {border-color: #890c15;}
.sitemap_box .more a::after {border-color: #890c15;}

@media screen and (max-width: 768px){
	#header h1 a img{height: 100px; }
}
@media screen and (max-width: 667px){
#header h1 a img {
    height: 70px;
}
}