@charset "utf-8";





/*boxing*/


#f_view{


  height:685px;


}











.inner{


  min-width:560px;


  max-width: 1040px;


}





/*===================================================


=====================================================*/




















/*font*/




















/*===================================================


=====================================================*/

















/*gnav(hmb)*/


/*　ハンバーガーボタン　*/





/*nav*/


nav.gMenu {


  height: 685px;


}





nav.gMenu ul.gM_ul {


  font-size:25px;


}





nav.gMenu ul.gM_ul li {


  margin-top: 50px;


}


nav.gMenu ul.gM_ul li:last-child {


  margin-bottom: 75px;


}





/* このクラスを、jQueryで付与・削除する */




















/*===================================================


=====================================================*/























/*header*/








/*===================================================


=====================================================*/




















/*mn_intr*/





.mn_intr h2{


	font-size: 35px;


	line-height:1em;


	padding: 45px 0 0px 0;


	margin-bottom:80px;


}





.mn_intr p{


  font-size: 15px;


}


hr{

	margin:30px 0 50px 0;

}












/*===================================================


=====================================================*/


















/*item*/


section h2{
	font-size:28px;
}


.m_tb,.f_bx{


	width:100%;


	max-width:640px;


	margin: 0 auto;


}


.item{

  max-width: 640px;

  margin-top: 60px;

  margin-bottom:60px;

  overflow:hidden;



}

.itm_img{

	width: 51%;


  max-width: 255px;

  margin-top:35px;

  height:192px;

	float: left;

  position:relative;

  top:-15px;

  left:0;

}


.itm_img img{
  position:absolute;
  top:0;
  left:0;
}
.itm_tx{


  width: 43%;


  max-width: 270px;


  float:right;


	padding: 10px 0 0 0;


}


.itm_tx p{


    width: 100%;


    padding: 18px 0 0 5px;


    font-size: 17px;


    line-height: 1.9em;


    box-sizing: border-box;


    letter-spacing:.1em;

    }

.ab_clm{

  margin-bottom:-25px;

  }
.bl_clm{
  width: 640px;

  max-width: 640px;

  float:none;

  clear:both;
}




/*grimm*/


.grm_bx{


  width:90%;


  margin:0 auto;


}


#wh_grm1 .itm_img img{
  position: absolute;
  top:0;
  left:0;
}
#wh_grm4 .itm_img{


  margin-top:40px;


}


/*reg item*/



#wh_reg6{


	position:relative;



}




.reg_m{


	margin:70px 0;


}


.reg_m h2{
  letter-spacing:.3em;


  margin-bottom:60px;


}


.grm_m h2 span, .reg_m h2 span {

	font-size: 16px;

	padding: 0;


  line-height:0.8em;


}




.reg_bx{


	width:95%;
	margin:0 auto;


}


#wh_reg13 .itm_img{


	margin-top:15px;


}


#wh_reg15 .itm_img{

	margin-top:15px;

  height:170px;
}



/*chu item*/


#ch_rgbx .itm{


  	margin-top: 80px;


    margin-bottom: 60px;

}


#ch_reg2 .itm_img{


	margin-top:30px;


  }

#ch_reg1 .itm_img{
  height:192px;
	float: left;
  position:relative;
  top:3px;
  left:0;
}
#ch_reg2 .itm_img{
  height:192px;
	float: left;
  position:relative;
  top:8px;
  left:0;
}

#ch_reg3 .itm_img,
#ch_reg6 .itm_img,
#ch_reg7 .itm_img{
  height:192px;
	float: left;
  position:relative;
  top:-3px;
  left:0;
}
#ch_reg4 .itm_img,
#ch_reg5 .itm_img{
  height:192px;
	float: left;
  position:relative;
  top:20px;
  left:0;
}
#ch_rgbx .itm_tx{
  padding-top:40px;
}



/*ils_bx*/
.ils_bx{
  width:93%;
  max-width:1100px;
  height:150px;
  overflow:hidden;
}
.ils{
  width:80px;
  height:150px;
  float:right;
}
#wh_ils .ils{
  background:url(../img/ils_2.png) no-repeat;
  background-position: right bottom;
  background-size:85%;
}

#ch_ils .ils{
  background:url(../img/ils_3.png) no-repeat;
  background-position: right bottom;
  background-size:90%;
}







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


  #wh_reg12 .itm_tx,


  #wh_reg13 .itm_tx{


  padding-top:0;


  }


  #wh_reg12 .itm_img{


    position:relative;


    top:13px;


    left:0;


  }


  #wh_reg13 .itm_img{


    position:relative;


    top:15px;


    left:0;


  }


}

/*media*/



/*===================================================


=====================================================*/







/*short*/
#sh_grm .sh_hbx{
  float:left;
  position:relative;
  top:18px;
  left:0;
}
#sh_grm1 .itm_img,
#sh_grm2 .itm_img{
  position:relative;
  top:10px;
  left:0;
}


#sh_reg .itm_img{
  width:255px;
  height:190px;
  }



/*recommended*/























/*===================================================


=====================================================*/




















/*pc


/*menu*/




















/*===================================================


=====================================================*/


























/*cutting*/





























/*===================================================


=====================================================*/














/*access*/


#access{

  padding-top:45px;

}


#shp_inf dd {

    margin-top: 2px;

    font-size: 16px;

    padding-left: 45px;

}










/*===================================================


=====================================================*/



































