@charset "utf-8";

/* CSS Document */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, p, ul, li, table, td, th, tr, span, dd, dt, dl {
  margin: 0px;
  padding: 0px;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

h1 br {
  display: none;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.clear {
  clear: both;
}

a:link {
  color: #2f2f2f;
  text-decoration: none;
}

a:visited {
  color: #2f2f2f;
  text-decoration: none;
}

a:hover {
  color: #9e9e9e;
  text-decoration: none;
}


/* menuHeader */

#menuHeader {
  width: 100%;
  border-bottom: #f3c314 5px solid;
  background-color: #fff;
  z-index: 100;
  top: 0;
  padding-top: 20px;
  min-width: 960px;
}

#menu_header_contents {
  width: 960px;
  margin: 0 auto;
}

#top_back {
  float: left;
}

#top_back img {
  width: 143px;
}

#sp_logo {
  display: none;
}

#txt_release_info {
  color: #7d7d7d;
  font-weight: bold;
  font-size: 90%;
  line-height: 1.3em;
  margin: 20px 10px 10px;
  float: left;
}

#txt_release_info span {
  font-size: 140%;
}

#search_pc {
  float: right;
  margin: 20px 40px;
}

#search {
  position: relative;
}

#keywords {
  width: 210px;
  background: #e4e4e4;
  padding: 4px;
  font-size: 90%;
  border: none;
  height: 30px;
}

#searchBtn {
  position: absolute;
  left: 210px;
  background: #7d7d7d;
  height: 30px;
}

*:first-child+html #searchBtn {
  top: 1px;
}

input#keywords::-webkit-input-placeholder {
  color: #7d7d7d;
  font-weight: normal;
}

input#keywords:-ms-input-placeholder {
  color: #7d7d7d;
  font-weight: normal;
}

input#keywords::-moz-placeholder {
  color: #7d7d7d;
  font-weight: normal;
}

#search_sp {
  display: none;
}

#menuHeaderButton {
  float: right;
  margin: 0 0 5px 0;
}

#menuHeaderButton img {
  cursor: pointer;
}

#menuHeaderButton .pcMenu {
  display: block;
}

#menuHeaderButton .spMenu {
  display: none;
}


/* wrapper_menu */

#wrapper_menu {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  position: fixed;
  top: 0px;
  z-index: 100;
}

#menuBoard {
  width: 776px;
  margin: 0 auto;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: #969696 1px solid;
  padding: 0 55px 35px;
  margin-top: 100px;
}

#menuBoard ul {
  list-style-type: none;
}

#menuBoard ul li {
  float: left;
  margin-top: 30px;
}

#wrapper {
  width: 960px;
  margin: 30px auto 0;
}

#wrapper_left {
  width: 665px;
  float: left;
  margin: 0 45px 0 0;
}

#wrapper_right {
  width: 250px;
  float: right;
}

#title_twitter {
  width: 250px;
  height: 39px;
  background: url(../../images/migration_css/__image__template__title_twitter.gif) no-repeat;
  text-indent: -9999px;
}

#title_blog {
  width: 250px;
  height: 39px;
  background: url(../../images/migration_css/__image__template__title_blog.gif) no-repeat;
  text-indent: -9999px;
}

#btn_blog {
  display: none;
}

#blogFeed {
  margin: 10px 0;
}

#blogFeed li {
  list-style-type: none;
  background: url(../../images/migration_css/__image__template__ico_blog.gif) no-repeat left top;
  border-bottom: #435671 1px dotted;
  padding: 0 0 15px 13px;
  margin: 10px 0 0 0;
  font-size: 80%;
  line-height: 1.5em;
}

#blogFeed .title_blog_kiji {
  font-weight: bold;
}

#blogFeed .icon_new {
  background: #FF0004;
  padding: 2px 3px;
  color: #fff;
  text-align: center;
  font-size: 80%;
}


/* tab_contents */

