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

/*------------基本スタイル----------*/
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; background:url(../images/title.png) no-repeat; float:left; margin:12px 10px 0; font-size:0; }
.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; }
.ent { position:relative; display:block; overflow:hidden; border-bottom:#CCC 1px solid; }
.ent p { line-height:2; /*font-size:16px;*/ /*padding-bottom:100px;*/ } 
.read { margin-bottom: 3em; 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; }
.capimg { max-width:100%; height:auto; margin-top:3em; margin-bottom:0.5em; }
.cap { font-size:13px; padding:1em; display:block; }
.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; }
.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 { float:right; cursor:pointer; }*/
#backnumber #close {cursor: pointer;position: absolute;top: 1em;right: 1em;}
#backnumber #toIndex { float:right;}
#backnumber #toIndex a { color: #2B2B2B;text-decoration: none; }
#backnumber #toIndex a:hover { text-decoration:underline; }
/*------------------categories-----------------*/
.categories{ }
.categories li { width:30px; height:48px; margin-left:7px; float:left; background:url(../images/categories.png); text-indent:100%; overflow:hidden; white-space:nowrap; }
.categories li.meijin {  }
.categories li.meijin.selected { background-position:0 -48px; }
.categories li.densetu { background-position:-40px 0; }
.categories li.densetu.selected { background-position:-40px -48px; }
.categories li.maturi { background-position:-80px 0; }
.categories li.maturi.selected { background-position:-80px -48px; }
/*20140609追加*/
.categories li.chousen { background-position:-120px 0; }
.categories li.chousen.selected { background-position:-120px -48px; }
.categories li.anaba { background-position:-160px 0; }
.categories li.anaba.selected { background-position:-160px -48px; }

/*--------------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; }
#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:800px; }
.desktop #mainread  { margin-left:20px; margin-top:30px; }
.desktop #ent01 { padding-bottom:100px; }
.desktop #ent01 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%; }

/*---------------------------------------------------------------------------------tablet---------------------------------------------------------------------------------------------------*/
.tablet #wrapper { position:fixed; top:0; left:0; }
.tablet #cover {  }
.tablet #bgs { display:none; }
.tablet #next {  }
.tablet h2 { overflow: hidden; width: 100%; box-sizing: border-box; padding:1em 3%; }
.tablet #ent01 h2 img { max-width:800px; height:auto; }
.tablet #mainread { width:100%; padding:0 3%; box-sizing:border-box; -moz-box-sizing:border-box; }
.tablet .place { padding:1em 3%; box-sizing:border-box; -moz-box-sizing:border-box; margin-right:0; }
.tablet #mainread img { max-width:100%; height:auto; }
.tablet .ent { width:100%; overflow:hidden; } 
.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 .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; }
.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---*/
#ent01 #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; } 
#ent01 .inner { padding-bottom:100px; }
#ent01 h2 { position:relative; z-index:95; }
#ent01 #mainread { position:relative; z-index:96; }
#ent01 h2 img { width:100%; height:auto; display:block; overflow:hidden; }
.map { position:absolute; right:0; bottom:0; }