@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
} 
body {
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";	font-size:18px;
	word-wrap: break-word;
	overflow-wrap:break-word;
	background-image: url(../images/bg1.jpg);
	color:#3a2b23;
}
img{
	vertical-align:bottom;
}
h1,h2,h3,h4,h5{
	font-size:100%;
}
ul{
	list-style-type: none;
}
a{
	text-decoration: none;
}
#wrap{
	width:100%;
	margin:0 auto;
}
/*header*/
header {}
header h1 {
	font-size:14px;
	padding: 5px 2%;
}
#header {
	max-width: 1200px;
	margin:0 auto;
	position: relative;
}
#header #logo {
	width:20%;
	margin:30px auto;
}
#header #header_contact {
	position: absolute;
	top:30px;
	right:3%;
	width:7%;
}
#header #header_contact .contact_btn {
	margin-bottom: 10px;
}
#header ul {
	text-align: center;
	width:95%;
	margin:30px auto;
	margin-top: 50px;
}
#header ul li {
	display: inline-block;
	font-size: 18px;
}
#header ul li a{
	color:#3a2b23;
	font-weight: bold;
	display: block;
	padding: 5px 15px;
	padding-bottom: 8px;
}
#header ul li a:hover,
#header ul li .on_page {
	border-bottom: 3px solid #761c18;
	padding-bottom: 5px;
}
/*drawer-menu*/
.drawer-nav{}
.drawer-nav .drawer-menu{
	padding: 20px;
	background-color: #3a2b23;
}
.drawer-nav .drawer-menu li{
	line-height: 1.8;
	margin-bottom: 20px;
}
.drawer-nav .drawer-menu li.on_page{
	border-bottom: 4px double #fff;
}
.drawer-nav .drawer-menu li a{
	color: #fff;
	letter-spacing: 3px;
}
/*footer*/
footer {
	padding-top: 50px;
	background:#761c18;
	color: #fff;
}
footer #logo_f {
	width:15%;
	margin: 0 auto;
	max-width: 180px;
	margin-bottom: 20px;
}
footer #footer_contact {
	width:90%;
	margin:0 auto;
	max-width: 1080px;
	text-align: center;
	margin-bottom: 20px;
}
footer #footer_contact .contact_btn {
	width:10%;
	display: inline-block;
	margin:0 1%;
}
footer p {
	text-align: center;
	font-size:16px;
}
footer #copyright {
	margin: 10px 0;
}
footer #copyright a {
	color:#fff;
}
/*その他*/
.clearfix:after{
	content:".";
	visibility:hidden;
	display:block;
	height:0;
	clear:both;
}
.hide {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.pchide {
	display: none;
}
.sphide {
	display: block;
}
.text {
	display: inline-block
}
/*ページトップに戻る*/
#page-top {
	position: fixed;
	bottom: 40px;
	right:30px;
}
#page-top a {
	width:80px;
	display:block;
}

/*ここからタブレット用（～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width:800px){
body {
	font-size:16px;
}
#header #header_contact {
	top:10px;
	width:9%;
}
}
/*ここからミニタブレット用（～650px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width:650px){
header h1 {
	font-size:12px;
}
#header #logo {
	width:30%;
}
#header #header_contact {
	position: relative;
	right:0%;
	width:40%;
	margin:0 auto;
}
#header #header_contact .contact_btn {
	width: 40%;
	margin: 0px 5%;
	margin-bottom: 30px;
	display: inline-block;
}
#header #main_menu {
	display: none;
}
footer #logo_f {
	width:30%;
}
footer #footer_contact .contact_btn {
	width:15%;
}
footer p {
	font-size:14px;
}
.pchide {
	display: block;
}
.sphide {
	display: none;
}
/*ページトップに戻る*/
#page-top {
	bottom: 70px;
	right:10px;
}
}
/*ここからスマホ用（～415px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width:415px){
#header #logo {
	width:50%;
}
#header #header_contact {
	width:55%;
}
footer #logo_f {
	width:40%;
}
footer #footer_contact .contact_btn {
	width:25%;
}
footer p {
	margin-bottom: 30px;
}
}