@charset "UTF-8";

/*CSSDocument*/

/* main_layout.css
--------------------------------------------------------------

:: CSS Index

 1 : html body base
        
 2 : body base
        
 3 : header
     ・menu

 4 : footer
       
 5 : TOP Page
 
 6 : Contents Page
       


-------------------------------------------------------------- */



/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/

html{
font-size: 16px;
/*\*/
_font-size: 100%;
/**/
}

*{ margin: 0px; padding: 0px;}

body{
color:#000;
margin:0;
background:#fff;
 font-family: 'Noto Sans JP','游ゴシック体', 'Yu Gothic', YuGothic,"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W3", 
"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
/*
font-family:"メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
*/
padding:0px;
text-align:center;
line-height:20px;
font-size:12px;

}
body.fixed{
position:fixed;
}


a:link{ color:#0f5c37;text-decoration:none;}
a:visited{ color:#0f5c37;text-decoration:none;}
a:hover{ color:#8b4242;text-decoration:underline;}
a:active{ color:#8b4242;text-decoration:underline;}


.link_arrow{ background: url(../images/link_arrow.gif) no-repeat left 8px; padding:2px 0 2px 7px;}
.link_arrow_square{ background:url(../images/rink_arrow_square.gif) no-repeat left 6px; padding:4px 0 4px 16px;}


img {
border:none;
vertical-align:top;
}


input, select, textarea {
font-size: 12px;
}

ul, ol {
list-style: none;
}


/*
html ----------------------------------------------------------*/


/*
Module --------------------------------------------------------*/

 
.clear{
clear:both;
height:1px;
margin:-1px 0 0 0;
font-size:1px;
display: inline-block;
}

.access_log{ height:1px; margin:-1px 0 0 0; font-size:1px; clear:both;}


.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


span.caution{  line-height:16px;}

.iepngfix{behavior: expression(IEPNGFIX.fix(this));}

/*
Module --------------------------------------------------------*/



/* html body base
===============================================================*/

/*
body base -----------------------------------------------------*/


#container{ width:1100px; margin:0 auto; text-align:center; padding:0;}
#container:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}




@media screen and (max-width: 480px) {

#container{ width:100%;}

}




/* header
===============================================================*/

/* header
-------------------------------------------------------------- */

#header{ height:91px;}
.header_logo{ float:left; display:inline; width:181px; margin:30px 0 0 0;}

.header_right{ margin:24px 0 0 0; width:335px; float:right; display:inline;}

.header_right ul{ margin:0 0 0 48px; height:12px; padding:0 0 14px 0;}
.header_right li{ margin:0; float:left; display:inline;}

.header_search{ clear:both; height:23px; vertical-align:middle; text-align:right;}
.header_search img{ vertical-align:middle;}

.header_search select{  border:1px solid #bfbfbf; vertical-align:middle; height:20px;}
.header_search input{
 background:url(../images/form_back.gif) no-repeat top left;
 border:1px solid #bfbfbf;
 padding:2px; 
 vertical-align:middle;
 }
 
.header_search input.h_search_bt{ border:none; margin:0 0 0 3px; height:20px; vertical-align:middle; padding:0;}


#sidr-right{
display:none;
}


@media screen and (max-width: 480px) {

#header{ 
height:auto;
padding:5% 2%;}

.header_logo{ float:left; display:inline; width:70%; margin:0 0 0 0;}
.header_logo img{ width:100%;height:auto;}


/*20190408 検索窓レイアウト変更　ここから*/
.header_right{ 
  display: block;
  float: none;
  width: auto;
  clear: both;
}
.header_right ul{
  height: auto;
  display: flex;
  padding: 10px 0 0 5px;
  margin: 0 0px 12px;  
}
.header_right ul li:first-child{
  display: none;
}

.header_search{
  text-align: left;
  display: flex;
  align-items: center;
  max-width: 420px;
  margin: 0 auto;
  height: auto;    
}

.header_search select{
  display:none;
}

.header_search input[type="text"]{
    width: 80% !important;
    height: 21px; 
}

.header_search input.h_search_bt{
  margin-left: 8px;
}
/*20190408 検索窓レイアウト変更 ここまで*/  
  
.sp_menu.open{
  right:0;
  }


#sidr-right{
 display: block;
  width:280px; 
  position:fixed;
  top:0;
  right:-300px;
padding:3%;
  opacity:0;
  height:100%;
  z-index:999;

overflow-x:none;
overflow-y:auto;
background:#076047;
  box-sizing:border-box;
   transition-property: right;
  transition-duration: .32s;
  transition-timing-function: ease-out;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
text-align:left;
  }

#sidr-right.open a{
  color:#fff;
  text-decoration:none;
  }

#sidr-right.open{
  right:0;
  opacity:1;
  }

#sidr-right.open p{
font-size:13px;
margin:0 0 12px
}


#sidr-right.open p a{
color:#fff;
}


#sidr-right.open>p{
margin-left:15px;
margin-right:15px
}


#sidr-right.open dl{
display:block;
margin:40px 0 15px;
}

#sidr-right.open dt,#sidr-right.open dd{
  background-size:12px;
  }


#sidr-right.open dl dt{
  display:block;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;  
padding:3% 0;
border-top:1px solid #fff;  
color:#fff;
font-size:16px;
  border-bottom:1px dotted #898989;
}


#sidr-right.open dl dd a{
  border-bottom:1px dotted #898989;
  padding:3% 2%;
font-size:14px;
  margin-left:30px;
  display:block;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;    
}



}



/* menu
-------------------------------------------------------------- */

#menu{ clear:both; height:25px; margin:0 0 10px 0;}
#menu:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#menu ul{ margin:0;}
#menu li{ float:left; display:inline; height:25px;width:110px; margin-right:2px; }
#menu li.menu_last{margin:0 0 0 0; width:106px; }
#menu li:last-child{ width:108px;margin:0 0 0 0; }

#menu li img{
width:100%;
height:auto;
}

#menu_all{
 clear:both; 
 height:25px; 
 width:1100px; 
 background:url(../images/n_menu_back.gif) repeat-x top left; 
 margin:0 0 10px 0;
 }
 
#menu_all:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#menu_all ul{ margin:0;}
#menu_all li{ float:left; display:inline; height:25px; }
#menu_all li.menu_last{margin:0 0 0 3px; }




@media screen and (max-width: 480px) {

#menu{ display:none;}

#nav-toggle,
#nav-toggle.close {
  position:absolute;
    display: block;
    right:3%;
    top: 15px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    z-index: 9999;
   
    
}

#nav-toggle div,
#nav-toggle.close div {
    position: relative;
  display:block;
}
#nav-toggle a,
#nav-toggle.close a{
  display:block;
    width: 22px;
    height: 22px;
  }

