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


/*====================
content
====================*/
#content p {
	font-size:15px;
	line-height:21px;
}
#content p.tyuui {
	font-size:13px;
	line-height:19px;
	margin-top:8px;
}
/*====================
 oshirase
====================*/

#content .container {
	clear:both;
}


#content .container h2 {
	font-size:18px;
	line-height:32px;
	color:#B7262C;
	font-weight:bold;
	float:left;
	margin:0 10px 0 16px;
}

#content .section {
	width:764px;
	float:left;
}
#content #oshirase {
	box-sizing:border-box;
	border:none;
	background:#FFF;
	height:32px;
	padding:3px 8px;
	margin:0px 0px 0 0;
	width:100%;
	border-radius:7px;
	box-shadow:inset 1px 1px 3px rgba(0,0,0,.5);
}
/*====================
 main-content
====================*/

.main-content {
	padding-top:27px;
	clear:both;
	position:relative;
	padding-bottom:1px;
}
.panel {
	box-sizing:border-box;
	position:absolute;
	padding:18px 6px 12px 18px;
	background:#FFF;
	border:3px solid #C4EDBA;
	border-radius:8px;
	width:292px;
}
.panel h3 {
	color:#208E67;
	font-size:18px;
	line-height:1.4em;
	margin-bottom:5px;
	font-weight:bold;
}
.panel p {
	font-size:14px;
	line-height:1.4em;
	margin-bottom:20px;
}
.panel h4 {
	color:#208E67;
	font-size:16px;
	line-height:1.4em;
	margin-bottom:4px;
	font-weight:bold;
}
.panel ul {
}
.panel li {
	padding-left:30px;
	line-height:24px;
	font-size:16px;
	color:#000;
	margin-bottom:3px;
	font-weight:bold;
}
.panel li.ippan {
	background:url(../images/point-ippan.png) no-repeat 0px 2px;
}
.panel li.jihai {
	background:url(../images/point-jihai.png) no-repeat 0px 2px;
}
.banner {
	position:absolute;
	top:270px;
	left:25px;
	width:238px;
}
.banner li {
	margin-bottom:10px;
	display:block;
	text-align:center;
}
.banner li a {
	box-sizing:border-box;
	padding-top:10px;
	width:238px;
	height:71px;
	background:url(../images/hatsurei_btn.png) no-repeat;
	display:block;
	text-decoration:none;
}
.banner li a .headline3 {
	color:#000;
	font-size:19px;
	line-height:1.4em;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:3px;
	display:block;
}
#content .banner li a .phrase {
	color:#B7262C;
	font-size:18px;
	text-decoration:none;
	font-weight:bold;
	line-height:1.4em;
	display:block;
}
.banner li a:hover {
	opacity:0.8;
}
/*====================
 map
====================*/

.map {
	margin-left:184px;
	margin-bottom:30px;
	position:relative;
}
.map ul.kyoku {
	position:absolute;
	width:752px;
	height:720px;
	top:0px;
	left:0px;
}
.map ul.kyoku li {
	position:absolute;
	width:21px;
	height:20px;
}
.map ul.kyoku li a:hover {
	opacity:0.8;
}
.map ul.kyoku li img {
	width:100%;
	height:auto;
	vertical-align: top;
}
.map ul.kyoku li.point01 {
	left:36.03723404%;
	top:19.44444444%;
}
.map ul.kyoku li.point02 {
	left:42.42021277%;
	top:23.47222222%;
}
.map ul.kyoku li.point03 {
	left:53.98936170%;
	top:17.77777778%;
}
.map ul.kyoku li.point04 {
	left:61.83510638%;
	top:17.63888889%;
}
.map ul.kyoku li.point05 {
    left: 82.7%;
    top: 22%;
}
.map ul.kyoku li.point06 {
    left: 60.2%;
    top: 35.9%;
}
.map ul.kyoku li.point07 {
	left:65.55851064%;
	top:26.11111111%;
}
.map ul.kyoku li.point08 {
	left:62.23404255%;
	top:49.02777778%;
}
.map ul.kyoku li.point09 {
	left:47.20744681%;
	top:44.72222222%;
}
.map ul.kyoku li.point10 {
	left:43.35106383%;
	top:60.00000000%;
}
.map ul.kyoku li.point11 {
	left:46.27659574%;
	top:58.75000000%;
}
.map ul.kyoku li.point12 {
	left:46.94148936%;
	top:62.22222222%;
}
.map ul.kyoku li.point13 {
	left:40.15957447%;
	top:75.69444444%;
}
.map ul.kyoku li.point14 {
	left:55.71808511%;
	top:87.50000000%;
}
.map ul.kyoku li.point15 {
    left: 31%;
    top: 87.5%;
}
.map ul.kyoku li.point16 {
    left: 33.5%;
    top: 61%;
}
.map ul.kyoku li.point17 {
    left: 16%;
    top: 65%;
}
.map ul.kyoku li.point18 {
    left: 13%;
    top: 61.66666667%;
}
.map ul.kyoku li.point19 {
    left: 5%;
    top: 60.5%;
}
.map ul.kyoku li.point20 {
    left: 2%;
    top: 73%;
}
.map ul.kyoku li.point21 {
	left:49.86702128%;
	top:60.69444444%;
}
.map ul.kyoku li.point22 {
	left:51.86170213%;
	top:25.00000000%;
}
.map ul.kyoku li.point23 {
    left: 56.7%;
    top: 31.3%;
}
.map ul.kyoku li.point24 {
    left: 50%;
    top: 31.6%;
}
.map ul.kyoku li.point25 {
	left:57.57978723%;
	top:37.22222222%;
}
.map ul.kyoku li.point26 {
	left:47.20744681%;
	top:38.33333333%;
}
.map ul.kyoku li.point27 {
    left: 53%;
    top: 42%;
}
.map ul.kyoku li.point28 {
	left:51.19680851%;
	top:33.47222222%;
}
.map ul.kyoku li.point29 {
	left:55.05319149%;
	top:37.22222222%;
}
.map ul.kyoku li.point30 {
	left:10.90425532%;
	top:70.69444444%;
}
.map ul.kyoku li.point31 {
    left: 3%;
    top: 69%;
}
.map ul.kyoku li.point32 {
	left:15.95744681%;
	top:75.83333333%;
}
.map ul.kyoku li.point33 {
	left:9.04255319%;
	top:81.94444444%;
}
.map ul.kyoku li.point34 {
	left:9.84042553%;
	top:60.55555556%;
}
.map ul.kyoku li.point35 {
	left:5.98404255%;
	top:65.00000000%;
}
.map ul.kyoku li.point36 {
	left:6.64893617%;
	top:62.22222222%;
}

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

