@charset "utf-8";


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
   共通事項
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

body{
	width:100%;
    font-family:"sawarabi";
	/*font-family:"Meiryo","Hiragino Kaku Gothic ProN",sans-serif;*/
}

/* フォント------------------------------------------------------- */

@font-face {
  font-family: "sawarabi";
  font-style: normal;
  font-weight: 400;
  src: url("../font/sawarabi-gothic-medium.eot?#iefix") format("embedded-opentype"), url("../font/sawarabi-gothic-medium.woff") format("woff")
      , url("../font/sawarabi-gothic-medium.woff2") format("woff2")
, url("../font/sawarabi-gothic-medium.otf") format("opentype");
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
   PC版
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ヘッダー---------------------------------------- */

header{
	width:100%;
	position:relative;
	height:60px;
	background-color:#ffffff;
	background:url(../img/nami.png);
	background-size: cover;
    	background-position: bottom;
	background-repeat:no-repeat;
	z-index:5000;
}

.menu_pc{
	display:block;
}

.menu_sp{
	display:none;
}

.menu_pc{
	position:relative;
	width:1000px;
	margin:0px auto 0 auto;
}
h1{
	width:164px;
	position:absolute;
	top:0;
	left:420px;
	margin:0 auto;
}

.menu_pc .left_a{
	float:left;
}

.menu_pc .right_a{
	float:right;
}

.menu_pc ul{
    padding-top: 25px;
}

.menu_pc li{
	float:left;
	position:relative;
	margin:0 18px 0 0;
}
.menu_pc li:last-child{
	margin: 0;
}
.menu_pc .right_a li:last-child{
	margin:0 0 0 0;
}
.menupcimg{
	width: auto;
	height: 13px;
}
.menu_on{
	display:none;
	width:65px;
	position: absolute;
      	top: -20px;
	left:10%;
}


.hover_01 .menu_on{
	display:none;
	width:65px;
	position: absolute;
      	top: -20px;
	left:-30%;
}

.menu_pc li a:hover > .menu_on{
      display: block;
}


/* FV---------------------------------------- */
.pc{
	display:block;
}

.sp{
	display:none;
}
.fv .page_t{
	position:absolute;
	width:300px;
	top:49%;
	left:0;
	right:0;
	margin:0 auto;
	font-size:30px;
	color:#ffffff;
	text-align:center;
        font-weight: normal;
}


/* フッター---------------------------------------- */

#shop{
	width:100%;
	min-width:1000px;
	background-image:url(../img/green.jpg);
	background-position:0 5.5%;
	background-size:cover;
	background-repeat:repeat-x;
	padding:20px 0;
}
#shop ul{
	width:1000px;
	margin:0 auto;
}

#shop ul li{
	width:312px;
	height:179px;
	float:left;
	padding:20px 10px 0 10px;
	border-right:1px solid #7fc47f;
}

#shop ul li:last-child{
	border-right:none;
}

#shop ul li p{
	font-size:12px;
	color:#92542b;
	line-height:1.7;
}

#shop ul li .title{
	font-size:15px;
	font-weight:bold;
}



footer{
	width:100%;
	min-width:1000px;
	padding:10px 0 10px 0;
	background-color:#658405;
    position: relative;
}

#gohome{
    position:absolute;
    top:-28px;
    right:120px;
    width:130px;
        
    }

#foot{
	width:1000px;
	margin:0 auto;
}

#foot li{
	float:left;
	margin:10px 40px 0 0;
}

#foot li a{
	font-size:14px;
	color:#ffffff;
	display:block;
}


#foot li a:hover{
	opacity:0.7;
}

.copy{
	font-size:13px;
	color:#ffffff;
	text-align:center;
	margin:20px 0 0 0;
}

#gotop{
	position:fixed;
	bottom:20px;
	right:20px;
	width:77px;
	height:77px;
	background-image:url(../img/gotop_off.png);
	background-size:contain;
	background-repeat:no-repeat;
}

