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

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

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


/* logo */
.navbar-brand {
  margin-right: 0;
}

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

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

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

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

  .sm-br {
    display: block;
  }

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

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

  .sm-img25 {width: 25%;}
  .sm-img35 {width: 35%;}
  .sm-img50 {width: 50%;}
  .sm-img60 {width: 60%;}  
  .sm-img70 {width: 70%;}
  .sm-img80 {width: 80%;}
  .sm-img90 {width: 90%;}

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

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

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

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

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

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

  .text-title-slashs {
    font-size: 120%;
    padding: 0 !important;
    text-align: center;
  }

  .text-title-slashs:before {left:-30% !important;}
  .text-title-slashs:after {right:-30%  !important;}

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

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

  .text-Leadtext16 {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  .text-Leadtext18 {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
  .text-Leadtext20 {
    font-size: 18px !important;
    line-height: 1.8 !important;
  }
  .text-Leadtext24 {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }
  .text-Leadtext28{
    font-size: 20px !important;
    line-height: 1.6 !important;
  }

  .text-titletext30{
    font-size: 28px !important;
    line-height: 1.6 !important;
  }

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

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

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

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

  .sm-text16 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

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


.header-icon-navi > li img{
  width: 40% !important;
}


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

.foot-links{
  border-top: #3d2c07 1px solid;
}


.foot-links .nav-item{
  width: 50% !important;
  font-size: 12px;
  text-align: center;
  border-bottom: #3d2c07 1px solid;
}

.foot-links .nav-item:nth-child(odd){
  border-right: #3d2c07 1px solid;
}

/* .foot-links .nav-item:last-child {
  width: 100% !important;
  border-right: none !important;
} */


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

.com-contents-title{
  min-height: 150px !important;
}

.com-contents-title p{
  padding: 15px 0;
}

.com-contents-title p span{
  display: block;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #3d2c07;
}

.com-contents-title-bg01{min-height: 320px !important;}
.com-contents-title-bg02{min-height: 320px !important;}


.hexagon-text {
  width: 50px !important;
  height: 90px !important;
}

.hexagon-text p{
  width: 100%;
  line-height: 2 !important;
  font-size: 8px !important;
}


.lf-deliverytime-bg{
  padding: 25px !important;
}

.lf-deliverytime-bg .container{
  max-width: 95% !important;
  padding: 30px !important;
}

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

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

/*=====================================================================
//	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) {}

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

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

/*-----------------------------------------------------------------------------------------
// 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) {


  a.nav-link{
    margin-left: 0 !important;
  }

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

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

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


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

  .mdlg-border-left-br1{border-left:#3d2c07 solid 1px;}
  .mdlg-border-right-br1{border-right:#3d2c07 solid 1px;}

}

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

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