@charset "utf-8";

/* 構造要素とブロックレベル要素 */
/*header.css内でも書かれているので修正する必要あり*/
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
}

/* HTML5の新要素 */
section, nav, article, aside, hgroup,
header, footer, figure, figcaption, summary {
  display: block;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
}

/* 2019追加ブロック要素 */
main, details, dialog, hr {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
}

/* フォント設定 */
input, select, textarea {
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
}

/*
a:link                     { color: #0088cc; }
a:visited                  { color: #005580; }
a:hover, a:focus, a:active { color: #005580; }*/

/* すべてのブラウザで、どのような状況でも縦スクロールバーを表示 */
html {
  overflow: scroll;
  overflow: -moz-scrollbars-vertical; /* Firefoxの先行実装 */
  overflow-x: scroll; /* Firefoxで横スクが表示されない問題を回避 */
}

/* IE 7のhasLayout問題を解決 */
*:first-child+html * {
  letter-spacing: 0;
  /*
    zoom: 1;は、
    IEの独自拡張であること、
    さらに、レイアウト崩れが発生しうることから、
    letter-spacing: 0;のほうがベター。
  */
}

/* テーブルセルのボーダーの設定 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 画像のリンクボーダーを非表示に */
img {
  border: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea {
  vertical-align: middle;
}


/*以下commonの内容*/

/* ====================================================

 *     共通設定(全css基本設定)

 * ==================================================== */
body {
  line-height: 1.22;
  font-size: 75%;
  text-align: center;
  word-wrap: break-word;
}


/*========================*/
/*pcとipadの表示切替用(旧ページ)*/
/*========================*/
/*★★旧ページがある間は残す★★*/
section.pc, nav.pc {
  position: relative;
  width: 950px;
  margin:10px auto;
  line-height: 1.6em;
  clear: both;
}
/*★★旧ページがある間は残す★★*/
section.ipad, nav.ipad {
  width:100%;
  position: relative;
  clear: both;
}


/*これはとってもいいのでは？*/
ipadのみ左右に余白
section.ipad {
  width:98%;
  position: relative;
}
/*★★旧ページがある場合は残す★★*/
section#container {
  margin: 10px auto;
  text-align: left;
  background:#fff;
}
/*★★新ページ★★*/
section.co_container{
  background:#fff;
}

/*以下旧ページ用*/
/*========================*/
/*フル画面用（旧ページ用）*/
/*========================*/
/*section#full-main-wrapper {
  position: relative;
  top:0;
  left:0px;
  width:100%;
}
/*マージンを開ける場合に使用
section#full-main-contents {
  margin:8px auto;
}*/
/*div#contents-box {
  margin:8px auto;
  /*border:1px solid #9FB7D4;*/
  /*padding:0px 15px;
}*/

/*========================*/
/*左メニューあり用*/
/*========================*/
div#main-wrapper {
  position: relative;
  top:0;
  left:170px;
}
@media screen and (orientation:portrait) {
  .ipad div#main-wrapper {
    position: relative;
    top:0;
    left:145px;
  }
}
div#main {
  padding-left: 180px;
}
@media screen and (orientation:portrait) {
  .ipad div#main {  padding-left: 155px;}
}
section#mypage-contener {
  position: relative;
  top:0;
  left:0px;
  width:100%;
}
/*========================*/
/*右メニューあり用*/
/*========================*/
div#main-wrapper-left {
  position: relative;
  top:0;
  right:170px;
}
@media screen and (orientation:portrait) {
  .ipad div#main-wrapper-left {
    position: relative;
    top:0;
    right:145px;
  }
}
div#main-left {
  padding-right: 180px;
}
@media screen and (orientation:portrait) {
  .ipad div#main-left {
    padding-right: 155px;
  }
}
/*========================*/
/*パン屑*/
/*========================*/
nav#main-root {
  background-color: #9FB7D4;
  border:1px solid #9FB7D4;
  text-align:left;
  padding:2px;
  padding-left:10px;
  margin-bottom:5px;
}
nav#main-root a {
  color:#333;
}
nav#main-root a:hover {
  color:#08C;
  text-decoration:underline;
}
nav#main-root span.active-page {
  color:#F90;
  font-weight:bold;
}

@media screen and (orientation:portrait) {
  .ipad nav#main-root {
    width:98%;
  }
}
@media screen and (orientation:landscape) {
  .ipad nav#main-root {
    width:99%;
  }
}

/*========================*/
/*パン屑*/
/*========================*/
div#genre-title {
  text-align:left;
  padding:2px;
  padding-left:10px;
  margin-bottom:5px;
  position:relative;
}
div#genre-title img{
  margin-right:10px;
  margin-bottom:5px;
}
div.genre-title_btn {
  position:absolute;
  top: 0;
  right:5px;
}
div.genre-title_btn a{
  font-weight:bold;
}

@media screen and (orientation:portrait) {
  .ipad div#ganre-title {
    width:98%;
  }
}
@media screen and (orientation:landscape) {
  .ipad div#ganre-title {
    width:99%;
  }
}

