@charset "utf-8";





/*boxing*/


#f_view{


  width:100%;


  height:80vh;


}





.inner{


  box-sizing: border-box;


  min-width:320px;


  max-width: 400px;


  margin:0 auto;


}














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


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




















/*font*/


body{


  background-color:#f6f4ef;

  font-family: 'Lora', serif;


}


.alp{


  letter-spacing: .2em;


}


section h2{


  height:45px;


  padding:28px 0 18px 0;


  text-align: center;


  font-size: 23px;


  letter-spacing: .3em;


}


section a{


  font-size: 23px;


}




















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


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

















/*gnav(hmb)*/


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


.DtgM{


  display: none;


}








.hmb {


  display : block;


  position: fixed;


  z-index : 3;


  left : 20px;


  top   : 20px;


  width : 42px;


  height: 42px;


  cursor: pointer;


  text-align: center;


}


.hmb span {


  display : block;


  position: absolute;


  width   : 35px;


  height  : 3px ;


  left    : 6px;


  background : #222;


  -webkit-transition: 0.3s ease-in-out;


  -moz-transition   : 0.3s ease-in-out;


  transition        : 0.3s ease-in-out;


}


.hmb span:nth-child(1) {


  top: 10px;


}


.hmb span:nth-child(2) {


  top: 25px;


}





/* ナビ開いてる時のボタン */


.hmb.active span:nth-child(1) {


  top : 16px;


  left: 6px;


  background :#888;


  -webkit-transform: rotate(-45deg);


  -moz-transform   : rotate(-45deg);


  transform        : rotate(-45deg);


}





.hmb.active span:nth-child(2) {


  top: 16px;


  background :#888;


  -webkit-transform: rotate(45deg);


  -moz-transform   : rotate(45deg);


  transform        : rotate(45deg);


}





/*nav*/


nav.gMenu {


  position: fixed;


  z-index : 2;


  top  : 0;


  left : 0;


  color: #210B06;


  background: #f6f4ef;


  text-align: center;


  width: 100%;


  height: 80vh;


  opacity: 0;


  visibility: hidden;


  transition: opacity .6s ease, visibility .6s ease;


}





nav.gMenu ul.gM_ul {


  margin: 0 auto;


/*  padding-top: 30px;*/


  width: 100%;


  font-size:20px;


}





nav.gMenu ul.gM_ul li {


  list-style-type: none;


  margin-top: 41px;


  padding: 0;


  width: 100%;


  transition: .4s all;


}


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


  margin-bottom: 43px;


}


nav.gMenu ul.gM_ul li a {


  display: block;


  color: #210B06;


  text-decoration :none;


}





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


nav.gMenu.active {


  visibility: visible;


  opacity: 100;





}





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


  nav.gMenu {


    width:350px;


    height: 568px;


    margin-top:10px;


    border-radius: 4px;


    position: fixed;


    top  : 0;


    left : 50%;


    transform: translateX(-50%);


    -webkit-transform: translateX(-50%);


    -ms-transform: translateX(-50%);


  }


  nav.gMenu ul.gM_ul {


    padding-top:0;


    margin-top:-10px;


  }


  nav.gMenu ul.gM_ul li{


    margin-top: 50px;


  }


}




















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


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























/*header*/


header{


  position: relative;


  overflow:hidden;


}


.cut_fstv{

  background:url(../img/sho/sh004.jpg) no-repeat;

  background-size:cover;

  background-position: right center;
}



#h_logo{


  width:130px;
  height:130px;
  border-left:#210B06 1px solid;
  border-bottom:#210B06 1px solid;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background:url(../img/kon_logo2.png) no-repeat;
  background-size:101%;
  background-position: top right;
  opacity:1;
}
#h_logo h1{
visibility: hidden;
}









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


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




















/*mn_intr*/


.mn_intr{


	width:100%;


	max-width:500px;


	text-align:center;


	padding:30px 35px 20px 35px;


	box-sizing:border-box;


	margin:0 auto;


}


.mn_intr h2{


	height:45px;


	padding: 3px 0 40px 0;


	font-size: 27px;


	letter-spacing: .1em;


	line-height:1.5em;


	}


  .mn_intr h2 span.hT{


    padding:0;


    font-size:32px;


    letter-spacing: 0em;


  }


.mn_intr h2 span{


	padding-left:0.3em;


	font-size: 14px;


	letter-spacing: .5em;


	vertical-align:top;


}


.mn_intr p{


    font-size: 17px;


    line-height: 1.9em;


    padding-bottom: 21px;


    letter-spacing: .2em;


    margin-top:60px;


    }




















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


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




















/*ctPr*/


#ctPr{


	width:100%;


}


.ct_bx{


	width:90%;


	max-width:360px;


	margin:0 auto;


}


.c_prs{


	width:100%;


	max-width:290px;


	margin:0 auto;


}


.ct_img{


	width:100%;


	max-width:290px;


	box-sizing:border-box;


	height: 217px;


	max-height:217px;


	border-radius:4px;


	margin-top:40px;


}

.ct_img img{

  width:100%;

}


.ct_tx{


	width:100%;


	max-width: 268px;


	box-sizing:border-box;


	font-size:15px;


	margin:0 auto;


	padding: 40px 10px 15px 10px;


}


.ct_tx p{


	text-align: left;


	display: block;


	margin-bottom: 20px;


	line-height: 1.9em;


	letter-spacing: .1em;


}


.pr_nm p span{


	font-size:25px;


	vertical-align:bottom;


  display: block;


  margin-bottom: -10px;


}


.c_adv{


  background-color:#ddd;


  border-radius:6px;


}


.mrg_bx{


  margin:35px 0;


}


#c_stf h5{


	text-align:center;


	line-height: 1.9em;


	letter-spacing: .2em;


	padding:10px 15px;


	margin-top:35px;


  border:#999 1px solid;


  border-radius: 10px;


  box-sizing: border-box;


}





/*grm item*/











/*reg item*/


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


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




















/*insite_img*/























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


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


























/*infomation*/




















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


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























/*recommended*/


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


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























/*menu*/


























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


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


























/*cutting*/














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


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




















/*access*/


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


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

















/*g_map*/














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


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









































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


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


/*footer*/


footer{


  height:50px;


  margin-top:20px;


}





#c_box{


	width:320px;


	height:100%;


	margin:0 auto;


	box-sizing:border-box;


}


#c_box p{


	width:100%;


	text-align:center;


  color:#473631;


  line-height:50px;


}