@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;
  color: #2f2f2f;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.clear {
  clear: both;
}

.clear {
  display: none;
}

.display {
  display: none;
}

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-top: #f3c314 5px solid;
  padding: 10px 0 0;
  position: fixed;
  background-color: #fff;
  z-index: 100;
  top: 0;
}

#search_pc {
  display: none;
}

#menu_header_contents {
  padding: 0 10px;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  border-bottom: #969696 1px solid;
  position: relative;
  width: 100%;
  height: 70px;
}

#top_back {
  display: none;
}

#sp_logo {
  width: 90px;
  position: absolute;
  left: 5px;
  top: 10px;
}

#sp_logo img {
  width: 90px;
}

#txt_release_info {
  font-size: 75%;
  color: #7d7d7d;
  font-weight: bold;
  line-height: 1.4em;
  position: absolute;
  left: 105px;
}

#txt_release_info span {
  font-size: 120%;
  color: #7d7d7d;
}

#search {
  position: absolute;
  top: 35px;
  left: 103px;
  width: 50%;
}

#keywords {
  background: #e4e4e4;
  padding: 4px;
  font-size: 90%;
  border: none;
  height: 30px;
  display: inline-block;
  margin: 0px;
  width: 77%;
  -webkit-border-radius: 0;
}

#searchBtn {
  background: #7d7d7d;
  height: 30px;
  display: inline-block;
  margin: 0px;
  margin-left: -6px;
  -webkit-border-radius: 0;
}

*: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;
}

#menuHeaderButton {
  position: absolute;
  right: 10px;
  top: 8px;
}

#menuHeaderButton .pcMenu {
  display: none;
}

#menuHeaderButton .spMenu {
  display: block;
}


/* wrapper_menu_sp */

#wrapper_menu_sp {
  width: 100%;
  min-height: 1100px;
  background: #fad03a;
  position: absolute;
  top: 85px;
}

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

#menuBoard_sp ul li img {
  width: 100%;
}


/* tab_contents */

.title_tab_menu {
  display: none;
}

.tab_contents {
  width: 100%;
  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: 0px 5px 0 10px;
  float: left;
  width: 60%;
}

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

.tab_contents_title {
  color: #eb6100;
  font-weight: bold;
  font-size: 100%;
  margin: 0 0 5px;
}

.tab_contents_txt {
  font-size: 80%;
}

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


/* covoer_info */

#covoer_info_pc {
  display: none;
}

#covoer_info_sp {
  padding: 10px 0;
}

#covoer_info_sp img {
  width: 50%;
}


/* btn_next */

#btn_next {
  margin: 0 0 10px;
}

#btn_next img {
  width: 100%;
}


/* btn_present */

#btn_present {
  margin: 0 0 20px;
}

#btn_present img {
  width: 100%;
}


/* bx_slider */

.bx-wrapper {
  margin: 0 0 30px !important;
}

.bx-wrapper .bx-pager {
  text-align: center !important;
  padding-top: 5px !important;
}


/* wrapper */

#wrapper {
  width: 100%;
  padding: 95px 10px 0;
  overflow: hidden;
}


/* wrapper_lineup */

#wrapper_lineup article {
  padding: 0 20px;
  border-bottom: 1px dotted #435671;
  margin-bottom: 30px;
}

.lineup_article p {
  border: none !important;
}


/* wrapper_right */

#wrapper_right {
  clear: both;
}

#contents_twitter {
  margin: 0 20px;
}

#contents_twitter iframe {
  width: 95% !important;
}

#title_twitter {
  width: 100%;
  padding: 10px 20px;
  margin: 30px 0 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  -webkit-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  background: #f3c417;
  color: #fff;
}

#title_blog {
  width: 100%;
  padding: 10px 20px;
  margin: 30px 0 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  -webkit-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  background: #f3c417 url(../../images/migration_css/__image__sp__index__btn_icon.png) right center no-repeat;
  color: #fff;
}

#wrapper_blog {
  padding-bottom: 30px;
  border-bottom: #969696 1px solid;
}

#btn_blog {
  clear: both;
  width: 100%;
  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;
}

#blogFeed {
  margin: 10px 0;
}

#blogFeed li {
  list-style-type: none;
  background: url(../../images/migration_css/__image__template__ico_blog_sp.gif) no-repeat right;
  border-bottom: #435671 1px dotted;
  padding: 0 30px 15px 10px;
  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%;
}


/* wrapper_trial_reading */

#wrapper_trial_reading {
  margin: 10px 0;
}

#title_trial_reading {
  width: 100%;
  padding: 10px 20px;
  margin: 30px 0 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  -webkit-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  background: #f3c417;
  color: #fff;
}

#trial_reading_list li {
  width: 33%;
  font-size: 80%;
  line-height: 1.2em;
  text-align: center;
  float: left;
  padding: 0 3px 10px;
  list-style-type: none;
  min-height: 165px;
}