/* ====================================================

 *     共通設定(全css基本設定)
* ==================================================== */
/* 共通 フォントサイズ*/
.ipad .font_8 {
  font-size:0.8em;
}
.pc .font_8 {
  font-size:0.8em;
}
.ipad .font_12 {
  font-size:1.2em;
}
.pc .font_12 {
  font-size:1.2em;
}
.ipad .font_14 {
  font-size:1.4em;
}
.pc .font_14 {
  font-size:1.4em;
}
.ipad .font_16 {
  font-size:1.6em;
}
.pc .font_16 {
  font-size:1.4em;
}

.ipad .padding_10 {
  padding:10px;
}
.ipad .padding_top10 {
  padding-top:10px;
}
.ipad .padding_bottom10 {
  padding-bottom:10px;
}
.ipad .padding_right10 {
  padding-right:10px;
}
.ipad .padding_left10 {
  padding-left:10x;
}
.pc .padding_10 {
  padding:5px;
}
.pc .padding_top10 {
  padding-top:5px;
}
.pc .padding_bottom10 {
  padding-bottom:5px;
}
.pc .padding_right10 {
  padding-right:5px;
}
.pc .padding_left10 {
  padding-left:5x;
}

.pc a {
  text-decoration: underline;
}
.pc a.btn {
  text-decoration: none;
}
.pc a.btn:hover {
  text-decoration: none;
}

/*角丸設定*/
.radius_top {
  border-radius: 10px 10px 0 0;
}
.radius_bottom {
  border-radius: 0 0 10px 10px;
}
.radius_all {
  border-radius: 10px;
}
/*角丸設定8*/
.radius_top8 {
  border-radius: 8px 8px 0 0;
}
.radius_bottom3 {
  border-radius: 0 0 8px 8px;
}
.radius_all3 {
  border-radius: 8px;
}

div.div-cell {
  display:table-cell;
  background-color:#EFEFEF;
}

/*input[type="text"], input[type="password"], textarea {
  color: #555;
  font-size: 14px;
  padding: 5px;
  border: 1px solid #888;
  border-radius: 10px;
  background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(white));
  background-image: -moz-linear-gradient(top, #EEEEEE, #ffffff);
  background-image: -ms-linear-gradient(top, #EEEEEE, #ffffff);
  background-image: -webkit-linear-gradient(top, #EEEEEE, #ffffff);
  background-image: -o-linear-gradient(top, #EEEEEE, #ffffff);
  background-image: linear-gradient(top, #EEEEEE, #ffffff);
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
  vertical-align: baseline;
}*/

.pc .external {
  margin: 10px auto;
  width: 950px;
}
.pc #btn_menu, .pc .ex_file {
  margin: 10px auto;
  width: 950px;
  /*height:41px;*/
}
#btn_menu li img {
  height:35px;
}
@media screen and (orientation:landscape) {
  .ipad .external {
    margin: 10px auto;
    width:98%;
  }
  .ipad #btn_menu, .ipad .ex_file {
    margin: 10px auto;
    width:98%;
  }
}
@media screen and (orientation:portrait) {
  .ipad .external {
    margin: 10px auto;
    width:98%;
  }
  .ipad #btn_menu, .ipad .ex_file {
    margin: 10px auto;
    width:98%;
  }
  .ipad #btn_menu li img {
    height:28px;
  }
}
#btn_menu ul {
  margin: 0;
  text-align:center;
}
#btn_menu li {
  text-align:center;
  list-style-type:none;
  float:left;
  margin:0;
  padding:0;
}
#btn_menu li a {
  display:block;
  background: #eff3f8; /* Old browsers */
  background: -moz-linear-gradient(top, #eff3f8 0%, #d0dcea 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff3f8), color-stop(100%, #d0dcea)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eff3f8 0%, #d0dcea 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eff3f8 0%, #d0dcea 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eff3f8 0%, #d0dcea 100%); /* IE10+ */
  background: linear-gradient(top, #eff3f8 0%, #d0dcea 100%); /* W3C */
  -pie-background: linear-gradient(top, #eff3f8 0%, #d0dcea 100%);
  border-right:1px solid #9FB7D4;
  border-top:1px solid #9FB7D4;
  border-bottom:1px solid #9FB7D4;
  text-decoration:none;
}
#btn_menu li:first-child a {
  border-left:1px solid #9FB7D4;
}
#btn_menu li a:hover {
  background: #eff3f8;
  background: -moz-linear-gradient(top, #d0dcea 0%, #eff3f8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff3f8), color-stop(100%, #d0dcea)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d0dcea 0%, #eff3f8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d0dcea 0%, #eff3f8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d0dcea 0%, #eff3f8 100%); /* IE10+ */
  background: linear-gradient(top, #d0dcea 0%, #eff3f8 100%); /* W3C */
  -pie-background: linear-gradient(top, #d0dcea 0%, #eff3f8 100%);
  border-right:1px solid #9FB7D4;
}

/*
#btn_menu li.me_0 {
  width:15%
}
#btn_menu li.me_1 {
  width:14%
}
#btn_menu li.me_2 {
  width:14%
}
#btn_menu li.me_3 {
  width:14%
}
#btn_menu li.me_4 {
  width:14%
}
#btn_menu li.me_5 {
  width:15%
}
#btn_menu li.me_6 {
  width:14%
}

*/

#btn_menu li.me_0 {
  width:17%
}
#btn_menu li.me_1 {
  width:16%
}
#btn_menu li.me_2 {
  width:16%
}
#btn_menu li.me_3 {
  width:17%
}
#btn_menu li.me_4 {
  width:17%
}
#btn_menu li.me_5 {
  width:17%
}

