@font-face {
font-family: "honokamarugo";
  src: url("./Dup/img/honokamarugo.ttf") format("ttf"),url("./Dup/img/honokamarugo.eot") format("eot"),url("./Dup/img/honokamarugo.woff") format("woff"),url("./Dup/img/honokamarugo.woff2") format("woff2");
}
.font1,.cms_title,.more,.nav ul,.page_title_box,.cate_list li a{font-family: "honokamarugo","sans-serif";}

/*
.font1,.cms_title,.more,.nav ul,.page_title_box,.cate_list li a{
    font-family: vdl-penletter, sans-serif;
    font-weight: 500;
    font-style: normal;    
}
*/
#body{overflow:hidden;}
#footer .logo img{width:80%!important;}



/*-top page-------------------------------------------------------------------*/
.top_nav{display:none;}
.vegas-overlay {opacity: 0!important;}
.catch_box {
    top: 20%;
    right: 5%;
    width:40vw;
}
.catch1 img,.catch2 img{
    width: 100%;
    height: auto;
}
.item1{
    top: -10%;
    left: -5%;
}
/* 拡大 */
.zoomInTrigger{opacity: 0;}
.zoomIn{
  animation-name:zoomInAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}
@keyframes zoomInAnime{
  from {
  transform: scale(0.6);
  opacity: 0;
  }
  to {
    transform: scale(1);
  opacity: 1;
  }
}

/*--jmp--*/
#jmp{
    height:63vh;
    position:relative;
}
.policy_box{padding-left:80px;}
.policy{font-size:3rem;}
.jmp1{
    top: 0;
    right: 6%;
    z-index:3;
}
.jmp2{
    top: -2%;
    right: 15%;
    margin-top:-100px;
    z-index:2;
}
.jmp3{
    top: -4%;
    left: 18%;
    margin-top:-70px;
    z-index:1;
}
.jmp1 img,.jmp2 img,.jmp3 img{width:auto;}
/*下からフェードイン*/
 .fadein {
  opacity: 0;
  transform : translate(0, -50px);
  transition : all 2000ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
/*roop*/
.roop {
    width: 200%;
    height: 525px;
    background: url(./Dup/img/bg.png) repeat-x;
    -webkit-animation: bgroop 30s linear infinite;
    animation: bgroop 30s linear infinite;
    transform:rotate(-10deg);
    position:absolute;
    left: -50%;
    bottom: -20%;
    z-index:-1;
}
@-webkit-keyframes bgroop {
    from {
        background-position: -1956px  0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes bgroop {
    from {
        background-position: -1956px 0;
    }
    to {
        background-position: 0 0;
    }
}




.svg_box{display:none;}

.t_cms_txt3,.t_cms_txt6,.t_cms_txt9{font-size: calc(2rem - 5px);}

/*main_img animation*/
.poyoyon2,.poyoyon3{opacity:0;}
.poyoyon2.is-animated,.poyoyon3.is-animated {
    opacity:1;
    animation: poyoyon2 1s ease-in-out 1 forwards;
}
 
@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}

#top_cms{
  background-color   : #f0b3a7;
  background-image   : radial-gradient(#ffffff 10%, transparent 13%),
                       radial-gradient(#ffffff 10%, transparent 13%);
  background-position: 0 0, 19px 19px;
  background-size    : 38px 38px;    
    
    
    
}

/*cms_6-c*/
.ellipsis{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ellipsis.line3{
  max-height: 16.0em;
  -webkit-line-clamp: 10;
}

.other .box:hover {background-color: #bdb65c;}

/*--under page-------------------------------------------------------------------*/
#title_img::after{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.4);
    top:0;
    left:0;
    z-index:2;
 
}



/* ---------- responsive ---------- */
@media screen and (max-width: 1800px){
.policy {top: 10%;}
.catch {top: 20%;}
.jmp1{right:0;}
.jmp1 img{width:90%;}
.jmp2{right:5%;}
.jmp2 {
    top: 3%;
    right: 0;
}
.jmp3 img{width:95%;}
}


/* ---------- responsive ---------- */
@media screen and (max-width: 1600px){
.policy {top: 10%;}
.catch {top: 20%;}
.jmp1{right:-12%;}
.jmp1 img{width:80%;}
.jmp2{right:5%;}
.jmp2 {
    top: 3%;
    right: 0;
}
.jmp3 img{width:95%;}
}

/* ---------- responsive ---------- */
@media screen and (max-width: 1600px){
.jmp1{
    top:100px;
    right:-20%;
}
.jmp1 img{width:70%;}
    
}


/* ---------- responsive ---------- */
@media screen and (max-width: 1425px){
.jmp1 img{width:65%;}
.jmp2{right: -5%;}
.jmp2 img{width:95%;}   
   
   
    
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.catch_box {
    top: 50%;
    width: 50vw;
}
.policy_box{padding-left:30px;}
/*.jmp2 img, .jmp3 img {width: 100%;}*/
.jmp2{margin-top:0;}
.jmp3{margin-top:-10px;}
.roop{margin-top:-50px;}
.item1 {
    top: -6%;
    left: -7%;
}
#contents .box .txt_wrap {
    width: 80%;
    margin-bottom:30px;
}
#contents .box figure {
    width: 90%;
    margin-bottom:30px;
}
#contents .box figure:after{width:90%;}
#contents .box:nth-child(odd) figure:after{right:50%;}

.other_link .info_h2{
    font-size: calc(1rem + 6px);
    letter-spacing: 1px;
}
.cate_list li{width:45%;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.catch_box{width:60vw;}
.policy {font-size: calc(2rem + 3px);}
#jmp{height:85vh;}
.jmp1{right:-90%;}
.jmp1 img{width:40%;}
.jmp2{display:none;}
.jmp3{left:3%;}
.roop{bottom:-45%;}
.item1{display:none;}
.t_cms_txt3, .t_cms_txt6, .t_cms_txt9 {font-size: calc(1rem + 3px);}
#contents .box .txt_wrap{margin-bottom:0;}
.img-container:before{background-color: #30aeaa;}
#page_title .img-container::after {background-color: rgba(241,169,169,0.3);}
.cate_list li {width: 100%;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}