/* 読書人 */

* {
  margin: 0;
}

html, body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 22px;
  height: 100%;
  background-color: #ffffff;
}

button, input, select, textarea {
  font-family : inherit;
  font-size   : 100%;
}

h1.h1_eibei {
  margin: 20px 0;
  font-size: 200%;
}
.eibei_description {
  font-size: 120%;
  line-height: 2;
}

.h1_book_name {
  position: relative;
  line-height: 1.4;
  margin: 10px 0 10px 0;
  padding:0.25em 1em;
  display: inline-block;
}
.h1_book_name:before, .h1_book_name:after {
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}
.h1_book_name:before {
  border-left: solid 1px #ff5722;
  border-top: solid 1px #ff5722;
  top:0;
  left: 0;
}
.h1_book_name:after {
  border-right: solid 1px #ff5722;
  border-bottom: solid 1px #ff5722;
  bottom:0;
  right: 0;
}

a:visited {
  color: #666;
}

@media screen and (max-width:640px) {
#wrapper {
  width: 100%;
  min-width: 320px;
  margin: 45px 0 0 0;
}}
@media screen and (min-width:640px) {
#wrapper {
  width: 100%;
  min-width: 320px;
  margin: 115px 0 0 0;
}}
@media screen and (min-width:640px) {
#wrapper_contact {
  width: 100%;
  min-width: 320px;
  margin: 20px 0 0 0;
}}

@media screen and (min-width:640px) {
#container {
  width: 1100px;
  margin: 0 auto;
}}
@media screen and (min-width:640px) and ( max-width:1099px) {
#container {
  width: 1010px;
  margin: 0 auto;
}}
.clear {
  clear: both;
}
.bold {
  font-weight: bold;
}
.space_10 {
  margin: 10px 0;
}
.space {
  margin: 10px 0px 0px 0px;
}
.f_left {
  float: left;
}
.f_right {
  float: right;
}
.center {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.center_flex {
  margin: 0 0 20px 0;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content: center;
}
.center_sumit {
  text-align: center;
}
.m_right_10 {
  margin: 0 10px 0 0;
}
img.bana:hover {
  opacity: 0.7;
}

/* トップへ戻るボタン */
@media screen and (max-width:640px) {
#topbutton {
  position: fixed;
  bottom: 18px;
  right: 0px;
  display: none;
}}

@media screen and (min-width:640px) {
#topbutton {
  position: fixed;
  bottom: 18px;
  right: 25px;
  display: none;
}}

a.opbutton_link {
  z-index: 999;
  position: relative;
}
@media screen and (min-width:640px) {
a.opbutton_link:hover {
  opacity: 0.5;
}}
img.to_top {
  width: 50px;
  height: 50px;
}

/* main_css */
/* index.html */
a.top_dictionary {
  margin: 0 0 20px 0;
  display: block;
}
a.top_dictionary:hover {
  opacity: 0.7;
}

@media screen and (max-width:640px) {
.main {
  margin: 10px 0 0 0;
}}

@media screen and (min-width:640px) {
.main {
  margin: 20px 10px 20px 0;
}}

