@charset "utf-8";





/*boxing*/


#f_view{


  width:100%;


  height:80vh;


}










#insite_img{


  height:30vh;


}



#inf{


  height:364px;


}








#cut_btn{
width:90%;
margin:0 auto;
}


.c_b{
  width:170px;
  border:#999 2px solid;
  border-radius: 7px;
  margin:10px 50px 40px 5px;
  padding:10px

}




.c_b p{
  font-size: 17px;
  line-height: 1.6em;
  letter-spacing: .2em
}
.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 21px 0;


  text-align: center;


  font-size: 30px;


  letter-spacing: .3em;


}


section a{


  font-size: 23px;


}






img{

  overflow:hidden;

}













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


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

















/*gnav*/





/*dt_gMの非表示*/


.DtgM{


  display: none;


}








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


.hmb {


  display : block;


  position: fixed;


  z-index : 3;


  left : 20px;


  top   : 20px;
A

  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;


}

#f_view{


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


}


#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:.9;
}


  #h_logo h1{
	display:hidden;
}










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


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




















/*consept*/


#concept{


  text-align: center;


  padding:20px 38px 45px 38px;




}


#concept h2{


  padding: 10px 0 5px 0;

	line-height:1.2em;
  letter-spacing: .2em;


  color:#333;

font-size:29px;
}


#concept h2 span{

  font-size:17px;

  vertical-align: middle;

}



#concept p{


  font-size: 17px;


  line-height: 1.8em;


  padding-bottom: 21px;


  letter-spacing: .1em;


}
#concept p#cn_fstp{
  padding-top: 35px;
}

#concept a{


	visibility: hidden;


}





.bgColor {


	color: #fff;


	background-color: #141c27;


  border-radius: 15px;


}























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


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




















/*insite_img*/


#insite_img{


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


  background-size:130%;


  background-position: center top;


}




















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


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


























/*infomation*/


#inf{


  padding: 10px 30px 0 30px;


}


#inf h2{


  color:#3A3223;


	font-size:20px;


}


#inf dl{


  font-size: 14px;


  line-height: 1.5em;


  letter-spacing: .2em;


}


#inf dt{


  padding: 10px 0;


}


#inf dd{


  padding: 0 5px 10px 30px;


}


#inf .inf_br{


  padding:10px;


  border-top:#dddbd7 1px solid;


}


#inf .inf_br:last-child{


  border-bottom:#dddbd7 1px solid;


}




















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


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























/*recommended*/


#Rcm{


  width:100%;


}


#rcm{


  width:90%;


  border:#fff 2px solid;


  border-radius: 8px;


  margin:0 auto;


  box-sizing: border-box;


  padding-bottom:30px;


}


#rcm > h2 {


  font-size:21px;


  line-height: 1.2em;


  padding-top: 16px;


color: #333;
}


#rcm > h2 > span{


  font-size:14px;


}


.rcm{


  width:100%;


  margin-top: 32px;


}


.r_img{


  width:85%;


  max-width: 253px;


  height:180px;



  border-radius: 10px;


  box-sizing: border-box;


  margin:0 auto;


  overflow: hidden;

}


.r_img img{


  width: 100%;


}


.rcm p{


  width: 286px;


  display: block;


  padding:25px 0 20px 0;


  margin: 0 auto;


  text-align: center;


  font-size: 21px;


  font-weight: bold;
  box-sizing: border-box;


  letter-spacing:.2em;
}


.rcm .rcm_s{


  margin:0 auto;


  padding:15px;


  font-size: 0.6em;


  border:#555 1px solid;


}


.cap span{


  text-align: left;


  display: block;


  margin:0 auto;


  width: 80%;


  padding: 20px 8px 0 14px;


  font-size:15px;


  font-weight:normal;
  line-height: 1.7em;


  letter-spacing: .1em;


}























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


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























/*menu*/


#Menu{


  margin-top: 20px;


}


#menu{


  width:100%;


}


#menu h2{


  color:#222;

  font-size:32px;


  font-style:italic;


  padding-top:35px;

  padding-bottom:35px;

}