#trial_reading_list li img {
  width: 100%;
  border: #969696 1px solid;
}


/* footer_list */

#footer_list {
  margin: 10px 0 0;
  list-style-type: none;
}

#footer_list li {
  width: 48%;
  margin: 0px 3px 3px;
  float: left;
}

#footer_list li img {
  width: 100%;
}

#img_pagetop {
  display: none;
}

#img_pagetop_sp {
  clear: both;
  width: 100%;
  background: #a3a3a3;
}

#img_pagetop_sp img {
  width: 100%;
}

#wrapper_footer_pc {
  display: none;
}

#wrapper_footer_sp ul {
  list-style: none;
}

#wrapper_footer_sp ul li {
  width: 50%;
  border: #969696 1px solid;
  float: left;
  text-align: center;
  background-image: -moz-linear-gradient(top, #e6e6e6, #9d9d9d);
  background-image: -ms-linear-gradient(top, #e6e6e6, #9d9d9d);
  background-image: -o-linear-gradient(top, #e6e6e6, #9d9d9d);
  background-image: -webkit-linear-gradient(top, #e6e6e6, #9d9d9d);
  background-image: linear-gradient(top, #e6e6e6, #9d9d9d);
  padding: 20px 5px;
  font-size: 65%;
  font-weight: bold;
}

#copy_sp {
  clear: both;
  background-image: -moz-linear-gradient(top, #fff2af, #ffe24a);
  background-image: -ms-linear-gradient(top, #fff2af, #ffe24a);
  background-image: -o-linear-gradient(top, #fff2af, #ffe24a);
  background-image: -webkit-linear-gradient(top, #fff2af, #ffe24a);
  background-image: linear-gradient(top, #fff2af, #ffe24a);
  color: #eb6100;
  font-size: 60%;
  text-align: center;
  padding: 20px 0;
  line-height: 1.3em;
}

#copy_sp span {
  font-weight: bold;
  color: #eb6100;
}

#copy_pc {
  display: none;
}

#pankuzu {
  display: none;
}

#pankuzu br {
  display: none;
}
#wrapper_news #h3 {
  width: 100%;
  padding: 10px 20px;
  margin: 30px 0 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  -webkit-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  background: #f3c417 url(../../images/migration_css/__image__sp__index__btn_icon.png) right center no-repeat;
  color: #fff;
}

#title_kanren {
  width: 100%;
  padding: 10px 20px;
  margin: 30px 0 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  -webkit-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  background: #f3c417 url(../../images/migration_css/__image__sp__index__btn_icon.png) right center no-repeat;
  color: #fff;
}

.lower_contents {
  width: 100%;
  padding: 0 0 15px 0;
  border-bottom: #435671 1px dotted;
  margin: 15px 0;
}

.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_info {
  padding: 0px 5px 0 10px;
  float: left;
  width: 60%;
}

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

.lower_contents_title {
  color: #eb6100;
  font-weight: bold;
  font-size: 100%;
  margin: 0 0 5px;
}

.lower_contents_txt {
  font-size: 80%;
  min-height: 50px;
}

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

#btn_more_news {
  clear: both;
}

#btn_more_popular {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
}


/* Hides from IE-mac \*/

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}


/* End hide from IE-mac */

#wrapper_popular h3 {
  width: 100%;
  padding: 10px 20px;
  margin: 30px 0 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  -webkit-text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  text-shadow: 2px 4px 3px rgba(235, 99, 10, 0.7);
  background: #f3c417 url(../../images/migration_css/__image__sp__index__btn_icon.png) right center no-repeat;
  color: #fff;
}


/* lower template */

.keyword .keyword_left {
  font-weight: bold;
  font-size: 1em;
  margin: 1em 0;
}

.keyword .keyword_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;
  margin: 1em 0;
}

.reco .reco_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;
}

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


/* btn_more_olds */

#btn_more_old {
  width: 100%;
  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-top: 10px;
}


/* btn_more_popular */

#btn_more_popular {
  width: 100%;
  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: 10px;
}

.btn_facebook {
  margin-right: 5px;
}

.btn_hateb {
  margin-left: 5px;
  margin-top: 2px;
}

.btn_line {
  margin: 42px 5px 0;
}

.btn_feedly {
  clear: both;
}


/* RSS_BTN */

.widget-syndication .widget-content {
  text-align: center;
  border: 1px #999 solid;
  font-size: 80%;
  width: 50px;
  height: 18px;
  margin-top: 42px;
  margin-right: 5px;
  /* 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%);
}


/* 小学館テンプレ */

#wrapper_template_btn {
  display: none;
}

#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;
}

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

#gf_header, #gf_footer_magazine, #gf_footer_link, #gf_footer {
  display: none !important;
}

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

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

#bnr_side li {
  margin: 10px 0;
}

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


/*ipadの幅調整*/

.gf_footer {
  width: 100% !important;
  min-width: 100% !important;
}

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

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