#nav-toggle span,
#nav-toggle.close span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #008033;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1),
#nav-toggle.close  span:nth-child(1){
    top: 0;
}
#nav-toggle span:nth-child(2),
#nav-toggle.close  span:nth-child(2){
    top: 8px;
}
#nav-toggle span:nth-child(3),
#nav-toggle.close  span:nth-child(3){
    top: 16px;
}
#nav-toggle.open{
    right: 3%;
    top: 10px;
    position:fixed;
}
#nav-toggle.open span{
  background: #fff;
}
#nav-toggle.open  span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
}
#nav-toggle.open  span:nth-child(2) {
  width: 0;
  left: 50%;
}
#nav-toggle.open  span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  transform: rotate(-315deg);
}




}

/* header
===============================================================*/



/* footer
===============================================================*/

/* footer
-------------------------------------------------------------- */


#footer_link{ clear:both; border-top:1px solid #dfdfdf; height:28px;}
#footer_link:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

ul.footer_link{
 margin:5px 0 0 8px;
 padding:0; 
 float:left; 
 display:inline; 
 width:700px; 
 height:20px;
 }
 
 
ul.footer_link li{ 
background:url(../images/link_arrow.gif) no-repeat left 50%; 
margin:0 10px 0 0; 
padding:2px 0 2px 21px; 
font-size:12px; 
line-height:14px;
 float:left; 
 display:inline;
 }

.gototop{ float:right; display:inline; height:28px; width:100px;}

#footer{ clear:both; border-top:2px solid #71645e; padding:13px 0 40px 0;}
#footer ul{ margin:0;}
#footer li{ float:left; display:inline; margin:0 16px 0 0;}


.copyright{ float:right; display:inline; }



@media screen and (max-width: 480px) {


#footer{ clear:both; border-top:2px solid #71645e; padding:2% 2%; box-sizing:border-box;}

ul.footer_link{ margin:5px 0 0 0; padding:0 2%; float:none; display:block; width:100%; height:auto;}

.copyright{ float:none; clear:both;
 display:block;
padding: 2% 0; }



}


/* footer
-------------------------------------------------------------- */


/* Top Page
===============================================================*/


/* top base
--------------------------------------*/

#top_contents_left{ width:367px; float:left; margin:0 5px 0 0; padding:0 0 20px 0; text-align:left; 

display:inline;}
#top_contents_left:after{display :block;margin-top:-1px;height:1px;content:"";clear:both;}

#top_contents_right{ width:565px; float:left; margin:0; padding:0 0 20px 0; text-align:left; display:inline;}
#top_contents_right:after{display :block;margin-top:-1px;height:1px;content:"";clear:both;}

#top_contents_left h2,#top_contents_right h2{ margin:0;}


@media screen and (max-width: 480px) {

#top_contents_left,
#top_contents_right{ width:100%; float:none; margin:0 0 0 0; padding:0 0 20px 0; display:block}
}


/* top flash banner
--------------------------------------*/

#top_ad_area{ padding:15px 0 15px 0; height:250px; background:#f1f1f1;}
#top_ad_area:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#flashcontent{ width:632px; height:250px; float:left; display:inline; margin:0 5px 0 0;_margin:0 2px 0 0;}

.top_ad_banner{ width:300px; height:250px; float:left; display:inline; }
.top_ad_banner_u{ width:300px; height:125px; margin:0; }
.top_ad_banner_b{ width:300px; height:125px; margin:0;}
 

#top_new_ad{
  background:#f1f1f1;
  padding:0 0 10px 0;
  margin-bottom:30px;
  }
#top_new_ad img{
  background-size:cover;
  width:100%;
  height:auto;
  }



@media screen and (max-width: 480px) {


}


/* magazine
--------------------------------------*/