.label_error {
  margin:5px 5px 0 5px;
  color:#F00;
}
.label_error img {
  vertical-align:middle;
  margin-right:5px;
  margin-bottom:5px;
}

/* おしらせ*/
td.noread_td{
  width:120px;
}

@charset "UTF-8";
/* ====================================================

 *     共通設定(全css基本設定)

 * ==================================================== */


/*★★990pxにヘッダフッタを変更★★*/
header,footer{
  position: relative;
  width: 990px;
  margin: 0 auto !important;
  /*line-height: 1.6em;*/
  clear: both;
  background:#FFF;
}

/* ====================================================

 *     共通設定(全css基本設定)

 * ==================================================== */
.clfix::after {
  content: "";
  display: block;
  clear: both;
}

.font_8 {
  font-size:0.8em;
}
.font_12 {
  font-size:1.2em;
}
.font_14 {
  font-size:1.4em;
}
.font_16 {
  font-size:1.6em;
}

/* 共通マージン*/
.margin_2 {
  margin:2px;
}
.margin_top2 {
  margin-top:2px;
}
.margin_bottom2 {
  margin-bottom:2px;
}
.margin_right2 {
  margin-right:2px;
}
.margin_left2 {
  margin-left:2px;
}
.margin_3 {
  margin:2px;
}
.margin_top3 {
  margin-top:3px;
}
.margin_bottom3 {
  margin-bottom:3px;
}
.margin_right3 {
  margin-right:3px;
}
.margin_left3 {
  margin-left:3px;
}
.margin_5 {
  margin:5px;
}
.margin_top5 {
  margin-top:5px;
}
.margin_bottom5 {
  margin-bottom:5px;
}
.margin_right5 {
  margin-right:5px;
}
.margin_left5 {
  margin-left:5px;
}
.margin_10 {
  margin:10px;
}
.margin_top10 {
  margin-top:10px;
}
.margin_bottom30 {
  margin-bottom:30px;
}
.margin_bottom10 {
  margin-bottom:10px;
}
.margin_right10 {
  margin-right:10px;
}
.margin_left10 {
  margin-left:10px;
}
.padding3 {
  padding:3px;
}
.padding_top3 {
  padding-top:3px;
}
.padding_bottom3 {
  padding-bottom:3px;
}
.padding_right3 {
  padding-right:3px;
}
.padding_left3 {
  padding-left:3px;
}
.padding_5 {
  padding:5px;
}
.padding_top5 {
  padding-top:5px;
}
.padding_bottom5 {
  padding-bottom:5px;
}
.padding_right5 {
  padding-right:5px;
}
.padding_left5 {
  padding-left:5px;
}

/* 上寄せ*/
.v-top {
  vertical-align:top;
}
/* 中心*/
.v-center {
  vertical-align:middle;
}
/* 下寄せ*/
.v-bottom {
  vertical-align:bottom;
}
/* ｾﾝﾀﾘﾝｸﾞ*/
.h-center {
  text-align:center;
}
/* 左*/
.h-left {
  text-align:left;
}
/* 右*/
.h-right {
  text-align:right;
}
/* 色設定*/
.color_yl {
  color:#FF0;/* 自動出力 */
}
.color_rd {
  color:#F03;/* 自動出力 */
}
.color_pk {
  color:#F36;/* 自動出力 */
}
.color_bk {
  color:#000;/* 自動出力 */
}
.color_gr {
  color:#008000;/* 自動出力 */
}
.color_or {
  color:#F60;/* 自動出力 */
}
.color_bl {
  color:#0066FF;
}
.color_wh {
  color:#FFF;
}

/*テーブル*/
div.div-table {
  display:table;
  width:100%;
}
div.div-row {
  display:table-row;
  width:100%;
}
div.div-cell {
  display:table-cell;
}

/*太字*/
.w_b {
  font-weight:bold;
}

a {
  color: #0088cc;
  text-decoration: none;
  text-decoration-skip-ink: none;
}
a:hover {
  color: #005580;
  text-decoration: underline;
}
a.text_u{
  text-decoration: underline;
}

.dips_bl {
  display:block;
}
.dips_no {
  display:none;
}

img {
  vertical-align:middle;
}

td .novel_link a{
  text-decoration:none;
}
td .novel_link a:hover{
  text-decoration:underline;
}