/*---------------all page----------------------------------*/
#wrap {background: #4d4d4d;}
#header{background: linear-gradient(to bottom, rgba(45,37,32,0.8), transparent);}
#page-top p{
  color:white;
  text-shadow:none;
}
#footer{color:white;}
#footer .con_img{background-color: rgba(55,55 ,55,0.2);}
#sp_nav .tel_bt{
  color:#333;
  background-color: rgba(255,255,255,0.3); 
}
#sp_nav .tel_bt:hover {
    background-color: rgba(255,255,255,0.2);
    border: solid 1px rgba(255,255,255,1);
}
.linkStyle{color:#b5884f;}

/*-----------------top page------------------------------*/
/*pc_nav ホバーで切り替え*/
#pc_nav li {
     height: 1.5em;
    text-align: center;
     font-size: 18px;
     letter-spacing: 2px;
     width: 250px;
}     
#pc_nav li span{
      transition: 0.3s;
}
#pc_nav li span:nth-child(1) {display: block;}
#pc_nav li span:nth-child(2) {
     opacity:0;
     position: relative;
     top: -1.5em;
}
#pc_nav li:hover span:nth-child(1) {opacity: 0;}
#pc_nav li:hover span:nth-child(2) {opacity: 1;}
#pc_nav a::before{top:-27px;}

#contents1 .con_box{box-shadow:0 0 5px #e2d9d4;}
#contents2 .con_box,#contents3 .con_box{
  color:white;
  text-shadow:none;
}
#contents3 .con_box{background: linear-gradient(to right, rgba(117,100,81,0.8), transparent);}
#contents4 .con_bg_img{background-color: #3e281a;}
#contents4 .con_txt .txt_color2{color:white;}
.con_box::before{background-color: #e6b0b0;}
#top_cms{
  color:white;
  text-shadow:none;
  background-color: #722424;
}

#top_cms .cms_1-e .date{background-color:#978643;}
#top_cms .cms_5-c .box_title1{border-color:rgba(255,255,255,0.5);}
#top_cms .cms_5-c .box_txt1::before{color: rgba(522,255,255,0.3);}
#top_info .con_box{text-shadow:none;}
#top_info .con_box .tel_bt{
   background-color: rgba(98,84,29,0.1);
}
#top_info .con_box .tel_bt:hover{
  color:white;
  background-color: rgba(98,84,29,0.5);
}
.cms_title::before{background-color: #978643;}


/*------------------under page------------------------*/
#page_title{
  color:white;
  background-color: #616161;
}
.under_box{
  background-color:white;
  box-shadow:0 0 5px #e2d9d4;
}
.pager li:not(.prev):not(.next) a {background-color:#8c1f1f;}
.pager li:not(.prev):not(.next) a:hover{color:rgba(140,31,31,0.2);}
.pager .prev a{color:#8c1f1f;}

.cate_list li a{color:#333;}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before{background-color:#555;}

#cms_5-c .box_title1::before{color:#8c1f1f;}
#cms_5-c .box_title1{border-bottom:1px solid #8c1f1f;}

.sitemap_box li a{color:#333!important;}
.sitemap_box .more a::before {
    border-top: solid 1px #8c1f1f;
    border-right: solid 1px #8c1f1f;
}
.sitemap_box .more a::after {
    border-bottom: solid 1px #8c1f1f;
    border-left: solid 1px #8c1f1f;
}
.sitemap_box li a:hover{background-color:rgba(140,31,31,0.2);}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{height:100%!important;}
#pc_nav{display:none;}
#contents1 .con_box{margin-bottom:50px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#header {background: rgba(45,37,32,0.3);}
#header h1{max-width:170px;}
#main_img{margin-top:100px;}
#contents1{padding-bottom:0;}
#contents1 h2{
  padding-left:0;
  padding-right:0;
}
#contents2 h2{font-size:calc(1rem + 5px);}
#page_title{margin-top:100px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 568px){
#loading img{top:45%;}
}


/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.contact_box a{padding:20px 20px 15px;}
}