.bg_black, .hvr_bg_black:hover {
    background-color: #4c4b4b;
}
.bg_color1, .hvr_bg_color1:hover{
    background-color:#e3d7c9;
    color: #4c4b4b;
}
.bg_color2, .hvr_bg_color2:hover {
    background-color: #4c4b4b;
}
.bg_color3, .hvr_bg_color3:hover{
    background-color:#585552;
}
.bg_color4, .hvr_bg_color4:hover {
    background-color: #c9aa87;
}
.txt_color2, .hvr_txt_color2:hover {
    color: #4f6951;
        color: #94a5be;
    color: #fff;
}
.txt_color4, .hvr_txt_color4:hover {
    color: #708160;
        color: #94a5be;
    color: #ffffff;
}
.border_color2, .hvr_border_color2:hover {
    border-color: #e3d7c9;
}
.border_color3, .hvr_border_color3:hover {
    border-color: #4c4b4b;
}
.border_color4, .hvr_border_color4:hover {
    border-color: #c9aa87;
}


/* ----------　all　---------- */

.linkStyle{
	color:#708160;
}
.linkStyle:hover{
	color:#708160;
	opacity: 0.7;
	transition: all 0.5s;
}
#loading #loading_text .progressbar-text{
    color: #4c4b4b!important;
}
.liana ,#page_title .en{
    font-family: 'Dongle', sans-serif;
}
.patrima {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-family: 'Dongle', sans-serif;
}
.blur{
       background: -moz-linear-gradient(top, rgba(88 ,93 ,96,0.7), rgb(202, 211, 216,0.7));
    background: -webkit-linear-gradient(top, rgba(88 ,93 ,96,0.7), rgb(202, 211, 216,0.7));
    background: linear-gradient(to bottom, rgba(88 ,93 ,96,0.7), rgb(202, 211, 216,0.7));
}
.overlay{
    background: rgba(227 ,215, 201,0.5);   
}
.overlay .overlay-nav .top .en,.overlay .overlay-nav .en {
    color: #4d4c4c;
}
.overlay .overlay-nav .top .jp,.overlay .overlay-nav .middle .jp {
    color: #6a7c95;
}
.overlay .overlay-nav .bottom .en{
        color: #ffffff;
}
/*
.modal-bg {
    background: rgba(227 ,215, 201,0.7);
}*/
.menu-trigger-bar,.close-trigger-bar {
    height: 2px;
}
.close-trigger-bar:before {
    background-color: rgba(79 ,105 ,81 ,0.7);
}
.banner {
    width: 80%;
    max-width: 300px;
    margin: auto;
    margin-top: 30px;
}
#contents .banner{
    margin-top: 100px;    
    max-width: 400px;
}
header #logo img{
    max-width: 90px;
}
.menu-trigger{
    top: 58%;
}
.more .more_item:before {
    background-color: #4c4b4b!important;
}
#footer_nav li a {
    color: #708160;
    color: #e3d7c9;
    color: #fff;
}
.map {
    height: 450px;
}
footer #logo2 img{
        max-width: 220px;
}
#copyright,#copyright a{
    color: #4c4b4b;
}
.overlay .overlay-nav > ul li a:hover,.overlay .overlay-nav > ul li a:hover .en{
    color: #4d4c4c;
}

#intro .con_title,#contents .con_title,#top_cms .cms_title h3 {
    font-size: 80px;
        letter-spacing: 5px;
}
/* ----------　TOP　---------- */
/*#intro .intro_txt span,#top_cms .cms_1-f .box_title1,#top_cms .cms_1-f .date {
    color: #4c4b4b;
}
#intro:before {
    content: '';
    position: absolute;
    width: 320px;
    height: 250px;
    background: url(Dup/img/dec1.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -50px;
    top: -50px;
}
#contents .con_txt span,#top_cms .cms_title p {
    color: #4f6951;
}
#intro,#contents{
    position: relative;
}

#contents:before {
    content: '';
    position: absolute;
    width: 300px;
    height: 250px;
    background: url(Dup/img/dec2.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: -20px;
    top: -50px;

}
*/

