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

/*2014.08.06 suzuka 編集禁止*/


/*------------基本スタイル----------*/
html,body { margin:0; padding:0; 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; position:relative; width:100%; height:100%; } 
h1 , h2 , ul , dl , p ,div{ margin:0; padding:0; }
body { position:relative; }
img { display:block; }
.notext { text-indent:100%; overflow:hidden; white-space:nowrap; }
.cf:after { content:""; display:block; clear:both; }
div { box-sizing:border-box; -moz-box-sizing:border-box; } 


#cover { position:fixed; top:0; left:0; width:100%; height:100%; z-index:890; background:#FFF; }
#cover span { width:500px; height:100px; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-250px; text-align:center; font-size:13px; }
#bgs { position:fixed; }
#wrapper { width:100%; }
#header { top:0; position:fixed; z-index:900; display:none; left:30px; } 
h1 { width:162px; height:35px; float:left; margin:12px 10px 0; font-size:0; }
#ent01 h2 { box-sizing:border-box; -moz-box-sizing:border-box; }
#ent01 .cont { box-sizing:border-box; -moz-box-sizing:border-box; }
.number { width:50px; height:50px; background:#FFF; float:left; text-align:center;  font-size:30px; line-height:50px; }
.copyupdate { float:left; color:#FFF; font-size:13px; margin-left:1em; margin-top:5px; margin-right:2em; line-height:20px; }
.copyright { float:left; display:block; }
.update { float:left; clear:both; }
.place img { /*height:25px; width:auto;*/ }
.ent { position:relative; display:block; overflow:hidden; border-bottom:#CCC 1px solid; }
.ent p { line-height:2; /*font-size:16px;*/ /*padding-bottom:100px;*/ text-indent:1em; margin-top:1em; }
.read { margin-bottom: 2em; height: auto; max-width: 100%;}
.bgimgfix { width:100%; position:fixed; top:0; left:0; overflow:hidden; }
.bgimgfix img { position:absolute; }
.bgimgfix.halfleft .half { width:50%; position:absolute;  overflow:hidden; }
.bgimgfix.halfright .half { width:50%; right:0; position:absolute; height:100%; overflow:hidden; }
.bgimgfix.full .half { width:100%; }/*追加*/
.capimg { max-width:100%; height:auto; margin-top:3em; margin-bottom:0.5em; }
.cap { font-size:13px; padding:1em; display:block; line-height:1.4; }
.cap.white { color:#FFF; background:url(../images/text_bg01.png); display:block; margin-left:30px; margin-top:10px; }
.cap.white:before { content:""; position:absolute; width:20px; height:100%; background:url(../images/text_bgl.png); background-repeat:repeat-y; display:block; top:0; left:-20px; }
.cap.white:after { content:""; position:absolute; width:20px; height:100%; background:url(../images/text_bgr.png); background-repeat:repeat-y; display:block; top:0; right:-20px; }
.icap { display:block; font-size:13px; margin-bottom:3em; line-height:1.4; }
.cap.capms,.cap.caphs { margin-top:-10px; }

.scr img{ width:inherit; max-width:100%; height:auto; } 
.fullw_img { width:100%; height:auto; margin:auto; }
.place { float:left; } 


/*-----------------backnumber----------------*/
.backnumber { width:189px; height:50px; display:block; background:#FFF url(../images/about_btn.png) no-repeat center; position:absolute; top:0; right:0; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3); cursor:pointer; z-index:980; }
.backnumber:hover { opacity:0.8; filter:alpha(opacity=80); }
#backnumber { /*max-height:100%;*/ /*margin-bottom:-80px;*/ width:30em; background:#FFF; overflow-y:auto; padding:50px; position:absolute; top:50px; right:0; bottom:70px; display:none; z-index:981;}
#backnumber dl { margin:0; padding:0; padding:1em 0; }
#backnumber dt { float:left; width:2.5em; }
#backnumber dd { display:block; margin-left:2.5em; }
#backnumber dt , #backnumber dd { padding:0.5em 0.5em; font-size:13px; }
#backnumber dd a { color:#2B2B2B; text-decoration:none; }
#backnumber dd a:hover { text-decoration:underline; }
#backnumber .tit { border-bottom:#999 1px solid; display:block; }
#backnumber #close { cursor: pointer; position: absolute; top: 1em; right: 1em; }
#backnumber #toIndex { float: right; }
#backnumber #toIndex a { color: #2B2B2B; text-decoration: none; }


/*--------------pagenavi---------------*/
#pagenavi { width:32px; position:fixed; top:23px; right:10px; z-index:901; border:#AFB5C8 1px solid; border-bottom:none; display:none; }
#pagenavi li { width:100%; height:32px; box-sizing:border-box; -moz-box-sizing:border-box; display:block; list-style-type:none; background:url(../images/white_alpha.png); text-align:center; line-height:32px; border-bottom:#AFB5C8 1px solid; font-size:12px; color:#A3A4A7; cursor:pointer; }
#pagenavi li.selected , #pagenavi li:hover { background:url(../images/colored_alpha.png); color:#FFF; }

/*-----------footer-----------*/
#footer { width:100%; height:50px; background:#FFF; position:fixed; bottom:0; -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; overflow:hidden; z-index:900; border-top:1px solid #CCC; }
#footer .inner { width:100%; }
#footer #dpra { width:280px; height:21px; display:block; background:url(../images/footer_dplalogo.gif); margin-top:15px; margin-left:10px; float:left; }
#footer #sns { float:right; text-align:right; margin-top:15px; }
#social {float: right;height: 20px;line-height: 1; margin-top:10px; }
#social .social_twitter { float: left; width: 105px;}
#social .social_facebook { float: left; width: 107px !important;}




/*----------------info------------------*/
#info { background:#8C8E99; color:#4D526C; font-family:sans-serif;  }
#info .inner { max-width:1300px; margin:auto; display:block; padding:3em 0 3em 0; }

#info .inner .scr { min-height:0!important; }
#info #info_txt dt ,#info #info_txt dd { margin:0; padding:0.5em 0; }
#info #info_txt dt { border-bottom:1px solid #818496; }
#info #info_txt dd { padding-bottom:1.5em;  }
#info #info_txt .about { line-height:1.8; font-size:15px; }
#info #spot { font-size:13px; line-height:1.5; }
#info #spot dt { border:none; background:#8E92A7; color:#FFF; padding:0.3em; font-weight:bold; }
#info #spot .infoupdate { font-size:12px; display:block; padding:0.3em 0; }
#info #spot .entname { font-size:16px; font-weight:bold; display:block; padding:0.3em 0; } 
#info #writer { background:#CED0D9; /*width:100%;*/ font-size:13px; }
#info #writer img { float:left; width:200px; height:auto; }
#info #writer p { margin-left:220px; text-indent:0; }
#info #writer p span { display:block; font-weight:bold; border-bottom:1px dashed #4D526C; }

#pagetop { width:100%; background:#4D526C; color:#FFF; padding:0.5em; }
#pagetop span { display:block; cursor:pointer; float:right; font-size:13px; font-weight:bold; }



/*-------------------------------------------------------------------------------------------pc------------------------------------------------------------------------------------------*/
.desktop #wrapper { padding-bottom:50px; }
.desktop .bgimgfix { background:#FFF; }
.desktop .ent { min-width:900px; }
.desktop #mainread  {/* margin-left:20px;*/ margin-top:30px; }
.desktop #tobira { padding-bottom:100px; }
.desktop .cont { padding:15px; clear:both; }
.desktop #tobira h2 { /*padding:40px 150px 0 20px;*/ width:100%; max-width:1300px; min-width:500px; clear:both; /*box-sizing:border-box; -moz-box-sizing:border-box;*/ position:relative; }
.desktop .place { display:block; /*margin-left:20px;*/ margin-top:30px; }
.desktop .ent .inner { /*display:table-row;*/ }
.desktop .ent_half { width:50%; /*display:table-cell; vertical-align:top;*/ float:left; }
.desktop .scr { width:100%; height:100%; padding:80px 80px 150px 80px; }
.desktop .scr.scr_r { width:100%; padding:80px 150px 150px 80px; }
.desktop #info .inner .scr { margin:0; padding:0; }
.desktop #footer .inner { width:100%; min-width:900px; }
.desktop #info { padding: 60px 50px; /*margin-bottom:50px;*/ }
.desktop #info .inner { background:#FFF; }
.desktop #info #info_txt { margin:0 3em; }
.desktop #pagetop { bottom:0; left:0; position:absolute; }
.desktop #info #writer { padding:1em; margin:0 3em; }
.desktop .cap { /*display:none;*/ position:absolute; }
.desktop .caphu { top:0; left:0; }
.desktop .capmu { top:0; left:50%;}
.desktop .caphs { left:0; }
.desktop .capms { left:50%; }

/*------------------categories-----------------*/
.desktop .categories{ }
.desktop .categories li { width:30px; height:48px; margin-left:7px; float:left; background:url(../images/categories.png); text-indent:100%; overflow:hidden; white-space:nowrap; }
.desktop .categories li.meijin {  }
.desktop .categories li.meijin.selected { background-position:0 -48px; }
.desktop .categories li.densetu { background-position:-40px 0; }
.desktop .categories li.densetu.selected { background-position:-40px -48px; }
.desktop .categories li.maturi { background-position:-80px 0; }
.desktop .categories li.maturi.selected { background-position:-80px -48px; }
/*20140609追加*/
.desktop .categories li.chousen { background-position:-120px 0; }
.desktop .categories li.chousen.selected { background-position:-120px -48px; }
.desktop .categories li.anaba { background-position:-160px 0; }
.desktop .categories li.anaba.selected { background-position:-160px -48px; }


/*---------------------------------------------------------------------------------tablet---------------------------------------------------------------------------------------------------*/
.tablet #wrapper { position:fixed; top:0; left:0; }
.tablet h1 { /*max-width:162px; width:20%;*/}
.tablet h1 img { /*width:100%; height:auto;*/ }
.tablet #cover {  }
.tablet #bgs { display:none; }
.tablet #next {  }
.tablet .cont { padding:10px; clear:both; }
@media only screen and (orientation:landscape){
.tablet .cont { padding-top:20px; }	
}
@media only screen and (orientation:portrait){
.tablet .cont { padding-top:40px; }	
}


.tablet .categories { clear:both; padding:15px 10px; display:block; }
.tablet .categories li{ color:#FFFFFF; float:left; border:rgba(255,255,255,0.5) 1px solid; font-size:80%; list-style-type:none; padding:0.2em 1em; margin-right:5px;  }
.tablet .categories li.selected { border:#FFFFFF 2px solid; margin-top:-1px; margin-bottom:-1px; }

.tablet h2 {/*overflow: hidden; width: 100%; box-sizing: border-box; padding:1em 3%;*/ }
.tablet #tobira h2 img { max-width:800px; width:100%; height:auto; }
.tablet #mainread { width:100%; /*padding:0 3%;*/ padding:0; box-sizing:border-box; }
.tablet .place { /*padding:1em 3%; box-sizing:border-box; -moz-box-sizing:border-box; */margin-right:0; margin-top:20px; }
.tablet #mainread img { max-width:100%; height:auto; }
.tablet .ent { width:100%; overflow:hidden; } 
.tablet .ent.full p { padding-right:50px; }
.tablet .ent .inner { width:100%; height:100%; }
.tablet .ent_half { width:50%; height:100%; float:left; }
.tablet .scr { overflow-y:scroll; position: absolute; left:0; width:100%; -webkit-overflow-scrolling: touch; }
.tablet .scr .scred { padding:50px 2em; }
.tablet .scr img { width:auto; }
.tablet .ent_half .scred { width:50%; }
.tablet .scr_r .scred { margin-left:50%; padding-right:65px; padding-top:1em; }
.tablet #info {}
.tablet #info .inner .scred { background:#FFF; width:90%; margin:auto; margin-bottom:50px;  }
.tablet #pagetop { margin-bottom:50px; }
.tablet .btn_prev { content:""; width:100%; height:110px; background:url(../images/yajirushi_prev.gif) no-repeat center 10px; display:block; cursor:pointer; /*visibility:hidden;*/ }
.tablet .btn_next { content:""; width:100%; height:110px; background:url(../images/yajirushi_next.gif) no-repeat center 80px; display:block; cursor:pointer; }
.tablet #info .btn_next{ display:none; }
.tablet #info #writer { padding:1em; }
.tablet .cap { position:absolute; font-size:11px; }
.tablet .caphu { top:0; left:0; }
.tablet .scr .read { width:auto; }

.tablet .capmu { top:0; left:50%;}
.tablet .caphs { left:0; bottom:10px; }
.tablet .capms { left:50%; bottom:10px; }


/*-----------------------------------------------------------------------------------------pages-----------------------------------------------------------------------------------------*/
/*---ページ01---*/
#tobira #next { position:absolute; bottom:5%; left:50%; margin-left:-30px; background:url(../images/next.png) no-repeat; background-position:center; width: 67px; height: 67px; display: block; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:97; cursor:pointer; } 
#tobira .inner { padding-bottom:100px; }
#tobira h2 { position:relative; z-index:95; }
#tobira #mainread { position:relative; z-index:96; }
#tobira h2 img { width:100%; height:auto; display:block; overflow:hidden; }
.map { position:absolute; right:0; bottom:0; }