#gotop:hover{
	background-image:url(../img/gotop_on.png);
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
   スマホ版
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

#warp{
	overflow-x :hidden; 
}



/* ヘッダー---------------------------------------- */

.menu_pc{
	display:none;
}

.menu_sp{
	display:block;
	width:100%;
	position:relative;
}

header{
	width:100%;
	height:0px;
	position:relative;
	z-index:5000;
}

h1{
	width:30%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:5000;
}
#menu_warp{
	width:100%;
	height:60px;
	background-color: rgba(77,46,30,0.5);
	position:fixed;
	top:0;
	z-index:7000;
	padding:10px 0;
}
.menu_sp .head_sp{
	width:290px;
	min-width:190px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:8000;
}


#spbtn{
	width:60px;
	z-index:8000;
	float:right;
	margin:0 0 0 20px;
}
#spinquiry{
	width:200px;
	z-index:8000;
	float:right;
	margin:5px 0 0 0;
}

#spmenu{
	display:none;
	position:absolute;
	top:0;
	width:100%;
	z-index:7000;
}

#spmenu li{
	background-color:#e1ffbf;
	border-bottom:1px solid #006600;
}
#spmenu li a{
    padding: 13px 10px 13px 10px;
    display: block;
    color: #68381a;
    font-size: 14px;
}

#spmenu li:first-child{
	height:50px;
	padding:20px 0;
	background-color:#ffffff;
	border-bottom:1px solid #006600;
}



#spmenu li span{
	display:inline-block;
	font-weight:bold;
	font-size:14px;
	float:right;
	color:#658405;
}


/* FV---------------------------------------- */

.pc{
	display:none;
}

.sp{
	display:block;
}
.fv .page_t{
	position:absolute;
	width:303px;
	top:49%;
	left:0;
	right:0;
	margin:0 auto;
	font-size:30px;
	color:#ffffff;
	text-align:center;
}
 /* 文字フォント */
@media screen and (max-width:500px){
.fv .page_t{
	position:absolute;
	width:303px;
	top:49%;
	left:0;
	right:0;
	margin:0 auto;
	font-size:20px;
	color:#ffffff;
	text-align:center;
}


}   
    
/* フッター---------------------------------------- */


#shop{
	width:100%;
	min-width:100%;
	background-color:#ffffff;
	background-image:url(../img/green.jpg);
	background-position:0 10px;
	background-size:cover;
	padding:50px 0 40px 0;
	background-repeat:no-repeat;
}
#shop ul{
	width:90%;
	margin:0 auto;
	padding:0;
}

#shop ul li{
	width:100%;
	height:auto;
	border-right:none;
	border-bottom:1px solid #7fc47f;
	padding:20px 0;
}

#shop ul li:last-child{
	border-bottom:none;
}

#shop ul li p{
	font-size:13px;
	color:#92542b;
}

#shop ul li .title{
	font-size:15px;
	font-weight:bold;
}


footer{
	width:100%;
	min-width:0;
	padding:0;
	background-color:#658405;
    position: relative;
}
#gohome{
    position:absolute;
    top:-37px;
    right:5px;
    width:173px;
        
    }
#foot{
	width:95%;
	margin:0 auto;
}

#foot li{
	width:44%;
	float:left;
	margin:0;
	padding:20px 0 20px 15px;
	border-bottom:1px solid #ffffff;
}

#foot li a{
	font-size:13px;
	color:#ffffff;
	display:block;
}

#foot .none_l{
	border-bottom:none;
}

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

.copy{
	font-size:13px;
	color:#ffffff;
	text-align:center;
	margin:20px 0 0 0;
}

#gotop{
	position:fixed;
	bottom:20px;
	right:20px;
	width:20%;
	height:20%;
	background-image:url(../img/gotop_off.png);
	background-size:contain;
	background-repeat:no-repeat;
	z-index:2000;
}

#gotop:hover{
	background-image:url(../img/gotop_off.png);
}

}