﻿/* 
.bg_color1, .hvr_bg_color1:hover {
    background-color: #6A3427;
    background-image: url(Dup/img/back2.jpg);
}
.bg_color3, .hvr_bg_color3:hover,.more .more_item:before {
    background-color: #708160;
    background-image: url(Dup/img/back.jpg);
}
*/
.bg_color1, .hvr_bg_color1:hover {
    background-color: #6A3427;
}
.bg_color3, .hvr_bg_color3:hover,.more .more_item:before {
    background-color: #708160;
}
.txt_color2, .hvr_txt_color2:hover {
    color: #91aa79;
}
.txt_color4, .hvr_txt_color4:hover {
    color: #6a3427;
}
.border_color2, .hvr_border_color2:hover {
    border-color: #708160;
}
.txt_white{
    color: #000;
}
/* ----------　all　---------- */
.linkStyle{
	color:#91aa79;
}
.linkStyle:hover{
	color:#91aa79;
	opacity: 0.7;
	transition: all 0.5s;
}
/* 2022.03.14_back
.blur {
    background: rgba(106 ,52 ,39 ,0.7);
    background-image: url(Dup/img/back.png);
}
 */
 
 body ,.liana,.overlay .overlay-nav .en,.patrima,.hgs{
    font-family: 'Shippori Mincho', serif;
}
.blur {
    background: rgba(255 ,255 ,255 ,1);
}
#pc_nav li a{
    color: #fff;
    
    text-shadow: 1px 1px 5px #000;
}
/*
.patrima {
    font-family: 'Rock 3D', cursive;
}
.liana{
    font-family: 'Bangers', cursive;
    font-family: 'Piedra', cursive;
}
.hgs {
    font-family: 'Piedra', cursive;
}
*/

header h1{
    max-width: 100px;
}
.overlay {
    background-color: rgba(255 ,255,255,0.5);
    
}
.overlay:before {
    background-color: rgba(255, 255 ,255,0.3)!important;
}
.overlay .top li a,.overlay .middle li a{
    color: #000!important;
}
.overlay .overlay-nav ul.top a:hover:after, .overlay .overlay-nav ul.middle a:hover:after{
    background: #708160;
}
.close-trigger-bar {
    background-color: #000;
}
.map {
    height: 550px;
}
.more .more_item:hover{
        border-color: black;
}
.more .more_item:hover .icon-right.after:before {
    color: black;
}
.more .more_item:hover .icon-right.after:after {
    color: black;
}
footer #logo2 img{
        max-width: 200px;
}
#footertxt,#h1txt span,.tel_bt a,.contact_bt a,#copyright a,#copyright{
    color: #fff;
}
.scroll_d > span {
    background-color: rgba(0 ,0 ,0 ,0.5);
}
footer .scroll_d > span::before {
    background-color: rgba(182 ,182 ,182 ,0.7);
}
#pc_nav li a::after, #footer_nav li a::after {
    background: #708160;
}
/* 2022.03.14_back
figure ,figure img,.filter{
    -webkit-mask-image: url(Dup/img/mask.png);
    mask-image: url(Dup/img/mask.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
.cms_4-c figure,.cms_4-c figure img{
    -webkit-mask-image: none;
    mask-image: none;    
}
*/
#intro .intro_photo h2,.top_title h2.right,.top_title h2.left,#scroll{
    display: none;
}
.close-trigger-bar,.menu-trigger-bar {
    height: 2px;
}