@media screen and (min-width:640px) {
.body {
  width: 760px;
  float: left;
}}
@media screen and (max-width:640px) {
.body {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

img.list_img {
  width: 25%;
  float: left;
}

@media screen and (min-width:640px) {
img.list_img {
  width: 120px;
  height: 120px;
  float: left;
}}

img.list_img:hover {
  opacity: 0.7;
}

img.list_book_img {
  width: 100%;
}
@media screen and (min-width:640px) {
img.list_book_img {
  width: 100%;
}}
@media screen and (min-width:640px) {
img.list_book_img2 {
  width: 120px;
  float: left;
}}
@media screen and (max-width:640px) {
img.list_book_img2 {
  width: 25%;
  float: left;
}}

a.list_book_link {
  width: 25%;
  color: #666;
  float: left;
  display: block;
}

@media screen and (min-width:640px) {
a.list_book_link {
  width: 120px;
  color: #666;
  float: left;
  display: block;
}}

@media screen and (min-width:640px) {
a.list_book_link:hover {
  opacity: 0.7;
}}

.list_box_bookimg {
  width: 70px;
  height: 100px;
  margin: 0 15px 0 15px;
  padding: 5px;
  color: #666;
  font-size: 70%;
  line-height: 120%;
  background-color: #ddbb99;
  -ms-writing-mode: tb-rl; /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width:640px) {
.list_box_bookimg {
  width: 70px;
  height: 100px;
  margin: 0 15px 0 15px;
  padding: 5px;
  color: #666;
  font-size: 70%;
  line-height: 120%;
  background-color: #ddbb99;
  -ms-writing-mode: tb-rl; /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

.list_box_personimg {
  width: 25%;
  height: 100px;
  padding: 3px 40px 3px 0;
  color: #666;
  font-size: 70%;
  line-height: 120%;
  text-align: center;
  background-color: #f0908d;
  float: left;
  -ms-writing-mode: tb-rl; /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width:640px) {
.list_box_personimg {
  width: 120px;
  height: 120px;
  padding: 0 55px 0 0;
  color: #666;
  font-size: 70%;
  line-height: 120%;
  text-align: center;
  background-color: #f0908d;
  float: left;
  -ms-writing-mode: tb-rl; /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

.list_box_text {
  width: 75%;
  padding: 0 0 0 10px;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width:640px) {
.list_box_text {
  width: 430px;
  padding: 0 0 0 10px;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
@media screen and (min-width:640px) {
.list_box_right {
  width: 640px;
  padding: 0 0 0 10px;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
@media screen and (max-width:640px) {
.list_box_right {
  width: 75%;
  padding: 0 0 0 10px;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
@media screen and (max-width:640px) {
a.list_title {
  margin: 0 0 0 0;
  color: #000;
  font-size: 100%;
  line-height: 150%;
  text-decoration: none;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}}
@media screen and (min-width:640px) {
a.list_title {
  margin: 0 0 0 0;
  color: #000;
  font-size: 110%;
  line-height: 160%;
  text-decoration: none;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}}
@media screen and (min-width:640px) {
a.list_title:hover {
  color: #D04E2E;
  text-decoration: underline;
}}
@media screen and (max-width:640px) {
.list_book_title {
  margin: 10px 0 0 0;
  padding: 5px 10px;
  font-size: 110%;
  border-radius: 5px;
  background-color: #eeeeee;
  display: inline-block;
}}
@media screen and (min-width:640px) {
.list_book_title {
  margin: 10px 0 0 0;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #eeeeee;
  display: inline-block;
}}

@media screen and (max-width:640px) {
.list_person {
  margin: 10px 0 0 0;
  font-size: 90%;
}}

@media screen and (min-width:640px) {
.list_person {
  width: 450px;
  margin: 20px 0 0 0;
  font-size: 80%;
}}

.list_person_name {
  margin: 10px 0 0 0;
  font-size: 80%;
}

a.list_left {
  color: #666;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a.list_left:hover {
  color: #D04E2E;
}

.list_date {
  font-size: 80%;
  float: right
}
.list_date_not {
  padding: 5px;
  color: #fff;
  font-size: 80%;
  background-color: #D64E2E;
  float: right;
}

.list_post_date {
  font-size: 80%;
  float: right;
}

@media screen and (min-width:640px) {
.list_date {
  font-size: 80%;
}}

a.newspaper_link {
  color: #000;
  text-decoration: none;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a.newspaper_link:hover {
  color: #D04E2E;
}

a.list_content {
  margin: 0 0 10px 0;
  font-size: 90%;
  color: #D04E2E;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: inline-block;
}
a.list_content:visited {
  color: #000;
}
@media screen and (min-width:640px) {
a.list_content {
  margin: 0 0 5px -10px;
  padding: 0 20px;
  font-size: 70%;
  color: #000;
  text-decoration: none;
  background-color: #fff1cf;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: inline-block;
}}
@media screen and (min-width:640px) {
a.list_content:hover {
  color: #fff;
  background-color: #D04E2E;
}}


.line {
  margin: 10px 0;
  border-bottom: solid 0.7px #ddd;
}
.line_5_20 {
  margin: 5px 0 20px 0;
  border-bottom: solid 0.7px #ddd;
}


/* ページング */
.pageing_center {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.page_box_center {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.page_box {
  margin-bottom: 20px;
  float: left;
}

a.next_20 {
  width: 100%;
  height: 40px;
  margin: 10px 0;
  color: #ffffff;
  font-size: 130%;
  font-weight: 200px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  border-radius: 5px;
  border: solid 1px #666666;
  background-color: #666666;
  display: inline-block;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a.next_20:hover {
  color: #666666;
  border: solid 1px #666666;
  background-color: #ffffff;
}

.page_back_arrow2 {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 1px 0 0;
  border-radius: 5px;
  border: solid 1px #eee;
  float: left;
}
.page_back_arrow2:after {
  content: "";
  position: absolute;
  top: 14px;
  left: 16px;
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #eee;
  border-left: 2px solid #eee;
  transform: rotate(45deg);
}

a.page_back_arrow {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 1px 0 0;
  border-radius: 5px;
  border: solid 1px #666;
  background-color: #ffffff;
  float: left;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a.page_back_arrow:after {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  left: 16px;
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
  transform: rotate(45deg);
}

a.page_back_arrow:hover {
  border: solid 1px #666;
  background-color: #ddd;
}

a.page_link {
  width: 40px;
  height: 40px;
  margin: 0 1px 0 1px;
  font-size: 120%;
  font-weight: 200;
  line-height: 40px;
  color: #666;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border: solid 1px #666;
  background-color: #fff;
  float: left;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a.page_link:hover {
  border: solid 1px #666;
  background-color: #ddd;
}

.page_link_ten {
  width: 40px;
  height: 40px;
  font-size: 60%;
  font-weight: 200;
  color: #666666;
  line-height: 40px;
  text-align: center;
  float: left;
}

.page_link_now {
  width: 40px;
  height: 40px;
  margin: 0 1px 0 1px;
  font-size: 120%;
  font-weight: 200;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border: solid 1px #666666;
  background-color: #666666;
  float: left;
}

a.page_next_arrow {
  display: block;
  position: relative;
  margin: 0 0 0 1px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  border: solid 1px #666;
  background-color: #fff;
  float: left;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.page_next_arrow:after {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 16px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #666666;
  border-right: 2px solid #666666;
  transform: rotate(45deg);
}
a.page_next_arrow:hover {
  border: solid 1px #666;
  background-color: #ddd;
}
.page_next_arrow2 {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 0 0 1px;
  border-radius: 5px;
  border: solid 1px #eee;
  float: left;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.page_next_arrow2:after {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 16px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #eee;
  border-right: 2px solid #eee;
  transform: rotate(45deg);
}


/* sns */
@media screen and (max-width:640px) {
.sns_box_waku {
  margin: 30px 10px 30px 10px;
  padding: 20px 10px 10px 10px;
  border-radius: 5px;
  border: solid 1px #ddd;
  clear: both;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

@media screen and (min-width:640px) {
.sns_box_waku {
  margin: 30px 0 30px 0;
  padding: 20px 10px 10px 10px;
  border-radius: 5px;
  border: solid 1px #ddd;
  clear: both;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

@media screen and (max-width:640px) {
.sns_box {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content: center;
}}

@media screen and (min-width:640px) {
.sns_box {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content: center;
}}

@media screen and (max-width:640px) {
.kiji_facebook {
  margin: 0 5px 0 0;
}}

@media screen and (min-width:640px) {
.kiji_facebook {
  margin: 0 20px 0 0;
}}

@media screen and (max-width:640px) {
.kiji_twitter {
  margin: 0 5px 0 0;
}}

@media screen and (min-width:640px) {
.kiji_twitter {
  margin: 0 10px 0 0;
}}

@media screen and (max-width:640px) {
.sns_top {
  width: 100%;
  margin: 20px 0 10px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: left; /* Safari */
  justify-content: left;
}}
@media screen and (min-width:640px) {
.sns_top {
  width: 410px;
  margin: 0 0 10px 0;
  float: left;
}}

.sns_top_fb {
  margin: 0 10px 0 0;
  float: left;
}

.sns_top_tw {
  margin: 2px 10px 0 0;
  float: left;
}

.sns_top_hb {
  margin: 2px 10px 0 -38px;
  float: left;
}

@media screen and (min-width:640px) {
.sns_top_pk {
  margin: 2px 10px 0 -3px;
  float: left;
}}


/* 本の画像をトリミング */
.trim {
  overflow: hidden;
  width: 120px;
  position: relative;
}

.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
/* こここまで */

@media screen and (max-width:640px) {
.genre_name {
  margin: 10px 0 20px 0;
  color: #D04E2E;
  font-size: 120%;
  border-bottom: solid 1px #D04E2E;
}}
@media screen and (min-width:640px) {
.genre_name {
  margin: 0 0 20px 0;
  color: #D04E2E;
  font-size: 120%;
  border-bottom: solid 1px #D04E2E;
}}

a.kiji_all {
  width: 100%;
  margin: 10px 0 20px 0;
  color: #D04E2E;
  text-align: right;
  text-decoration: none;
  display: block;
}

@media screen and (min-width:640px) {
a.kiji_all {
  width: 680px;
  margin: 10px 0 20px 0;
  color: #D04E2E;
  text-align: right;
  text-decoration: none;
  display: block;
}}

@media screen and (min-width:640px) {
a.kiji_all:hover {
  text-decoration:underline;
}}

/* pankuzu */
@media screen and (min-width:640px) {
.pankuzu_box1 {
  width: 100%;
  padding: 5px 0;
  margin: 100px 0 0 0;
  background-color: #f1f1f1;
}}
@media screen and (min-width:640px) {
.pankuzu_box2 {
  width: 1100px;
  margin: 0 auto;
}}

ol.pankuzu_view {
}

li.pankuzu_view {
  list-style-type: none;
  list-style: none;
  display:inline;
}

a.pankuzu_link {
  color: #D04E2E;
  font-size: 70%;
  text-decoration: none;
}

a.pankuzu_link:hover {
  text-decoration: underline;
}

.pan_arr {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.pan_arr::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #777;
  border-right: solid 1px #777;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 5px;
  margin-top: -8px;
}

/* test */
.test {
  width: 100%;
  height: 50px;
  font-weight: bold;
}

/* header.html */
@media screen and (max-width:640px) {
.header {
  width: 100%;
  height: 40px;
  padding: 5px 5px 10px 5px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

@media screen and (min-width:640px) {
.header {
  width: 100%;
  padding: 5px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

.header_fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 5px 0 0 0;
  background-color: #fff;
  z-index: 1;
}

@media screen and (min-width:640px) {
.header {
  width: 100%;
  padding: 5px 0;
}}
@media screen and (min-width:640px) {
.header_box {
  width: 1100px;
  margin: 0 auto;
}}
@media screen and (min-width:640px) and ( max-width:1099px) {
.header_box {
  width: 1010px;
  margin: 0 auto;
}}
.header_copy {
  margin: 3px 0 0 20px;
  color: #666;
  font-size: 70%;
  line-height: 170%;
  float: left;
}
img.header_60 {
  margin: 3px 10px 0 0;
  height: 30px;
  float: right;
}
@media screen and (max-width:640px) {
img.header_logo {
  height: 25px;
  float: left;
}}
@media screen and (min-width:640px) {
img.header_logo {
  height: 40px;
  float: left;
}}
.header_subtext {
  margin: 25px 0 0 20px;
  font-size: 80%;
  float: left;
}
a.header_subtext_info {
  margin: 8px 0 0 20px;
  padding: 3px;
  color: #fff;
  font-size: 80%;
  text-decoration: none;
  background-color: #ff0000;
  float: left;
  display: block;
}
a.header_subtext_info:hover {
  color: #ff0000;
  border: solid 1px #ff0000;
  background-color: #fff;
}
.header_menu_box1 {
  width: 100%;
  background-color: #eee;
}
.header_menu_box_margin {
  margin: 10px 0 0 0;
}
@media screen and (max-width:640px) {
.header_menu_box2 {
  width: 100%;
  background-color: #f8f4e6;
}}
@media screen and (min-width:640px) {
.header_menu_box2 {
  width: 100%;
  background-color: #f8f4e6;
}}
@media screen and (min-width:640px) {
.header_menu {
  width: 1000px;
  margin: 0 auto;
}}
@media screen and (max-width:640px) {
ul.header_menu_list li {
  width: 100px;
  padding: 0 0 0 0;
  text-align: center;
  list-style-type: none;
  display: inline-block;
}}
ul.header_menu_list2 li {
  padding: 0 10px 0 10px;
  text-align: center;
  list-style-type: none;
  display: inline-block;
}
a.header_menu_top1 {
  height: 30px;
  font-size: 80%;
  color: #000;
  text-decoration: none;
  line-height: 30px;
  background-color: #f8f4e6;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.header_menu_top1:hover {
  color: #D04E2E;
  background-color: #ddd;
}
a.header_menu_top2 {
  height: 30px;
  font-size: 80%;
  color: #000;
  text-decoration: none;
  line-height: 30px;
  background-color: #eee;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.header_menu_top2:hover {
  color: #D04E2E;
  background-color: #ddd;
}
a.header_menu_top3 {
  padding: 6px 0 4px 0;
  font-size: 80%;
  color: #000;
  text-decoration: none;
  background-color: #f8f4e6;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.header_menu_top3:hover {
  color: #D04E2E;
}
a.header_menu_box_margin {
  padding: 6px 0 4px 0;
  font-size: 80%;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}
@media screen and (max-width:640px) {
input.search_word {
  width: 57%;
  height: 40px;
  padding: 5px;
  font-size: 90%;
  border-radius: 5px;
  border: solid 1px #ccc;
  float: right;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}}
@media screen and (min-width:640px) {
input.search_word {
  width: 200px;
  height: 30px;
  margin: 3px 0 0 0;
  padding: 5px;
  border: solid 0.5px #ccc;
  float: right;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}}
@media screen and (min-width:640px) {
select.search_type {
  width: 50px;
  height: 30px;
  margin: 3px 0 0 5px;
  font-size: 80%;
  line-height: 50px:;
  border: solid 0.5px #ddd;
  cursor: pointer;
  float: right;
}}
@media screen and (max-width:640px) {
select.search_type {
  width: 20%;
  height: 40px;
  margin: 0 0 0 5px;
  font-size: 80%;
  line-height: 50px:;
  border: solid 0.5px #ddd;
  cursor: pointer;
  float: right;
}}
@media screen and (max-width:640px) {
input.search_submit {
  width: 20%;
  height: 40px;
  margin: 0 0 0 5px;
  padding: 0 3px;
  font-size: 90%;
  line-height: 30px:;
  border-radius: 5px;
  border: solid 1px #ccc;
  background-color: #ddd;
  float: right;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}}
@media screen and (min-width:640px) {
input.search_submit {
  width: 50px;
  height: 30px;
  margin: 3px 0 0 5px;
  padding: 0 5px;
  font-size: 80%;
  line-height: 50px:;
  border: solid 0.5px #ddd;
  background-color: #ddd;
  cursor: pointer;
  float: right;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}}
input.search_submit:hover {
  color: #fff;
  background-color: #666;
}
.menu_line_yoko {
  border-bottom: solid 1px #ddd;
}
a.header_mailmagazine {
  margin: 8px 10px 0 0;
  color: #d04e2e;
  text-decoration: none;
  float: right;
  display: block;
}
a.header_mailmagazine:hover {
  color: #000;
  text-decoration: underline;
}
a.header_mailmagazine_sp {
  margin: 0 0 0 10px;
  text-decoration: none;
  display: inline-block;
}
.header_mypage_line {
  margin: 8px 10px 0 0;
  color: #666;
  float: right;
}

/* sp header menu */
@media screen and (max-width:640px) {
ul.menu-list1 {
  display: none;
  position: fixed;
  overflow-y: scroll;
  z-index: 99;
  top: 40px;
  width: 100%;
  height: 100%;
  background-color:#fff;
  -webkit-overflow-scrolling: touch;
}}
@media screen and (max-width:640px) {
.menu-list2 {
  display: none;
  position: fixed;
  overflow-y: scroll;
  z-index: 99;
  top: 40px;
  width: 100%;
  padding: 10px 5px;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
@media screen and (max-width:640px) {
.menu-list3 {
  display: none;
  position: fixed;
  overflow-y: scroll;
  z-index: 99;
  top: 40px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
@media screen and (max-width:640px) {
img.header_icon {
  width: 25px;
  display: block;
}}
@media screen and (max-width:640px) {
.header_menu_icon {
  float: right;
}}
@media screen and (max-width:640px) {
.header_serach_icon {
  margin: 0 20px;
  float: right;
}}
@media screen and (max-width:640px) {
.menu-list1-1 {
  display: none;
}}
@media screen and (max-width:640px) {
.header_menu_ko {
  padding: 10px;
  font-size: 120%;
}}
@media screen and (max-width:640px) {
.header_menu_mypage {
  margin: 3px 0 0 0;
  color: #d56043;
  float: right;
}}

/* header.html アコーディオン */
a.init-bottom {
  height: 40px;
  font-size: 85%;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
}
.drop_menu {
  position: relative;
  width: 1100px;
  height: 40px;
  margin: 15px 0 10px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width:640px) {
a.drop_menu_text {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin: 0 0 20px 0;
  padding: 0 20px;
  color: #000;
  font-size: 110%;
  text-decoration: none;
  border-left: 0.5px solid #ddd;
  border-right: 0.5px solid #ddd;
  display: inline-block;
}}
@media screen and (max-width:640px) {
a.drop_menu_text {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin: 0 0 0 10px;
  padding: 10px;
  color: #666;
  font-size: 120%;
  text-decoration: none;
  display: block;
}}
@media screen and (max-width:320px) {
a.drop_menu_text {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin: 0 0 10px 0;
  padding: 0 10px;
  color: #000;
  font-size: 100%;
  text-decoration: none;
  border-left: 0.5px solid #ccc;
  border-right: 0.5px solid #ccc;
  display: inline-block;
}}
a.drop_menu_text + a.drop_menu_text {
  border-left: 0;
  border-right: 0.5px solid #ddd;
}
a.drop_menu_text:hover {
  color: #D04E2E;
}
@media screen and (min-width:640px) {
.header_menu_open {
  width: 800px;
  margin: 0 0 15px 0;
}}
@media screen and (max-width:640px) {
.header_menu_open {
  width: 100%;
  margin: 0 0 15px 0;
}}
.header_menu_content {
}
.header_menu_close {
  width: 100px;
  margin-top: 10px;
  margin-left: auto;
    margin-right: auto;
  padding: 5px 10px;
  text-align: center;
  border: solid 0.5px #ddd;
  background-color: #f0f0f0;
  cursor: pointer;
}
.header_menu_close:hover {
  border: solid 0.5px #000;
  background-color: #fff;
}
.drop_back_color {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 65px;
  background-color: #eee;
  display:none;
}
@media screen and (min-width:640px) {
.header_center {
  width: 800px;
  margin: 0 auto;
}}
@media screen and (min-width:640px) {
.header_menu_list {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin: 20px 0;
  font-size: 120%;
  display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display: flex;

  -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
  justify-content: space-between;
}}
@media screen and (max-width:640px) {
.header_menu_list {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 120%;
  display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display: flex;

  -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
  justify-content: space-between;
  overflow: hidden;
  height: 60px; /* 可視領域の高さ */
  width: 100%;
}}
.header_menu_btn {
  cursor: pointer;
}
a.header_menu_list_link {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

/* タブ */
.hide {
  display:none;
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}
/* header.html ドロップダウン */

/* menu sp */
.header_menu_list .mask {
  height: 70px; /* 横スクロールする理屈上の高さ */
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;  /* 慣性スクロール */
}
.header_menu_list .list {
  display: inline-table;
  max-width: 100%;
}
.header_menu_list .list li {
  font-size: 90%;
  display: table-cell;
}
.header_menu_list .list p {
  display: block;
  width: 68px;
  padding: 15px 0;
  color: #333;
  text-align: center;
  text-decoration: none;
}
/* menu sp */

/* menu.html 右カラム */
@media screen and (min-width:640px) {
.menu {
  float: right;
}}
@media screen and (max-width:640px) {
.menu_box {
  width: 100%;
  margin: 20px 0 20px 0;
}}
@media screen and (min-width:640px) {
.menu_box {
  width: 300px;
  margin: 0 0 20px 0;
}}
img.menu_ad {
  width: 300px;
}
a.shinbun_kounyu {
  width: 100%;
  margin: 20px 0 0 0;
  padding: 10px;
  text-decoration: none;
  border: solid 1px #666;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
         box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.shinbun_kounyu:hover {
  color: #D04E2E;
}
@media screen and (max-width:640px) {
img.ad {
  width: 90%;
  margin: 10px 0;
  display: inline-block;
}}
@media screen and (min-width:640px) {
img.ad {
  width: 100%;
  margin: 0 0 10px 0;
  display: inline-block;
}}
img.ad:hover {
  opacity: 0.5;
}
@media screen and (max-width:640px) {
.sp_ad_center {
  text-align: center;
}}
@media screen and (max-width:640px) {
.adsense {
  margin: 10px 0;
  text-align: center;
}}
@media screen and (min-width:640px) {
.adsense {
  margin: 0 0 10px 0;
  text-align: center;
}}
@media screen and (min-width:640px) {
.adsense {
  margin: 0 0 10px 0;
  text-align: center;
}}
.adsense2 {
  margin: 20px 0;
  text-align: center;
}
.adsense_40 {
  margin: 40px 0;
  text-align: center;
}
.adsense_left {
  margin: 10px 0 20px 0;
  float: left
}
.adsense_right {
  margin: 10px 0 20px 0;
  float: right;
}
.adsense_left_30_30 {
  margin: 30px 0;
  float: left
}
.adsense_center_30_30 {
  margin: 30px 0;
  text-align: center;
}
.ad_left_h200 {
  height: 200px;
  margin: 30px 0;
  float: left;
}
.ad_right_h200 {
  height: 200px;
  margin: 30px 0;
  float: right;
}
.adsense_right_30_30 {
  margin: 30px 0;
  float: right;
}
.menu_tw_box {
  margin: 20px 0 0 0;
  text-align: center;
}
.menu_sns_box {
  margin: 10px 10px;
}
@media screen and (min-width:640px) {
img.staffyori {
  width: 300px;
}}
@media screen and (max-width:640px) {
img.staffyori {
  width: 100%;
  margin: 10px 0 0 0;
}}
.staffyori_title {
  position: relative;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  width: 300px;
  margin: 0 0 20px 0;
  padding: 0.6em;
  font-weight: bold;
  letter-spacing: 0.5em;
  border: solid 0.5px #000;
  background: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.staffyori_title:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  bottom: -15px;
  left: 30px;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #000 transparent transparent transparent;
  z-index: 0;
}
.staffyori_title:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 100%;
  left: 31px;
  border: 14px solid transparent;
  border-top: 14px solid #eee;
}
@media screen and (min-width:640px) {
.staffyori_box {
  width: 240px;
  font-size: 80%;
  float: right;
}}
@media screen and (max-width:640px) {
.staffyori_box {
  width: 75%;
  font-size: 80%;
  float: right;
}}
.staffyori_line {
  padding: 0 0 5px 0;
  border-bottom: solid 0.5px #ddd;
}
@media screen and (min-width:640px) {
img.staffyori_img {
  width: 50px;
  float: left;
}}
@media screen and (max-width:640px) {
img.staffyori_img {
  width: 20%;
  float: left;
}}
@media screen and (min-width:640px) {
a.staffyori_body {
  margin: 8px 0 5px 0;
  color: #333;
  text-decoration: none;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
@media screen and (max-width:640px) {
a.staffyori_body {
  margin: 5px 0;
  padding: 0 10px;
  color: #333;
  text-decoration: none;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
a.staffyori_body:hover {
  color: #D04E2E;
}
a.staffyori_next {
  margin: 10px 0 20px 0;
  color: #D04E2E;
  font-size: 90%;
  text-decoration: none;
  float: right;
  display: inline-block;
}
a.staffyori_next:hover {
  text-decoration: underline;
}
.menu_rank_title {
  margin: 10px 0;
  padding: 5px;
  text-align: center;
  background-color: #ddbb99;
}
@media screen and (min-width:640px) {
.menu_rank_box {
  margin: 0 0 10px 0;
}}
@media screen and (max-width:640px) {
.menu_rank_box {
  margin: 0 0 10px 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
.menu_rank_number {
  width: 20px;
  font-size: 80%;
  border: solid 1px #ddd;
  background-color: #ddbb99;
  text-align: center;
  float: left;
}
@media screen and (min-width:640px) {
a.menu_rank_kiji {
  width: 270px;
  color: #666;
  text-decoration: none;
  float: right;
}}
@media screen and (max-width:640px) {
a.menu_rank_kiji {
  width: 90%;
  color: #666;
  text-decoration: none;
  float: right;
}}
@media screen and (min-width:640px) {
a.menu_rank_kiji:hover {
  text-decoration: underline;
}}
.menu_rank_line {
  width: 270px;
  margin: 10px 0;
  border-bottom: solid 0.7px #ddd;
  float: right;
}
.menu_rank_book {
  margin: 10px 0 0 0;
}
.menu_rank_genre {
  width: 20%;
  color: #666;
  font-size: 60%;
  text-align: center;
  border: solid 1px #fff1cf;
  background-color: #fff1cf;
  float: right;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width:640px) {
img.menu_book_entry {
  width: 300px;
  margin-bottom: 5px;
  display: block;
}}
@media screen and (max-width:640px) {
img.menu_book_entry {
  width: 100%;
  margin-bottom: 5px;
  display: block;
}}
@media screen and (min-width:640px) {
.menu_book_entry_box {
  width: 300px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
@media screen and (max-width:640px) {
.menu_book_entry_box {
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}


/* footer.html */
.footer {
  width: 100%;
  background-color: #eee;
}

@media screen and (min-width:640px) {
.footer_box {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
}}

@media screen and (max-width:640px) {
.footer_text {

}}

@media screen and (min-width:640px) {
.footer_text {
  font-size: 80%;
  float: left;
}}

@media screen and (max-width:640px) {
a.footer_info {
  color: #D04E2E;
  text-decoration: none;
  text-align: center;
  display: block;
}}

@media screen and (max-width:640px) {
a.footer_link {
  color: #000;
  text-decoration: none;
  display: block;
}}

@media screen and (min-width:640px) {
a.footer_link {
  margin: 0 20px 0 0;
  color: #000;
  text-decoration: none;
}}

@media screen and (min-width:640px) {
a.footer_link:hover {
  text-decoration: underline;
}}

@media screen and (max-width:640px) {
.footer_copy {
  margin: 10px 0 20px 0;
  font-size: 80%;
  text-align: center;
}}

@media screen and (min-width:640px) {
.footer_copy {
  font-size: 80%;
  float: right;
}}

@media screen and (min-width:640px) {
.footer_contact_free {
  float: right;
}}

@media screen and (min-width:640px) {
  textarea.contact_free_textarea {
    width: 100%;
    height: 200px;
    padding: 10px 10px;
    border-radius: 5px;
    border: solid 1px #b9b9b9;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (min-width:640px) {
  input.contact_free_submit {
    width: 100px;
    height: 40px;
    margin: 10px 0;
    padding: 0 5px 0 5px;
    color: #fff;
    font-size: 1rem;
    line-height: 30px;
    background-color: #D04E2E;
    border-radius: 5px;
    border: solid 1px #D04E2E;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
  }

  input.contact_free_submit:hover {
    color: #D04E2E;
    background-color: #fff;
  }
}

.contact_free_text {
  width: 450px;
  font-size: 0.8rem;
}

@media screen and (max-width:640px) {
.footer_copyright {
  margin: 10px 0 20px 0;
  font-size: 80%;
  text-align: center;
}}

@media screen and (min-width:640px) {
.footer_copyright {
  margin: 20px 0 0 0;
  font-size: 80%;
  text-align: center;
}}

/* sp*/
.footer_table {
  width: 100%;
  margin: 20px 0 0 0;
  border-collapse: collapse;
}

.footer_table td{
  width: 50%;
  padding: 10px 0 10px 20px;
  font-size: 90%;
  text-align: left;
  color: #333;
  border: 1px solid #fff;
}
/* sp*/


/* item article.html */
@media screen and (max-width:640px) {
.item_box {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

@media screen and (min-width:640px) {
.item_box {
  width: 550px;
  float: left;
}}

a.item_series {
  margin: 0 0 20px 0;
  font-size: 100%;
  color: #D04E2E;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: inline-block;
}

@media screen and (min-width:640px) {
a.item_series {
  margin: 0 0 20px 0;
  font-size: 120%;
  color: #D04E2E;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}}

@media screen and (min-width:640px) {
a.item_series:hover {
  color: #666;
}}

.item_post_time {
  font-size: 90%;
  margin: 0 0 20px 0;
  color: #666;
  float: right;
  display: inline-block;
}

@media screen and (min-width:640px) {
.item_post_time {
  font-size: 85%;
  margin: 0 0 20px 0;
  color: #666;
  float: right;
  display: inline-block;
}}

.item_issued_time {
  font-size: 85%;
  margin: 20px -5px 0 0;
  color: #EB685A;
  float: right;
  display: inline-block;
}

@media screen and (min-width:640px) {
.item_issued_time {
  font-size: 90%;
  margin: 20px 0 0 0;
  color: #EB685A;
  float: right;
  display: inline-block;
}}

h1.item_title_box {
  margin: 0 0 10px 0;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
}
@media screen and (min-width:640px) {
.item_head_title {
  margin: 0 0 10px 0;
  font-size: 150%;
  line-height: 150%;
}}
@media screen and (max-width:640px) {
.item_head_title {
  margin: 0 0 10px 0;
  font-size: 130%;
  font-weight: normal;
}}
@media screen and (min-width:640px) {
.item_title {
  margin: 0 0 5px 0;
  font-size: 200%;
  font-weight: bold;
  line-height: 150%;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
}}
@media screen and (max-width:640px) {
.item_title {
  margin: 0 0 10px 0;
  font-size: 150%;
  line-height: 150%;
}}
.item_sub_title {
  margin: 0 0 15px 0;
  font-size: 140%;
  font-weight: normal;
  line-height: 150%;
}
.item_body {
  margin: 20px 0 0 0;
  font-size: 100%;
  line-height: 200%;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
}

@media screen and (min-width:640px) {
.item_body {
  margin: 0 0 0 0;
  font-size :85%;
  line-height: 200%;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
}}

@media screen and (max-width:640px) {
.item_person_topbox {
  margin: 10px 0 0 0;
  line-height: 150%;
}}

@media screen and (min-width:640px) {
.item_person_topbox {
  margin: 10px 0 20px 0;
  line-height: 150%;
}}

a.item_person1 {
  color: #666;
  font-size: 90%;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media screen and (min-width:640px) {
a.item_person1 {
  color: #666;
  font-size: 100%;
  text-align: left;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}}

@media screen and (min-width:640px) {
a.item_person1:hover {
  color: #D04E2E;
}}

.item_person_box {
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  background-color: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a.item_person2 {
  margin: 0 0 20px 0;
  color: #666;
  font-size: 100%;
  text-decoration: none;
}

a.item_person2:hover {
  text-decoration: underline;
}

a.item_book_name {
  margin: 0 0 20px 0;
  padding: 10px;
  color: #666;
  font-size: 130%;
  text-decoration: none;
  line-height: 170%;
  border: solid 1px #ccc;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.item_book_name:hover {
  color: #D04E2E;
}
.item_book_person_name {
  font-size: 60%;
  line-height: 150%;
}

img.item_person_img {
  width: 20%;
  margin: 0 10px 0 0;
  float: left;
}

@media screen and (min-width:640px) {
img.item_person_img {
  width: 120px;
  height: 120px;
  margin: 0 10px 0 0;
  float: left;
}}

@media screen and (max-width:640px) {
.item_person_text {
  font-size: 80%;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
}}

@media screen and (min-width:640px) {
.item_person_text {
  width: 75%;
  font-size: 80%;
  float: left;
}}

@media screen and (max-width:640px) {
.item_category_box {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

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

.item_book_list_title {
  height: 50px;
  margin: 20px 0;
  font-size: 120%;
  text-align: center;
  line-height: 50px;
  border: solid 1px #666;
  border-radius: 5px;
}

.item_book_list {
  margin: 20px 0 0 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.item_book_list2 {
  margin: 20px 0 0 0;
}

@media screen and (min-width:640px) {
a.item_book_list_link {
  color: #666;
  display: block;
}}

@media screen and (max-width:640px) {
img.item_book_list_img {
  width: 80px;
  height: 120px;
}}
@media screen and (min-width:640px) {
img.item_book_list_img {
  width: 120px;
  height: 170px;
}}
@media screen and (min-width:640px) {
img.item_book_list_img2 {
  width: 120px;
  height: 170px;
  float: left;
}}
@media screen and (max-width:640px) {
img.item_book_list_img2 {
  width: 30%;
  margin: 0 10px 0 0;
  float: left;
}}

img.item_book_list_img:hover {
  opacity: 0.5;
}

@media screen and (max-width:640px) {
.item_book_list_empty {
  width: 80px;
  height: 120px;
}}

@media screen and (min-width:640px) {
.item_book_list_empty {
  width: 120px;
  height: 170px;
}}
@media screen and (min-width:640px) {
.item_book_box {
  width: 630px;
  margin: 0 0 0 10px;
  float: left;
}}
@media screen and (max-width:640px) {
.item_book_box {
  width: 100%;
}}
.item_book_title {

}
a.item_next_link {
  color: #D04E2E;
  float: right;
}
a.item_next_link:hover {
  color: #666;
  text-decoration: underline;
}

@media screen and (min-width:640px) {
input.bookmark_button_top {
  margin: -5px 0 0 0;
  color: #fff;
  border: solid 1px #d04e2e;
  background-color: #d04e2e;
  float: right;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}}
@media screen and (max-width:640px) {
input.bookmark_button_top {
  padding: 5px 10px;
  color: #fff;
  border: solid 1px #d04e2e;
  background-color: #d04e2e;
  float: right;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}}
@media screen and (min-width:640px) {
input.bookmark_button_top:hover {
  color: #d04e2e;
  border: solid 1px #d04e2e;
  background-color: #fff;
  cursor: pointer;
}}
@media screen and (min-width:640px) {
input.bookmark_button_top:hover {
  color: #d04e2e;
  border: solid 1px #d04e2e;
  background-color: #fff;
  cursor: pointer;
}}
@media screen and (min-width:640px) {
input.bookmark_button_bottom {
  height: 42px;
  color: #fff;
  border: solid 1px #d04e2e;
  background-color: #d04e2e;
  line-height: 42px;
  float: right;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}}
@media screen and (max-width:640px) {
input.bookmark_button_bottom {
  padding: 5px 10px;
  color: #fff;
  border: solid 1px #d04e2e;
  background-color: #d04e2e;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}}
@media screen and (min-width:640px) {
input.bookmark_button_bottom:hover {
  color: #d04e2e;
  border: solid 1px #d04e2e;
  background-color: #fff;
  cursor: pointer;
}}

@media screen and (max-width:640px) {
a.item_publisher_book_url {
  width: 100%;
  margin-top: 5px;
  line-height: 1.8;
  display: block;
}}
@media screen and (min-width:640px) {
a.item_publisher_book_url {
  width: 400px;
  margin-top: 5px;
  line-height: 1.8;
  display: block;
  float: left;
}}
@media screen and (min-width:640px) {
a.item_publisher_book_url:hover {
  color: #d04e2e;;
  text-decoration: none;
}}

/* 目次 */
@media screen and (min-width:640px) {
.mokuji_box {
  width: 80%;
  margin-top: 20px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: solid 1px #eee;
  border-radius: 5px;
  background-color: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
@media screen and (max-width:640px) {
.mokuji_box {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  border: solid 1px #eee;
  border-radius: 5px;
  background-color: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
.mokuji_subject {
  margin: 0 0 10px 0;
  color: #000;
  font-size: 120%;
  font-weight: bold;
}
a.mokuji {
  text-decoration: none;
  display: block;
}
a.mokuji:hover {
  opacity: 0.7;
}
@media screen and (min-width:640px) {
.mokuji_number {
  width: 12%;
  margin: 3px 0 0 0;
  color: #0066cc;
  font-size: 100%;
  font-weight: bold;
  float: left;
}}
@media screen and (max-width:640px) {
.mokuji_number {
  width: 20%;
  color: #0066cc;
  font-size: 100%;
  font-weight: bold;
  float: left;
}}
@media screen and (min-width:640px) {
.mokuji_title {
  width: 65%;
  margin: 0 15px 0 0;
  color: #0066cc;
  font-size: 100%;
  font-weight: bold;
  line-height: 170%;
  float: left;
}}
@media screen and (max-width:640px) {
.mokuji_title {
  width: 80%;
  margin: -3px 0 0 0;
  color: #0066cc;
  font-size: 100%;
  font-weight: bold;
  line-height: 170%;
  float: left;
}}
@media screen and (min-width:640px) {
.mokuji_uptime {
  width: 20%;
  color: #666;
  font-size: 80%;
  font-weight: bold;
  float: left;
}}
@media screen and (max-width:640px) {
.mokuji_uptime {
  margin: 0 0 10px 0;
  color: #666;
  font-size: 80%;
  clear: both;
}}
@media screen and (min-width:640px) {
.mokuji_number2 {
  width: 12%;
  margin: 3px 0 0 0;
  color: #888;
  font-size: 100%;
  font-weight: bold;
  float: left;
}}
@media screen and (max-width:640px) {
.mokuji_number2 {
  width: 20%;
  color: #888;
  font-size: 100%;
}}
@media screen and (min-width:640px) {
.mokuji_title2 {
  width: 61%;
  margin: 0 15px 0 0;
  color: #888;
  font-size: 100%;
  font-weight: bold;
  line-height: 170%;
  float: left;
}}
@media screen and (max-width:640px) {
.mokuji_title2 {
  width: 80%;
  margin: -3px 0 0 0;
  color: #888;
  font-size: 100%;
  font-weight: bold;
  line-height: 170%;
}}
@media screen and (min-width:640px) {
.mokuji_uptime2 {
  width: 23%;
  color: #D64E2E;
  font-size: 70%;
  font-weight: bold;
  float: left;
}}
@media screen and (max-width:640px) {
.mokuji_uptime2 {
  margin: 0 0 10px 0;
  color: #D64E2E;
  font-size: 80%;
}}
@media screen and (min-width:640px) {
.gou {
  margin: 30px 0 -20px 0;
  font-size: 150%;
}}
@media screen and (max-width:640px) {
.gou {
  margin: 30px 0 -40px 0;
  font-size: 150%;
}}
a.next_title {
  margin: 20px 0 10px 0;
  padding: 13px 20px 10px 20px;
  color: #0066cc;
  font-weight: bold;
  background-color: #eee;
  text-decoration: none;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a.next_title:hover {
  text-decoration: underline;
}
.next_title2 {
  margin: 20px 0 0 0;
  padding: 13px 20px 10px 20px;
  color: #666;
  font-weight: bold;
  background-color: #eee;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* 記事内CSS */
@media screen and (max-width:640px) {
img.img_200 {
  width: 200px;
  padding: 5px 0 0 0;
  font-weight: normal;
  vertical-align: bottom;
  display: block;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

@media screen and (min-width:640px) {
img.img_200 {
  width: 200px;
  margin: 5px 0 0 0;
  display: block;
}}

@media screen and (max-width:640px) {
img.img_340 {
  width: 50%;
  padding: 5px 0 0 0;
  vertical-align: bottom;
  display: inline-block;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

@media screen and (min-width:640px) {
img.img_340 {
  width: 340px;
  margin: 5px 0 0 0;
  vertical-align: bottom;
  display: inline-block;
}}

img.img_680 {
  width: 100%;
  display: block;
}

@media screen and (min-width:640px) {
img.img_680 {
  width: 760px;
  margin: 10px 0 0 0;
  vertical-align: bottom;
  display: block;
}}

@media screen and (max-width:640px) {
img.img_340_680 {
  width: 100%;
  margin: 10px 0 0 0;
  vertical-align: bottom;
  display: inline-block;
}}

@media screen and (min-width:640px) {
img.img_340_680 {
  width: 340px;
  margin: 5px 0 0 0;
  vertical-align: bottom;
  display: inline-block;
}}

@media screen and (min-width:640px) {
.float {
  margin: 0 20px 0 0;
  float: left;
  display: inline-block;
}}

.float_end {
  display: inline-block;
  clear: both;
}

.sub_title {
  margin: 30px 0 10px 0;
  font-size: 150%;
  line-height: 150%;
  display: inline-block;
}

@media screen and (min-width:640px) {
.sub_title {
  margin: 30px 0 10px 0;
  font-size: 200%;
  line-height: 150%;
  display: inline-block;
}}

@media screen and (max-width:640px) {
a.kiji_person {
  color: #666;
  text-decoration: none;
  display: inline-block;
  float: left;
}}

@media screen and (min-width:640px) {
a.kiji_person {
  width: 340px;
  color: #666;
  text-decoration: none;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}}

@media screen and (max-width:640px) {
a.kiji_person_new {
  width: 50%;
  color: #666;
  text-decoration: none;
  display: inline-block;
  float: left;
}}

@media screen and (min-width:640px) {
a.kiji_person_new {
  width: 340px;
  color: #666;
  text-decoration: none;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}}

a.kiji_person_new:hover {
  color: #D04E2E;
}

a.kiji_person:hover {
  color: #D04E2E;
}

.kiji_person_profile {
  width: 50%;
  padding: 0 0 0 5px;
  font-size: 80%;
  line-height: 150%;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}

@media screen and (min-width:640px) {
.kiji_person_profile {
  width: 100%;
  padding: 5px;
  font-size: 80%;
  line-height: 150%;
  background-color: #eee;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
}}

.kiji_person_profile_new {
  padding: 0 0 0 5px;
  font-size: 80%;
  line-height: 150%;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}

@media screen and (min-width:640px) {
.kiji_person_profile_new {
  width: 100%;
  padding: 5px;
  font-size: 80%;
  line-height: 150%;
  background-color: #eee;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
}}

.kiji_name {
  margin: 20px 5px 0 0;
  font-weight: bold;
  display: inline-block;
}

.kiji_bold {
  font-weight: bold;
  display: inline-block;
}

@media screen and (max-width:640px) {
.kiji_img_caption {
  width: 100%;
  font-size: 75%;
  margin: 0 0 10px 0;
  padding: 5px;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  line-height: 150%;
  background-color: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

@media screen and (min-width:640px) {
.kiji_img_caption {
  width: 100%;
  font-size: 80%;
  margin: 0 0 10px 0;
  padding: 5px;
  line-height: 150%;
  text-decoration: none;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  background-color: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
}}
@media screen and (max-width:640px) {
.kiji_img_caption_340 {
  width: 50%;
  font-size: 75%;
  margin: 0 0 10px 0;
  padding: 5px;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  line-height: 150%;
  background-color: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
}}
@media screen and (min-width:640px) {
.kiji_img_caption_340 {
  width: 340px;
  font-size: 80%;
  margin: 0 0 10px 0;
  padding: 5px;
  line-height: 150%;
  text-decoration: none;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  background-color: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
}}
@media screen and (max-width:640px) {
.kiji_img_caption_200 {
  width: 200px;
  font-size: 75%;
  margin: 0 0 10px 0;
  padding: 5px;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  line-height: 150%;
  background-color: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
@media screen and (min-width:640px) {
.kiji_img_caption_200 {
  width: 200px;
  font-size: 80%;
  margin: 0 0 10px 0;
  padding: 5px;
  line-height: 150%;
  text-decoration: none;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  background-color: #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
}}

img.kiji_book_img {
  width: 50%;
  float: left;
}

@media screen and (min-width:640px) {
img.kiji_book_img {
  width: 200px;
}}

.kiji_book_text {
  width: 50%;
  padding: 5px;
  font-size: 80%;
  line-height: 140%;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width:640px) {
.kiji_book_text {
  width: 200px;
  padding: 5px;
  font-size: 80%;
  line-height: 140%;
  background-color: #eee;
  clear: both;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

a.kiji_book_link {
  margin: 10px 0 0 0;
  color: #666;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a.kiji_book_link:hover {
  color: #D04E2E;
}

@media screen and (max-width:640px) {
.br_clear {
  clear: both;
}}

@media screen and (max-width:640px) {
img.sale_url {
  width: 63%;
  margin: 10px 0 0 0;
  float: right;
}}

@media screen and (min-width:640px) {
img.sale_url {
  width: 40%;
  margin: 10px 0 10px 0;
  float: right;
}}

img.sale_url:hover {
  opacity: 0.5;
}

.kiji_line {
  width: 100%;
  border-top: solid 1px #666;
  display: inline-block;
}


/* book.html */
@media screen and (max-width:640px) {
.book_box {
  margin: 20px 0 0 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
@media screen and (min-width:640px) {
.book_box {
  float: left;
}}

img.book_img {
  width: 100%;
}

@media screen and (min-width:640px) {
img.book_img {
  width: 200px;
}}

@media screen and (min-width:640px) {
.book_box_left {
  width: 200px;
  float: left;
}}

.book_box_right {
  margin: 20px 0;
}

@media screen and (min-width:640px) {
.book_box_right {
  margin: 0 0 0 20px;
  width: 560px;
  float: right;
}}

.book_title {
  margin: 0 0 20px 0;
  font-size: 150%;
  line-height: 150%;
}

@media screen and (min-width:640px) {
.book_title {
  margin: 0 0 20px 0;
  font-size: 200%;
  line-height: 150%;
}}

.book_writer_yomi {
  margin: 5px 0 0 0;
  font-size: 100%;
}

@media screen and (max-width:640px) {
a.book_writer_link {
  color: #D04E2E;
  font-size: 120%;
  margin: 0 0 5px 0;
}}

@media screen and (min-width:640px) {
a.book_writer_link {
  color: #D04E2E;
  font-weight: bold;
  font-size: 100%;
  margin: 0 0 5px 0;
  text-decoration: none;
}}

@media screen and (min-width:640px) {
a.book_writer_link:hover {
  color: #D04E2E;
  -webkit-transition: all .3s;
  transition: all .3s;
}}

@media screen and (max-width:640px) {
a.book_person_link {
  color: #000;
  font-size: 90%;
  margin: 10px 0 5px 0;
  display: block;
}}

@media screen and (min-width:640px) {
a.book_person_link {
  font-size: 100%;
  margin: 15px 0 5px 0;
  text-decoration: none;
}}

@media screen and (min-width:640px) {
a.book_person_link:hover {
  color: #D04E2E;
  -webkit-transition: all .3s;
  transition: all .3s;
}}

.book_publisher {
  margin: 20px 0 20px 0;
  color: #666;
  font-size: 100%;
}

@media screen and (min-width:640px) {
.book_publisher {
  margin: 20px 0 20px 0;
  color: #666;
  font-size: 150%;
}}

.book_description {
  margin: 20px 0 ;
  font-size: 100%;
  line-height: 180%;
}

@media screen and (min-width:640px) {
.book_description {
  margin: 20px 0 0 0;
  font-size: 85%;
  line-height: 180%;
}}

.book_price {
  margin: 0 0 20px 0;
  color: #FEBD69;
  font-size: 120%;
}

@media screen and (min-width:640px) {
.book_price {
  margin: 20px 0 20px 0;
  color: #FEBD69;
  font-size: 180%;
}}

@media screen and (max-width:640px) {
.book_kiji_list {
  margin: 40px 0 0 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

@media screen and (min-width:640px) {
.book_kiji_list {
  margin: 40px 0 0 0;
}}

.book_kiji_list_title {
  margin: 20px 0 20px 0;
  padding: 10px;
  font-size: 100%;
  border: solid 1px #666;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.book_bookimg {
  width: 200px;
  height: 300px;
  padding: 0 80px 0 0;
  font-size: 100%;
  line-height: 120%;
  text-align: center;
  background-color: #ddbb99;
  -ms-writing-mode: tb-rl; /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}

a.book_amazon {
  width: 200px;
  height: 50px;
  margin: 10px 0 0 0;
  padding: 0 5px;
  color: #000;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  border-radius: 5px;
  border: solid 1px #FEBD69;
  background-color: #FEBD69;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width:640px) {
a.book_amazon:hover {
  color: #FEBD69;
  border: solid 1px #FEBD69;
  background-color: #fff;
}}

a.book_kinokuniya{
  width: 200px;
  height: 50px;
  margin: 10px 0 0 0;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  border-radius: 5px;
  border: solid 1px #014098;
  background-color: #014098;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width:640px) {
a.book_kinokuniya:hover {
  color: #014098;
  border: solid 1px #014098;
  background-color: #fff;
}}

a.book_ehon{
  width: 200px;
  height: 50px;
  margin: 10px 0 0 0;
  color: #FFEB33;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  border-radius: 5px;
  border: solid 1px #112981;
  background-color: #112981;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width:640px) {
a.book_ehon:hover {
  color: #112981;
  border: solid 1px #112981;
  background-color: #fff;
}}

a.book_honto {
  width: 200px;
  height: 50px;
  margin: 10px 0 0 0;
  color: #0085CD;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  border-radius: 5px;
  border: solid 1px #F3F1E4;
  background-color: #F3F1E4;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width:640px) {
a.book_honto:hover {
  color: #F3F1E4;
  border: solid 1px #0085CD;
  background-color: #0085CD;
}}

/* アフィリエイト 本ページ */
img.affiliate_button {
  width: 80%;
  margin: 10px 0 0 0;
}

@media screen and (min-width:640px) {
img.affiliate_button:hover {
  opacity: 0.5;
}}

.affiliate_box {
  width: 200px;
  margin: 10px 0 0 0;
  padding: 10px 0;
  text-align: center;
  border: solid 1px #666;
}
.affiliate_text {
  margin: 0 0 10px 0;
}
.affiliate_line {
  border-bottom: solid 1px #666;
}

.online_bookshop_box {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width:640px) {
.online_bookshop_box {
  width: 100%;
  padding: 10px 5px;
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-align-content: space-around;
  align-content:         space-around;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}
.online_bookshop_text {
  margin: 20px 0 0 0;
  padding: 5px;
  text-align: center;
  background-color: #eee;
}
@media screen and (min-width:640px) {
.online_bookshop_text2 {
  margin: 20px 0 0 0;
  padding: 5px;
  text-align: center;
  background-color: #eee;
}}
@media screen and (max-width:640px) {
.online_bookshop_text2 {
  margin: 20px 0 0 10px;
  color: #ff0000;
}}
img.affiliate_bookshop_bana1 {
  width: 130px;
  margin: 0 0 5px 0;
}
img.affiliate_bookshop_bana1:hover {
  opacity: 0.5;
}
img.affiliate_bookshop_bana2 {
  width: 70px;
  margin: 0 0 5px 0;
}
img.affiliate_bookshop_bana2:hover {
  opacity: 0.5;
}
img.affiliate_bookshop_bana3 {
  width: 130px;
}
img.affiliate_bookshop_bana3:hover {
  opacity: 0.5;
}

/* オンライン書店で買うドロップリスト */
@media screen and (min-width:640px) {
.dropmenu {
  *zoom: 1;
  list-style-type: none;
  width: 200px;
  margin: -10px 0 10px 0;
}}
@media screen and (max-width:640px) {
.dropmenu {
  *zoom: 1;
  list-style-type: none;
  width: 50%;
  margin: -10px 0 10px 0;
}}
.dropmenu:before, .dropmenu:after {
  content: "";
  display: table;
}
.dropmenu:after {
  clear: both;
}
@media screen and (min-width:640px) {
.dropmenu li {
  position: relative;
  width: 200px;
  text-align: center;
}}
@media screen and (max-width:640px) {
.dropmenu li {
  position: relative;
  text-align: center;
}}
.dropmenu_title {
  padding: 5px 0;
  color: #fff;
  font-size: 100%;
  background: #D04E2E;
  cursor: pointer;
}

.dropmenu li a {
  display: block;
  padding: 5px 0;
  text-decoration: none;
}

.dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 9999;
}

.dropmenu li ul li {
  width: 100%;
}

.dropmenu li ul li a {
  padding: 10px 0 0 0;
  border-bottom: 1px solid #D04E2E;
  border-left: 1px solid #D04E2E;
  border-right: 1px solid #D04E2E;
  background: #fff;
  text-align: center;
}

#normal li ul {
  display: none;
}

#normal li:hover ul {
  display: block;
}

img.affiliate_button2 {
  width: 80%;
}

@media screen and (min-width:640px) {
img.affiliate_button2:hover {
  opacity: 0.5;
}}



/* person.html */
@media screen and (max-width:640px) {
.person_personimg {
  width: 150px;
  height: 150px;
  margin: 0 10px 0 0;
  padding: 0 65px 0 0;
  font-size: 100%;
  line-height: 120%;
  text-align: center;
  background-color: #f0908d;
  float: left;
  -ms-writing-mode: tb-rl; /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}}

@media screen and (min-width:640px) {
.person_personimg {
  width: 200px;
  height: 200px;
  padding: 0 85px 0 0;
  font-size: 100%;
  line-height: 120%;
  text-align: center;
  background-color: #f0908d;
  float: left;
  -ms-writing-mode: tb-rl; /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}}

.person_title {
  font-size: 150%;
  line-height: 150%;
}

@media screen and (min-width:640px) {
.person_title {
  font-size: 200%;
  line-height: 150%;
}}

.person_yomi {
  margin: 0 0 20px 0;
}


/* nikkanshi_shohyou_list.html */
a.nikkanshi_list {
  margin: -10px 0 0 0;
  color: #000;
  font-size: 100%;
  line-height: 150%;
  text-decoration: none;
  text-align:justify;
  text-justify:inter-ideograph;
  line-break: strict;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a.nikkanshi_list:hover {
  color: #D04E2E;
}

.list_sub_title {
  font-size: 80%;
  color: #D04E2E;
}


/* search.html */
.search_box {
  margin: 10px 0 20px 0;
}


/* company.html */
.company_table {
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
}

.company_table th{
  width: 25%;
  padding: 10px;
  font-size: 80%;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  color: #333;
  background-color: #fff;
  border: 1px solid #b9b9b9;
}

.company_table td{
  padding: 10px;
  font-size: 80%;
  background-color: #fff;
  border: 1px solid #b9b9b9;
}

.ggmap {
  position: relative;
  margin: 10px 0 0 0;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* tos.html */
.tos_text {
  font-size: 80%;
  line-height: 200%;
}

.tos_top_title {
  font-size: 140%;
  font-weight: bold;
}

.tos_title {
  margin: 30px 0 10px 0;
  font-size: 140%;
  font-weight: bold;
}


/* contact.html */
@media screen and (min-width:640px) {
.contact_main {
  width: 1100px;
  margin: 20px 10px 20px 0;
}}

.contact_table {
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
}

.contact_table th{
  width: 25%;
  padding: 25px 0 0 10px;
  font-size: 85%;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  color: #333;
  background-color: #fff;
  border: 1px solid #b9b9b9;
  border-right-style: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width:640px) {
.contact_table th{
  width: 25%;
  padding: 25px 0 15px 40px;
  font-size: 85%;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  color: #333;
  background-color: #fff;
  border: 1px solid #b9b9b9;
  border-right-style: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

.contact_table td{
  padding: 20px 10px;
  font-size: 85%;
  background-color: #fff;
  border: 1px solid #b9b9b9;
  border-left-style: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

td.contact_title_td {
  padding: 20px 0;
  color: #D04E2E;
  font-size: 130%;
  border: 1px solid #b9b9b9;
  text-align: center;
}

@media screen and (min-width:640px) {
td.contact_title_td {
  padding: 50px 0;
  color: #D04E2E;
  font-size: 150%;
  border: 1px solid #b9b9b9;
  text-align: center;
}}

td.contact_submit_td {
  border: 1px solid #b9b9b9;
  text-align: center;
}

input.contact_input {
  width: 100%;
  height: 50px;
  padding: 5px 10px;
  font-size: 110%;
  line-height: 50px;
  border-radius: 5px;
  border: solid 1px #b9b9b9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

@media screen and (min-width:640px) {
input.contact_input {
  width: 50%;
  height: 50px;
  padding: 5px 10px;
  line-height: 50px;
  border-radius: 5px;
  border: solid 1px #b9b9b9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

textarea.contact_textarea {
  width: 100%;
  height: 300px;
  padding: 10px 10px;
  font-size: 110%;
  border-radius: 5px;
  border: solid 1px #b9b9b9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

@media screen and (min-width:640px) {
textarea.contact_textarea {
  width: 95%;
  height: 300px;
  padding: 10px 10px;
  border-radius: 5px;
  border: solid 1px #b9b9b9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

input.contact_submit {
  width: 200px;
  height: 50px;
  margin: 20px 0;
  padding: 0 5px 0 5px;
  color: #fff;
  font-size: 120%;
  line-height: 30px;
  background-color: #D04E2E;
  border-radius: 5px;
  border: solid 1px #D04E2E;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

input.contact_submit:hover {
  color: #D04E2E;
  background-color: #fff;
}

@media screen and (max-width:640px) {
.contact_err_box {
  padding: 20px 10px 0 10px;
  font-size: 80%;
  line-height: 180%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

@media screen and (min-width:640px) {
.contact_err_box {
  line-height: 220%;
}}


/* p.html */
@media screen and (max-width:640px) {
.p_box {
  padding: 0 10px 10px 10px;
}}

@media screen and (min-width:640px) {
.p_box {
  width: 800px;
  margin: 0 auto;
}}

img.p_logo {
  width: 200px;
  margin: 20px 0;
}

.p_title {
  margin: 0 0 10px 0;
  font-size: 150%;
  line-height: 180%;
}

@media screen and (min-width:640px) {
.p_title {
  margin: 0 0 10px 0;
  font-size: 200%;
  line-height: 180%;
}}

.p_sub_title {
  margin: 0 0 10px 0;
  font-size: 100%;
  line-height: 150%;
}

@media screen and (min-width:640px) {
.p_sub_title {
  margin: 0 0 10px 0;
  font-size: 130%;
  line-height: 150%;
}}

.p_edit_title {
  margin: 10px 10px 5px 0;
  font-size: 130%;
  font-weight: 200;
  color: #D04E2E;
  float: left;
}

input.p_input {
  width: 100%;
  height: 50px;
  margin: 0 0 20px 0;
  padding: 0 10px 0 10px;
  font-weight: 200;
  border-radius: 5px;
  border: solid 1px #aaa;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

textarea.p_body {
  width: 100%;
  height: 200px;
  margin: 0 0 20px 0;
  padding: 5px;
  line-height: 150%;
  border-radius: 5px;
  border: solid 1px #666666;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input.p_submit {
  width: 50%;
  height: 50px;
  margin: 20px 0 40px 0;
  color: #fff;
  font-size: 120%;
  line-height: 50px;
  background-color: #D04E2E;
  border-radius: 5px;
  border: solid 2px #D04E2E;
  cursor: pointer;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

input.p_submit:hover {
  color: #D04E2E;
  background-color: #fff;
  border: solid 2px #D04E2E;
}

label.p_file {
  width: 40%;
  margin: 10px 0 0 0;
  padding: 10px;
  color: #000;
  text-align: center;
  background-color: #ddd;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width:640px) {
label.p_file {
  width: 30%;
  margin: 10px 0 0 0;
  padding: 10px;
  color: #000;
  text-align: center;
  background-color: #ddd;
  display: block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}}

@media screen and (min-width:640px) {
label.p_file:hover {
  color: #fff;
  background-color: #666;
}}

.p_img {
  width: 100px;
  height: auto;
}

.p_edit_text1 {
  margin: 8px 10px 5px 0;
  padding: 1px 5px;
  color: #fff;
  font-size: 80%;
  border-radius: 5px;
  background-color: #ea5506;
  float: left;
}

.p_edit_text2 {
  margin: 8px 10px 5px 0;
  padding: 1px 5px;
  color: #fff;
  font-size: 80%;
  border-radius: 5px;
  background-color: #93ca76;
  float: left;
}

.p_edit_text3 {
  margin: 10px 0 5px 0;
  color: #666;
  font-size: 100%;
  float: left;
}

.p_edit_text4 {
  margin: 10px 0 5px 0;
  color: #FF0000;
  font-size: 100%;
  float: left;
}


/* newspaper_ad */
img.newspaperad_top_img {
  width: 100%;
  margin: 0 0 20px 0;
}

@media screen and (max-width:640px) {
.newspaper_ad_title {
  width: 100%;
  height: 50px;
  font-size: 100%;
  text-align: center;
  line-height: 50px;
  border: solid 1px #666;
  border-radius: 5px;
}}

@media screen and (min-width:640px) {
.newspaper_ad_title {
  width: 100%;
  height: 50px;
  font-size: 150%;
  text-align: center;
  line-height: 50px;
  border: solid 1px #666;
  border-radius: 5px;
}}

.newspaper_ad_box {
  margin: 20px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}

a.newspaper_ad_link:hover {
  opacity: 0.5;
}

img.newspaper_ad_img_1 {
  width: 100%;
}

img.newspaper_ad_img_2 {
  width: 375px;
}

img.newspaper_ad_img_4 {
  width: 185px;
}

img.newspaper_ad_img_8 {
  width: 105px;
}

img.newspaper_ad_img_10 {
  width: 50px;
}

img.newspaper_ad_img_sp {
  width: 100%;
}

img.newspaper_ad_img_sp_8 {
  width: 150px;
}

img.newspaper_ad_img_sp_10 {
  width: 50px;
}

@media screen and (max-width:640px) {
img.newspaperad_bana_img {
  width: 90%;
}}

@media screen and (min-width:640px) {
img.newspaperad_bana_img {
  width: 300px;
}}
@media screen and (min-width:640px) {
img.newspaperad_bana_img:hover {
  opacity: 0.7;
}}

@media screen and (max-width:640px) {
.newspaper_ad_title_kako {
  width: 100%;
  height: 50px;
  font-size: 100%;
  text-align: center;
  line-height: 50px;
  border: solid 1px #666;
  border-radius: 5px;
}}

@media screen and (min-width:640px) {
.newspaper_ad_title_kako {
  width: 100%;
  height: 50px;
  font-size: 150%;
  text-align: center;
  line-height: 50px;
  border: solid 1px #666;
  border-radius: 5px;
}}

@media screen and (max-width:640px) {
a.newspaper_ad_arrow {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 50px;
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
  color: #000;
  font-size: 100%;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  border: solid 1px #666;
  border-radius: 5px;
}}

@media screen and (min-width:640px) {
a.newspaper_ad_arrow {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 50px;
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
  color: #000;
  font-size: 150%;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  border: solid 1px #666;
  border-radius: 5px;
}}

a.newspaper_ad_arrow:hover {
  opacity: 0.5;
}

.newspaper_ad_arrow::before,
.newspaper_ad_arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.newspaper_ad_arrow1::after{
  right: 10px;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 10px solid transparent;
  border-left: 10px solid #D04E2E;
}


/* introduction */
.introduction_text {
  font-size: 80%;
  line-height: 200%;
}

.introduction_title {
  margin: 30px 0 10px 0;
  padding: 0 0 0 10px;
  font-weight: 50px;
  font-size: 130%;
  line-height: 50px;
  border: solid 1px #666;
  border-radius: 5px;
}

.introduction_title2 {
  margin: 20px 0 5px 0;
  font-size: 130%;
  font-weight: bold;
}


/* book_editor.html */
.book_editor_title1 {
  margin: 30px 0 30px 0;
  font-weight: bold;
  font-size: 150%;
  text-align: center;
}

.book_editor_title2 {
  margin: 20px 10px 0 0;
  font-weight: bold;
  font-size: 130%;
}

.book_editor_title3 {
  margin: 20px 20px 0 0;
  font-weight: bold;
  font-size: 110%;
}

.book_editor_mail {
  margin: 10px 0;
  font-weight: bold;
  font-size: 130%;
  color: #D04E2E;
}


/* book_list.html */
@media screen and (min-width:640px) {
.book_list_title {
  margin: 0 0 10px 0;
  font-size: 120%;
}}
@media screen and (min-width:640px) {
.book_list_number {
  margin: 0 0 0 20px;
  font-size: 120%;
  float: left;
}}

.book_list_publisher {
  color: #666;
}

@media screen and (max-width:640px) {
.book_list_category {
  margin: 10px 0 0 0;
  font-size: 80%;
  color: #666;
  text-align: right;
}}

@media screen and (min-width:640px) {
.book_list_category {
  margin: 20px 0 0 0;
  font-size: 80%;
  color: #666;
  text-align: right;
}}

/* content.html */
.content_book_person_name {
  font-size:70%;
  line-height: 150%;
}
.content_header_title {
  margin: 5px 0 15px 0;
  font-size: 150%;
  line-height: 170%;
}
.content_header_text {
  margin: 0 0 20px 0;
  line-height: 170%;
}
@media screen and (min-width:640px) {
img.content_header_jpg {
  width: 550px;
  margin: 0 0 10px 0;
}}
@media screen and (max-width:640px) {
img.content_header_jpg {
  width: 100%;
  margin: 0 0 10px 0;
}}
a.content_header_link {
  margin: -10px 0 20px 0;
  font-size: 110%;
  display: block;
  float: right;
}
.content_header_profile_waku {
  margin: 0 0 20px 0;
  padding: 10px;
  border: solid 1px #E30076;
  border-radius: 5px;
}
img.content_header_profileimg {
  width: 20%;
  float: left;
}
.content_header_profile {
  width: 75%;
  font-size: 80%;
  line-height: 170%;
  float: right;
}
img.content_header_line1 {
  width: 100%;
  margin: 0 0 20px 0;
}
img.content_header_line2 {
  width: 100%;
  margin: 10px 0 0 0;
}
.content_header_sns {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* sitemap.html */
.sitemap_box {
  line-height: 180%;
}
a.sitemap_link1 {
  text-decoration: none;
  display: inline-block;
}
a.sitemap_link2 {
  margin: 0 0 0 20px;
  text-decoration: none;
  display: inline-block;
}
a.sitemap_link3 {
  margin: 0 0 0 40px;
  text-decoration: none;
  display: inline-block;
}
a.sitemap_link4 {
  margin: 0 0 0 60px;
  text-decoration: none;
  display: inline-block;
}

/* newtop CSS */
/* トップ画像 */
#adbox {
  margin: 0 0 20px 0;
}
a.topoftop_img {
}
a.topoftop_img:hover {
  opacity: 0.7;
}
.ad {
  display:none;
}
.fadeout{
  opacity: 0;
  transition: 3s ease-in-out;
  -webkit-transition: 3s ease-in-out;
}
.fadein{
  opacity: 1;
  transition: 3s ease-in-out;
  -webkit-transition: 3s ease-in-out;
}
img.pickup_img {
  width: 100%;
  height: auto;
}
.pickup {
  display:none;
}
.pickup.slick-initialized {
  display: block;
}
/* トップ画像 */

/* トップ書評ピックアップ */
.index_editer_pickup_title {
  margin-top: 20px;
  font-size: 1.5rem;
}
a.index_editer_pickup_link {
  display: block;
}
img.index_editer_pickup_img {
  width: 180px;
  height: 265px;
}

.index_editer_pickup_flex {
  margin: 20px;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.index_editer_pickup_content {

}

/* ↓旧CSS */
a.new_list {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin: 0 10px;
  padding: 0 0 0 5px;
  color: #000;
  font-size: 80%;
  text-decoration: none;
  display: block;
}
a.new_list:hover {
  color: #D04E2E;
}
a.new_list:first-letter {
  font-size: 110%;
  font-weight: bold;
}
.new_list_subject {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  width: 50px;
  height: 200px;
  margin: 0 0 10px 0;
  padding: 10px;
  font-size: 120%;
  text-align: center;
  float: right;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
a.new_list_subject {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  width: 50px;
  height: 200px;
  margin: 0 0 10px 0;
  padding: 10px;
  font-size: 120%;
  text-align: center;
  text-decoration: none;
  float: right;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
a.new_list_subject:hover {
  color: #D04E2E;
}
img.kiji_square_ad {
  width: 250px;
}
img.ad_h220 {
  height: 220px;
}
img.ad_h220:hover {
  opacity: 0.7;
}
img.ad_w200 {
  width: 200px;
}
img.ad_w200:hover {
  opacity: 0.7;
}
img.ad_w300 {
  width: 300px;
}
img.ad_w300:hover {
  opacity: 0.7;
}
.new_box {
  width: 95%;
  height: 200px;
  padding: 0 0 10px 0;
  line-height: 100%;
  float: left;
  overflow: hidden;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.new_box_line {
  margin: 0 0 30px 0;
  border-bottom: solid 0.5px #000;
}
/* ↑旧CSS */
/* トップ書評ピックアップ */

/* 左カラム */
.left_box {
  width: 200px;
  margin: 0 25px 0 0;
  float: left;
}
@media screen and (max-width:1099px) {
.left_box {
  width: 140px;
  margin: 0 10px 0 0;
  float: left;
}}
.left_box_categori_waku {
  padding: 0 10px 5px 10px;
  font-size: 80%;
  border: solid 0.5px #666;
}
.left_box > ul,ol {
  padding: 0 10px 5px 10px;
  font-size: 80%;
  border: solid 0.5px #666;
}
.left_box > ul li {
  line-height: 1.5;
  padding: 5px 0;
  border-bottom: dashed 0.5px #ddd;
}
.left_box_title {
  border: solid 0.5px #666;
}
a.left_box_categori {
  margin: 0 0 0 20px;
  color: #000;
  text-decoration: none;
  display:block;
}
a.left_box_categori:hover {
  color: #D05435;
  text-decoration: underline;
}
a.left_box_categori2 {
  color: #000;
  text-decoration: none;
}
a.left_box_categori2:hover {
  color: #D05435;
  text-decoration: underline;
}
a.left_box_categori3 {
  color: #000;
  text-decoration: none;
  display:block;
}
a.left_box_categori3:hover {
  color: #D05435;
  text-decoration: underline;
}
.left_box > ul li:last-of-type {
  border-bottom: none;
}
a.left_box_categori_title {
  padding: 5px 0;
  color: #000;
  font-size: 80%;
  text-align: center;
  border-top: solid 0.5px #666;
  border-left: solid 0.5px #666;
  border-right: solid 0.5px #666;
  background-color: #eee;
  text-decoration: none;
  display:block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.cate_person {
  margin: 4px 0 0 0;
  font-weight: bold;
  display:block;
  cursor:pointer;
}
.cate_person:hover {
  color: #D05435;
  text-decoration: underline;
}
a.cate_person1 {
  margin: 5px 0 0 0;
  padding: 0 0 3px 0;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  display:block;
  cursor:pointer;
}
.cate_person1:hover {
  color: #D05435;
  text-decoration: underline;
}
a.cate_person1:visited {
  color: #000;
}
.cate_person2 {
  display: none;
}
.cate_person3 {
  padding: 0 0 0 20px;
  display: none;
}
.cate_line {
  border-bottom: dashed 0.5px #ddd;
}
a.cate_content_title {
  margin: 5px 0 0 0;
  padding: 0 0 3px 0;
  color: #D04E2E;
  font-weight: bold;
  text-decoration: none;
  display:block;
  cursor:pointer;
}
a.cate_content_title:hover {
  text-decoration: underline;
}
a.cate_content_title:visited {
  color: #D04E2E;
}

/* new_list.html */
a.new_list_new_arrow {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 1px 0 0;
  border-radius: 5px;
  border: solid 1px #666;
  background-color: #ffffff;
  text-decoration: none;
  float: left;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.new_list_new_arrow:after {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  left: 16px;
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
  transform: rotate(45deg);
}
a.new_list_new_arrow:hover {
  border: solid 1px #666;
  background-color: #ddd;
}
a.new_list_next_arrow {
  display: block;
  position: relative;
  margin: 0 0 0 1px;
  width: 100px;
  height: 40px;
  border-radius: 5px;
  border: solid 1px #666;
  background-color: #fff;
  text-decoration: none;
  float: left;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.new_list_next_arrow:after {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 16px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #666666;
  border-right: 2px solid #666666;
  transform: rotate(45deg);
}
a.new_list_next_arrow:hover {
  border: solid 1px #666;
  background-color: #ddd;
}
.new_list_genre_name {
  margin: 10px 0 15px 0;
  padding: 0 0 0 10px;
  font-size: 120%;
  letter-spacing: 10px;
  background-image: linear-gradient(transparent 50%, #F1F1F1 50%);
  border-bottom: solid 0.5px #666;
}

/* category.html */
a.cate_new_list {
  width: 200px;
  padding: 10px;
  margin: 0 0 10px 0;
  color: #4267B2;
  border: solid 1px #4267B2;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a.cate_new_list:hover {
  text-decoration: underline;
}

a.book_enrty_box {
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
}
a.book_enrty_box:hover {
  color: #d04e2e;
  text-decoration: underline;
}
a.book_enrty_more {
  margin-bottom: 10px;
  color: #d04e2e;
  font-size: 90%;
  text-align: right;
  text-decoration: none;
  display: block;
}
a.book_enrty_more:hover {
  color: #000;
  text-decoration: underline;
}

/* hongasuki_ranking.html */
.hongasuki_review_title {
  margin: 10px 0 0 0;
  font-size: 90%;
  font-weight: bold;
}
.hongasuki_review_body {
  margin: 10px 0 10px 0;
  font-size: 80%;
}
a.hongasuki_link {
  color: #D64E2E;
}
a.hongasuki_link:hover {
  color: #666;
}

/* hongasuki */
a.hongasuki_pageing {
  width: 250px;
  height: 40px;
  margin: 0 10px 0 10px;
  font-size: 120%;
  font-weight: 200;
  line-height: 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border: solid 1px #666666;
  background-color: #666666;
  float: left;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.hongasuki_pageing:hover {
  color: #666;
  border: solid 1px #666;
  background-color: #ddd;
}

/* netgalley.html */
.netgalley_text {
  margin: 10px 0 10px 0;
  font-size: 80%;
}

/* ここを伝えたいより */
a.kokowotutaetai {
  margin: 15px 0;
  padding: 0 20px;
  color: #0000ff;
  line-height: 1.5rem;
  text-decoration: none;
  display: block;
}
a.kokowotutaetai:hover {
  text-decoration: underline;
}
.kokowotutaetai_line_top {
  border-top: 1px solid #666;
}
.kokowotutaetai_line_bottom {
  margin-bottom: 20px;
  border-bottom: 1px solid #666;
}

/* book_entry */