/*--------リンク・フォント--------*/
.linkStyle{color: #333333; text-decoration: underline;}


/*--------全体--------*/
h1 img { max-width: 330px;}
#main_img a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#main_nav li a:hover, .sc_nav li a:hover { text-shadow: 0 3px 15px rgba(243, 225, 152, 0.8);}
.main_txt{
    top: 0;
    right: 0;
    font-size: 25px;
    padding: 0px 10px;
z-index: +2;
}
#wrap{
    background-image: url(./Dup/img/back_1.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#loader:after{
    background-image: url(./Dup/img/back_1.jpg);
    background-repeat: no-repeat; 
    background-size: cover;
}
.intro_txt h2{
background-image: url(./Dup/img/back_1.jpg);
    background-position: 30% 92%;
}


#top_contents1{position:relative;}
#top_contents1:before{
background-color: rgba(249, 249, 249, 0.6);
    content: "";
    display: block;
    height: 88%;
    left: 0;
    position: absolute;
    top: 107px;
    width: 100%;
}
#top_contents2{position:relative;}
#top_contents2:before{
    background-color: #f1f0f0;
    content: "";
    display: block;
    height: 90%;
    left: 0;
    position: absolute;
    top: 62px;
    width: 100%;
    z-index: -1;
}
#top_contents2 h3 span {
        background-image: url(./Dup/img/back_1.jpg);
    background-position: 93% 32%;
}
#top_contents2 h3::after {
    border-top: 1px solid #f1d654;
}
#top_cms .top_cms_title p{border-top: 2px solid #fbdc4a;}
#top_cms .cms_2-c{border: 1px solid #b7b7b7;}

.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}

.fadeIn_right {
  opacity: 0.1;
  transform: translateX(-20px);
  transition: all 1s;
}
.fadeIn_right.is-show {
  opacity: 1;
  transform: translate(0);
}
.fadeIn_left {
  opacity: 0.1;
  transform: translateX(20px);
  transition: all 1s;
}
.fadeIn_left.is-show {
  opacity: 1;
  transform: translate(0);
}
#menu_bt > div span {
    height: 2px;
}
#menu_bt.active > div span:nth-of-type(3) {  transform: translateY(-14px) rotate(-45deg);}


/*--------下層--------*/

.box_txt2 a{color:#333333!important;}

#cms_2-a .cate_title{padding-top:5px;}
#cms_2-c .cate_txt1{
        background-color: rgba(255, 255, 255, .45);
    padding: 20px;
        margin-bottom: 20px;
}
#cms_3-e .cate_title{padding-bottom:8px;}
#page08 span a{
padding: 10px 30px;
    margin: 10px;
    background-color: #989898;
    display: inline-block;
    color: #fff;
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
h1 .width_30per_tb { width: 37%!important;}
#loader:after{
    background-image: url(./Dup/img/back_1_tb.jpg);
}
#wrap{
    background-image: url(./Dup/img/back_1_tb.jpg);
background-position: 100% 50%;
 }
#top_contents1 .contents1_txt {
    width: 74%!important;
    margin-left: 15%;
}


}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
h1 .width_50per_sp { width: 60%!important;}
#menu_bt.active > div span:nth-of-type(3) { transform: translateY(-18px) rotate( -45deg );}
.main_txt { font-size: 4vw;}
#wrap{    background-position: 78% 100%;}
#top_contents1 .contents1_txt {
    width: 100%!important;
    margin-left: 0;
}
#top_cms .cms_2-c {
    border: none;
}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
#cms_3-e .cate_title{padding:4px 15px 9px;}

}