.top_magazine{ background:url(../images/top_magazine_back.gif) no-repeat bottom left; padding:10px 0 10px 0; 

margin:0 0 11px 0; height:100%;}
.top_magazine:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.top_magazine p{ line-height:17px; text-align:left;}
.top_magazine p.chuko_txt{ color:#171c60;}
.top_magazine p.fujin_txt{ color:#c23d58;}
.top_magazine_ot{ color:#666666;}

.top_chuko{ 
width:161px;
_width:181px; 
float:left; 
display:inline; 
margin:0 5px 0 0; 
padding:0 10px 0 10px;
text-align:center;
}

.top_fujin{ 
width:161px;
_width:181px; 
float:left; 
display:inline; 
margin:0; 
padding:0 10px 0 10px;
text-align:center;
}

.top_magazine_img{ margin:0 auto;}
.top_magazine_logo{ margin:0 auto 14px auto;}



@media screen and (max-width: 480px) {


.top_chuko,
.top_fujin{ 
width:50%;
float:left; 
display:inline; 
margin:0 0 0 0; 
padding:0 10px 0 10px;
text-align:center; 
box-sizing:border-box;
}



}


/* book */

.top_book{ background:url(../images/top_book_back.gif) no-repeat bottom left; padding:7px 0 0 0;  height:100%;}
.top_book:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.top_book li{ width:95px;_width:109px; padding:0 7px 0 7px; margin:0 5px 0 0; text-align:center; float:left; 
display:inline;}
.top_book li.top_book_last{ width:95px; padding:0 7px 0 7px; margin:0;}

.top_book li h3{ margin:0 0 6px 0; line-height:1px; font-size:1px;}
.top_book li h4{ font-size:12px; line-height:16px; font-weight:bold; text-align:left;}
.top_book li p.top_book_tit{ font-size:12px; line-height:16px; font-weight:normal; text-align:left; margin:0;}
.top_book li p.top_book_auth{
 font-size:12px; 
 line-height:16px; 
 font-weight:normal; 
 color:#666666; text-align:left; 
 margin:3px 0 10px 0;
}

img.top_book_img{ border:1px solid #d8d8d8; margin:0 0 3px 0;}


.top_book_bt{ clear:both; height:21px; margin:0 0 13px 0; }
.top_book_bt li{ float:left; margin:0 5px 0 0;}
.top_book_bt li.top_book_bt_l{ float:left; margin:0;}


/* news */

ul.top_news{ margin:0; border-top:1px solid #c6c6c6; padding:5px 0 0 0;}
ul.top_news li{
 margin:0 0 5px 0;
 border-bottom:1px solid #dfdfdf; 
 padding:0 0 5px 8px; 
 height:100%; line-height:18px;
 }
 
ul.top_news li:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

ul.top_news li img{ vertical-align:middle; margin:0 0 0 10px;}

.top_news_date{ width:90px; float:left; display:inline; color:#666666;}
.top_news_txt{ width:460px; float:left; display:inline;}
.top_news_date_st{ width:90px; float:left; display:inline; font-weight:bold; color:#666666;}
.top_news_txt_st{ width:460px; float:left; display:inline; font-weight:bold;}


.top_bottom_banner{ clear:both; margin:0;}
.top_bottom_banner li{ margin:0 0 5px 5px; float:right; display:inline;}





/* ranking */

.top_ranking{ margin:0 5px 5px 0; width:142px; float:left; display:inline; }

.top_ranking h3{ margin:0; font-size:1px; line-height:1px; }
.top_ranking ul{ margin:0; }
.top_ranking li{ border:solid #6d2f2f; border-width:0 1px 1px 1px; padding:6px 3px 6px 2px; line-height:14px; }
.rank1{ background:url(../images/rank_01.gif) no-repeat left top; padding:1px 0 1px 22px; display:block;}
.rank2{ background:url(../images/rank_02.gif) no-repeat left top; padding:1px 0 1px 22px; display:block;}
.rank3{ background:url(../images/rank_03.gif) no-repeat left top; padding:1px 0 1px 22px; display:block;}

.rank4{ 
background:url(../images/rank_04.gif) no-repeat left top; 
padding:1px 0 1px 22px; 
display:block; font-size:10px;
}

.rank5{ 
background:url(../images/rank_05.gif) no-repeat left top; 
padding:1px 0 1px 22px; 
display:block; font-size:10px;}


.top_ranking_n li em{
color:#0f3d36;
width:17px;
font-size:12px;
text-align:center;
padding:1%; 
box-sizing:border-box;
display:inline-block;
font-style:normal;
font-weight:bold;
vertical-align:middle;
margin-right:2%;
}
.top_ranking_n li:nth-child(1) em{
background:url(../images/top/top_rank_back.png) no-repeat left top; 
font-size:14px;
}
.top_ranking_n li:nth-child(2) em{
background:url(../images/top/top_rank_back.png) no-repeat left top;
font-size:14px;
}
.top_ranking_n li:nth-child(3) em{
background:url(../images/top/top_rank_back.png) no-repeat left top;
font-size:14px;
}
.top_ranking_n li span{
width:calc(98% - 22px);
display:inline-block;
vertical-align:middle;
}
.top_ranking_n li:nth-child(1) span,
.top_ranking_n li:nth-child(2) span,
.top_ranking_n li:nth-child(3) span{
font-size:13px;
line-height:1.3;
}




/* media */

.top_media{ border:solid #a17500; border-width:5px 2px 2px 2px; background:#fcf2d7; float:left; display:inline; 

width:206px;_width:220px; margin:0 0 5px 0; padding:8px 6px 6px 4px; height:100%; }
.top_media:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.top_media h3{ float:left; display:inline; width:118px; margin:0 0 16px 0;}
.top_media_bt{ float:left; display:inline; width:88px;}

.top_media ul{ margin:0 0 0 2px;}
.top_media li{ margin:0 0 10px 0; clear:both;}
.top_media li:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}
.top_media_book{ width:48px; float:left; display:inline;}
.top_media_txt{ width:150px; float:left; display:inline; font-size:12px; line-height:18px;}

.top_media_bt_bottom{ clear:both; text-align:right;}


/* banner */

.top_banner_bottom_area{ clear:both; }
.top_banner_l{ float:left; display:inline; margin:0 5px 5px 0;}
.top_banner_r{ float:left; display:inline; margin:0 0 5px 0;}
.top_banner_b{ clear:both; margin:0;}



.top_keraku_ban{ clear:both; margin:0 0 10px 0;}


/* Contents Page
===============================================================*/

/* body base */


#contents_left{ width:760px; float:left; margin:0 10px 0 0; padding:0 0 30px 0; text-align:left; display:inline;}
#contents_left:after{display :block;margin-top:-1px;height:1px;content:"";clear:both;}

#contents_right{ width:300px; float:left; margin:0; text-align:left; padding:0 0 30px 0; display:inline;}
#contents_right:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#contents_body{ width:760px;}
#contents_body:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


#book_body:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


@media screen and (max-width: 480px) {

#contents_left,
#contents_right{ 
width:100%; 
float:none; 
margin:0 0 0 0; 
padding:2%; 
text-align:left; 
display:inline; 
box-sizing:border-box;
}

#contents_body{ width:100%;}
}


/* right menu
---------------------------------*/

#right_menu{ margin:0; width:300px;}

#right_menu h3{ clear:both; margin:0; font-size:1px; line-height:1px;}

dl.right_news{ padding:7px 0 0 0; margin:0 0 10px 0;}
dl.right_news dt{ color:#666666; line-height:18px; }
dl.right_news dd{ border-bottom:1px solid #dfdfdf; padding:0 0 10px 0; margin:0 0 10px 0; line-height:18px;}



@media screen and (max-width: 480px) {

#right_menu{ margin:0; width:100%;padding:2%; box-sizing:border-box;}

}


/* ranking
-----------------*/

/*
.r_ranking{ margin:0 0 10px 0; width:225px; }
.r_ranking ul{ margin:0; }
.r_ranking li{ border:solid #6d2f2f; border-width:0 1px 1px 1px; padding:3px; line-height:14px; }
*/

.r_ranking{ 
width:300px; 
float:left; 
display:inline; 
border:1px solid #045a49; 
border-top:none; 
margin-bottom:20px; box-sizing:border-box;
}

.r_ranking ul{ margin:0 0 20px; font-size:14px; }
.r_ranking li{ border-top:1px dotted #ddd; padding:5px; line-height:1.5; }
.r_ranking li.rank_last{ background:none;}


@media screen and (max-width: 480px) {



.r_ranking{ width:100%; float:none; display:block; }

}




/* search
-----------------*/

#r_search{ border:1px solid #045a49;padding:11px 0 11px 0; margin:0 0 10px 0;}

.r_search_magazine{ padding:0 0 0 11px; height:100%;}
.r_search_m_in{ height:74px; z-index:1; position:relative;}
#right_menu .r_search_m_in h3{ margin:0 0 9px 0;}



.r_scope{ margin:-74px 0 0 0; height:74px; width:55px; float:right; z-index:2; position:relative;}

.r_search_txt{ clear:both;}

.r_search_book{ padding:5px 0 5px 11px;height:100%;}
#right_menu .r_search_book h3{ margin:0 0 9px 0;}

.r_search_book dl{ margin:0;}
.r_search_book dt{ margin:0 0 2px 0;}
.r_search_book dd{ margin:0 0 6px 0;}

#right_menu img{
  width:100%;
  height:auto;
  }
  
#right_menu #r_search img{ max-width:100%;width:auto;}


/* input */
.r_search_form{
 width:270px; 
 font-size:14px; 
 padding:2px;
 background:url(../images/form_back.gif) no-repeat top left;
 border:1px solid #bfbfbf;
 }
 
.r_search_form2{
 width:100px; 
 font-size:14px; 
 padding:2px;
 background:url(../images/form_back.gif) no-repeat top left;
 border:1px solid #bfbfbf;
 }
 
.r_search_form3{
 width:50px; 
 font-size:14px; 
 padding:2px;
 background:url(../images/form_back.gif) no-repeat top left;
 border:1px solid #bfbfbf;
 }
 
.r_search_select{ width:220px; font-size:14px; padding:2px;border:1px solid #bfbfbf;}

.r_search_bt{ text-align:center; padding:5px 0 5px 0;}

.r_search_bottom{ padding:8px 0 0 11px; text-align:center;}


/* h */

#book_body h2{ width:760px; height:73px; position:relative; z-index:1; margin:0 0 5px 0;}
#contents_body h2{ width:760px; height:46px; margin:0 0 25px 0;}
#contents_body h2.book_news{ width:760px; height:73px; margin:0 0 17px 0;}

#book_body h2 img,
#contents_body h2 img{
  width:100%;
  height:auto;
}


#contents_body h3{ 
clear:both; 
background:#f4f4f4;
display:block;
 color:#045a48;
 font-size:18px;
 line-height:1.5; 
padding:10px; 
margin:0 0 15px 15px;
}


#contents_body h3.succession{
 background:#f4f4f4;
 display:block; 
 color:#045a48; 
 font-size:18px; 
 line-height:1.5; 
 padding:10px; 
 margin:0 0 0 15px;
}

#contents_body h3.zenshu_list{ 
 background:#f4f4f4 ;
 display:block; 
 color:#045a48; 
 font-size:18px; 
 line-height:1.5;
 padding:10px; 
 margin:25px 0 15px 0; 
 clear:both;
}
 

/* p */
#contents_body p{ font-size:16px; line-height:1.7; margin:0 0 24px 0;}
#contents_body p.bottom_min{ clear:both; font-size:14px; line-height:22px; margin:0 0 10px 0;}

.read_area{ margin:0 0 0 27px; width:90%;}

.read_right{ float:right; display:inline; margin:0 20px 0 0;}
.read_area_news{ margin:0 0 0 27px; width:90%;}
.read_area_news a{ color:#0044cc; }


/* list */

ol.number{ margin:0 0 25px 25px; list-style:outside decimal;}
ol.number li{ font-size:14px; line-height:22px;}
ul.read_list{ margin:0 0 25px 25px; list-style:outside disc;}
ul.read_list li{ font-size:14px; line-height:22px;}


.contents_bt_area{ 
text-align:right; 
width:400px; 
float:right; 
margin:-75px 0 0 0; 
height:67px; 
z-index:2; 
position:relative;
}


.contents_month_mark{ 
height:29px; 
margin:-29px 0 0 64px; 
font-size:14px; 
line-height:15px; 
z-index:2; 
position:relative; 
font-weight:bold; 
}

.contents_month{ 
height:29px; 
margin:-29px 0 0 10px; 
font-size:14px; 
line-height:15px; 
z-index:2; 
position:relative; 
font-weight:bold; 
}

.contents_bt_area select{ height:23px; padding:1px;}



@media screen and (max-width: 480px) {

.contents_bt_area{ text-align:right; width:100%; float:none; margin:-5px 0 15px 0; height:auto; z-index:2; 

position:relative;}
.contents_month_mark{ 
height:auto; 
margin:10px 0; 
font-size:14px; 
line-height:15px; 
z-index:2; 
position:relative; 
font-weight:bold; 
clear:both 
}


.contents_month{ 
height:auto; 
margin:10px 0; 
font-size:14px; 
line-height:15px; 
z-index:2; 
position:relative; 
font-weight:bold;
clear:both 
}

#book_body h2{ width:100%; height:auto; position:relative; z-index:1; margin:0 0 5px 0;}
#contents_body h2{ width:100%; height:auto; margin:0 0 15px 0;}
#contents_body h2.book_news{ width:100%; height:auto; margin:0 0 17px 0;}


#contents_body h3{ font-size:16px; line-height:1.5; padding:2%; margin:0 0 15px 0;}
#contents_body h3.succession{ 
background:#f4f4f4;
display:block; 
color:#045a48; 
font-size:18px; 
line-height:1.5; 
padding:10px; 
margin:0 0 0 15px;
}


#contents_body h3.zenshu_list{ 
background:#f4f4f4 ;
display:block; 
color:#045a48; 
font-size:18px; 
line-height:1.5; 
padding:10px;
margin:25px 0 15px 0; 
clear:both;
}
 

/* p */
#contents_body p{ font-size:12px; line-height:1.5; margin:0 0 24px 0;}
#contents_body p.bottom_min{ clear:both; font-size:14px; line-height:22px; margin:0 0 10px 0;}

.read_area,
.read_area_news{ margin:0 auto 0 auto; width:90%;}

}


/* topic path */

#topic_path{ margin:15px 0 20px 0; clear:both; text-align:left;}
#topic_path p{ font-size:12px; line-height:13px;}



/* book list */

#book_list{ clear:both;}

#book_list ul{ clear:both;}
#book_list li{ 
width:31.3%; 
background:#f4f4f4; 
padding:10px; 
float:left; 
display:inline; 
margin:0 1% 2%; 
box-sizing:border-box;
}

/* #book_list li.book_list_l{ margin:0 0 6px 0; } */


.book_img_in{ width:80px; height:99px;float:left; display:inline;}
.book_img{ width:80px; float:left; display:inline;}
.book_img img{ border:1px solid #d8d8d8; }

.book_txt{ width:135px; float:left; display:inline;}
.book_txt h3{ font-size:12px; line-height:20px; font-weight:bold; text-align:left;}
.book_txt h3.two-lined{ font-size:12px; line-height:18px; font-weight:normal; text-align:left;}

.book_txt p.book_tit{ font-size:11px; line-height:16px; font-weight:normal; text-align:left; margin:0;}
.book_txt p.book_auth{ 
font-size:11px; 
line-height:16px; 
font-weight:normal; 
color:#666666; 
text-align:left; 
margin:4px 0 7px 0;
}

.book_txt p.book_desc{ 
font-size:10px; 
line-height:16px; 
font-weight:normal;
color:#666666; 
text-align:left; 
margin:0;
}

#book_list li.hovering { background:#e3f6e3; cursor:pointer; display:block; }
#book_list li.book_list_l.hovering { background:#e3f6e3; cursor:pointer; display:block; }

.none{text-indent:-9999px;height:0px;overflow:hidden;}

.magazine_txt{ width:100px; float:left; display:inline;}
.magazine_txt h3{ font-size:12px; line-height:20px; font-weight:bold; text-align:left;}

.magazine_img{ width:120px; float:left; display:inline;}
.magazine_img img{ border:1px solid #d8d8d8; }

#book_list li.magazine_area{ 
width:335px;
_width:355px; 
background:#eae7d9; 
padding:10px; 
float:left; 
display:inline; 
margin:0 10px 0 0;
}


#book_list li.magazine_area_l{ 
width:335px;
_width:355px; 
background:#eae7d9; 
padding:10px; 
float:left; 
display:inline; 
margin:0; 
}
#book_list li.magazine_area.hovering { background:#e3f6e3; cursor:pointer; display:block; }
#book_list li.magazine_area_l.hovering { background:#e3f6e3; cursor:pointer; display:block; }

.magazine_area_txt{ width:120px; float:left; display:inline;}
.magazine_area_txt h3{ font-size:14px; line-height:20px; font-weight:bold; text-align:left;}
.magazine_area_txt2{ width:160px; float:left; display:inline;}
.magazine_area_txt2 h3{ font-size:14px; line-height:20px; font-weight:bold; text-align:left;}

.chuokoron_img{ width:170px; float:left; display:inline;}
.chuokoron_area_img img{ border:1px solid #d8d8d8; }
.fujinkoron_img{ width:210px; float:left; display:inline;}
.fujinkoron_area_img img{ border:1px solid #d8d8d8; }
 
p.p_next_txt{ text-align:center; margin:200px;}

/* search */

.book_junre{ 
background:#085c42; 
padding:3px; 
color:#fff; 
font-size:12px; 
font-weight:bold; 
display:block; line-height:13px; 
margin:0 5px 10px 0;
}



@media screen and (max-width: 480px) {


#book_list li{ 
width:100%; 
background:#f4f4f4; 
padding:2%; 
clear:both; 
overflow:hidden; 
float:none; 
display:block; 
margin:0 0 1%; 
box-sizing:border-box;
}

.book_img_in{ width:20%; height:99px;float:left; display:inline;}
.book_img{ width:100%; float:none; height:auto; display:inline;}
.book_txt{ width:76%; float:right; display:inline;}
}







/* book detail
---------------------------------*/

.book_detail_l{
 width:60%; 
 float:left; 
 display:inline; 
 margin:14px 0 0 0; 
 padding:0 5% 40px 0; 
 box-sizing:border-box;
}

.book_detail_r{ 
 width:40%; 
 float:left; 
 display:inline; 
 margin:14px 0 0 0; 
 text-align:center; 
 padding:0 0 40px 0; 
 box-sizing:border-box;
}

.book_detail_r img{ border:1px solid #d8d8d8;}


.book_detail_l h3{ 
font-size:20px; line-height:24px;
}

.book_detail_l h3.two-lined{ 
font-size:18px; 
line-height:1.6; 
font-weight:normal; 
text-align:left;
}

.book_detail_l p.entry_book_tit{ 
font-size:17px; 
line-height:1.6;
}
.book_detail_l p.entry_book_auth{ 
font-size:16px; 
line-height:1.6; 
font-weight:normal; 
text-align:left; 

margin:10px 0 25px 0;}
.book_detail_l p.entry_book_desc{ 
font-size:14px; 
line-height:1.6; 
font-weight:normal; 
text-align:left; margin:0 0 20px 0;
}

.book_detail_l h4{ 
background:#f4f4f4 url(../images/entry_h3_back_01.gif) no-repeat left 50%; 
display:block; 
color:#045a48; 
font-size:15px; 
line-height:24px; 
padding:5px 0 5px 15px; 
margin-bottom:15px;
}

.book_detail_l ul{ margin:0 0 15px 0; padding:3px 0 0 0;}
.book_detail_l li{ 
background:url(../images/entry_line.gif) no-repeat bottom left; 
padding:0 0 3px 5px; margin:0 0 3px 0;
}
.book_detail_l li:after{display :block;margin-top:-1px;height:1px;content:"";clear:both;}
.detail_ele{ width:90px; float:left; display:inline;}
.detail_txt{ width:250px; float:left; display:inline;}

.book_detail_bt_area{ clear:both; margin:0; padding:0;}
.book_detail_bt_area li{ float:left; display:inline; margin:0 11px 0 0; background:none; padding:0;}
.book_detail_bt_area li.bt_last{ float:left; display:inline; margin:0;}

.shop_caution{ clear:both; font-size:11px; line-height:14px; padding:4px 0 0 0; color:#842525; }


.book_detail_bl{ width:760px; float:left; display:inline; margin:0 0 0 0; padding:0 0 10px 0;}
.book_detail_br{ width:200px; float:left; display:inline; margin:0; padding:0 0 10px 0;}

.book_detail_bl h4{ 
background:#f4f4f4 url(../images/entry_h3_back_02.gif) no-repeat top left;
 display:block; 
color:#045a48; 
font-size:12px; 
line-height:24px; 
padding:0 0 0 12px; 
margin:0 0 13px 0;
}

.book_detail_bl h5{ margin:0 0 0 10px; font-size:12px; line-height:18px;}
.book_detail_bl h6{ font-size:10px; line-height:14px; font-weight:normal; margin:0 8px 0 8px; }

.book_detail_bl p{ margin:0 0 20px 10px; line-height:18px;}

.book_detail_bl a{
  margin:0 6px 6px 0;
  display:block;
  float:left;
}

.book_relate{ margin:0;}
.book_relate ul{ clear:both; }
.book_relate li{ float:left; display:inline; width:95px; height:140px; margin:0; text-align:center; }
.book_relate li img{ margin:0 auto 3px auto; }
.book_relate li p{ font-size:10px; line-height:14px; }



@media screen and (max-width: 480px) {



.book_detail_l{ 
width:100%; 
float:none; 
display:block; 
margin:14px 0 0 0; 
padding:2%; 
box-sizing:border-box;
}
.book_detail_r{ 
width:100%; 
float:none; 
display:block; 
margin:14px auto 0; 
text-align:center; 
padding:2%; 
box-sizing:border-box;
}
.book_detail_bl{ 
width:100%; 
float:none; 
display:block; 
margin:0 auto 0 auto; 
padding:2%; 
clear:both;
box-sizing:border-box;
}
.book_detail_br{ 
width:100%; 
float:none; 
display:block; 
margin:0; 
padding:0 0 10px 0;
box-sizing:border-box;
}

.book_detail_l h4,
.book_detail_bl h4{ 
background:#f4f4f4 url(../images/entry_h3_back_01.gif) no-repeat left 50%; 
display:block; 
color:#045a48; 
font-size:15px; 
line-height:24px; 
padding:5px 0 5px 15px; 
margin-bottom:15px;
}

.book_detail_bl a{
width:31.3%;
margin:0 1% 2%;
}
.book_detail_bl a img{
width:100%;
height:auto;
}
.book_detail_bl br{
clear:both;
}

.book_relate{ margin:0 0 10%; overflow:hidden;}
.book_detail_bl .book_relate li a {
    width: 100%;
    margin: 0 0 2%;
}
.book_relate li{ 
float:left; 
display:inline; 
width:calc(100% / 3); 
height:auto; 
margin:0; 
text-align:center;
box-sizing:border-box;
padding:0 1.5%;
}
.book_relate li img{ margin:0 auto 3px auto; display:block; }


}




/* comment */

.book_entry_comment{ background:#f4f4f4; padding:10px; }
.book_entry_comment:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


.book_entry_comment textarea{ 
background:url(../images/form_back.gif) no-repeat top left;
border:1px solid #bfbfbf; 
width:180px; 
height:150px; 
margin:0 0 10px 0;
}

.book_entry_comment input{ vertical-align:middle;}
.book_entry_comment_input{ 
background:url(../images/form_back.gif) no-repeat top left;
border:1px solid #bfbfbf; 
width:175px; 
padding:2px;
margin:0 0 10px 0; 
vertical-align:middle;
}

.book_entry_comment_input2{ 
background:url(../images/form_back.gif) no-repeat top left;
border:1px solid #bfbfbf; 
width:40px; 
padding:2px;
margin:0 0 10px 0; 
vertical-align:middle;
}

.book_entry_comment h5{ font-size:12px; line-height:18px; font-weight:normal; }

.book_entry_comment_l{ width:85px; float:left; display:inline;}
.book_entry_comment_r{ width:85px; float:left; display:inline;}

.book_entry_comment_clear{ clear:both; margin:0 0 5px 0;}
.book_entry_comment p{ margin:0 0 7px 0; font-size:10px; line-height:14px;}
.book_entry_comment_bt{ text-align:center;}


/* zenshu_list */

ul.zenshu_series{ margin:0 0 20px 20px; width:200px; float:left; display:inline; }
ul.zenshu_series li{ 
background: url(../images/link_arrow.gif) no-repeat left 50%; 
padding:2px 0 2px 18px;
margin:0 0 3px 0; 
}


/* CLASSIC
=================================*/

#classic_body{ 
 background:#e5d19f; 
 color:#680f0f; 
 padding15px; 
 width:760px; 
 height:100%; 
 box-sizing:border-box;
 }
#classic_body:after{
 display:block;
 margin-top:-1px;
 height:1px;content:"";
 clear:both;
}


#classic_body h2{ margin:0 0 20px 0;}
#classic_body h3{ margin:0 0 15px 0;}
#classic_body h4{ margin:0 0 11px 0; font-size:16px;}


#classic_body p{ line-height:20px; margin:0 0 20px 10px; font-size:14px;}
#classic_body p.greeting{ line-height:20px; margin:0 0 20px 0; text-indent:12px;}
#classic_body p.greeting_right{ font-family:serif; font-size:14px; font-weight:bold; text-align:right;}


.classic_head{ margin:0 0 5px 0;}
.classic_head img{ width:100%;height:auto;}
.classic_menu{ background:#473f1a; height:20px; display:block; margin:0 0 24px 0; }
.classic_menu li{ float:left; display:inline;  }

.classic_method{ margin:0 60px 30px 60px;}


.classic_method table{ margin:0 0 20px 0; width:100%; font-size:12px; color:#680f0f;}
.classic_method th{ width:90px; padding:5px; border-bottom:1px solid #711c1c; text-align:left;}
.classic_method td{ padding:5px; border-bottom:1px solid #711c1c; vertical-align:top;}

.classic_method td.book_date{ width:100px; vertical-align:middle;}
.classic_method td.book_name{ width:249px;}
.classic_method td.book_auth{ width:70px;}
.classic_method td.book_place{ width:140px;}




@media screen and (max-width: 480px) {


#classic_body{ width:100%; height:100%; box-sizing:border-box;}
.classic_method{ margin:0; padding:2%;}
.classic_menu{ background:#473f1a; height:auto;overflow:hidden; display:block; margin:0 0 24px 0; }
.classic_menu li{ float:left; display:inline;  }

.classic_method img{
max-width:100%;
height:auto;
}

.classic_method th{ 
box-sizing:border-box;
padding:5px; 
border:none; 
vertical-align:top; 
display:inline-block;
width:100%;
}

.classic_method td{
box-sizing:border-box;
padding:5px;
border:none;
vertical-align:top; 
display:inline-block;
}

.classic_method td.book_date{ width:100%; vertical-align:middle; display:inline-block;}
.classic_method td.book_name{ width:auto;}
.classic_method td.book_auth{ width:auto;}
.classic_method td.book_place{ width:100%;border-bottom:1px solid #711c1c;}


}




/* map */

.map_area{ text-align:center; margin:0 0 15px 0;}



/* contact */

dl.contact_list{  font-size:14px; line-height:22px; padding:0 0 24px 0; height:100%; }
dl.contact_list:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


dl.contact_list dt{ margin:0; width:120px; float:left; display:inline; margin:0; font-weight:bold; }
dl.contact_list dd{ margin:0; width:300px; float:left; display:inline; margin:0;}



/* news */

dl.news_list{ margin:0 0 20px 0;}

dl.news_list dt{ 
clear:both;
background:#f4f4f4;
display:block;
color:#045a48;
font-size:18px; 
line-height:26px;
padding:10px;
margin:0 0 15px 0;
font-weight:bold;
}
.news_date{ margin:0 20px 0 20px; font-weight:normal; float:right; display:inline;}
dl.news_list dd{ margin:0 30px 0 27px;}

dl.news_list dd.news_read_more{ clear:both; margin:0 30px 20px 0; text-align:right;}



@media screen and (max-width: 480px) {

dl.news_list dt{font-size:16px; line-height:1.5; padding:2%; margin:0 0 15px 0; font-weight:bold;}
.news_date{ margin:0 10px 0 10px; font-weight:normal; float:right; display:inline;}
dl.news_list dd{ margin:3%; padding:0; font-size:12px;}

dl.news_list dd.news_read_more{ clear:both; margin:0 0 20px 0; text-align:right;}
dl.news_list dd p{ margin:0;padding:0;}


}



/* search */

#search_body h2{ width:720px; height:50px; position:relative; z-index:1; margin:0 0 5px 0;}

#search_body h3.search_result{ clear:both; font-size:14px; line-height:26px; margin:0 0 15px 5px;}

/*
#search_body p{ margin:0 0 15px 5px;}
*/
#search_body p.search_h{ margin:0 0 15px 5px;}

.pagenate{ padding:20px 0 0 0; clear:both; text-align:center;}

.pagenate li{ display:inline; margin:0 5px 0 5px;}




@media screen and (max-width: 480px) {

#search_body h2{ width:100%; height:auto; position:relative; z-index:1; margin:0 0 5px 0;}
#search_body h2 img{
height:auto;
width:100%;
}


}




/* ebooks */

#ebooks{ height:100%;}
#ebooks a{ height:100%;}
#ebooks iframe{ height:2000px;}


.comment_finish{ text-align:center;padding:100px 0 200px 0;}
.comment_finish h3{ font-size:14px; margin:0 0 60px 0;}
.comment_finish p{ font-size:12px; margin:0 0 40px 0;}




/* Web Serial */

#web_serial{ margin:0 0 30px 0; width:760px; text-align:left; height:100%;}
#web_serial:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#web_serial h2{ width:760px; height:46px; margin:0 0 25px 0;}
#web_serial h2 img{ width:100%; height:auto;}

#web_serial p{ font-size:14px; line-height:22px; margin:0 0 24px 0;}



.web_serial_box{ clear:both;}
.web_serial_l{ width:350px; margin:0 20px 30px 0; float:left; display:inline;}
.web_serial_r{ width:326px; margin:0 0 30px 0; float:left; display:inline;}


#web_serial h3{ font-size:16px; line-height:24px;}

#web_serial li{ font-size:14px; line-height:24px;}



@media screen and (max-width: 480px) {


#web_serial{ margin:0 0 15px 0; width:100%; text-align:left; height:100%;}

#web_serial h2{ width:100%; height:auto; margin:0 0 15px 0;}
.web_serial_l{ width:98%; margin:0 auto 5px; float:none; display:block;}
.web_serial_r{ width:98%; margin:0 auto 15px; float:none; display:block;}
.web_serial_l img{
width:100%;
height:auto;
}


}





/* 2011.11.21.plus */

#contents_n_left{
 float:left; 
 display:inline; 
 width:780px; 
 margin-right:20px; 
 text-align:left; 
 padding-bottom:40px;
 }

#contents_n_right{ 
float:left; 
display:inline; 
width:300px; 
text-align:left;
padding-bottom:40px;
}

.top_con_left{ width:250px; float:left; display:inline; margin-right:20px; }
.top_con_right{ width:510px; float:right; display:inline; }


.top_pickup{ width:250px;}

.top_pickup_method{ background:#eae7d9; padding:7px; }
#contents_n_left .top_pickup_method h3{ background:none !important; }


.top_magazine_r{ width:490px;  margin-bottom:10px;}

.top_magazine_method{ 
background:url(../images/top/top_magazine_back.gif) repeat-y top left; 
padding:7px 0 7px 7px;
background-size:cover;
}

.top_magazine_chuokoron{ width:49%; float:left; display:inline; }
.top_magazine_fujinkoron{ width:49%; float:left; display:inline; }

.top_magazine_method img.img_border{ border:1px solid #fff;}


.top_book_method{ 
background:url(../images/top/top_book_back.gif) repeat-y top left; 
margin-bottom:15px; 
background-size:cover;
}

.top_book_method div{
width:20% !important;
box-sizing:border-box;
margin:0;
}

/**20190404 TOP 雑誌追加**/
@media screen and (max-width: 375px) {
  .top_magazine_method.clearfix{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px;
  }
  .top_magazine_chuokoron{
    float: none;
    width: 38%;
    margin-right: 15%;
  }
  .top_magazine_chuokoron .fleft.mr10 a,
  .top_magazine_fujinkoron .fleft.mr10 a{
   display: block;
  }
  .top_magazine_fujinkoron{
    float: none;
    width: 43%;
  }
}


/**20190404 TOP 新刊書籍追加**/
@media screen and (max-width: 375px) {
  .top_book_method.clearfix{
    display: flex;
    flex-wrap: wrap;
    padding: 15px 6px 0;
  }
  .top_book_method.clearfix .fleft{
    float:none;
    width: calc( 100% / 3 ) !important;
    margin: 0 0 15px 0;
  }
}

.top_contents_bottom{ clear:both;}

.top_ranking_n{ 
width:250px; 
/* float:left; 
display:inline; */
border:1px solid #045a49; 
box-sizing:border-box; 
}

.top_ranking_n ul{ margin:0; font-size:12px; }
.top_ranking_n li{ 
background:url(../images/top/top_ranking_line.gif) no-repeat center bottom; 
padding:6px 9px 6px 9px; 
line-height:12px;
 }
.top_ranking_n li.rank_last{ background:none;}

.top_ranking_n li:last-child{
background:none;
}


@media screen and (max-width: 480px) {

#contents_n_left{ 
float:none; 
display:inline; 
width:100%; 
margin-right:0; 
text-align:left; 
padding-bottom:20px; 
display:block;
clear:both; 
box-sizing:border-box; 
padding: 2%;
}

#contents_n_right{ 
 clear:both;
 float:none; 
 display:inline; 
 width:100%; 
 text-align:left;
 padding-bottom:20px; 
 display:block; 
 box-sizing:border-box; 
 padding: 2%;
 }

.top_con_left{ width:100%; float:leftnone display:block; margin-right:0; }
.top_con_right{ width:100%; float:none; display:block; }

.top_magazine_img_n{
width:34%;
float:left;
}
.top_magazine_img_n img,
.top_magazine_txt_n img{
width:100%;
height:auto;
}
.top_magazine_txt_n{
width:60%;
float:left;
}


.top_pickup{ width:100%;}
.top_ranking_n{ 
 width:100%; 
 float:none; 
 display:block; 
 border:1px solid #045a49; 
 box-sizing:border-box;
}
.top_ranking_n h3{
background:#f4f4f4
}
.top_ranking_n h3 img{
width:60%;
height:auto;
}

.top_ranking_n li{
 background:url(../images/top/top_ranking_line.gif) repeat-x center bottom; 
 padding:6px 9px 6px 9px; 
 line-height:12px; 
 }
.top_book_method div img{
width:90% !important;
box-sizing:border-box;
margin:0;
height:auto;
}
.top_ranking_n li:last-child{
background:none;
}

.top_magazine_chuokoron .fleft,
.top_magazine_fujinkoron .fleft{ 
width:60% !important; 
float:left; 
display:inline; 
}
.top_magazine_chuokoron .fleft.mr10,
.top_magazine_fujinkoron .fleft.mr10{ 
width:35% !important; 
float:left; 
display:inline; 
}
.top_magazine_chuokoron .fleft.w86,
.top_magazine_fujinkoron .fleft.w100{ 
width:60% !important; 
}
.top_magazine_chuokoron .fleft img,
.top_magazine_fujinkoron .fleft img{
max-width:100%;
height:auto;
}

.top_magazine_chuokoron .mr10,
.top_magazine_fujinkoron .mr10{
    margin-right: 5%;
}


}


/**20190404 TOP 追加**/

@media screen and (max-width: 375px) {
  .top_magazine_chuokoron .fleft.mr10,
  .top_magazine_fujinkoron .fleft.mr10{
    width: auto !important;
    margin-right: 0;
    float: none;
  }
 .top_magazine_chuokoron .fleft img, .top_magazine_fujinkoron .fleft img{
    width: auto;
  }
  .top_magazine_chuokoron .fleft.w86, .top_magazine_fujinkoron .fleft.w100{
    width: 100% !important;
  }

  .top_book_method.clearfix .pb5 a{
    display: block;
    background: #0f5c37;
    width: 90%;
    margin: 0 auto;
  }
  .top_book_method.clearfix .pb5 a img{
    max-width: 88px;
    max-width:88px !important
 }
  .top_magazine_fujinkoron .fleft.w100 img{
    max-width: 110px;
    height: auto;
  }
}



/* 2017.01.27.plus */

ul.top_relate_banner li img{
width:100%;
height:auto;
box-sizing:border-box;
border:1px solid #045a49
}

ul.top_relate_banner li{
margin-bottom:1%;
}

ul.top_relate_banner li.h50{
float:left;
width:49.5%;
margin-right:1%;
}
ul.top_relate_banner li.h50:nth-of-type(2n){
width:49.5%;
margin:0;
}

/* news */

.top_news_method{ width:510px; float:left; display:inline; }

ul.top_news_n{ margin:0; border-top:1px solid #c6c6c6; padding:5px 0 0 0;font-size:13px;line-height:1.5;}
ul.top_news_n li{ margin:0 0 5px 0; border-bottom:1px solid #dfdfdf; padding:0 0 5px 8px;line-height:1.5;}

ul.top_news_n li img{ vertical-align:middle; margin:0 0 0 10px;}

.top_news_n_date{ width:100%; display:block; color:#666666;}
.top_news_n_txt{ width:100%;  display:block;}
.top_news_n_date_st{ width:100%;  display:block; font-weight:bold; color:#666666;}
.top_news_n_txt_st{ width:100%;  display:block; font-weight:bold;}


@media screen and (max-width: 480px) {

.top_news_method{ width:100%; float:none; display:block; margin-bottom:4%; }

}




/* r box */

.top_r_box{ border:1px solid #045a49;}




#contents_n_right h3,
#contents_n_left .top_con_left h3{
 position:relative; 
 z-index:1; 
 width:100%; 
 background:#f4f4f4; 
 color:#055a47; 
 font-size:14px; 
 padding:1% 0 1% 3%; 
 box-sizing:border-box;
 }
#contents_n_right .r_bt{
 position:relative; 
 z-index:2; 
 height:17px; 
 float:right; 
 margin-top:-17px; 
 margin-right:5px;
 }


ul.right_list{ padding:8px; }
ul.right_list li{ border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px; clear:both;}
/**20190404追加_chuko**/
ul.right_list li::after{content: ""; display: table; clear: both;}
ul.right_list li.r_last{ border:none; margin-bottom:0; padding-bottom:0;}


dl.r_web_list{ padding:8px;}
dl.r_web_list dt{ margin-bottom:3px;}
dl.r_web_list dt.r_web_tit{ background:#ddddcc; padding:3px;}
dl.r_web_list dd{ border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}
dl.r_web_list dd.rlist_last{ background:none; margin-bottom:0; padding-bottom:0;}

dl.r_web_list dd a.r_arrow{ 
 background:url(../images/top/r_arrow.gif) no-repeat left 3px;
 padding-left:8px; 
 color:#000;
 }

dl.r_web_list a { font-weight:bold;}


.r_twitter{ clear:both; margin-bottom:15px;}

#right_menu .r_twitter .twtr-hd h3{ clear:none;}
#right_menu .r_twitter .twtr-hd h4{ clear:none;}


@media screen and (max-width: 480px) {

#contents_n_right h3 img{ width:60%; height:auto;}


}





#menu li a.menu {
  display: block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
}

#menu li a.menu:hover {
  background: #49A3FF;
}

#menu li .submenu {
  background: #77ab6a;
  visibility: hidden;
  position: absolute;
  z-index: 5000;
  width:120px;
}

#menu li .submenu a {
  display: block;
  text-align: left;
  text-decoration: none;
  padding: 10px;
  color: #fff;
  font-size:14px;
  border-bottom:1px solid #3c8529;
}

#menu li .submenu a:hover {
  background: #3c8629;
  color: #FFF;
}



#menu_all li a.menu {
  display: block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
}

#menu_all li a.menu:hover {
  background: #49A3FF;
}

#menu_all li .submenu {
  background: #77ab6a;
  visibility: hidden;
  position: absolute;
  z-index: 5000;
  width:107px;
}

#menu_all li .submenu a {
  display: block;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #fff;
  border-bottom:1px solid #3c8529;
}

#menu_all li .submenu a:hover {
  background: #3c8629;
  color: #FFF;
}



/* audio */          

#audio_classics{ margin:0 0 30px 0; width:696px; text-align:left; height:100%;}
#audio_classics:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#audio_classics h2{ width:696px; height:46px; margin:0 0 25px 0;}

#audio_classics p{ font-size:14px; line-height:22px; margin:0 0 24px 0;}



#audio_classics h3{ font-size:16px; line-height:24px;}

#audio_classics li{ font-size:14px; line-height:24px;}



/* Special book */

#special_book{ margin:0 0 30px 0; width:760px; text-align:left; height:100%;}
#special_book:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#special_book h2{ width:760px; height:46px; margin:0 0 25px 0;}
#special_book h2 img{ width:100%; height:auto}

#special_book p{ font-size:14px; line-height:22px; margin:0 0 24px 0;}
#special_book h3.special_year{ background:url(../images/h3_back.gif) no-repeat top left;display:block; 

color:#045a48; font-size:14px; line-height:24px; padding:0 0 0 12px; margin-bottom:15px; border:none;}

.special_book_box{ clear:both;}
.special_book_l{ width:160px; margin:0 10px 30px 0; float:left; display:inline;}
.special_book_r{ width:200px; margin:0 10px 30px 0; float:left; display:inline;}


#special_book h3{ 
 font-size:14px; 
 line-height:24px; 
 background:#ddddcc; 
 padding:2px; 
 border-bottom:1px solid #045a48; 
 margin-bottom:3px;
 }
#special_book h3 small{ font-size:12px; padding-left:5px;}

#special_book li{ font-size:14px; line-height:24px;}

.special_select{ background:#f4f4f4; padding:5px; font-size:14px; width:280px; float:right;}
.special_select input{ font-size:14px;}
.special_select select{ font-size:14px;}



@media screen and (max-width: 480px) {

#special_book{ margin:0 0 15px 0; width:100%; text-align:left; height:100%;}

#special_book h2{ width:100%; height:auto; margin:0 0 15px 0;}
.special_book_l{ width:48%; margin:0 2% 15px 0;}
.special_book_r{ width:48%; margin:0 0 15px 2%;}
.special_book_l img{
width:100%;
height:auto;
}


}

/**TOP メディア情報用　CSS追加 20191120**/
.media_thumb{
  display: block;
  width: 80px;
  background: #eee;
  text-align: center;
}

a.media_thumb img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 80px;
}