@charset "utf-8";
/*-----------------------------------------------------------------------------------------
// smart phone
-----------------------------------------------------------------------------------------*/

@media screen and (max-width: 737px) {

/*=====================================================================
//	bootstrap
=====================================================================*/


#navbarNav .nav-item:first-child{
  margin-top: 10px;
}

#navbarNav .nav-item:last-child{
  border: 0;
}

.sm-cols{
  padding-left: 10px;
}

.sm-cols [class*="col-"]{
  padding: 0;
  padding-right: 10px;
}

.sm-btn{
  width: 240px !important;
  margin: 0 auto;
}

.carousel-item{
  text-align: center;
}

.carousel-item img{
  height: 340px;
  object-fit: cover;
}

.carousel-item:nth-child(2) img{object-position: 0 100%}
.carousel-item:nth-child(3) img{object-position: 52% 50%}
.carousel-item:nth-child(4) img{object-position: 54% 50%}

.genre-item img{
  height: 100px;
  object-fit: cover;
}

/*=====================================================================
//	common
=====================================================================*/

  /*========================================================================
　//	space */

  .sm-br {
    display: block;
  }

  .sm-br-none {
    display: none;
  }  

  /*========================================================================
  //	img-size */

  .sm-img15 {width: 15%;}
  .sm-img20 {width: 20%;}  
  .sm-img25 {width: 25%;}
  .sm-img35 {width: 35%;}
  .sm-img50 {width: 50% !important;}
  .sm-img60 {width: 60%;}  
  .sm-img70 {width: 70%;}
  .sm-img80 {width: 80%;}
  .sm-img100 {width: 100% !important;}

  /*========================================================================
  //	table */

  th, td {
    display:block !important;
    float:left;
    clear:both;
    width: 100%;
    line-height: 1.6 !important;
  }

  .price-table tr{
    border-top:rgba(255,255,255,0.3) 1px solid ;
  }

  .price-table tr th{padding-top: 10px !important;}
  .price-table tr td{padding-bottom: 10px !important;}

  .price-table tr:first-child{
    border:none;
  }

  /*========================================================================
  //	border */

  .sm-border-none{
    border: 0 !important;
  }

  .sm-border-top-gr1{border-top:#b7b7b7 solid 1px;}

/*=====================================================================
//	text
=====================================================================*/

  /*========================================================================
  //	title */
  

  /*========================================================================
  //	align */
  .sm-text-center {text-align: center !important;}
  .sm-text-left {text-align: left !important;}
  .sm-text-right {text-align: right !important;}

  /*========================================================================
  //	Leadtext */

  .text-Leadtext14 {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  .text-Leadtext16 {
    font-size: 14px !important;
    line-height: 1.9 !important;
  }
  .text-Leadtext18 {
    font-size: 16px !important;
    line-height: 2 !important;
  }
  .text-Leadtext20 {
    font-size: 18px !important;
    line-height: 2 !important;
  }
  .text-Leadtext24 {
    font-size: 18px !important;
    line-height: 2.2 !important;
  }
  .text-Leadtext28{
    font-size: 20px !important;
    line-height: 2.2 !important;
  }

  .text-titletext40{
    font-size: 26px !important;
    line-height: 1.6 !important;
  }

  .text-titletext45{
    font-size: 30px !important;
    line-height: 1.6 !important;
  }

  .sm-text12 {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  .sm-text14 {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  .sm-text20 {
    font-size: 20px !important;
    line-height: 1.4 !important;
  }

/*=====================================================================
//	contents bg
=====================================================================*/

  .bg-washi01{
    background:url("../img/common/bg-washi01-sp.jpg") no-repeat;
    background-position: 100% center;
    background-size: cover;
  }

  .bg-kamon{
    background:url("../img/uzen/uzen-img-sp-bg.png") no-repeat;
    background-position: center center;
    background-size: cover;
  }

/*=====================================================================
// header 
=======================================================================*/

.main-text-img{
  top: 20%;
}

/*=====================================================================
// footer 
=======================================================================*/

.line-height2{
  line-height: 2 !important;
}


.foot-links ul{
  background: #E9E9E9;
}

.foot-links li{
  border-bottom: 1px #FFF solid;
}

.foot-links li:nth-child(odd){
  border-right: 1px #FFF solid;
}

.foot-links li:nth-child(1):before,
.foot-links li:nth-child(2):before,
.foot-links li:nth-child(3):before,
.foot-links li:nth-child(4):before {
  content: '';
  display: none;
}


/*=====================================================================
//	top
=====================================================================*/

/*=====================================================================
//	button
=======================================================================*/

.btn-txt24b{font-size: 18px !important;}
.btn-txt28b{font-size: 22px !important;}


/*=====================================================================
//	parallax
=====================================================================*/

.parallax-img{
  min-height: 230px;
}


.plx-image-main {
  min-height: 550px !important;
  background: url('../img/top/main-image.jpg') no-repeat 60% center / cover !important;
}

.plx-image01 {
  min-height: 300px !important;
  background: url('../img/top/bg-parallax02.jpg') no-repeat center  center / cover !important;
}

.plx-image-tenpo{
  min-height: 300px !important;
  background: url('../img/top/main-image.jpg') no-repeat 54%  center / cover !important;
}

.plx-image02 {
  background: url('../img/page-header/p-header02-uzen.jpg') no-repeat center center / cover !important;
}

.plx-image03 {
  background: url('../img/page-header/p-header03-omotenashi.jpg') no-repeat center center / cover !important;
}

.plx-image04 {
  background: url('../img/omotenashi/omotenashi-houji-img03.jpg') no-repeat center center / cover !important;
}

.plx-image05 {
  background: url('../img/omotenashi/omotenashi-haisou-img04.jpg') no-repeat center center / cover !important;
}

.plx-image06 {
  background: url('../img/page-header/p-header04-menu.jpg') no-repeat center center / cover !important;
}



/*=====================================================================
//	title-circle
=====================================================================*/

.title-circles{
  width: 110px;
  height: 110px;
  position: relative;
  display: block;
  margin: 0 auto;
}

.title-text-in{
  font-size: 14px;
}



/*=====================================================================
//	top btn
=====================================================================*/

/*トップへ戻るボタン*/
a.topBtn {
  bottom:10px !important; /*場所を右下に移動*/
  right:10px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  text-decoration:none !important;
  font-weight:bold;
  text-align:center;
  font-size: 10px !important;
}

a.topBtn i{
  font-size: 25px !important;
  display: block;
}

  /**/
}

/*-----------------------------------------------------------------------------------------
// sx-window
-----------------------------------------------------------------------------------------*/

@media all and (max-width: 321px) and (orientation: portrait) {}

/*-----------------------------------------------------------------------------------------
// landscape & portrait
-----------------------------------------------------------------------------------------*/

/* スマホ横*/

@media all and (max-width: 737px) and (orientation: landscape) {}

/* スマホ縦*/

@media all and (max-width: 737px) and (orientation: portrait) {}



/*-----------------------------------------------------------------------------------------
// smart phone & tablet only
-----------------------------------------------------------------------------------------*/


@media screen and (max-width: 1024px) {

  .smmd-ext-center {
    text-align: center !important;
  }
  .smmd-text-left {
    text-align: left !important;
  }
  .smmd-text-right {
    text-align: right !important;
  }

  .h-main-logo{
    width: 25%;
    height: 50px;
    position:absolute;
    top: 35px;
    z-index: 4000;
  }

  header .nav-item:hover > .hover-menu01,
  header .nav-item:focus > .hover-menu01{
    display:none;
  }

}


/*-----------------------------------------------------------------------------------------
// tablet only
-----------------------------------------------------------------------------------------*/

@media screen and (min-width: 737px) and (max-width: 1024px) {

  .md-img15 {width: 15%;}
  .md-img25 {width: 25%;}
  .md-img35 {width: 35%;}
  .md-img50 {width: 50%;}
  .md-img60 {width: 60%;}  
  .md-img70 {width: 70%;}
  .md-img80 {width: 80%;}

  .md-img120 {width: 120% !important;}

  .md-ext-center {
    text-align: center !important;
  }
  .md-text-left {
    text-align: left !important;
  }
  .md-text-right {
    text-align: right !important;
  }

  .plx-image-main {
    background: url('../img/top/main-image.gif') no-repeat 65% center / cover !important;
  }

}

/*-----------------------------------------------------------------------------------------
// tablet landscape & portrait
-----------------------------------------------------------------------------------------*/

/* タブレット横 */

@media screen and (min-width: 737px) and (max-width: 1024px) and (orientation: landscape) {}

/* タブレット縦 */

@media screen and (min-width: 737px) and (max-width: 1024px) and (orientation: portrait) {}

/*-----------------------------------------------------------------------------------------
// tablet up 7inch ～ pc
-----------------------------------------------------------------------------------------*/

@media screen and (min-width: 737px) {

/*=====================================================================
//	text
=====================================================================*/

  /*========================================================================
  //	align */

  .mdlg-ext-center {
    text-align: center !important;
  }
  .mdlg-text-left {
    text-align: left !important;
  }
  .mdlg-text-right {
    text-align: right !important;
  }

}

/*-----------------------------------------------------------------------------------------
// pc only
-----------------------------------------------------------------------------------------*/

@media screen and (min-device-width: 1300px) {}