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


/*---------------------------------！！！！！！！！！基本スタイル指定　変更不可！！！！！！！！！--------------------------------*/

* { box-sizing:border-box; -moz-box-sizing:border-box; }
html,body { margin:0; padding:0; background:#FFF; font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Kozuka Mincho Pr6N R", "小塚明朝 Pr6N R", "Hiragino Mincho ProN", "Kozuka Mincho Pro Acro R", "小塚明朝 Pro Acro R", HGPMinchoB, "HGP明朝B", HGPMinchoE, "HGP明朝E", IPAMonaPMincho, "IPA モナー P明朝", "Bitstream Cyberbit", Serif, serif; font-size:15px; color:#262c38; } 
h1 , h2 , ul , dl , p{ margin:0; padding:0; }
img { display:block; }
.notext { text-indent:100%; overflow:hidden; white-space:nowrap; }
.cf:after { content:""; display:block; clear:both; }
a { color:#69C; }


#backnumber { background:#9FA8B5; padding:1em; color:#FFF; }
#backnumber .loadarea { font-size:12px; }
#backnumber dl { margin:0; padding:0  }
#backnumber dt { float:left; }
#backnumber a { color:#FFF; }
#backnumber dt , #backnumber dd { padding:0.5em 0; }
#backnumber #toIndex{display:block;margin:0.5em 0;}
#backnumber #toIndex a {color:#FFF;}

.wrapper {  }
h1 , .number , .backnumber { background: #6880A4 ; float: left; width: 40%; background-size: 90% auto; background-position: center; margin: 0; height:50px; }
.header { display:none; }
h1 { background:#6880A4 url(../images/title.png) no-repeat no-repeat; float:left; width:40%; background-size:90% auto; background-position:center; margin:0; }
.number { width:20%; height:50px; background: #FFF; float:left;  font-size: 30px; line-height: 50px; text-align: center; color:#6FB0DB; }
/*.backnumber { width:40%; box-shadow:none; background:#D8DFE7 url(../images/backnumber.png) no-repeat center; background-size:90% auto; position:absolute; top:0; right:0; }*/
.backnumber { width:40%; box-shadow:none; background:#D8D9E7 url(../images/about_btn.png) no-repeat center; background-size:90% auto; position:absolute; top:0; right:0; }
.copyright , .update { width:100%; margin:0; background:#B8C6DA; border-top:#CFD8DC 1px solid; box-sizing:border-box; -moz-box-sizing:border-box; display:block; font-size:12px; color:#FFF; padding:0.2em 1em; clear:both; }
.update { background:#B8C6DA; }
.categories { width:100%; background:#6497C6; display:block; padding:0.5em 1em; box-sizing:border-box; }
.categories li { float:left; font-size:12px; color:#FFF; list-style-type:none; display:block; margin-right:1em; line-height:15px; }
.categories li:before { content:""; width:16px; height:15px; background:url(../images/check.png) no-repeat; display:block; float:left; }
.categories li.selected:before{ background-position:0 -16px; }
#maintit { width:100%; position:relative; }

.map { position:relative; }
.mainread { margin:0; font-size:15px; background:#98ACC6; color:#262C38; text-indent:0; white-space:normal; /*background:none;*/ padding:1em; height:auto; color:#FFF; }
.pages { position:relative; }
.place { background:#B8C6DA; text-indent:0; white-space:normal; width:100%; margin:0; padding:0.5em 1em; font-size:12px; color:#FFF; display:block; }


.read { font-size:16px; line-height:1.5em; font-weight:bold; /*font-weight:bold;*/ padding:1em 0; display:block; }
.ent{ width:100%; padding:2em 1.5em; /*background:url(../images/smp_ent_bg.jpg) repeat-x;*/ border-top:#CBD5E4 1px solid; }
.ent.ent01 { padding-top:0; } 
img { max-width:100%; height:auto; }
.ent img { margin:1em 0; }
.ent:first-child img { margin:0; }
.ent p { line-height:1.8; }
.ent:first-child { padding:0; margin:0; }
.ent01:first-child h2 { padding:1em 0.5em; width:100%; top:0; box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; }


.cap , .cap_half { margin:auto; padding:1em 0; }
.cap img ,.cap_half img { padding:0.3em 0; margin:auto; }
.cap_half img { width:60%; height:auto; margin:auto; }
.cap span , .cap_half span { display:block; font-size:12px; text-align:center; line-height:1.1; }



.continued { color:#36C; font-size:15px; }

.info { background:#F3F5F9 url(../images/smp_gridbg.gif) repeat-x; color:#50546F; border:none; border-top:1px solid #9294A6; }
.info .about { padding-bottom:3em; }
.info .about_tit { width:60%; height:auto; margin:0.8em auto; max-width:271px; }
.about hr { width:100%; }

.info dt , .info dd , .spot dt , .spot dd { margin:0; padding:0; font-size:14px; line-height:1.3; }
.info dd , .spot dd { line-height:1.7; }
.info dt , .spot dt { background:#8E92A7; color:#FFF; padding:0.5em; }
.info dd , .spot dd { padding-bottom:1em; }
.info .prof_img , .spot .prof_img { margin:0 auto 0.3em auto; }


.spot { background:#F3F5F9 url(../images/smp_gridbg.gif) repeat-x;; color:#50546F; border:none; border-top:1px solid #9294A6; }
.spot .spot_tit { height:auto; margin-left:-1em; max-width:100%; }
.spot .infoupdate { display:block; font-size:12px; }
.spot .entname { font-size:15px; padding:1em 0; display:block; }



/*-----------footer-----------*/
#footer { background:#FFF; -webkit-box-shadow: 0px -1px 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px -1px 2px 1px rgba(0, 0, 0, 0.2); display:block; padding:0.3em; overflow:hidden; }
#footer .inner { width:100%; }
#footer #dpra { width:100%; height:21px; display:block; background:url(../images/footer_dplalogo.gif) no-repeat; }
#footer #copy { /*float:right;*/ font-size:10px; color:#666666; }
#footer #copy span { display:block; } 
#footer #copy a { color:#47A744; }
#footer #copy a:before { content:""; clear:both; }


/*------------pagetop-----------*/

#pagetop { display:block; background:#6880A4; padding:1em 0.5em; font-size:12px; font-family:sans-serif; color:#FFF; text-decoration:none; }


#social { padding: 0.5em 15px; display:block; overflow:hidden; height:auto; }
#social .social_twitter , #social .social_facebook { float: left; }



@media screen and (min-width:481px) {
	h1 { background-size:162px 35px; background-position:center; margin:0; }	
	.backnumber { background-size:131px 15px;}
	.info .prof_img { float:left; margin:0 1em 0 0;}
}