/*====================
content
====================*/
#content {
	width:100%;
	clear:both;
	padding:10px 0 0 0 !important;
}
#content p {
	font-size:14px;
	line-height:21px;
	text-align:justify;
}
#content p.tyuui {
	font-size:13px;
	line-height:19px;
	margin-top:8px;
}

#content .container {
}

/*====================
 oshirase
====================*/

#content .container {
	clear:both;
}


#content .container h2 {
	font-size:16px;
	line-height:24px;
	color:#B7262C;
	font-weight:bold;
	float:none;
	margin:0 0px 5px 0px;
}

#content .section {
	width:100%;
	float:none;
}
#content #oshirase {
	box-sizing:border-box;
	border:none;
	background:#FFF;
	height:32px;
	padding:3px 8px;
	margin:0px 0px 0 0;
	width:100%;
	border-radius:7px;
}
/*====================
 main-content
====================*/

.main-content {
	padding-top:15px;
	clear:both;
	position:relative;
}
.panel {
	box-sizing:border-box;
	position:static;
	padding:10px 10px 10px;
	background:rgba(255,255,255,0.8);
	border:3px solid #C4EDBA;
	border-radius:8px;
	width:100%;
	margin-bottom:12px;
}
.panel h3 {
	color:#208E67;
	font-size:16px;
	line-height:1.4em;
	margin-bottom:3px;
	font-weight:bold;
}
.panel p {
	font-size:13px;
	line-height:1.4em;
	margin-bottom:12px;
}
.panel h4 {
	color:#208E67;
	font-size:14px;
	line-height:1.4em;
	margin-bottom:4px;
	font-weight:bold;
}
.panel ul {
}
.panel li {
	padding-left:30px;
	line-height:18px;
	font-size:14px;
	color:#000;
	margin-bottom:2px;
	font-weight:bold;
}
.panel li.ippan {
	background:url(../images/point-ippan.png) no-repeat 0px 2px;
	background-size:5%;
}
.panel li.jihai {
	background:url(../images/point-jihai.png) no-repeat 0px 2px;
	background-size:5%;
}
.banner {
	position:static;
	width:100%;
	margin:12px auto;
}
.banner li {
	margin-bottom:10px;
	display:block;
	text-align:center;
}
.banner li a {
	box-sizing:border-box;
	padding-top:5px;
	width:143px;
	height:43px;
	background:url(../images/hatsurei_btn.png) no-repeat;
	background-size:100%;
	display:block;
	text-decoration:none;
	margin:0 auto;
}
.banner li a .headline3 {
	color:#000;
	font-size:14px;
	line-height:1.3em;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:0px;
}
#content .banner li a .phrase {
	color:#B7262C;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	line-height:1.4em;
	text-align:center;
}
.banner li a:hover {
	opacity:0.8;
}

/*====================
 map
====================*/
.smp-trim {
	width:100%;
	overflow:auto;
}
.map {
	margin-left:0px;
	margin-bottom:10px;
	position:relative;
	width:116%;
}
.map img.mainmap {
	width:100%;
	height:auto;
}

.map ul.kyoku {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
.map ul.kyoku li {
	position:absolute;
	width:2.66%;
	height:auto;
}


/*====================
 oshirase
====================*/
#content #oshirase {
}



/*====================
 section
====================*/

#content .section {
}

}