.c_menu{


  width:100%;


  margin-bottom: 40px;


}


.crd_link .m_h{


	height:40px;


	padding-top:25px;


}


.c_menu .cap{


  font-size:16px;


  line-height:1.8em;


  padding:0 20px 15px 20px;


}


.crd_link{


  width:320px;


  height:265px;


  display: block;


  text-decoration: none;


  text-align: center;


  color:#000;


  margin: 0 auto;


  box-sizing: border-box;


}


#chu .crd_link{


   margin-bottom: 0;


}


.m_img{


  max-width:100%;


  height:45%;


  overflow:hidden;


  position:relative;


  border:2px solid #000;


  box-sizing: border-box;


}


.cap_b{


  max-width:100%;


  height:50%;


  padding:20px;


}


.m_img img{


  position: absolute;


  top:-30%;


  left:0;


  width: 100%;

	position: absolute;

	transition: all 0.3s linear;

}


.imgScale img {

	transform: scale(1.5);

}

.c_manu p{


  font-size: 16px;


  letter-spacing: .1em;


  line-height: 1.4em;


}























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


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


























/*cutting*/



#cut_btn{

  width:100%;

  overflow:hidden;

}

#ct_bx{

  width:100%;

  padding:75px 0 0 0;

  overflow:hidden;

}

.ils_link{
	display:block;

  width:100%;

  max-width:340px;

  text-decoration:none;

  color:#210b06;

  font-size:16px;

  overflow:hidden;

  background:url(../img/ils_1.png) no-repeat;

  background-position:90% bottom;

  background-size:70px;

  cursor-style:pointer;

  float:right;


  }

.ct_p{

  width:170px;

  padding:12px 11px 12px 18px;

  border:#555 1px solid;

  border-radius:12px;

  margin:15px 15px 30px 15px;

  position:relative;

  transition: all 0.3s linear;

  }

.ct_p.bgColor{

  background:#210b06;

  }


.ct_p p{
  font-size:16px;

  line-height:1.7em;

  letter-spacing:.2em;

}

.ct_p.bgColor p{
  color:#fff;

  }

.ct_p p span{
  font-size:21px;

font-weight:bold;

}

  .arw_bx{
  width:40px;

  height:40px;

  background:url(../img/arw_r2.png) no-repeat;

  background-position:right bottom;

  background-size:24px;

  position:absolute;

  right:20px;

  bottom:10px;

}

.ct_p.bgColor p arw_bx{
	background:url(../img/arw_r3.png) no-repeat;

  }











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


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




















/*access*/


#access{


	border-top:#888 1px solid;


	padding-top:15px;


}


#shp_inf{


	width:280px;


  padding:25px 20px;


  margin-bottom:30px;


  margin:0 auto;


  border-top:#555 1px solid;


	border-bottom:#555 1px solid;


	box-sizing:border-box;


}


#shp_inf h3{


  font-weight: normal;


	font-size:18px;


	text-align:center;


	margin-bottom:5px;


	letter-spacing:0.2em;


}


#shp_inf dl{


	line-height:1.5em;


	overflow: hidden;


}


#shp_inf dt{


	font-size:13px;


	font-weight:bold;


	margin-top:8px;


	letter-spacing:0.2em;


}


#shp_inf dd{


	margin-top:2px;


	font-size:13px;


	padding-left:45px;


}


#shp_inf #tel{


	float:left;


	margin-top:10px;


}


#shp_inf #tel+dd{


	margin:12px 0;


}


#o_img_box{


  padding-top:50px;


}


#out_img{


	border:#555 1px solid;


  width:300px;

  height:200px;

  margin-top:15px;

  margin: 0 auto;


}


#out_img img{

  width:100%;

}





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


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

















/*g_map*/


.g_map {


	margin:55px 0 40px 0;


	position: relative;


	padding-bottom: 250px; /*高さは250pxで固定*/


	height: 0;


	overflow: hidden;


	max-width:460px;


	border:#555 1px solid;


}





.g_map iframe {


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


}














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


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









































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


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


/*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;


}