﻿

/*------all page-------------------------------*/
#wrap{
  background-color:transparent!important;
  background-image:url(./Dup/img/bg2.jpg);
  background-size: 100% auto;
}
#header{background: linear-gradient(to bottom, rgba(66,45,27,0.8), transparent);}
#footer .con_img{background-color: #524029;}
#footer{color:white;}
.linkStyle{color: #d2710e;}

/*------top page-------------------------*/
/*video*/
#video{height: 100vh;}
#main_img{max-height: inherit}


/*video組み込みまで*/
.swiper-container{
    height:100vh;
}

#pc_nav li a{
  color:#333;
 /* text-shadow:none;*/
  text-shadow: 0 2px 4px rgb(255,255,255);
}
#pc_nav a::before{background-color:#333;}

#contents1 .con_box{
  padding-top:100px;
  color: #333;
}
#contents1 .con_title{
  padding-right:0;
  font-size:calc(1rem + 13px);
}
#contents1 .con_title::after{
    content: 'Bienvenue!';
    position: absolute;
    display: block;
    font-size: 2rem;
    color: #cac4c4;
    top: -1.5em;
    z-index: -1;
}
.con_box::before{background: linear-gradient(45deg, #a58e1e, #f9ec87);}
#contents2 .con_box{
  background: linear-gradient(to right, transparent, rgba(88,54,24,0.8));
  color:white;
}
#contents3 .con_box{
  background: linear-gradient(to left, transparent, rgba(88,54,24,0.8));
  color:white;
}
#contents4 .txt_color2{color:white;}
#contents4 .con_bg_img{background-color: #524029;}
#top_cms .cms_box{
  color:#333!important;
  text-shadow:none;
}
.cms_title::before{background: #e6c052;}
#top_cms{
  background-color: transparent!important;
  background: linear-gradient(90deg,#e2dacb,#f9f8f5,#e2dacb)!important;
  position:relative;
}
#top_cms::before{
  content:'';
  position:absolute;
  display:block;
  width:17vw;
  height:50vh;
  background-image:url(./Dup/img/item2.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:top right;
  top:-50px;
  right:20px;
  z-index:1;
}

#top_cms .more a{background-color:#464646;}
#top_cms .more a:hover{opacity:0.7;}
.more a::before,.more a::after{display:none;}

#top_info .con_box{text-shadow:none;}
#top_info .con_box a{background:linear-gradient(45deg, #e0aa48, #f1dda4);}
#top_info .con_box a:hover{opacity:0.7;}

/*bnr2*/
.bnr2{
  bottom:10px;
  right:10px;
  z-index:2;
}


/*--------------under page-------------------------------------------------------*/
#page_title{background-color: #524029;}
#page_title .page_title_box{color:white;}
#page_title img{opacity:0.7;}
#under_page .under_box{ background: linear-gradient(90deg,#e2dacb,#f9f8f5,#e2dacb)!important;}
#under_page .under_box::before{
  content:'';
  position:absolute;
  display:block;
  width:17vw;
  height:50vh;
  background-image:url(./Dup/img/item2.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:top right;
  top:50px;
  right:-200px;
  z-index:1;
}

/*news*/
.pager li:not(.prev):not(.next) a {
    background-color: rgba(224,166,1,0.6);
    border: solid 1px rgba(224,166,1,0.6);
}
.pager li:not(.prev):not(.next) a:hover {
    background-color: rgba(224,166,1,0.3);
    border: solid 1px rgba(224,166,1,0.3);
}
#cms_1-a .pager .prev a{color:rgba(224,166,1,0.6);}

/*information*/
#under_page .info_box .d_flex:first-of-type {border-top: solid 1px #999;}

/*sitemap*/
.sitemap_box li a{color:#555;}


/* ---------- responsive ---------- */
@media screen and (max-width: 1520px){
#pc_nav{display:none;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img{margin-top:100px;}
#video { height: 50vh;}

/*video組み込みまで*/
.swiper-container{
    height:30vh;
}

#top_cms::before{width: 23vw;}
#contents1 .con_title::after{
    left: 0;
    right: 0;
    margin: auto;
}
#contents1 .con_box {padding-top: 130px;}
#contents1 .con_title{padding-left:0;}
#under_page .under_box::before{
  right: -20px;
  top: -50px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img{margin-top:80px;}
#video {height: 40vh;}

/*video組み込みまで*/
header{
    height:45vh;
}
.u_page header{
    height: 15vh;
}
.swiper-container {
    height: 18vh;
}
#contents1 .con_title{font-size:calc(1rem + 7px);}
#contents2 .con_box,#contents3 .con_box {background:rgba(88,54,24,0.4);}
#contents2 .con_title{font-size:calc(1rem + 5px);}
#under_page .under_box::before{
  top: -25px;
  width: 20vw;
}
.bnr2_sp{
  bottom:5px;
  right:5px;
  z-index:2;
}
#footer{padding-bottom: 50px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}



