@charset "utf-8";
/*===========================================
original.css INDEX
===========================================*/

/*--------------------------------------------------
header logo adjust
--------------------------------------------------*/
header #logo .siteLogo img,
body.popup header .siteLogo a img{width:98px;}

@media screen and (max-width:767px){
  header #logo .siteLogo img,
  body.popup header .siteLogo a img{width:75px;}
}


/*--------------------------------------------------
slider adjust
--------------------------------------------------*/
.kvWrap#kvXXX .elemslider div{height:500px;}
.kvWrap#kvXXX .elemslider div.elem1{background:url(../../_Templates/images/kv_06.jpg) 0 0 no-repeat;}
.kvWrap#kvXXX .elemslider div.elem2{background:url(../../_Templates/images/kv_03.jpg) 0 0 no-repeat;}
.kvWrap#kvXXX .elemslider div.elem3{background:url(../../_Templates/images/kv_04.jpg) 0 0 no-repeat;}
.kvWrap#kvXXX .elemslider div.elemInner p{width:50%;}

@media screen and (max-width:767px){
  .kvWrap#kvXXX .bx-wrapper .bx-viewport{height:auto; min-height: 100vw;}
  .kvWrap#kvXXX .elemslider div{min-height: 100vw; height:auto;}
  .kvWrap#kvXXX .elemslider div.elem1{background:url(../../_Templates/images/sp_kv_06.jpg) 0 0 no-repeat;}
  .kvWrap#kvXXX .elemslider div.elem2{background:url(../../_Templates/images/sp_kv_03.jpg) 0 0 no-repeat;}
  .kvWrap#kvXXX .elemslider div.elem3{background:url(../../_Templates/images/sp_kv_04.jpg) 0 0 no-repeat;}

  .kvWrap + hr{padding-top:42.5%;}
  .kvWrap[data-change="toggleImg"] + hr{padding-top:119%;}
  #kvXXX + hr{padding-top:100vw;}
}


/*--------------------------------------------------
chapterKV
--------------------------------------------------*/
#kvChapter{background-image:url(../../_Templates/images/kv_06.jpg);}
#kvLower{background-image:url(../../_Templates/images/kv_lower.jpg);}

@media screen and (max-width:767px){
  #kvChapter{background-image:url(../../_Templates/images/sp_kv_06.jpg);}
  #kvLower{background-image:url(../../_Templates/images/sp_kv_lower.jpg);}
}


/*--------------------------------------------------
container (adjust col margin)
--------------------------------------------------*/
/*@media screen and (min-width:768px){
  .row {
    margin-right: -20px;
    margin-left: -20px;
  }
  .row > [class*="col"] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .row + .row{
    margin-top:40px;
  }
}*/


/*--------------------------------------------------
notes iframe Height
--------------------------------------------------*/
.iframePress{height:300px;}

@media screen and (max-width:767px){
  .iframePress{height:200px;}
}