@charset "UTF-8";
/* CSS Document */
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,b,i,s,strike,address,form,label,menu,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;min-height:0;max-height:999999px;}strong,em,u{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;font:inherit;}table,caption,tbody,tfoot,thead{vertical-align:top;}body{background:#ffffff;font-size:15px;font-family:'Lucida Grande',Helvetica,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;color:#000000;line-height:1.6;-webkit-text-size-adjust: 100%;}h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p{padding:0;margin:0;font-weight:normal;font-size:1em;}ul{list-style-type:none;}li img{vertical-align:middle;}p{padding-bottom:1.2em;}textarea,table{font-size:1.0em;}img,a{border:0;outline:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}address{font-style:normal;display:inline;}.clear{clear:both;}element or parent element{width:100%;height:auto;min-height:1px;max-height:999999px;}

/* Link */
a{color: #bb272d;}
a:hover{text-decoration:none;
	opacity: .65; 
	filter: alpha(opacity=65); 
	-ms-filter: "alpha(opacity=65)";
	-khtml-opacity: .65; 
	-moz-opacity: .65; }

/*body*/
body{width:1000px; margin:0 auto; border-left:2px solid #000;border-right:2px solid #000; position:relative;}

@media print, screen and (max-width:1004px){
body{width:100%;border-left:none;border-right:none;}
}

/*header*/

h1 { position: absolute; z-index:1000; width:100%; text-align:center; top:220px;}
@media print, screen and (max-width:900px){h1 { top:180px;}}
@media print, screen and (max-width:700px){h1 { top:140px;}}
@media print, screen and (max-width:600px){h1 { top:110px;}h1 img{ width:250px; height:auto;}}
@media print, screen and (max-width:500px){h1 { top:90px;}h1 img{ width:220px;}}
@media print, screen and (max-width:400px){h1 { top:70px;}h1 img{ width:220px;}}

.slider{ position:relative;}
.slider img {width: 100%;}
.slidesjs-pagination {
	text-align:center;
	position:absolute;
	width:100%;
	bottom:10px;
	z-index: 1000;
}
.slidesjs-pagination li{
	display:inline-block;
	margin: 3px;
}
.slidesjs-pagination-item a{
	display:block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #c6c6c6;
	line-height: 1;
	text-indent: -9999px;
	overflow: hidden;
}
.slidesjs-pagination .slidesjs-pagination-item a.active{background: #bb272d;}
nav{ float:right; list-style:none; margin-top: 10px; margin-right:30px;}
nav li{ float:left; padding-right:20px;}
nav li a{ color:#333; line-height:2; font-size:0.85em; font-weight:bold;}
nav li a:hover{ border-bottom: 2px solid #4D4D4D;}
nav li.img a:hover{ border-bottom: none;}
@media print, screen and (max-width:600px){nav{margin-right:0; margin-bottom:20px;}nav li{ padding-right:13px;}}
@media print, screen and (max-width:350px){nav li{ padding-right:10px;}}


/*main*/

main{ clear:both;}

h3.dl{ margin-bottom:30px;}
#dl{ margin:0 auto; text-align:center;}
#dl a{ display:inline-block; margin: 0 7px; padding-bottom:5px;color:#333; line-height:2; font-weight:bold;}

#toptxt{ width:700px; margin:0 auto 40px; padding-top:40px;font-size:0.95em;}

h2.ttl{ font-size:2.3em; font-weight:bold; text-align:center; margin-bottom:17px;}
h2.ttl:after{ content:""; height:2px; width:230px; background:#000; display:block; margin: 0 auto;}
.ttlimg{ margin-bottom:50px;}

h3{ text-align:center; margin:0 0 50px;  padding-top:50px;}
#con01 h3{background:url(images/img_1.png) no-repeat center top;}
#con02 h3{background:url(images/img_19.png) no-repeat center top;}
h3 span{ display:block; font-weight:bold;}
h3 .siz01{ font-size:0.9em;line-height:1.2;}
h3 .siz02{ font-size:1.7em;line-height:1;}
#con01 > p.img{ text-align:center; padding-bottom:40px;}
@media print, screen and (max-width:1004px){
main{ margin:0;}
}
@media print, screen and (max-width:800px){
#toptxt{ width:auto; margin:0 20px 100px;}
}
@media print, screen and (max-width:600px){
#toptxt{ margin:0 15px 50px;}
#con01 > p.img{ margin:0 15px;}
#con01 > p.img img{ width:100%; height:auto;}
h2.ttl{ font-size:2.1em;margin-bottom:20px;}
h3 .siz02{ font-size:1.5em;}
h3{ padding-top:30px;}
#con01 h3{background:url(images/img_1.png) no-repeat center top;background-size: auto 25px;}
#con02 h3{background:url(images/img_19.png) no-repeat center top;background-size: auto 25px;}
}


#shuin{ width:445px; margin:0 auto 100px; position:relative; padding-left:56px;}
#shuin .inner{border-left:1px solid #c2c2c2;box-shadow: -1px 0 0 0 #ebebeb; padding-left:23px;}
#shuin p{ font-size:1.2em; font-weight:bold;}
#shuin p span{ font-weight:normal;}
#shuin li span{ font-size:0.8em; display:block; font-weight:normal;}
#shuin li{ padding:8px 0 0 45px; background-position:0 0; background-repeat:no-repeat; min-height:32px; margin-bottom:10px; font-weight:bold;} 
#shuin li:first-child{ background-image:url(images/img_4.png);}
#shuin li:nth-child(2){ background-image:url(images/img_5.png);}
#shuin li:nth-child(3){ background-image:url(images/img_6.png);}
#shuin:before{content:"";display:block; width:48px; height:154px; background:url(images/img_3.png) no-repeat; position:absolute; left:-17px; top:0;}

ul#spot{ overflow:hidden; width:850px; margin:0 auto 100px;}
ul#spot li{ float:left; width:400px; margin-bottom:10px;}
ul#spot li:nth-child(2n){ float:right;}
ul#spot li .name{ padding-bottom:7px;}
ul#spot li .name span{ display:block; font-size:0.75em; padding-left:25px;}

ul#prop{ overflow:hidden; width:680px; margin:0 auto 100px;}
ul#prop li{ float:left; width:280px; margin-bottom:10px;}
ul#prop li:nth-child(2n){float:right;}
ul#prop li .name{ padding-bottom:7px;}
ul#prop li .name span{ display:block; font-size:0.75em; padding-left:25px;}

#gmap{ margin-bottom:30px;}
#con03 h3{ margin-bottom:20px;}
#con03 > p{ margin:0 auto; width:500px; font-size:0.9em; color:#333333;}
#con03 .siz03{ display:block; font-size:1.1em; margin-bottom:5px;}
#con03 .rb{ display:inline-block; width:140px; margin-bottom:5px; margin-right:10px; border-right:2px solid #c0c0c0;}
#con03 h3 .siz01{ line-height:2;}

ul#access{ width:600px; margin:0 auto 100px;}
ul#access li{ border-bottom:1px solid #000000; padding:15px 0 5px;}
ul#access li:first-child{ border-top:1px solid #000000;}
ul#access h4{font-weight:bold; font-size:1.1em; padding-bottom:10px;}
ul#access li p{ font-size:0.9em; color:#333333;}
ul#access li:nth-child(3) p{ font-size:0.85em;}

ul#fq{ width:700px; margin:0 auto 80px; overflow:hidden;}
ul#fq .qttl{font-weight:bold; font-size:1.1em; padding-bottom:12px;color:#333;}

ul#fq .qno{ display:block; float:left;}
ul#fq .qttl .qtxt{ border-left:2px solid #c0c0c0; padding-left:10px; margin-left:10px;  display:block; float:left;}
ul#fq .atxt{ padding-left:50px; padding-top:10px; font-size:0.85em; clear:both; }

@media print, screen and (max-width:850px){
article#con01{ margin:0 15px;}
ul#spot{ width:auto; margin:0 0 100px;}
ul#spot li{ width:49%;}
ul#spot li:nth-child(2n){ padding-left:2%;}
ul#spot li .img img{ width:100%; height:auto; max-width:400px;}
}

@media print, screen and (max-width:700px){
article#con02{ margin:0 15px;}
ul#prop{ width:100%; margin:0 0 100px;}
ul#prop li{ width:48%;}
ul#prop li:nth-child(2n){ padding-left:2%;}
ul#prop li .img img{ width:100%; height:auto; max-width:280px;}
ul#prop li:nth-child(5) .name img{ width:280px;}
article#con04{ margin:0 15px;}
ul#fq{ width:auto; margin:0 0 100px;}
}

@media print, screen and (max-width:650px){
article#con03{ width:auto;margin:0 15px;}
#con03 > p{ width:auto;}
ul#access{ width:auto; margin:0 0 100px;}
}

@media print, screen and (max-width:600px){
#shuin{ width:300px;}
#shuin:before{ background:url(images/img_3.png) no-repeat;background-size: 70% auto; left:5px;}
#shuin .inner{ padding-left:15px;}
ul#prop li:nth-child(5) .name img{ width:250px;}
}

@media print, screen and (max-width:500px){
ul#spot li,
ul#spot li:nth-child(2n){ width:400px; margin:0 auto; float:none;}
ul#spot li:nth-child(2n){ padding-left:0;}
ul#prop li,
ul#prop li:nth-child(2n){ max-width:280px; margin:0 auto; float:none; width:100%;}
ul#prop li:nth-child(5) .name img{ width:280px;}
#con03 .rb{ width:auto; padding-right:10px; display:block; border:none; font-weight:bold; margin-top:5px;}
ul#fq .qno{ float:none;}
ul#fq .qttl .qtxt{ float:none; margin-left:0;}
ul#fq .atxt{ padding-left: 12px;padding-top: 0; }
ul#fq .qttl .qtxt .sp{ display:none;}
}

@media print, screen and (max-width:400px){
#shuin{ width:250px; padding-left:32px;}
#shuin:before{ background:url(images/img_3.png) no-repeat;background-size: 50% auto; left: -6px;}
#shuin .inner{ padding-left:10px;}
ul#spot li,
ul#spot li:nth-child(2n){ width:auto; margin:15px auto;}
}

/*footer*/
footer{ height:110px; color:#fff; background:#333333;}
footer p{ text-align:center; font-size:0.65em; padding-top:20px;}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 40px;
  padding-bottom: 0;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  width: 52px;
  height: 52px;
  background:url(images/pagetop.png) no-repeat;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media print, screen and (max-width:600px){
footer{ height:35px; color:#fff; background:#333333;}
footer p{ padding-top:10px;}
#pageTop {right: 20px;}
}