.title_tab_menu {
  margin: 20px 0 10px;
}

.tab_contents {
  width: 665px;
  padding: 0 0 15px 0;
  border-bottom: #435671 1px dotted;
  margin: 15px 0;
}

.tab_contents_img {
  display: block;
  width: 120px;
  /*トリミング後の横幅*/
  height: 120px;
  /*トリミング後の縦幅*/
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
  border: #bfbfbf 1px solid;
}

.tab_contents_img img {
  position: absolute;
  width: 120px
}

.tab_contents_info {
  padding: 0 15px;
  max-width: 540px;
  float: left;
}

.tab_contents_info p {
  line-height: 1.3em;
}

.tab_contents_title {
  color: #eb6100;
  font-weight: bold;
  font-size: 110%;
}

.tab_contents_txt {
  font-size: 90%;
}

.tab_contents_day {
  clear: both;
  font-size: 75%;
  text-align: right;
}


/* widget-accessranking tab_contents */

#accessranking_lower .tab_contents {
  width: 310px;
  float: left;
  border-bottom: #969696 1px dotted;
  margin: 0px 20px 20px 0;
  padding: 0 0 10px;
}

#accessranking_lower .tab_contents_title {
  color: #eb6100;
  font-weight: bold;
  font-size: 90%;
  line-height: 1.3em;
  margin-bottom: 5px;
}

#accessranking_lower .tab_contents_txt {
  font-size: 80%;
  line-height: 1.3em;
  clear: both;
  min-height: 50px;
}

#accessranking_lower .tab_contents_info {
  float: left;
  width: 230px;
  padding: 0px 5px 10px;
}

#accessranking_lower .tab_contents_img {
  display: block;
  width: 80px;
  /*トリミング後の横幅*/
  height: 80px;
  /*トリミング後の縦幅*/
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
  border: #bfbfbf 1px solid;
}

#accessranking_lower .tab_contents_img img {
  position: absolute;
  width: 80px;
}

#accessranking_lower .tab_contents_day {
  font-size: 80%;
  text-align: right;
}


/* title_twitter */

#title_twitter {
  margin-top: 10px;
}


/* title_blog */

#title_blog {
  margin-top: 40px;
}


/* wrapper_footer_bnr */

#wrapper_footer_bnr {
  clear: both;
  width: 960px;
  margin: 0 auto;
}

#footer_list {
  list-style-type: none;
  width: 864px;
  float: left;
  margin: 10px 0 0;
}

#footer_list li {
  float: left;
  margin: 3px 3px;
  min-height: 65px;
}

#img_pagetop {
  width: 62px;
  height: 62px;
  position: fixed;
  bottom: 35px;
  right: 35px;
  z-index: 9999;
}

#img_pagetop {
  position: fixed;
  bottom: 88px;
  right: 35px;
  width: 62px;
  height: 62px;
  margin: 20px 0 0;
  z-index: 9999;
}

#img_pagetop_sp {
  display: none;
}


/* footer */


/* footer{width:100%; background:#b5b5b5 url(../../images/migration_css/__image__template__footer_img.gif) repeat-x top;}
footer div{width:960px; margin:0 auto;}
footer ul{width:160px; min-height:205px; float:left; list-style-type:none; border-right:1px solid #fff;padding:0 20px 10px; margin:30px 0;} */


/*footer ul li{font-size:75%; color:#fff; line-height:1.7em;}*/

.title_footer_link {
  margin: 0 0 10px;
  font-weight: bold;
}

footer ul li a:link {
  color: #fff;
  text-decoration: underline;
}

footer ul li a:visited {
  color: #fff;
  text-decoration: underline;
}

footer ul li a:hover {
  color: #717171;
  text-decoration: underline;
}

#wrapper_footer_sp {
  display: none;
}

#copy_pc {
  width: 960px;
  margin: 30px auto;
  text-align: center;
  font-size: 70%;
  line-height: 1.3em;
  display: none;
}