/* ----------　TOP　---------- */
.sns_links {
    z-index: 3;
}
#main_img .catch{
    position: absolute;
    z-index: 2;
    bottom: 15%;
    left: 50px;
    width: 80%;
    max-width: 800px;
}
#main_img:before {
    z-index: 2;
}
.top_title h2 > span:before {
    background-color: #000;
    width: 2px;
}
#intro .intro_right{
    position: relative;
}
#intro .con_title {
    width: 90%;
    margin: auto;
    margin-bottom: 30px;
}
#intro .intro_title{
    font-size: 30px;
    font-weight: bold;
}
.dec_box{
    position: absolute;
    right: -100px;
    width: 50%;
    max-width: 250px;
}
.dec2{
    width: 30%;
    position: absolute;
    top: 35%;
    left: -32px;
    animation:dec1 8s linear infinite;
}
@keyframes dec1{
    0%{
        transform:rotate(0);
    }
    100%{
        transform:rotate(360deg);
    }
}
.dec3{
    width: 15%;
    position: absolute;
    top: 60%;
    left: -50px;
    animation:dec2 8s linear infinite;
}
@keyframes dec2{
    0%{
        transform:rotate(0);
    }
    100%{
        transform:rotate(-360deg);
    }
}
.dec4{
    width: 35%;
    position: absolute;
    right: -50px;
    bottom: 20px;
    animation:dec3 11s linear infinite;
}
@keyframes dec3{
    0%{
        transform:rotate(0);
    }
    100%{
        transform:rotate(-360deg);
    }
}
#contents .con_title{
    /*background-repeat: no-repeat;*/
    /*background-size: 30%;*/
    /*background-position: center top;*/
    /*padding-top: 9vw;*/
    /*text-shadow: 4px 4px 0 #fff, 5px 5px 0 #000;*/
}
/*#contents .box1 .con_title{*/
/*    background-image: url(Dup/img/one.png);*/
/*}*/
/*#contents .box2 .con_title{*/
/*    background-image: url(Dup/img/two.png);*/
/*}*/
/*#contents .box3 .con_title{*/
/*    background-image: url(Dup/img/three.png);*/
/*}*/
.top_cms_box{
    border:1px solid #333;
}
.modal-box .inner{
    scrollbar-width: none;
}
.more .more_item {
    color: #fff;
}

.top_title1{
    height: auto;
    padding: 50px 0;
}
.top_title1 .youtube_box_wrap{
        max-width: 1000px;
    margin: auto;
}
.top_title1 .youtube_box{
  position: relative;
  width: 80%;
  padding-top: 44.8%;
}
.top_title1 .youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.top_title1 .youtube_box:empty {
    display: none;
}
#intro .con_title {
    text-shadow: 4px 4px 0 #fff, 5px 5px 0 #000;
    font-size: 70px;
}

/* ----------　下層ページ　---------- */
#page_title .en{
    /*text-shadow: 4px 4px 0 #fff, 5px 5px 0 #000;*/
    text-shadow: 1px 1px 25px rgba(255, 255, 255 ,0.25);
}
#page_title .en .jp{
    text-shadow: none;
}
#page_title .en:before {
    background-color: #000;
    width: 1px;
}
.cate_list li a{
    color: #fff;
}
.cate_title{
    color: #708160;
    padding: 10px;
    font-weight: bold;
    background-color: #D8C593;
    border: none;
    border-left: 10px solid #708160;
    display: block;
}
#cms_3-e .sub_cate_title{
    background-color: #708160;
    border: none;
    color: #fff;
}
.youtube_box{
  position: relative;
  width: 80%;
  padding-top: 44.8%;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtube_box:empty {
    display: none;
}
.more_link{
        text-align: center;
}
.more_link a{
    background-color: #333;
    width: 30%;
    padding: 10px 0px;
    color: #fff;
    display: inline-block;
}
#page8 h3{
        color: #708160;
}
#page10 .left,#page10 .right{
        border-color: black;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){

.tel_bt a,.contact_bt a{
    padding-top: 15px;
}
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#loading_logo {
    max-width: 200px;
        top: 45%;
}
header h1 {
    max-width: 80px;
}
#contents .con_title {
    padding-top: 11vw;
}    
footer #logo2 img {
    max-width: 170px;
}
#contents .con_title{
     /*text-shadow: 2px 2px 0 #fff, 3px 3px 0 #000;   */
}
#intro .con_title {
    /*text-shadow: 2px 2px 0 #fff, 3px 3px 0 #000;*/
    font-size: 50px;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#loading_logo {
    max-width: 150px;
}
header h1 {
    max-width: 60px;
}
/* ----------　TOP　---------- */
.youtube_box{
  width: 100%;
  padding-top: 56%;
}    
#main_img .catch{
    left: 30px;
}  
.modal_title_wrap {
    left: -30px;
}
.modal_title1:before {
    left: 10px;
}
#intro .intro_title {
    font-size: 25px;
}
#contents .con_title {
    padding-top: 30%;
}
.map {
    height: 300px;
}
/* ----------　下層ページ　---------- */
#page_title .en{
    letter-spacing: 4px;
    padding-left: 15px;
        font-size: 30px;
        top: 5px;
}

#page10 li{
    margin-bottom: 15px;
    font-size: 25px;
}
.more_link a {
    width: 100%;
}
.top_title1 {
    padding: 10px 0;
}
}