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

#devices { display:none; position:static; } 

h1 { margin:0; padding:0; width:100%; }
h1 img { width:100%; height:auto; }
.contents { width:100%; padding-top:0; overflow:hidden; background:url(/resources/img/special/tomioka/bg_pc01.jpg) no-repeat; background-position:center top; }

.contents h2.ttl01 { width:100%; padding:20px 0; margin:0; text-align:center; }
.contents h2.ttl01 img { max-width:90%; width:auto; height:auto; }
.contents p.read { max-width:950px; margin:auto; padding:0 10px; }
.contents #cont_photos { margin:auto; max-width:1000px; position:relative; }
.contents .cont_photosinnder { width:140%; margin-left:-20%; position:relative; overflow:hidden; }
.contents .cont_photobtns { position:absolute; width:140%; height:100%; margin-left:-20%; top:0; left:0; }
.contents .cont_photosinnder ul { margin:0; padding:0; margin-left:-20px; margin-top:20px; }
.contents .cont_photosinnder ul li { width:25%; list-style-type:none; float:left; }
.contents .cont_photosinnder ul li>div { margin-left:20px; }
.contents .cont_photosinnder ul li>div img { width:100%; height:auto; }
.contents .cont_photosinnder span.cap { display:block; padding:0.1em 0; color:#663300; }
.contents .cont_photosinnder h3 { margin:0; padding:0.5em 0; color:#ff6600; font-size:120%; }
.contents .cont_photosinnder p { color:#000000; }
.contents .cont_photosinnder p.cont_about { color:#333333; }
.contents #cont_photos .slidebtns { width:50%; position:absolute; }
.contents #cont_photos .slidebtns img { cursor:pointer; }
.contents #cont_photos #btn_left { height:100%; top:0; right:75%; background:url(/resources/img/special/tomioka/img_bokasi_left.png) repeat-y; background-position:right top; }
.contents #cont_photos #btn_left img { width:auto; height:auto; max-width:15%; position:absolute; top:50%; right:5%; margin-top:-15%; }
.contents #cont_photos #btn_right { height:100%; top:0; left:75%; background:url(/resources/img/special/tomioka/img_bokasi_right.png) repeat-y; background-position:left top; }
.contents #cont_photos #btn_right img { width:auto; height:auto; max-width:15%; position:absolute; top:50%; left:5%; margin-top:-15%; }
.contents #tomiokamap { height:400px; }
.contents #tomiokamap .cont_smp_map { display:none; }

.contents .tomiokamap_links { width:100%; max-width:850px; margin:auto; margin-bottom:2em; }
.contents .tomiokamap_links .cont_areatit { float:left; }
.contents .tomiokamap_links ul { margin:0; padding:0; }
.contents .tomiokamap_links ul li { list-style-type:none; float:left; }
.contents .tomiokamap_links a { margin:0 0.5em; }
.contents .tomiokamap_links .cont_areas { display:inline; }
.contents .tomiokamap_links .cont_areas li { float:left; }
.contents .tomiokamap_links .cont_areas li:after { content:"・"; }
.contents .tomiokamap_links .cont_areas li:last-child:after { content:""; }

.contents #torikumi { background:url(/resources/img/special/tomioka/bg_02.jpg); }
.contents #torikumi .cont_torikumiinner { max-width:1000px; margin:auto; padding:0 10px; }
.contents #torikumi h2.ttl02 { width:100%; padding-top:20px; margin:0; text-align:center; }
.contents #torikumi h2.ttl02 img { max-width:90%; width:auto; height:auto; }
.contents #torikumi p.cont_read { color:#FFFFFF; text-align:center; }
.contents #torikumi ul { margin:0; padding:0; margin-top:20px; }
.contents #torikumi ul li { list-style-type:none; float:left; width:25%; }
.contents #torikumi ul li img { width:100%; height:auto; }

.contents #cont_tomioka_bnr { background:url(/resources/img/special/tomioka/bg_03.jpg); }
.contents #cont_tomioka_bnr .bnr_pc { width:auto; height:auto; max-width:100%; display:block; margin:auto; }
.contents #cont_tomioka_bnr .bnr_smp { display:none; }



@media screen and (max-width: 900px) {
#devices { display:none; position:absolute; } 
.contents { background:none; }	
.contents #tomiokamap { background:url(/resources/img/special/tomioka/bg_pc01.jpg) no-repeat; background-size:130%; background-position:center top; } 	
.contents .tomiokamap_links { width:auto; padding:0 10px; }
}



@media screen and (max-width: 640px) {
.contents { width:auto; padding:10px; }

.contents .cont_photosinnder { width:auto; margin-left:0 !important; }
.contents .cont_photosinnder ul li { width:50%;  }
.contents .cont_photosinnder ul li:nth-child(2n-1){ clear:left; }
.contents #cont_photos .slidebtns { display:none; }
.contents .cont_photobtns { display:none; }
.contents #tomiokamap { margin-top:0 !important; background:none; height:auto !important; }
.contents #tomiokamap .cont_smp_map { width:100%; height:auto; display:block; margin-top:2em; }
.contents #torikumi ul li { width:50%; }
.contents #cont_tomioka_bnr .bnr_pc { display:none; }
.contents #cont_tomioka_bnr .bnr_smp { display:block; width:100%; height:auto; }
}