#copy_pc ul {
  list-style-type: none;
  width: 500px;
  margin: 0 auto;
}

#copy_pc ul li a:link {
  color: #2f2f2f;
  text-decoration: underline;
}

#copy_pc ul li a:visited {
  color: #2f2f2f;
  text-decoration: underline;
}

#copy_pc ul li a:hover {
  color: #9e9e9e;
  text-decoration: underline;
}

#gf_footer_b ul li a {
  color: #666 !important;
  text-decoration: none !important;
}


/**clearfix**/

.clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}


/* pankuzu */

#pankuzu {
  font-size: 75%;
  color: #2f2f2;
}

#pankuzu br {
  display: none;
}

#pankuzu a:link {
  color: #2f2f2f;
  text-decoration: underline;
}

#pankuzu a:visited {
  color: #2f2f2f;
  text-decoration: underline;
}

#pankuzu a:hover {
  color: #9e9e9e;
  text-decoration: underline;
}


/* wrapper_news */

#wrapper_news #h3 {
  width: 663px;
  height: 31px;
  background: url(../../images/migration_css/__image__template__title_news.gif) no-repeat;
  text-indent: -9999px;
  margin: 30px 0 20px;
}

.lower_contents {
  width: 310px;
  float: left;
  border-bottom: #969696 1px dotted;
  margin: 0px 20px 20px 0;
  padding: 0 0 10px;
  height: 120px;
}

.lower_contents_title {
  color: #eb6100;
  font-weight: bold;
  font-size: 90%;
  line-height: 1.3em;
  margin-bottom: 5px;
}

.lower_contents_txt {
  font-size: 80%;
  line-height: 1.3em;
  clear: both;
  min-height: 50px;
}

.lower_contents_info {
  float: left;
  width: 230px;
  padding: 0px 5px 10px;
}

.lower_contents_img {
  display: block;
  width: 80px;
  /*トリミング後の横幅*/
  height: 80px;
  /*トリミング後の縦幅*/
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
  border: #bfbfbf 1px solid;
}

.lower_contents_img img {
  position: absolute;
  width: 80px;
}

.lower_contents_day {
  font-size: 80%;
  text-align: right;
}


/* wrapper_kanren */

#title_kanren {
  width: 663px;
  height: 31px;
  background: url(../../images/migration_css/__image__template__title_kanren.gif) no-repeat;
  text-indent: -9999px;
  margin: 30px 0 20px;
}


/* wrapper_popular */

#wrapper_popular {
  margin: 0 0 50px 0;
}

#wrapper_popular h3 {
  width: 663px;
  height: 31px;
  background: url(../../images/migration_css/__image__template__title_populsr.gif) no-repeat;
  text-indent: -9999px;
  margin: 30px 0 20px;
}


/* wrapper_trial_reading */

#wrapper_trial_reading h3 {
  margin: 0 0 10px;
}

#title_trial_reading {
  width: 663px;
  height: 46px;
  background: url(../../images/migration_css/__image__index__title_reading.gif) no-repeat;
  text-indent: -9999px;
}

#trial_reading_list {
  list-style-type: none;
}

#trial_reading_list li {
  float: left;
  padding: 0 6px;
  text-align: center;
  font-size: 85%;
  line-height: 1.4em;
  width: 130px;
  min-height: 150px;
}

#trial_reading_list li img {
  width: 120px;
  border: 1px solid #9d9592;
}

#trial_reading_list li.margin20 {
  margin-bottom: 20px;
}

#trial_reading_list li.margin45 {
  margin-bottom: 45px;
  height: 199px;
}


/* template */

.border-dtted {
  border-bottom: 1px dotted #435671;
}

.keyword .keyword_left {
  font-weight: bold;
  font-size: 1em;
  width: 180px;
  margin: 20px 0;
  float: left;
}

.keyword .keyword_right {
  width: 470px;
  float: right;
}

