@charset "UTF-8";


div.bt_area {
    margin-bottom: 45px;
}
div.bt_area a.bt_pamph {
    background: #003366;
    border-radius: 3px;
    position: relative;
    display: flex;
    margin: 0 auto;
    max-width: 360px;
    width: 90%;
    padding: 16px 0px;
    color: #ffffff;
    transition: 0.3s 
ease-in-out;
    font-weight: 500;
    flex-direction: column;
    align-items: center;
    font-size: 1.6em;
    text-decoration: none;
}
div.bt_area a.bt_pamph:hover {
    background: #ffffff;
    color: #003366;
    border: 1px solid #003366;
}
/* ---------- section.characteristic -------------------- */
.characteristic {
	background-color:#fee;
	padding-bottom:20px;
}
.characteristic h2 {
	background:url(../common/images/dot_red.gif) 0 0 #f00;
	font-size:1.4em;
	color:#fff;
	letter-spacing:2px;
	text-shadow:0 0 4px #c00;
	text-align:center;
	margin-bottom:20px;
	padding:4px 0;
}
.characteristic ul {
	margin-bottom:20px;
	padding:0 4%;
}
.characteristic ul li {
	font-size:1.6em;
	margin:5px 0;
}
.characteristic span {
	display:block;
	font-size:1.0em;
	color:#f00;
	padding:0 5%;
}

/* ---------- section.method -------------------- */
.method {
	background-color:#fed;
	margin-bottom:40px;
	padding-bottom:20px;
}
.method h2 {
	background:url(../common/images/dot_yellow.gif) 0 0 #fc0;
	font-size:1.4em;
	color:#fff;
	letter-spacing:2px;
	text-shadow:0 0 4px #c60;
	text-align:center;
	margin-bottom:20px;
	padding:4px 0;
}
.border {
	border-bottom:solid 1px #fff;
	padding:0 5%;
}
.border p {
	font-size:1.2em;
	line-height:1.5;
	margin-bottom:10px;
}
.list01 {
	margin-bottom:10px;
	padding-left:20px;
}
.list01 li {
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:1px;
}
.bt { margin-bottom:30px; }
.bt li {
	float:left;
	width:48%;
	text-align:center;
	margin:0 1%;
}
.bt li a,
.bt li a:link,
.bt li a:visited {
	display:block;
	background-color:#f90;
	border-radius:2px;
	height:40px;
	font-size:1.1em;
	color:#fff;
	line-height:3.4;
	letter-spacing:1px;
	text-decoration:none;
}
.bt li a:hover { background-color:#fc3; }
.receptionist { padding:0 5%; }
.receptionist h3 {
	font-size:1.6em;
	font-weight:bold;
	color:#036;
	text-align:center;
	letter-spacing:1px;
	margin-top:10px;
}
.receptionist h3 strong {
	display:block;
	background-color:#036;
	color:#fff;
	margin-bottom:10px;
}
.list02 {
	margin-bottom:10px;
	padding-left:20px;
}
.list02 li {
	font-size:1.2em;
	letter-spacing:1px;
	margin:5px 0;
}
.list02 li:first-child a[href^="tel:"] {
	text-decoration:none;
	cursor:text;
	color:#000;
}
.list02 li a strong {
	font-size:1.4em;
	font-weight:bold;
}
.receptionist dl { padding:0 20px; }
.receptionist dl dt {
	font-size:1.3em;
	font-weight:bold;
	color:#666;
	letter-spacing:1px;
	margin-bottom:5px;
}
.receptionist dl dd {
	font-size:1.1em;
	color:#666;
	line-height:1.5;
	letter-spacing:1px;
}

/* ---------- section.introduce -------------------- */
.introduce h3 {
	border-top:solid 1px #036;
	border-bottom:solid 1px #036;
	font-size:1.6em;
	color:#036;
	letter-spacing:2px;
	text-align:center;
	margin-bottom:30px;
	padding:20px 0;
}
.introduce>div { margin-bottom:60px; }
.title { margin-bottom:10px; }
.title strong {
	display:block;
	font-size:1.4em;
	text-align:center;
	letter-spacing:1px;
	margin-bottom:10px;
}
.title div {
	display:block;
	background-color:#ccc;
	width:300px;
	height:200px;
	margin:0 auto 20px auto;
	overflow:hidden;
}
.title div img {
	width:100%;
	height:auto;
}
.detail { padding:0 5%; }
.detail>span {
	display:block;
	background-color:#ff0;
	width:180px;
	font-size:1.1em;
	text-align:center;
	margin-bottom:5px;
	padding:2px 0 1px 0;
}
.detail strong {
	display:block;
	font-size:1.8em;
	margin-bottom:5px;
}
.detail strong span { font-size:0.7em; }
.detail table {
	border:solid 1px #ccc;
	border-collapse:collapse;
	width:100%;
	margin:0 auto 20px auto;
}
.detail table tr th {
	border:solid 1px #ccc;
	background-color:#eee;
	width:22%;
	font-size:1.1em;
	text-align:center;
	padding:5px;
}
.detail table tr td {
	border:solid 1px #ccc;
	width:28%;
	font-size:1.1em;
	padding:5px;
}
.detail table tr td span {
	font-weight:bold;
	color:#f00;
}
.introduce div ul {
	width:280px;
	margin:0 auto;
}
.introduce div ul li a,
.introduce div ul li a:link,
.introduce div ul li a:visited {
	display:block;
	background-color:#f90;
	border-radius:2px;
	width:100%;
	height:40px;
	font-size:1.2em;
	color:#fff;
	line-height:3.4;
	letter-spacing:1px;
	text-align:center;
	text-decoration:none;
}
.introduce div ul li a:hover { background-color:#fc3; }

#shop_list{
	overflow: hidden;
}
#shop_list h4 {
    font-size: 1.4em;
    border-bottom: solid 1px;
    padding-bottom: 5px;
    margin-bottom: 25px;
}
#shop_list .ac-shop {
    margin-bottom: 20px;
    padding-bottom: 5px;
}

@media only screen and (min-width: 768px) {
	/* ---------- section.characteristic -------------------- */
	.characteristic { background:url(../images/characteristic_image.jpg) 96% 50px no-repeat #fee; }
	.characteristic ul { margin-bottom:10px; }
	.characteristic span { width:300px; }

	/* ---------- section.method -------------------- */
	.border {
		float:left;
		border:none;
		width:330px;
		margin:0 10px 0 35px;
		padding:0;
		position:relative;
		top:10px;
	}
	.list01 { margin:20px 0 20px 0; }
	.bt { margin-top:20px; }
	.receptionist {
		float:right;
		width:330px;
		margin:0 35px 0 10px;
		padding:0;
		position:relative;
		top:-5px;
	}
	.receptionist h3 { text-align:left; }
	.receptionist h3 strong { padding-left:5px; }
	.receptionist dl { padding:0 10px; }

	/* ---------- section.introduce -------------------- */
	.title {
		float:left;
		width:300px;
		padding:0 10px;
	}
	.title strong {
		text-align:left;
		padding:0 5px;
	}
	.detail {
		float:right;
		width:420px;
		padding:0 10px;
	}
	.introduce div ul {
		clear:both;
		width:480px;
	}

	#shop_list {
        max-width: 760px;
        margin: auto;
    }
	#shop_list .ac-shop {
        float: left;
        width: 46%;
        margin: 0 2%;
        height: 225px;
    }
}