@charset "UTF-8";
html{
  height:100%;
}

body{
	font-size:16px;
	font-family:游明朝;
	margin: 0;
	height:100%;
}

*{
  margin:0;
  padding:0;
}

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

	#hamburger-demo1{
		display: none;
	}
	
/*サイドバー指定*/
#sidebar{
	width:12%;
	background-color: #0a0a0a;
	height:100%;
	position: fixed;
	z-index: 1;
}

#body_0{
	margin-left: 12%;
	width: 88%;
	height: 100%;
	z-index: 0;
}

.title{
	text-align: center;
}

.site-header img{
	width:60px;
	margin-top: 50px;
}
	.title_phone img{
		display: none;
	}

.nav{
	margin-top:50px;
	text-align: center;
}

.menu li a{
	text-decoration: none;
	color: #fff;
	line-height: 40px;
}

#sougo{
    padding: 1px 5px;
    margin: 0 20px;
    border: solid 1px #fff;
}

/*メイントップ指定*/
.top{
	height: 100%;
	width: 100%;
	background-image: url("../image/IMG_1227.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
	background-position: center;
}

#top div{
	text-align: center;
	padding-top:15%;
}

.top img{
	width: 80px;
}

/*想い指定*/
.omoi{
	width: 100%;
	background-image: url("../back/omoi_back.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}

.omoi_width{
	width: 60%;
	margin: 0 20%;
	padding: 10% 0;
}
	.omoi_phone img{
		display: none;
	}

/*品書き指定*/
.oshinagaki{
	width: 100%;
	background-image: url("../back/way_back.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}

.oshinagaki_width{
	width: 80%;
	margin: 0 10%;
	padding: 10% 0;
}
	.oshinagaki_phone img{
		display: none;
	}


/*店舗案内指定*/
.tenpoannai{
	width: 100%;
	background-image: url("../back/way_back_02.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}

.tenpoannai_width{
	padding: 10% 0 10% 10%;
}

.tenpoannai_width div{
	display: table-cell;
}

#honmon{
	width: 28%;
}

#naikan img{
	width: 100%;
	padding: 20% 0;
	margin-left:10%;
}

	.tenpoannai_phone{
		display: none;
	}

/*吾助の挑戦指定*/
.chosen{
	width: 100%;
	background-image: url("../back/way_back.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}

.chosen_width{
	width: 70%;
	margin: 0 15%;
	padding: 10% 0;
}
	
	.chosen_phone{
		display: none;
	}
	
/*フッター*/
footer{
	background-color: #595757;
}

footer p{
	color: #fff;
} 

footer img{
	width: 200px;
}

.foot{
	display: inline-block;
}

.footer_width{
	padding: 30px 0;
	margin: 0 7%;
	width: 86%;
}

#foot_menu_02{
	float:right;
	text-align: right;
	margin: 0 auto 0 0;
}
	
}

@media screen and (max-width:768px){
	
/*サイドバー指定*/
#sidebar{
	width:100%;
	background-color: #0a0a0a;
	height:70px;
	position: fixed;
	z-index: 100;
}

#body_0{
	width: 100%;
	height: 100%;
	z-index: 0;
}

.title{
	text-align: center;
}

	.title img{
		display: none;
	}
	
	.title_phone img{
		height: 30px;
		margin-top: -40px;
		margin-left: 20px;
		
	}

.nav{
	margin-top:50px;
	text-align: center;
}

.menu li a{
	text-decoration: none;
	color: #fff;
	line-height: 40px;
}

#sougo{
    padding: 1px 5px;
    margin: 0 20px;
    border: solid 1px #fff;
}

/*ハンバーガー*/
.demobox-header{
background: #ddd;
height: 64px;
padding: 1em;
}
/* headerのサイト名（デモの参考値） */
.demobox-sitename{
font-weight: 700;
font-size: 18px;
}
/* 全体調整CSS */
.hamburger-demo-menubox *{
	font-size: 16px;
}
.hamburger-demo-menubox li{
	font-size: 14px;
}
/* hamburgerここから */
	/* inputを非表示 */
.input-hidden{
	display: none;
}
	/* label */
.hamburger-demo-switch{
	cursor: pointer;
	position: absolute;
	right: 3%;
	top: 0; /* ハンバーガーアイコンの位置（上から） */
	z-index: 9999;
	width: 4em; /* アイコン（クリック可能領域）の幅 */
	height: 4em; 
}

#hamburger-demo1:checked ~ .hamburger-demo-switch{
	position: fixed;
}

.hamburger-switch-line1, .hamburger-switch-line1:before, .hamburger-switch-line1:after{
	width: 25px;
	height: 3px;
	background: #333;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: .3s;
	content: "";
}
.hamburger-switch-line1{
		transform: translate(-50%, -50%);
}
.hamburger-switch-line1:before{
	transform: translate(-50%, -300%);
}
.hamburger-switch-line1:after{
	transform: translate(-50%, 200%);
}

#hamburger-demo1:checked ~ .hamburger-demo-switch .hamburger-switch-line1{
	width: 0;
}
#hamburger-demo1:checked ~ .hamburger-demo-switch .hamburger-switch-line1:before{
	transform: rotate(45deg) translate(-40%, 325%);
}
#hamburger-demo1:checked ~ .hamburger-demo-switch .hamburger-switch-line1:after{
	transform: rotate(-45deg) translate(-40%, -325%);
}