.keyword .keyword_right ul {
  font-size: 0.9em;
  margin: 1em auto;
  list-style: none;
}

.keyword .keyword_right ul li {
  padding: 0.2em 0.5em;
  display: block;
  float: left;
  border: 1px #999 solid;
  margin: 0 0.5em 10px 0;
}

.reco .reco_left {
  font-weight: bold;
  font-size: 1em;
  width: 180px;
  margin: 20px 0;
  float: left;
}

.reco .reco_right {
  width: 470px;
  float: right;
}

.reco .reco_right ul {
  font-size: 0.9em;
  margin: 1em auto;
  list-style: none;
}

.reco .reco_right ul li {
  padding: 0.2em 1.5em;
  display: block;
  float: left;
  margin: 0 0.5em 0 0;
  background: url(../../images/migration_css/__image__sakuhin__kiji__ico_reco.gif) left center no-repeat;
  text-decoration: underline;
}


/* btn_more_old */

#btn_more_old {
  width: 660px;
  padding: 14px;
  background: #ececec url(../../images/migration_css/__image__template__pt.png) repeat;
  text-align: center;
  color: #7f7f7f;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: #969696 1px solid;
  margin-bottom: 20px;
}


/* btn_more_popular */

#btn_more_popular {
  width: 660px;
  padding: 14px;
  background: #ececec url(../../images/migration_css/__image__template__pt.png) repeat;
  text-align: center;
  color: #7f7f7f;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: #969696 1px solid;
}

.about_pc {
  text-align: right;
  color: #F63;
  text-decoration: underline;
}


/* wrapper_sns */

#wrapper_sns {
  margin: 20px 0 0;
}

.btn_facebook {
  margin-right: 10px;
}

.btn_twitter {
  margin-right: 10px;
}

.btn_hateb {
  margin-right: 10px;
  margin-top: 2px;
}

.btn_poket {
  margin-right: 10px;
}

.btn_line {
  display: none;
}

.btn_feedly {
  margin-top: 42px;
}


/* RSS_BTN */

.widget-syndication .widget-content {
  padding: 1px 5px;
  text-align: center;
  border: 1px #999 solid;
  font-size: 80%;
  width: 60px;
  margin-top: 42px;
  margin-right: 10px;
  /* Firefox */
  background: -moz-linear-gradient(top center, #fff 0%, #dcdcdc 100%);
  /* Chrom と Safari */
  background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#dcdcdc));
  /* 共通 */
  background: linear-gradient(top center, #fff 0%, #dcdcdc 100%);
}


/* 各作品 */

.pd_sakuhin {
  padding: 11px 0.5em !important;
}


/* フッターバナー */

.heightLine_bnr img {
  max-height: 65px;
}


/* 小学館テンプレ */

#wrapper_template_btn {
  background: url(../../images/migration_css/__image__template__bg_template_btn.gif) repeat-x;
  height: 45px;
  margin: 15px 0;
  display: none;
}

#wrapper_template_btn div {
  width: 960px;
  margin: 0 auto;
}

#wrapper_template_btn ul li {
  list-style-type: none;
}

#wrapper_template_btn li {
  float: left;
  margin: 11px 0;
}

.pdr3 {
  padding-right: 2px;
}

#wrapper_footer_bg {
  display: none;
}

blockquote {
  border-left: #c0c6c9 5px solid;
  margin: 10px 0;
  padding: 10px;
}

div#gf_mediaconts {
  width: 100% !important;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0px 0 20px !important;
}

footer#gf_footer {
  min-width: 980px;
}

#bnr_side {
  list-style-type: none;
  margin-top: 10px;
}

#bnr_side li {
  margin: 2px 0;
}

#bnr_side li img {
  width: 250px;
  height: auto;
}

.mini_article {
  margin: 0 0 15px 0;
}

.mini_article p {
  font-size: 0.9em;
}