@charset "utf-8";
@import url("reset.css");
@import url("default.css");
html {
color: #333;
}
body {
background-image: url(../img/common/bg1.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #fff;
}
.logo {
width: 100%;
max-width: 360px;
margin: 24px;
}
article > div {
}
article > div > div {
margin: 0 auto;
width: 100%;
max-width: 1024px;
}
footer {
 margin: 30px 0 0 0;
 position: relative;
 background-color: #D9CCAC;
 font-family: "Sawarabi Gothic", sans-serif;
 font-weight: 400;
 font-style: normal;
 text-align: center;
}
footer > img {
 margin: 0 0 0 30px;
 padding: 20px 0 0 0;
 max-width: 220px;
 width: 100%;
}
footer > address {
 margin: 6px 30px;
}
.phone {
 font-size: 1em;
}
.copyright {
 padding: 30px 0;
 text-align: center;
}
.footer-list {
	display: block;
}
.footer-list ul {
	margin: 10px 30px;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ECE2C6;
}
.footer-list ul li {
	display: inline-block;
	position:relative;
	padding: 10px 15px 10px 22px;
    font-size: .9em;
}
.footer-list ul li:before {
position:absolute;
content:'';
top: 12px;
left: 5px;
border-style: solid;
border-width: 6px 0 6px 9px;
border-color: transparent transparent transparent #333;
}
.footer-list ul li a {
	color: #333;
}
.footer-list ul li a:hover {
	color: #777;
	text-decoration: none;
}
footer > img {
	margin: 0 0 0 30px;
}
@media screen and (min-width:480px){

}
@media screen and (min-width:768px){
}
.Highlight a:hover img {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
.pagetop {
position: absolute;
top: -21px;
left: 20px;
font-size: .7em;
}
.pagetop a {
background: #ECE2C6;
text-decoration: none;
color: #333;
width: 120px;
padding: 5px 0;
text-align: center;
display: block;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
}
.page-top a:hover {
text-decoration: none;
background: ;
}

/* 全体調整CSS */
.hamburger-menubox *{
	font-size: 16px;
}
.hamburger-menubox li{
	font-size: 14px;
}
/* hamburgerここから */
	/* inputを非表示 */
.input-hidden{
	display: none;
}
	/* label */
.hamburger-switch{
	cursor: pointer;
	position: absolute;
	right: 3%;
	top: 10px; /* ハンバーガーアイコンの位置（上から） */
	z-index: 9999;
	width: 4em; /* アイコン（クリック可能領域）の幅 */
	height: 4em; /* アイコン（クリック可能領域の）高さ */
}
/* メニュー展開時にハンバーガーアイコンを固定 */
#hamburger1:checked ~ .hamburger-switch{
	position: fixed;
}
/* ハンバーガーアイコン */
.hamburger-switch-line1, .hamburger-switch-line1:before, .hamburger-switch-line1:after{
width: 30px;
height: 4px;
background: #333; /* ハンバーガーアイコンの色 */
position: absolute;
top: 50%;
left: 50%;
transition: .3s;
content: "";
}
.hamburger-switch:after {
	content: "メニュー";
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	position: absolute;
	top: 52px;
	left: 12px;
	color: #513533;
	font-size: 11px;
}
.hamburger-switch-line1{
transform: translate(-50%, -50%);
}
.hamburger-switch-line1:before{
transform: translate(-50%, -300%);
}
.hamburger-switch-line1:after{
transform: translate(-50%, 200%);
}
/* ハンバーガーアイコン･アニメーション */
#hamburger1:checked ~ .hamburger-switch .hamburger-switch-line1{
width: 0;
}
#hamburger1:checked ~ .hamburger-switch .hamburger-switch-line1:before{
transform: rotate(45deg) translate(-40%, 300%);
}
#hamburger1:checked ~ .hamburger-switch .hamburger-switch-line1:after{
transform: rotate(-45deg) translate(-40%, -300%);
}
/* メニューエリア */
.hamburger-menuwrap {
position: fixed;
height: 100%;
background: #fafafa; /* メニューエリアの背景色 */
padding: 5em 3% 2em;
z-index: 9998;
transition: .3s;
overflow-y: scroll; /* メニュー内容が多い場合に縦スクロールする */
top: 0;
left: 100%;
width: 70%;
background-color: #fff;
font-family: "Sawarabi Gothic", sans-serif;
font-weight: 400;
font-style: normal;
}
/* メニューリスト */
.hamburger-menulist {
margin-right: 3%;
padding-left: 5% !important; /* !important不要な場合もあり */
list-style: none;
}
.hamburger-menulist li {
list-style: none;
}
.hamburger-menulist li a {
text-decoration: none;
color: #333; /* メニューリストの文字色 */
display: block;
padding: .5em 0;
font-size: 1.3em;
}
/* メニューエリア･アニメーション */
/* 右から */
#hamburger1:checked ~ .hamburger-menuwrap {
left: 30%;
}
/* コンテンツカバー */
#hamburger1:checked ~ .hamburger-cover {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9997;
background: rgba(3,3,3,.5);
display: block;
}
.hamburger-title img{
 width: 100%;
 max-width: 180px;
 margin: 0 0 0 8%;
}