.hamburger-demo-menuwrap{
	position: fixed;
	height: 100%;
	background: #0a0a0a;
	padding: 5em 3% 2em;
	z-index: 9998;
	transition: .3s;
	overflow-y: scroll;
	top: 0;
	left: 100%;
	width: 70%;
}

.hamburger-demo-menulist{
	margin-right: 3%;
	padding-left: 5% !important;
	list-style: none;
	
}
.hamburger-demo-menulist li a{
	text-decoration: none;
	color: #fff;
	display: block;
	padding: .5em 0;
}

#hamburger-demo1:checked ~ .hamburger-demo-menuwrap{
	left: 30%;
}
	
#hamburger-demo1:checked ~ .hamburger-demo-cover{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9997;
	background: rgba(3,3,3,.5);
	display: block;
}

@media (min-width: 992px){
	.hamburger-demo-menubox{
		display: none;
	}
}
	

/*メイントップ指定*/
.top{
	height: 100%;
	width: 100%;
	background-image: url("../image/IMG_1227.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
	background-position: center;
}

#top div{
	text-align: center;
	padding-top:30%;
}

.top img{
	width: 60px;
}

/*想い指定*/
.omoi{
	width: 100%;
	background-image: url("../back/omoi_back.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}

.omoi_width{
	width: 90%;
	margin: 0 5%;
	padding: 10% 0;
}

	.omoi_inside img{
		display: none;
	}

/*品書き指定*/
.oshinagaki{
	width: 100%;
	background-image: url("../back/way_back.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}

.oshinagaki_width{
	width: 80%;
	margin: 0 10%;
	padding: 10% 0;
}
.oshinagaki_inside img{
	display: none;
	}


/*店舗案内指定*/
	.tenpoannai{
		display: none;
	}
	
	.tenpoannai_phone{
		width: 100%;
	background-image: url("../back/way_back_02.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
	}
	
	.tenpoannai_width{
		width: 90%;
	margin: 0 5%;
	padding: 10% 0 0 0;
	}
	
	.tenpoannai_phone img{
		width: 90%;
	margin: 0 5%;
	padding: 0 0 10% 0;
		
	}

/*吾助の挑戦指定*/
.chosen{
	width: 100%;
	background-image: url("../back/way_back.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}

.chosen_width{
	width: 90%;
	margin: 0 5%;
	padding: 10% 0;
}

	.chosen_inside img{
		display: none;
	}
	
/*アクセス*/
	.access{
	}	
	
/*フッター*/
footer{
	background-color: #595757;
}

footer p{
	color: #fff;
	font-size: 13px;
} 

footer img{
	padding-top:20px; 
	width: 200px;
}

.footer_width{
	padding: 30px 0;
	margin: 0 7%;
	width: 86%;
}
}




/* CSS Document */