@charset "UTF-8";
@media screen and (max-width: 640px) {

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#wrapper {
	width:100%;
}

/* スマホ用CSS ↓*/

/* -------------- カラー統一 -------------- */

button.drawer-hamburger {
	border: 1px solid #8acde3;
/*2412	border: 1px solid #c2a52d;*/
}

header {
	border-top: 5px solid #8acde3;
/*2412	border-top: 5px solid #c2a52d;*/
}

/* -------------- drawer -------------- */

button.drawer-toggle {
	display: block;
}

button.drawer-hamburger {
	background: #FFF;
	border-radius: 3px;
	margin: 10px;
}


button.drawer-hamburger:hover {
	opacity: .7;
}

ul.drawer-menu li {
	border-bottom: 1px solid #EEE;
}

ul.drawer-menu a {
	padding: 10px 15px;
	display: block;
	color: #666;
	font-weight: bold;
}

ul.drawer-menu a:hover {
	background: #c6e7f1;
	color: #3b94d9;
	font-weight: bold;
	text-decoration: none;
}

ul.drawer-menu a:hover:before {
	color: #FFF;
}

/* -------------- サイト共通基本プロパティ -------------- */

main {
	width: auto;
}

main#lower {
	width: auto;
	margin: 25px 0.25em;
}

/* -------------- サイト共通ヘッダー -------------- */

header {
	border-bottom: 1px solid #dcdddd;
	width: auto;
	height: auto;
	background: #fff;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
}


header div.inner {
	width: auto;
	height: 75px;
}

header h1 {
	top: 15px;
}

header h1 img {
	width: 70%;
}

header nav,
header ul.sns,
header ul.sns-x {
	display:none;

}

header { z-index: 99; }
.bx-wrapper { z-index: 0; }
.drawer-toggle { z-index: 999;}
.drawer-nav { z-index: 9999; }

/* -------------- サイト共通汎用部品：見出し -------------- */

h2.mds span {
	float: none;
	display: block;
	margin: 5px 0 5px -8px;
	display: none;
}

p.more a {
	display: block;
	
}

/* -------------- サイト共通フッター -------------- */

footer {
	height: 300px;
}

footer ul.sns { 
	width: 80%;
	display: flex ;
	justify-content: space-around;
	padding-top: 20px;
	text-align: center;
	margin: 0 auto;
 }

footer ul.sns-x { 
	display: flex ;
	justify-content: space-around;
	text-align: center;
	margin: 20px auto;
 }

footer p.logo-f {
	position: static;
	border-top:1px solid #ddd;
	text-align: center;
	margin: 0;
	padding-bottom:0;
}



footer p.access {
	position: static;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;

}


footer nav {
	position: static;
	padding: 10px 0;
	text-align: center;
}

footer nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

footer nav ul li {
	border-left: none;
	width: 45%;
	margin-bottom: 0.5em;
}


footer nav a {
	display: block;
	padding: 0.75em;
}

footer p.logo-f a {
	display: block;
	padding: 1em 0 0.5em 0;
}

footer nav a:hover {
	background: #88cce3;
	opacity: .7;
}



footer div.inner {
	width: auto;
}


.pagetop {
	bottom: 20px;
	right: 20px;
}

/* -------------- サイト共通汎用部品：デフォルトフォーム -------------- */

form.default {
	margin-top: 20px;
	margin-bottom: 0px;
}

form.default dl dt {
	font-size: 16px;
	width: auto;
	text-align: left;
	padding-top: 5px;
	margin-bottom: 5px;
	border-radius: 0;
	float: none;
	background: #eeefef;
	border-left: 5px solid #e5be67;
}

form.default dl dt:before {

}

form.default dl dd {
	width: auto;
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 2;
}

form.default input[type=text], 
form.default input[type=tel],
form.default input[type=email] {
	width: 93%;
	border: 1px solid #DDD;
}

form.default select {
	width: 100%;
	font-size: 14px;
	margin-bottom: 5px;
	border: 1px solid #DDD;
}

form.default dl dd label {
	display: inline-block;
	margin-left: 0.5em;
	margin-right: 1em;
}

form.default button {
	margin: 0;
	background: #FF9933;
}

form.default p.btn-snd {
	text-align: center;
	margin: 20px 0 40px 0;
}

form.default textarea {
	width: 93%;
	height: 5em;
	border-radius: 5px;
	border: 1px solid #DDD;
}

/* スマホ用CSS ↑*/

}