#contents .con_title,#intro .con_title,#top_cms .cms_title h3{
    color: #998368;
    color: #e3d7c9;
}

.filter2{
    background-color:#4f6951!important;
     background-color:#4c4b4b!important;
}
.top_title h2 {
    font-size: 130px;
}
.top_title .right > span:before {
    right: 15px;
}
#top_cms .top_cms_box{
   border-color: rgba(76, 75, 75 ,0.45); 
   border-color: rgba(227, 215, 201 ,0.45); 
}
.top_title h2.right {
    right: 20px;
}
.top_title h2.left {
    left: 10px;
}
/* ----------　下層ページ　---------- */
/*.page_container,#cms_1-f #news_list .news_sub_list li a,.page_container .con_box{
        color: #4c4b4b;
}
#page_title h2{
        color: #708160;
}
#page10 .con_box ul li a{
    color: #4c4b4b;
}
*/
#page_title .en {
    font-family: 'Dongle', sans-serif;
    top: -90px;
    font-size: 190px;
    letter-spacing: 5px;
}
#page_title .en:before {
    height: 50%;
    top: 20%;
}
#page_title .jp {
    top: 200px;
}
#page_title .en:before {
    background-color: #c9aa87;
}
.cate_list li a{
    background-color: #4c4b4b;
    color: #ffffff;
}
.cate_list li a:hover{
    background-color: #708160;
    color: #ffffff;
    background-color: #e3d7c9;
    color: #585552;
}
#cms_1-f #news_list li p{
        color:#e3d7c9;
}
#page10 .con_box ul {
    border-color: #708160;
     border-color: #94a5be;
}



/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
 footer .tel_bt a,footer .contact_bt a{
padding-top: 15px;
  }
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
    #loading_logo {
    max-width: 250px;
    top: 45%;
}
#intro .con_title, #contents .con_title, #top_cms .cms_title h3 {
    font-size: 60px;
}
#intro .intro_photo h2 {
    left: -20px;
}
#intro:before {
    width: 250px;
    height: 190px;
    right: -60px;
    top: -60px;
}    
#contents:before {
    width: 230px;
    height: 200px;
    top: -70px;
}    

.map {
    height: 600px;
}
.top_title h2 {
    font-size: 60px;
    top: 250px;
}
.top_title h2.left {
    left: 20px;
}
.top_title h2.right {
    right: 20px;
}
.top_title .left > span:before {
    left: 18px;
}
.top_title h2 > span:before {
    height: 80px;
    left: 0;
}
.top_title .right > span:before {
    left: 18px;
}
#contents .banner{
    margin-top: 50px;    
}
.top_title h2.left {
    left: 10px;
}
.top_title h2.right {
    right: 15px;
}
#page_title .en {
    top: -60px;
    font-size: 140px;
}
#page_title .en:before {
    top: 20%;
}
#page_title .jp {
    top: 160px;
}
}

/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#loading_logo {
    max-width: 150px;
    top: 45%;
}
#intro:before {
    width: 200px;
    height: 120px;
    right: -80px;
    top: -40px;
}    
 #contents:before {
    width: 130px;
    height: 150px;
    top: -40px;
}   
.top_title h2 {
    font-size: 30px;
    top: 250px;
}
.top_title h2 > span:before {
    top: 20px;
    height: 50px;
}
.top_title h2.left {
    left: 10px;
}
.top_title h2.right {
    right: 10px;
}
.top_title .left > span:before {
    left: 8px;
}
.top_title .right > span:before {
    left: 8px;
}
footer #logo2 img {
    max-width: 180px;
}
.map {
    height: 300px;
}
#top_cms .cms_title h3{
    font-size: 50px;
}
.banner {
    width: 100%;
}
#page10 .con_box li{
    margin-bottom: 10px;
}
.modal-box .inner {
    max-height: 450px;
}
.top_title h2.left {
    left: 5px;
}
#page_title .en {
    top: -35px;
    letter-spacing: 3px;
    font-size: 70px;
}
#page_title .jp {
    top: 90px;
}
#intro .con_title, #contents .con_title{
    font-size: 70px;
    letter-spacing: 4px;
}
}