/*===================================================


=====================================================*/

















/*map*/





#map_bx{


  width:90%;


  margin:0 auto;


	padding:50px 0 20px 0;


}


.g_map {


	max-width:100%;


  box-sizing:border-box;


}














/*===================================================


=====================================================*/














/*media access map*/


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


  .hmb,.gMenu{


  opacity: 0;


  visibility: hidden;


}


nav.gMenu.active {


  visibility: hidden;


}





.DtgM{


  position:absolute;


  top:0;


  left:0;


  display: block;


  color: #fff;


  background:transparent;


  height:700px;


  width: 50%;


  opacity: 1;


  z-index: 2;


  overflow:hidden;


}


/*body.Dt_fix .DtgM{


  position:absolute;


  top  : 700px;


  left : 0;


}*/


.gM_ul{


  font-size: 20px;


  padding-top:15px;


  padding-left:45px;


  overflow:hidden;


}


.gM_ul > li {


  width:100%;


  max-width:500px;


  margin:30px 0 10px 0;


  list-style-type: none;


  position: relative;


  transition: .4s all;


  overflow:hidden;


  float:left;


}


.gM_ul > li a {


  display: block;


  width:100px;


  color: #210B06;


  text-decoration :none;


}


#mn_li a.pdm{


  font-weight:bold;


  width:200px;


  cursor: pointer;


}


nav.DtgM li#mn_li li:first-child{


  margin-top:176px;


}


nav.DtgM li#mn_li li {


  line-height: 1.2em;


  height:0;


  font-size:22px;


  width:100%;


  transition: .5s;


}


nav.DtgM li#mn_li:hover > ul{


  padding-top:10px;


  margin-bottom:-8px;


}


nav.DtgM li#mn_li:hover > ul > li {


  height:30px;


  padding-top:25px;


}





/*Dt_sns*/


.Dt_sns{


  position:absolute;


  left:32px;


  top:600px;


}


#d_sns .follow-me li{


  margin-right:16px;


}





#d_sns .follow-me li a::before {


  box-sizing: border-box;


  border:#666 1px solid;


  background-color:transparent;


  height: 42px; /* Button height */


  line-height: 42px; /* Button height */


  width: 42px; /* Button width */





}


#d_sns .follow-me li a[class*="twitter"]:hover::before        { background-color: #55acee; }


#d_sns .follow-me li a[class*="facebook"]:hover::before       { background-color: #3b5998; }


#d_sns .follow-me li a[class*="instagram"]:hover::before      { background-color: #125688; }








/*================================================*/








/*header meida*/


#f_view{


  height:50vh;


  width:50%;


  position:relative;


  top:0;


  left:50%;


}


#h_logo{


  width:210px;


  height:210px;


  z-index: 3;


  text-align:center;


  position: absolute;


  top:40%;


  left:40%;


  z-index: 3;

}


#h_logo h1{


  color:#210B06;


  line-height: 4.8em;


  padding:12px 0;


  font-size:23px;


  letter-spacing: 1.2em;


}


#h_logo h1 span{


  font-size:45px;


}



/*intr*/


#whIntr,#shIntr,#chIntr{


	overflow:hidden;


}



.mn_intr{

	max-width:640px;

	width:640px;

	margin-right:10%;

	float:right;

  padding-top:45px;

}



.mn_intr h2{

  text-align:right;

}

.mn_intr p{

  padding-bottom: 40px;

	font-size:17px;

	letter-spacing:.2em;

	text-align:right;

}



/*================================================*/
















/*================================================*/








/*access map media*/




/*access map media*/


  #access{


	width:90%;


  max-width:744px;


	margin:0 auto;


	box-sizing:border-box;


	padding-top:25px;


	overflow:hidden;


}


#access h2{


	font-size:30px;


	padding:30px 0 55px 0;


}





#shp_inf{


	width:335px;


	padding:0 20px;


	border-right:#555 1px solid;


	border-left:#555 1px solid;


  border-top:none;


	border-bottom:none;


	float:left;


}


#shp_inf dd{

  font-size: 15px;

}



#o_img_box{



  width:312px;

  padding:0;



  float:right;



  margin:50px 0 50px 20px;



  box-sizing: border-box;

}



#out_img{



  width:310px;

  height:;

  overflow: hidden;

  position:relative;

  top:0;

  right:10px;

}



#out_img img{

  width:100%;

}






/*================================================*/








/*g_map media*/


#map_bx{


	padding:50px 0 20px 0;


	clear:left;


}


.g_map {


	max-width:100%;


	box-sizing:border-box;


}








/*pagetop media*/


#pagetop{


  width: 40px;


  height: 40px;


  position: fixed;


  right: 25px;


  bottom: 40px;


  background: #210B06;


  opacity: 0.6;


  border-radius: 50%;


}


#page_top a{


  position: relative;


  display: block;


  width: 50px;


  height: 50px;


  text-decoration: none;


}


#page_top a::before{


  font-family: 'Font Awesome 5 Free';


  font-weight: 900;


  content: '\f102';


  font-size: 25px;


  color: #fff;


  position: absolute;


  width: 25px;


  height: 25px;


  top: -5px;


  bottom: 0;


  right: 0;


  left: 0;


  margin: auto;


  text-align: center;


}





}/*media*/










/*===================================================


=====================================================*/





/*===================================================


=====================================================*/


/*footer*/