@charset "UTF-8";
.margin-bottom0 {
  margin-bottom: 0px;
}

.margin-bottom5 {
  margin-bottom: 5px;
}

.margin-bottom10 {
  margin-bottom: 10px;
}

.margin-bottom15 {
  margin-bottom: 15px;
}

.margin-bottom20 {
  margin-bottom: 20px;
}

.margin-bottom25 {
  margin-bottom: 25px;
}

.margin-bottom30 {
  margin-bottom: 30px;
}

.margin-bottom35 {
  margin-bottom: 35px;
}

.margin-bottom40 {
  margin-bottom: 40px;
}

.margin-bottom45 {
  margin-bottom: 45px;
}

.margin-bottom50 {
  margin-bottom: 50px;
}

.margin-bottom55 {
  margin-bottom: 55px;
}

.margin-bottom60 {
  margin-bottom: 60px;
}

.margin-bottom65 {
  margin-bottom: 65px;
}

.margin-bottom70 {
  margin-bottom: 70px;
}

html {
  min-width: 330px;
}

a {
  color: inherit;
  text-decoration: none;
}

.clear {
  clear: both;
}

#back-top {
  position: fixed;
  bottom: 0;
  right: 0;
  margin-right: 20px;
}
#back-top a {
  width: 50px;
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #bbb;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a:hover {
  color: #000;
}
#back-top a:hover span {
  background-color: #777;
}
#back-top span {
  width: 50px;
  height: 40px;
  display: block;
  margin-bottom: 7px;
  padding: 10px 0 0;
  background: rgba(195, 195, 195, 0.5);
  font-size: 20px;
  color: #000;
  /* rounded corners */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

.h2-title {
  font-size: 28px;
  color: #04329B;
  font-weight: 600;
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: #04329B;
  background-color: #F9F9F9;
  padding: 20px !important;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDD;
  clear: both;
}

.h3-title {
  color: #FFFFFF;
  padding-bottom: 8px;
  position: relative;
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 36px !important;
  background-color: #717171;
  display: block;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
  border: 1px solid #FFFFFF;
  clear: both;
}
.h3-title::before {
  display: block;
  width: 2px;
  height: 24px;
  position: absolute;
  content: "";
  top: 13px;
  left: 20px;
  background-color: #F6F6F6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.h4-title {
  font-size: 18px;
  line-height: 30px;
  font-weight: normal;
  color: #044760;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 36px !important;
  background-color: #F6F6F6;
  display: block;
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
  border-radius: 5px;
  clear: both;
}
.h4-title::before {
  display: block;
  width: 2px;
  height: 24px;
  position: absolute;
  content: "";
  top: 13px;
  left: 20px;
  background-color: rgb(67, 112, 178);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

.fs-29 {
  font-size: 29px;
}

.fs-30 {
  font-size: 30px;
}

.fs-31 {
  font-size: 31px;
}

.fs-32 {
  font-size: 32px;
}

.fs-33 {
  font-size: 33px;
}

.fs-34 {
  font-size: 34px;
}

.fs-35 {
  font-size: 35px;
}

.fs-36 {
  font-size: 36px;
}

.fs-37 {
  font-size: 37px;
}

.fs-38 {
  font-size: 38px;
}

.fs-39 {
  font-size: 39px;
}

.fs-40 {
  font-size: 40px;
}

#notFound img {
  width: 100%;
}
#notFound .area404 img {
  width: unset;
}

/**
 * 共通ページネーション（large）
 */
.c-pager-1 {
  margin-top: 90px;
  margin-bottom: 50px;
}
.c-pager-1__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px 23px;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-inline: 39px;
}
.c-pager-1__page {
  padding: 5px;
  width: 18px;
  height: 24px;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: #828282;
  line-height: 1.5;
}
.c-pager-1__page--current {
  font-weight: normal;
  color: #034ea2;
}
.c-pager-1__next-link {
  width: 10px;
  height: 18px;
  background-image: url(../img/common/icon_pager_arrow_right.svg);
}

/* pc表示 */
.header-content.premium-area {
  margin-top: 5px;
  margin-bottom: 5px;
  max-width: 1200px;
}
.header-content.premium-area img {
  width: 100%;
}

header.content-stretch {
  margin-bottom: 32px;
}
header .header-content-area {
  margin-top: 15px;
}
header .header-content-area .btn-group-area a {
  text-decoration: unset;
}

.content.center-area {
  margin-top: 0;
}

.content.center-area {
  box-sizing: border-box;
  max-width: 1200px;
  width: 100%;
}
.content.center-area .center-left-area {
  padding-left: 10px;
  width: calc(100% - 300px - 50px);
}
.content.center-area .sidebar.center-right-area {
  width: 300px;
}

.sidebar {
  width: 300px;
  max-width: 300px;
  margin-right: 10px;
}
.sidebar ul {
  padding: 0;
}
.sidebar .search {
  height: 45px;
  margin: 0 auto 1rem;
  width: 300px;
}
.sidebar .search form {
  position: relative;
}
.sidebar .search form .search1 {
  position: relative;
  background-color: #fff;
  border: 1px solid #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding-left: 5px;
  margin: 0;
  display: flex;
}
.sidebar .search form .search1 .search_text {
  width: 245px;
  border: none;
  margin-top: 0;
}
.sidebar .search form .search1 .search_button_img {
  width: 30px;
  height: 20px;
  margin: 10px;
  border: none;
  background: url(../img/search/searches.png) no-repeat scroll 0 0;
}
.sidebar div .a-single {
  margin-bottom: 1rem;
}
.sidebar .advertisement_img {
  margin-bottom: 1rem;
}
.sidebar div .textwidget .iconSNS_side {
  padding-top: 0;
}

.center-area .center-left-area .sidebar .rank-p-book {
  margin-top: 0;
}

.rank-p-book {
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
}
.rank-p-book .rank {
  float: left;
  width: 300px;
  outline: 1px solid #94a7c1;
}
.rank-p-book .rank h3 {
  padding-left: 0.5em;
  margin: 8px 0;
  font-size: 16px;
  height: 20px;
  font-weight: bold;
}
.rank-p-book .rank .wpp-list {
  counter-reset: wpp-cnt;
  height: auto;
  margin-top: unset;
  margin-bottom: unset;
  padding: unset;
}
.rank-p-book .rank .wpp-list .wpp-no-data {
  padding-left: 0.5em;
}
.rank-p-book .rank .wpp-list li {
  list-style: none;
  width: 100%;
  border-top: solid 1.9px #b8b8b8;
  overflow: hidden;
  float: none;
  clear: both;
  margin-bottom: unset;
}
.rank-p-book .rank .wpp-list li:before {
  float: left;
  width: 30px;
  line-height: 40px;
  border-right: 1px solid #d8d8d8;
  margin-right: 3px;
  padding: 0px 3px;
  counter-increment: wpp-cnt;
  content: counter(wpp-cnt) "";
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  background-color: #f5f5f5;
}
.rank-p-book .rank .wpp-list li:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.rank-p-book .rank .wpp-list li .wpp-title {
  margin-top: 3px;
}
.rank-p-book .rank .wpp-list li .wpp-title a {
  text-decoration: none;
  font-weight: 900;
  color: black;
}
.rank-p-book .rank .wpp-list li .wpp-title a:hover {
  opacity: 0.7;
}
.rank-p-book .rank .wpp-list li .wpp-stats {
  font-size: 11px;
  color: #b9b9b9;
  line-height: 11px;
}
.rank-p-book .rank .wpp-list li .wpp-stats a {
  font-size: 11px;
  color: #b9b9b9;
  text-decoration: none;
}
.rank-p-book .rank .wpp-list li .wpp-stats a:hover {
  opacity: 0.7;
}
.rank-p-book .rank a.wpp-page {
  text-decoration: none;
  font-weight: normal;
  color: black;
}
.rank-p-book .rank a.wpp-page:hover {
  opacity: 0.7;
}
.rank-p-book .rank a.wpp-page div {
  text-align: center;
  background-color: #d8d8d8;
  padding: 9px 0px;
}

.advertisement_book {
  width: 300px;
  background-color: #efefef;
  position: relative;
  outline: 1px solid #94a7c1;
  margin-bottom: 1rem;
}
.advertisement_book .advertisement_title {
  color: white;
  height: auto;
  text-align: center;
  padding: 10px 10px 3px;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 3px;
  position: relative;
  background-color: #fff;
}
.advertisement_book .advertisement_title img {
  width: 90%;
}
.advertisement_book .advertisement_title:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 136px;
  width: 0;
  height: 0;
  border-width: 15px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #fff;
}
.advertisement_book .vertical_line {
  height: 65%;
  border-right: 1px dashed #000000;
  position: absolute;
  left: 150px;
  top: 55px;
}
.advertisement_book .new-book-pickup {
  margin-top: 25px;
  margin-bottom: 0px;
  text-align: center;
}
.advertisement_book .booklist_area {
  display: flex;
}
.advertisement_book .booklist_area .left_book {
  width: 130px;
  height: 250px;
  margin: 15px 10px 3px;
  float: left;
}
.advertisement_book .booklist_area .left_book a {
  text-decoration: none;
  color: black;
}
.advertisement_book .booklist_area .left_book a:hover {
  opacity: 0.7;
}
.advertisement_book .booklist_area .left_book a .books {
  display: flex;
  justify-content: center;
}
.advertisement_book .booklist_area .left_book a .books .book_img img {
  width: auto;
  height: 100%;
  max-width: 120px;
  max-height: 170px;
}
.advertisement_book .booklist_area .left_book a .books .new_img {
  left: 0;
}
.advertisement_book .booklist_area .left_book a .books .new_img img {
  width: 30px;
  height: 20px;
}
.advertisement_book .booklist_area .left_book a .book_title {
  text-decoration: underline;
  font-size: 13px;
  letter-spacing: 1px;
  color: #3d6eb0;
  line-height: 15px;
  margin: 5px 0;
}
.advertisement_book .booklist_area .left_book a .price {
  font-size: 10px;
  color: #e04445;
  line-height: 12px;
  text-align: right;
}
.advertisement_book .webshop {
  border-top: 1px solid #000000;
  width: 95%;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 13px;
}

.textwidget .iconSNS_side {
  padding-top: 1rem;
  text-align: center;
  width: 300px;
  display: flex;
  justify-content: space-between;
}
.textwidget .iconSNS_side img {
  height: 50px;
}

footer .footer-top-area .footer-item .link {
  padding-left: 20px;
}
footer .footer-top-area .footer-item .link ul li a {
  font-size: 18px;
}

/* reCAPTCHAの表示位置調整 */
.grecaptcha-badge {
  /* 前面に出すなら値を大きく */
  z-index: 10000 !important;
  /* 表示を消す */
  /*visibility: hidden !important;*/
  /* 正の値を大きくすると上に、負なら下に移動 */
  bottom: 80px !important;
}

.subscription-apply-page {
  padding-left: 10px;
  padding-right: 10px;
}
.subscription-apply-page .subscription_title {
  margin: 10px 0;
}
.subscription-apply-page .subscription-apply-title {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.5rem !important;
}

.wpcf7 fieldset.item-detail .wpcf7-radio {
  display: flex;
}
.wpcf7 fieldset.item-detail .wpcf7-radio .wpcf7-list-item {
  display: unset;
}
.wpcf7 fieldset.item-detail .wpcf7-radio .wpcf7-list-item label {
  margin-right: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.wpcf7 fieldset.item-detail .wpcf7-radio .wpcf7-list-item label input[type=radio] {
  cursor: pointer;
}
.wpcf7 fieldset.item-detail .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label {
  font-size: unset;
}
.wpcf7 fieldset.item-detail .contact-list .wpcf7-form-control.wpcf7-radio {
  display: grid;
}
.wpcf7 fieldset.item-detail .contact-list .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
  padding: 8px 0;
  display: flex;
  align-items: center;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
  padding: 8px 0;
  display: flex;
  align-items: center;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label {
  margin-right: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label input[type=checkbox] {
  cursor: pointer;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
  font-size: unset;
}
.wpcf7 .formbtn input {
  width: unset;
  height: unset;
  text-indent: unset;
  border: gray 1px solid;
  padding: 0.5rem 4rem;
  border-radius: 5px;
  font-size: 1.3rem;
  font-weight: bold;
}
.wpcf7 .formbtn input[type=submit] {
  background-color: #eba216;
  color: white;
}
.wpcf7 .formbtn input[type=reset] {
  background-color: #a2a4aa;
  color: white;
  padding-left: 3rem;
  padding-right: 3rem;
  margin-right: 1rem;
}
.wpcf7 .wpcf7-form .subscription-apply-item.contracts .item-two.middle .item-detail .notice-grey p {
  height: 3rem;
}
.wpcf7 .wpcf7-form .subscription-apply-item.rules .item-two.middle {
  max-width: 100%;
}
.wpcf7 .wpcf7-form .subscription-apply-item.rules .item-two.middle .item-detail .item-content .agreement {
  max-width: 100%;
}
.wpcf7 .wpcf7-form .subscription-apply-item.customer-number .item-two.middle {
  max-width: 500px;
}
.wpcf7 .wpcf7-form .subscription-apply-item .wpcf7-form-control-wrap .date-input {
  color: black;
  background-color: white;
}
.wpcf7 .wpcf7-form .subscription-apply-item .item-two {
  width: 100%;
}
.wpcf7 .wpcf7-form .subscription-apply-item .item-two .item-detail .item-content {
  width: 100%;
  display: unset;
}
.wpcf7 .wpcf7-form .subscription-apply-item .item-two .item-detail .item-content textarea {
  width: 100%;
  height: 10rem;
}

.wpcf7 .table-ctf7 input,
.wpcf7 .table-ctf7 textarea {
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  width: 100%;
  height: 40px;
  outline: none;
  border: 2px solid rgb(236, 236, 236);
  border-radius: 5px;
  font-size: 16px;
}

.wpcf7 .table-ctf7 .contractChangeTableTwo .row1,
.wpcf7 .table-ctf7 .contractChangeTableTwo .row2 {
  display: none;
}

.wpcf7 .table-ctf7 .contractChangeTableOne .row1,
.wpcf7 .table-ctf7 .contractChangeTableOne .row2 {
  display: none;
}

.wpcf7 #wpcf7cpcnf table {
  margin: 0 auto;
}

.wpcf7 #wpcf7cpcnf table th {
  text-align: right;
  padding-right: 0.5rem;
}

.wpcf7 #wpcf7cpcnf table th:after {
  content: " :";
}

.wpcf7 #wpcf7cpcnf table th p {
  display: inline;
}

.wpcf7 #wpcf7cpcnf table td {
  text-align: left;
  padding-left: 0.5rem;
}

.wpcf7 #wpcf7cpcnf .wpcf7cp-btns {
  text-align: center;
}

.wpcf7 #wpcf7cpcnf .formbtn input {
  width: unset;
  height: unset;
  text-indent: unset;
  border: gray 1px solid;
  padding: 0.5rem 4rem;
  border-radius: 5px;
  font-size: 1.3rem;
  font-weight: bold;
}

.wpcf7 #wpcf7cpcnf .wpcf7-form-control {
  padding: 0.5rem 2rem;
  border-radius: 3px;
  border: 1px solid black;
}

.wpcf7 #wpcf7cpcnf .wpcf7cp-cfm-edit-btn {
  background-color: #eba216;
  color: white;
}

.wpcf7 #wpcf7cpcnf .wpcf7cp-cfm-submit-btn {
  background-color: #a2a4aa;
  color: white;
}

.center-area .center-left-area .category-page .category-page-news-area .category-news-detail .category-news-list .category-news {
  margin-top: 48px;
}
.center-area .center-left-area .category-page .category-page-news-area .category-news-detail .category-news-list .category-news .category-news-info {
  width: 70%;
}
.center-area .center-left-area .category-page .category-page-news-area .category-news-detail .category-news-list .category-news .category-news-info.no-image {
  width: 100%;
}
.center-area .center-left-area .category-page .category-page-news-area .category-news-detail .category-news-list .category-news .category-news-info .category-news-content {
  text-indent: unset;
}
.center-area .center-left-area .category-page .category-page-news-area .category-news-detail .category-news-list .category-news .category-news-img {
  width: 30%;
  height: 150px;
  background-color: #cfcfcf;
}

.center-area .center-left-area .tool-area.pc-only .tool-left-area .font-size-change {
  width: 150px;
}
.center-area .center-left-area .tool-area.pc-only .tool-right-area {
  display: flex;
  justify-content: flex-end;
}
.center-area .center-left-area .news-area .wp-caption-text {
  font-size: 12px;
}
.center-area .center-left-area .news-area.large .wp-caption-text {
  font-size: 20px;
}
.center-area .center-left-area .news-area.small .wp-caption-text {
  font-size: 10px;
}
.center-area .center-left-area .news-area .news-detail .news-img-area figure img {
  width: 100%;
}
.center-area .center-left-area .news-area .news-detail .news-img-area figure figcaption {
  word-break: break-all;
}
.center-area .center-left-area .news-area .news-detail .news-detail-content {
  letter-spacing: normal;
}
.center-area .center-left-area .news-area .news-detail .news-detail-content .aligncenter {
  text-align: center;
  margin: 0 auto 1rem;
  width: 100% !important;
}
.center-area .center-left-area .news-area .news-detail .news-detail-content .alignleft {
  float: left;
  margin: 0 1.5rem 0.5rem 0;
  display: grid;
}
.center-area .center-left-area .news-area .news-detail .news-detail-content .alignright {
  float: right;
  margin: 0 0 0.5rem 1.5rem;
}
.center-area .center-left-area .news-area .news-detail .news-detail-content figcaption {
  font-size: 0.8rem;
}
.center-area .center-left-area .link-area {
  letter-spacing: normal;
}
.center-area .center-left-area .latest-news-area a {
  letter-spacing: normal;
}
.center-area .center-left-area .guide-btn-area .guide-btn {
  margin: 5px;
}

#sp-single .article-body table {
  width: 100%;
}

.customize-support {
  padding: 0;
}

#back-top img {
  width: 22px !important;
  aspect-ratio: auto 22/29;
  height: 29px;
}

#page {
  width: 100%;
}
#page.english {
  box-sizing: border-box;
}
#page.english .main {
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
}
#page.english .main .header {
  width: 100%;
  float: unset;
}
#page.english .main .header .menu ul {
  display: flex;
}
#page.english .main .header .menu ul.profile_menu {
  width: 100%;
}
#page.english .main .header .menu ul.rink_root {
  width: 100%;
}
#page.english .main section {
  float: unset;
  width: 100%;
  display: flex;
}
#page.english .main section .header {
  width: 100%;
}
#page.english .main section .header .menu ul {
  width: unset;
}
#page.english .main section .main_content {
  padding: 0 10px 10px 10px;
  float: unset;
  width: 100%;
}
#page.english .main section .main_content .home_img {
  margin: 0 0 20px 0;
}
#page.english .main section .main_content .home_img img {
  width: 100%;
}
#page.english .main section .main_content .about_img img {
  width: calc(100% - 20px);
  max-width: 599px;
}
#page.english .main section .main_content .overview_title img {
  width: calc(100% - 20px);
  max-width: 599px;
}
#page.english .main section .main_content .history_title img {
  width: calc(100% - 20px);
  max-width: 599px;
}
#page.english .main section .main_content .office_title img {
  width: calc(100% - 20px);
  max-width: 599px;
}
#page.english .main section .main_content .office_img img {
  width: calc(100% - 20px);
  max-width: 490px;
}
#page.english .main .sidebar {
  margin-right: 0;
  padding-right: unset;
}
#page.english .main .sidebar .link_button ul {
  display: flex;
}
#page.english .main .sidebar .sidebar_content .sidebar_content_leftBox ul li a {
  font-weight: 600;
}
#page.english .main .sidebar .sidebar_content .sidebar_content_topBox ul li a {
  font-weight: 600;
}
#page.english .main .footer .footer_top {
  width: calc(100% - 20px);
}
#page.english .main .footer .footer_top img {
  width: calc(100% - 20px);
  max-width: 730px;
}
#page.english .main .footer .footer_bottom {
  width: calc(100% - 20px);
}
#page.english .main .footer .footer_bottom img {
  width: calc(100% - 20px);
  max-width: 320px;
}
#page #main a {
  text-decoration: none;
}
#page #main .main_content {
  padding-left: 10px;
  width: calc(100% - 300px - 50px);
  margin-bottom: 5rem;
  float: unset;
}
#page #main .main_content h2 {
  font-size: 28px;
  margin-bottom: 5px;
  border-bottom: 2px solid rgb(67, 112, 178);
}
#page #main .main_content h3 {
  padding: 5px 15px;
  border-bottom: 2px solid rgb(214, 228, 237);
}
#page #main .main_content .list {
  display: flex;
  justify-content: space-evenly;
}
#page #main .main_content .button {
  width: unset;
  height: unset;
}
#page #main .main_content .boxContents {
  width: 100%;
}
#page #main .main_content .boxContents .center {
  width: 100%;
}
#page #main .main_content #mainArea {
  width: 100%;
  float: unset;
}
#page #main .main_content #mainArea h3 {
  padding: 10px 0 0 0;
  margin: 0 auto 20px;
}
#page #main .main_content #mainArea #adArea02 section {
  margin: 0 5px;
  padding: 15px 0;
  text-align: center;
  background-color: #efefef;
  display: grid;
  justify-content: center;
}
#page #main .main_content #mainArea #adArea03 section {
  display: flex;
}
#page #main .main_content #mainArea #adArea03 section #numArea {
  height: unset;
  float: unset;
}
#page #main .main_content #mainArea #adArea03 section .area {
  width: 50%;
}
#page #main .main_content #mainArea #adArea04 .list {
  background-color: #efefef;
}
#page #main .main_content #mainArea #adArea05 .contact {
  display: flex;
  align-items: flex-end;
  justify-content: space-evenly;
}
#page #main .main_content #mainArea #adArea05 .contact dl dt {
  font-weight: 600;
}
#page #main .main_content #mainArea #adArea05 .contact dl dd {
  color: #bf8510;
}
#page #main .main_content #mainArea #adArea05 .contact dl dd span {
  display: inline-block;
}
#page #main .main_content #mainArea #eventArea .boxContents .center {
  padding: 0;
  background-image: none;
}
#page #main .main_content #mainArea .advertising_paper_content table {
  display: grid;
  width: 100%;
}
#page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_img {
  text-align: left;
}
#page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_right {
  float: left;
}
#page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_right_adRate_text {
  float: left;
}
#page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_right_adRate_notes {
  float: left;
}
#page #main .main_content #mainArea #adBtn ul {
  display: flex;
  justify-content: space-evenly;
}
#page #main .main_content #advertising .one-block p {
  font-size: 16px;
  line-height: 24px;
  width: 100%;
}
#page #main .main_content #advertising .two-block {
  display: flex;
}
#page #main .main_content #advertising .two-block p {
  font-size: 16px;
  line-height: 24px;
  width: 50%;
}
#page #main .main_content #advertising .two-block table {
  font-size: 16px;
  line-height: 24px;
  width: 50%;
}
#page #main .main_content #advertising .two-block.media-summary p {
  width: calc(100% - 416px);
}
#page #main .main_content #advertising .two-block.media-summary .table1 {
  margin-left: 16px;
  width: 400px;
}
@media screen and (max-width: 1050px) {
  #page #main .main_content #advertising .two-block.media-summary {
    display: grid;
  }
  #page #main .main_content #advertising .two-block.media-summary p {
    width: 100%;
  }
  #page #main .main_content #advertising .two-block.media-summary .table1 {
    margin-top: 1rem;
    margin-left: unset;
    width: 100%;
  }
}
#page #main .main_content #advertising .table1 {
  background-color: #000;
}
#page #main .main_content #advertising .table1 tbody th {
  width: 6rem;
  color: #FFFFFF;
  font-weight: normal;
  padding: 3px 0.5rem;
  background-color: #4370b2;
}
#page #main .main_content #advertising .table1 tbody td {
  padding: 3px 0.5rem;
  background-color: #fff;
}
#page #main .main_content #advertising .table2 {
  background-color: #000;
}
#page #main .main_content #advertising .table2 tbody th {
  width: 4rem;
  color: #FFFFFF;
  font-weight: normal;
  padding: 3px 0.5rem;
  background-color: #4370b2;
}
#page #main .main_content #advertising .table2 tbody td {
  padding: 3px 0.5rem;
  background-color: #fff;
}
#page #main .main_content #advertising .table2 tbody td:nth-of-type(1) {
  width: 10rem;
  background-color: #eff9ff;
}
#page #main .main_content #advertising .reader-distribution section {
  display: grid;
  justify-content: center;
  justify-items: center;
}
#page #main .main_content #advertising .rate-of-reading .data {
  line-height: normal;
  margin-bottom: 1rem;
}
#page #main .main_content #advertising .rate-of-reading .btn {
  background: #4370b2;
  color: #FFF;
  border: 1px solid #FFF;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  width: 250px;
  padding: 10px 0;
  margin: 2rem auto 0;
}
#page #main .main_content #advertising .advertising-rates section {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
#page #main .main_content .guide {
  padding-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
#page #main .main_content .guide a {
  display: flex;
}
#page #main .main_content .guide a .guide_img {
  width: 95%;
  height: 100%;
}
#page #main .main_content .guide .banner_newspaper,
#page #main .main_content .guide .banner_digital,
#page #main .main_content .guide .banner_DB_pay {
  float: unset;
  margin: 30px 0 0 0;
  background-color: #e3e3e3;
}
#page #main .main_content .subscription .subscription_mainContent {
  padding-top: 0;
}
#page #main .main_content .subscription .subscription_title {
  margin: 10px 0 30px;
}
#page #main .main_content .subscription .textArea ul {
  margin-bottom: 50px;
}
#page #main .main_content .subscription .imageArea {
  display: flex;
  justify-content: center;
}
#page #main .main_content .subscription .digital-guide .two-area {
  display: flex;
  flex-direction: row-reverse;
}
#page #main .main_content .subscription .digital-guide .two-area .btnYellow {
  float: unset;
  padding: 10px;
  background: #ecec3b;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  padding: 10px;
  margin: 0 0 10px;
  width: 50%;
}
#page #main .main_content .subscription .digital-guide .two-area .textArea {
  width: 50%;
}
#page #main .main_content .subscription .selectPlan2 {
  display: flex;
  justify-content: space-around;
}
#page #main .main_content .subscription .selectPlan2 .newCust,
#page #main .main_content .subscription .selectPlan2 .subscribedCust {
  float: unset;
  margin: 0;
}
#page #main .main_content .subscription .contact dl {
  font-weight: bold;
}
#page #main .main_content .subscription .contact dl dt {
  margin-left: 1rem;
}
#page #main .main_content .subscription .contact dl dd {
  margin-left: 2rem;
}
#page #main .main_content .subscription .contact p {
  font-weight: bold;
  margin-left: 1rem;
}
#page #main .main_content .book .book-top-list .top-title-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page #main .main_content .book .book-top-list .top-title-area .list {
  display: flex;
}
#page #main .main_content .book .book-top-list .top-title-area .list li {
  background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(#f7f7f7), to(#f5f5f5));
  border-bottom: 2px solid rgb(67, 112, 178);
  box-shadow: 0 1px 2px gray;
  padding: 5px 10px;
  margin-right: 3px;
}
#page #main .main_content .book .book-top-list .top-title-area .list li:last-child {
  margin-right: 0;
}
#page #main .main_content .book .book-top-list .top-title-area .list li a {
  text-decoration: none;
}
#page #main .main_content .book .book-top-list .top-card-list {
  background-color: #efefef;
  box-shadow: 0 1px 3px gray;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#page #main .main_content .book .book-top-list .top-card-list .card {
  margin-top: 15px;
  margin-right: 3px;
  width: 33.3333333333%;
  display: grid;
  justify-items: center;
}
#page #main .main_content .book .book-top-list .top-card-list .card:last-child {
  margin-right: 0;
}
#page #main .main_content .book .book-list .cat-area {
  margin-top: 5px;
  background-color: #efefef;
  box-shadow: 0 1px 3px gray;
  margin-bottom: 10px;
  display: flex;
}
#page #main .main_content .book .book-list .cat-area h2 {
  width: 24px;
  padding: 5px 15px;
  margin: 0 3px 0 0;
  background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
  border-right: 2px solid rgb(67, 112, 178);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page #main .main_content .book .book-list .cat-area .card-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#page #main .main_content .book .book-list .cat-area .card-list .card {
  margin-top: 10px;
  margin-right: 3px;
  width: 33.3333333333%;
  display: grid;
  justify-items: center;
}
#page #main .main_content .book .book-list .cat-area .card-list .card:last-child {
  margin-right: 0;
}
#page #main .main_content .book .book-contact .media-b {
  border-bottom: 1px solid;
  display: flex;
  justify-content: space-between;
}
#page #main .main_content .book .book-contact .media-b .contact-form {
  padding: 5px 20px;
  background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(#e1e1e1), to(#e3e3e3));
  border: 2px solid #dddddd;
  border-radius: 3px;
}
#page #main .main_content .book .book-contact .media-tel {
  display: flex;
}
#page #main .main_content .book .book-contact .media-tel li {
  width: 50%;
  text-align: right;
}
#page #main .main_content #default_page .form-list ul li {
  padding: 5px 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#page #main .main_content #default_page .select_plan .selectPlan2 {
  display: flex;
  justify-content: space-around;
}
#page #main .main_content #default_page .select_plan .selectPlan3 {
  display: flex;
  justify-content: space-around;
}
#page #main .main_content #default_page .weekly-schedule .special_img_title {
  border-bottom: unset;
}
#page #main .main_content #default_page #sitemap .title {
  border: none;
}
#page #main .main_content #default_page #sitemap .sub_title {
  margin-left: 1em;
}
#page #main .main_content #default_page #sitemap ul {
  float: left;
  margin-left: 1em;
  width: 22em;
}
#page #main .main_content #default_page #sitemap ul li {
  line-height: 2em;
}
#page #main .main_content #default_page #sitemap .p-bottom-space {
  padding-bottom: 3em;
}
#page #main #profile .top-area h2 {
  padding: 5px 15px;
  border-bottom: 2px solid rgb(67, 112, 178);
}
#page #main #profile .profile_content {
  height: auto;
  padding: 10px;
}
#page #main #profile .profile_content .area {
  display: flex;
  justify-content: space-between;
}
#page #main #profile .profile_content .area .service {
  width: 50%;
  padding: 5px;
}
#page #main #profile .profile_content .area .service .profile_content_title {
  width: auto;
}
#page #main #infomation .link_slide {
  width: 100%;
}
#page #main #infomation .link_slide ul {
  width: 100%;
  display: block flex;
  flex-wrap: wrap;
  gap: 1em;
}
#page #main #infomation .link_slide ul li {
  width: 10rem;
  height: unset;
  padding-left: 0.5rem;
  background-image: none;
}
#page #main #infomation .database_title h3 {
  border-bottom: unset;
}
#page #main #infomation .database_maincontent {
  height: auto;
  padding-bottom: 10px;
}
#page #main #infomation .database_maincontent .database_maincontent_left {
  height: auto;
  width: 30%;
}
#page #main #infomation .database_maincontent .database_maincontent_right {
  height: auto;
  width: 70%;
}
#page #main #infomation .database_service .database_service_left {
  width: 30%;
}
#page #main #infomation .database_service .database_service_left img {
  margin: 0;
}
#page #main #infomation .database_service .database_service_right {
  width: 70%;
}
#page #main #infomation .magazine_entry .magazine_entry_title {
  height: unset;
}
#page #main #infomation .magazine_entry .magazine_entry_text form .magazine_entry_input label {
  width: 8rem;
}
#page #main #infomation .magazine_entry .magazine_entry_text form .magazine_entry_input section {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#page #main #infomation .magazine_entry .magazine_entry_text form .magazine_entry_input section .mail-input {
  width: 50%;
}
#page #main #infomation .magazine_entry .magazine_entry_text form .magazine_entry_input section .magazine_entry_button {
  margin: unset;
}
#page #main #infomation .magazine_entry .magazine_entry_text form .magazine_entry_input section .magazine_entry_button .btn-input {
  margin: 8px;
}
#page #main #infomation #otherArea .boxContents {
  width: calc(100% - 20px);
}
#page #main #infomation #otherArea .boxContents .center {
  width: 100%;
}
#page #main #infomation #otherArea .semInq {
  width: calc(100% - 20px);
}
#page #main #no-sidebar {
  width: 100%;
  padding: 0 10px;
}
#page #main #dnet .mainArea {
  padding-left: 10px;
  width: calc(100% - 300px - 50px);
}
#page #main #dnet .mainArea .content {
  width: 100%;
}
#page #main #dnet .mainArea .content .content_imgArea {
  width: 50%;
}
#page #main #dnet .mainArea .content .content_box {
  width: 50%;
}
#page #main #dnet .mainArea .content .content_box .content_balloon {
  border-radius: 10px;
  padding: unset;
  height: unset;
}
#page #main #dnet .mainArea .content .content_box .content_balloon .radius_box {
  position: relative;
  top: 27px;
}
#page #main #dnet .mainArea .content .content_box .content_balloon img {
  position: relative;
  right: 120px;
  bottom: 10px;
  z-index: -1;
}
#page #main #dnet .mainArea .content .content_box .content_text {
  width: unset;
}
#page #main #dnet .mainArea .content:nth-of-type(odd) .content_box .content_balloon .radius_box {
  position: relative;
  top: 27px;
}
#page #main #dnet .mainArea .content:nth-of-type(odd) .content_box .content_balloon img {
  position: relative;
  left: 120px;
  bottom: 10px;
  z-index: -1;
}

#tokutei .tokutei_header {
  width: 100%;
}
#tokutei .tokutei_content {
  width: 100%;
  max-width: 650px;
}
#tokutei .tokutei_content article {
  padding: 0 15px;
}
#tokutei .tokutei_content article .tokutei_table th {
  width: 170px;
}
#tokutei .tokutei_content article .tokutei_table td {
  width: 70%;
}

#main {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

#sp {
  padding-left: 10px;
  width: calc(100% - 300px - 50px);
}
#sp a {
  text-decoration: none;
}
#sp.sp-top .gridWrapper {
  width: 100%;
}
#sp.sp-top .gridWrapper .cat-area h1 {
  margin-top: 0;
  margin-bottom: 35px;
}
#sp.sp-top .gridWrapper .attention {
  display: flex;
  justify-content: space-between;
}
#sp.sp-top .gridWrapper .attention article {
  width: calc(33.3333333333% - 15px);
  margin: 0 5px 10px 5px;
  float: unset;
  height: 100%;
}
#sp.sp-top .gridWrapper .attention article .label-pr {
  padding: 2px 5px;
  background-color: #00b0f8;
  color: #f0f0f0;
  z-index: 10;
  bottom: 0;
  float: right;
}
#sp.sp-top .gridWrapper .attention article h2 {
  margin: 0;
}
#sp.sp-top .gridWrapper .attention article h2 span {
  position: relative;
  top: -1px;
}
#sp.sp-top .gridWrapper .attention article div.trim {
  aspect-ratio: 3/2;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#sp.sp-top .gridWrapper .attention article div.trim h3 {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  height: unset;
}
#sp.sp-top .gridWrapper .attention article div.trim .trimImg {
  position: absolute;
  width: unset;
  height: unset;
  width: 100%;
  padding-top: 66.67%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#sp.sp-top .gridWrapper .attention article div.trim .trimImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  clip: unset;
}
#sp .article-list article {
  width: calc(33.3333333333% - 15px);
}
#sp .article-list article a {
  text-decoration: none;
}
#sp .article-list article .trim .trimImg {
  max-width: 200px;
  max-height: 140px;
  width: auto;
  height: auto;
}
#sp .article-list article .trim .trimImg img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  position: unset;
}

#sp-single .single-backnumber .list {
  display: flex;
}
#sp-single .single-backnumber .list .trim {
  height: 100%;
  width: 33.3333333333%;
  margin-bottom: 1rem;
}

#sp-single .article-body .wp-caption.alignleft {
  float: left;
}
#sp-single .article-body .wp-caption.alignright {
  float: right;
}
#sp-single .article-body .wp-caption.aligncenter {
  clear: both;
  display: block;
}

#main {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

#home {
  width: calc(100% - 300px - 50px);
  max-width: 900px;
  padding-left: 15px;
}

.center-area .center-left-area .top-headlines .top-news-img {
  background-color: #cfcfcf;
}
.center-area .center-left-area .top-headlines .news-list .news-list-item-img {
  background-color: #cfcfcf;
}
.center-area .center-left-area div {
  width: 100%;
}
.center-area .center-left-area .top-news .top-news-info {
  padding: 0 12px;
}
.center-area .center-left-area .top-news .top-news-info .date {
  padding: 12px 0;
}
.center-area .center-left-area .top-news .top-news-info .news-detail {
  padding: 0;
}
.center-area .center-left-area .category-news-area .category-news-detail {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.center-area .center-left-area .category-news-area .category-news-detail .title a {
  font-size: 20px;
  font-weight: 800;
  color: rgb(67, 112, 178);
  position: relative;
  text-decoration: unset;
}
.center-area .center-left-area .category-news-area .category-news-detail .category-news-list .category-news .category-news-info {
  width: 50%;
}
.center-area .center-left-area .category-news-area .category-news-detail .category-news-list .category-news .category-news-info.no-img {
  width: 100%;
}
.center-area .center-left-area .category-news-area .category-news-detail .category-news-list .category-news .category-news-img {
  width: 50%;
  min-width: unset;
  max-width: 150px;
}
.center-area .center-left-area .rowNotice {
  background-image: none;
  background-color: transparent;
  -ms-filter: none;
  filter: none;
  outline: 1px solid;
  width: 100%;
  margin-bottom: 1rem;
}
.center-area .center-left-area .rowNotice dl {
  margin: 0;
  display: flex;
}
.center-area .center-left-area .rowNotice dl dt {
  width: 7rem;
  text-align: center;
  color: #fff;
}
.center-area .center-left-area .rowNotice dl dt p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  padding: 0 0.8em;
  color: #ffffff;
}
.center-area .center-left-area .rowNotice dl dd {
  width: 80%;
  margin-inline-start: 1rem;
  padding-top: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.center-area .center-left-area .rowNotice dl dd a {
  font-weight: bold;
  text-decoration: none;
}
.center-area .center-left-area .rowNotice dl dd a:hover {
  opacity: 0.7;
}
.center-area .center-left-area div .textwidget.custom-html-widget {
  display: flow-root;
}
.center-area .center-left-area .news-list .news-list-item .title {
  margin: 8px 0;
}
.center-area .center-left-area .news-list .news-list-item .date {
  margin: 0;
}
.center-area .center-left-area .rank-p-book {
  margin-top: 1rem;
  display: flex;
  justify-content: space-around;
}
.center-area .center-left-area .rank-p-book .rank {
  float: unset;
  max-width: 300px;
}
@media screen and (max-width: 975px) {
  .center-area .center-left-area .rank-p-book {
    display: grid;
    justify-content: center;
  }
  .center-area .center-left-area .rank-p-book .rank {
    margin-bottom: 1rem;
  }
  .center-area .center-left-area .rank-p-book .advertisement_book {
    margin-bottom: 1rem;
  }
}
.center-area .center-left-area .rank-p-book .advertisement_book {
  max-width: 300px;
  margin-bottom: unset;
}
.center-area .center-left-area .special {
  margin-bottom: 15px;
  display: inline-block;
}
.center-area .center-left-area .special .special_title {
  height: 30px;
  background-color: #dc3e3f;
  position: relative;
  box-shadow: 10px 0 0 0 #dc3e3f;
}
.center-area .center-left-area .special .special_title:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0px;
  width: 0;
  height: 0;
  border-width: 0 15px 15px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: #f9aca2;
}
.center-area .center-left-area .special .special_title:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 1px;
  border-width: 15px 15px;
  border-style: solid;
  border-color: #dc3e3f;
  border-right-color: transparent;
}
.center-area .center-left-area .special .special_title .special_title_name a {
  font-size: 13px;
  letter-spacing: 3px;
  font-weight: 900;
  float: left;
  padding: 5px 0 0 10px;
  color: white;
  text-decoration: none;
}
.center-area .center-left-area .special .special_title .special_title_name a:hover {
  opacity: 0.7;
}
.center-area .center-left-area .special .special_title .special_title_list {
  text-align: right;
  padding: 3px 0px;
}
.center-area .center-left-area .special .special_title .special_title_list a {
  color: white;
  text-decoration: none;
}
.center-area .center-left-area .special .special_title .special_title_list a:hover {
  opacity: 0.7;
}
.center-area .center-left-area .special .special_content .special_content_sub_title {
  padding: 20px 15px 0;
}
.center-area .center-left-area .special .special_content .special_content_sub_title a {
  text-decoration: none;
  font-weight: 900;
  font-size: 18px;
  color: black;
}
.center-area .center-left-area .special .special_content .special_content_text {
  line-height: 20px;
  padding: 0 15px;
  letter-spacing: 1px;
}
.center-area .center-left-area .special .special_content a {
  text-decoration: none;
}
.center-area .center-left-area .special .special_content a:hover {
  opacity: 0.7;
}
.center-area .center-left-area .one-line-ads {
  display: flex;
  margin-bottom: 1rem;
}
.center-area .center-left-area .one-line-ads div div {
  text-align: center;
}
.center-area .center-left-area .one-line-ads div div a {
  text-align: left;
}
.center-area .center-left-area .one-line-ads div div a img {
  width: calc(100% - 10px);
  max-width: 300px;
}

/* sp表示 */
@media screen and (max-width: 900px) {
  [v-cloak] {
    display: none;
  }
  .lg {
    display: none;
  }
  .sm {
    display: block;
  }
  header .header-content-area .btn-group-area::before {
    content: "";
    width: calc(100% + 32px);
    height: 2px;
    background-color: rgb(67, 112, 178);
    position: absolute;
    top: -20px;
    left: -16px;
  }
  .content.center-area {
    box-sizing: border-box;
    max-width: 900px;
    width: 100%;
  }
  .content.center-area .center-left-area {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 1rem;
    width: 100%;
  }
  .content.center-area .sidebar.center-right-area {
    width: 100%;
    margin: 20px auto;
    padding: 0;
    display: grid;
    justify-items: center;
  }
  .sidebar {
    margin-right: 0;
  }
  .sidebar .search form .search1 .search_text {
    width: 100%;
  }
  .sidebar .search form .search1 .search_button_img {
    margin: 10px;
  }
  footer .footer-top-area .footer-content {
    margin-bottom: 3rem;
  }
  footer .footer-top-area .footer-content .footer-item {
    width: 100%;
    max-width: 300px;
  }
  footer .footer-top-area .footer-content .footer-item.other-item .link {
    padding-left: 0;
    font-size: 20px;
    font-weight: 800;
  }
  footer .footer-top-area .footer-content .footer-item .link {
    padding-left: 18px;
  }
  footer .footer-top-area .footer-content .footer-item .link ul {
    list-style-type: none;
    padding-inline-start: 0;
    margin-block-start: 8px;
    margin-block-end: 8px;
  }
  footer .footer-top-area .footer-content .footer-item .link ul .menu-item {
    margin-bottom: 8px;
  }
  footer .footer-top-area .footer-content .footer-item .link ul .menu-item a {
    font-size: 19px;
  }
  footer .footer-bottom-area .footer-info {
    padding-left: 0;
    padding-right: 0;
  }
  .subscription-apply-page .subscription_text {
    display: grid;
  }
  .subscription-apply-page .subscription_text img {
    float: unset;
    margin: 1rem auto;
  }
  .subscription-apply-page .subscription-apply-title {
    font-size: 1.3rem !important;
  }
  .wpcf7 fieldset.item-detail .wpcf7-radio {
    display: grid;
  }
  .wpcf7 fieldset.item-detail .wpcf7-radio label {
    margin-top: 4px;
  }
  .wpcf7 .formbtn .btn-area p .wpcf7-spinner {
    margin: unset;
  }
  .wpcf7 .formbtn .btn-area p input[type=submit] {
    background-color: #eba216;
    color: white;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .wpcf7 .formbtn .btn-area p input[type=reset] {
    background-color: #a2a4aa;
    color: white;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 900px) and (min-width: 650px) {
  .wpcf7 .wpcf7-form .subscription-apply-item.contracts {
    display: flex;
    justify-content: space-between;
  }
  .wpcf7 .wpcf7-form .subscription-apply-item.contracts .item-two.middle {
    width: 300px;
  }
}
@media screen and (max-width: 900px) {
  .wpcf7 .wpcf7-form .subscription-apply-item.rules .item-two.middle {
    max-width: 100%;
  }
  .wpcf7 .wpcf7-form .subscription-apply-item.rules .item-two.middle .item-detail .item-content .agreement {
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .center-area .center-left-area .news-area .tool-area.sp-only .tool-right-area {
    display: flex;
    justify-content: flex-end;
  }
  .center-area .center-left-area .news-area .news-detail .news-img-area {
    float: left;
  }
  .center-area .center-left-area .news-area .news-detail .news-img-area figure {
    text-align: center;
  }
  .center-area .center-left-area .news-area .news-detail .news-img-area figure a img {
    width: unset !important;
    max-width: 100%;
    max-height: 400px;
  }
  .center-area .center-left-area .news-area .news-detail .news-detail-content {
    text-indent: unset;
  }
  .center-area .center-left-area .news-area .news-detail .news-detail-content .alignleft {
    margin: 0 0 10px;
  }
  .center-area .center-left-area .news-area .news-detail .news-detail-content .alignright {
    margin: 0 10 10px;
  }
}
@media screen and (max-width: 900px) and (max-width: 500px) {
  .center-area .center-left-area .news-area .news-detail .news-detail-content img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 400px;
  }
  .center-area .center-left-area .news-area .news-detail .news-detail-content .wp-caption {
    margin-bottom: 0.8rem;
    width: 100% !important;
    display: grid;
    justify-content: center;
    justify-items: center;
  }
}
@media screen and (max-width: 900px) {
  #page {
    margin-top: 0;
  }
  #page.english .main .header {
    padding: unset;
  }
  #page.english .main .header .logo {
    padding: 10px;
    margin-bottom: unset;
  }
  #page.english .main .header .logo img {
    width: 100%;
    height: 100%;
    max-width: 465px;
    max-height: 50px;
  }
  #page.english .main section {
    display: grid;
  }
  #page.english .main section .main_content {
    width: calc(100% - 20px);
  }
  #page.english .main section .main_content .home_img img {
    width: 100%;
  }
  #page.english .main section .main_content .home_content_img {
    margin-right: 20px;
  }
  #page.english .main section .sidebar {
    margin: 0 auto;
  }
  #page #main {
    display: grid;
    justify-items: center;
    width: calc(100% - 20px);
  }
  #page #main .main_content {
    width: 100%;
    padding-left: 0;
  }
  #page #main .main_content .list {
    display: block;
  }
  #page #main .main_content .top-area .profile_top_photo {
    float: unset;
    margin: 0 auto;
  }
  #page #main .main_content .profile_content .area {
    display: grid !important;
  }
  #page #main .main_content .profile_content .area .service {
    width: 100% !important;
    padding: 10px 0;
  }
  #page #main .main_content .profile_content .area .service .profile_content_img {
    padding: unset;
    float: unset;
    text-align: center;
  }
  #page #main .main_content .profile_content .area .service .profile_content_text .wp-caption.alignleft {
    width: 100%;
    margin: 0 auto 15px;
    float: unset;
    display: grid;
    justify-content: center;
    justify-items: center;
  }
  #page #main .main_content .profile_content .area .service .profile_content_title {
    width: auto;
    padding-top: 15px;
    font-weight: 600;
  }
  #page #main .main_content .profile_space_top {
    width: 100%;
  }
  #page #main .main_content .profile_space_content {
    width: 100%;
  }
  #page #main .main_content .profile_space_content .profile_space_Content_title {
    width: 100%;
  }
  #page #main .main_content #mainArea {
    margin: 0;
  }
  #page #main .main_content #mainArea #adArea01 img {
    width: 50%;
    margin-bottom: 0.5rem;
  }
  #page #main .main_content #mainArea #adArea04 .list {
    display: inline-flex;
  }
  #page #main .main_content #mainArea #adArea05 .contact {
    display: flex;
    align-items: center;
  }
  #page #main .main_content #mainArea .advertising_paper_content {
    width: 100%;
    margin: 0;
  }
  #page #main .main_content #mainArea .advertising_paper_content table {
    display: inline-grid;
    margin-top: 30px;
    margin-bottom: 30px;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
  }
}
@media screen and (max-width: 900px) and (max-width: 650px) {
  #page #main .main_content #mainArea .advertising_paper_content table {
    margin-inline: auto;
    width: 500px;
  }
}
@media screen and (max-width: 900px) and (max-width: 500px) {
  #page #main .main_content #mainArea .advertising_paper_content table {
    margin-inline: auto;
    width: 400px;
  }
}
@media screen and (max-width: 900px) and (max-width: 400px) {
  #page #main .main_content #mainArea .advertising_paper_content table {
    margin-inline: auto;
    width: 300px;
  }
}
@media screen and (max-width: 900px) {
  #page #main .main_content #mainArea .advertising_paper_content table tbody {
    display: table;
  }
  #page #main .main_content #mainArea .advertising_paper_content table tbody th,
  #page #main .main_content #mainArea .advertising_paper_content table tbody td {
    white-space: nowrap;
    padding: 5px 1rem;
    width: unset;
  }
  #page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_title {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_img {
    width: 100%;
    text-align: center;
  }
  #page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_left,
  #page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_right {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 900px) and (max-width: 650px) {
  #page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_left,
  #page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_right {
    float: unset;
  }
}
@media screen and (max-width: 900px) {
  #page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_right .advertising_paper_content_right_title {
    margin-bottom: 0;
  }
  #page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_right_adRate_text,
  #page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_right_adRate_notes {
    width: 100%;
    float: unset;
  }
  #page #main .main_content #mainArea .advertising_paper_content .advertising_paper_content_left_adRate_img {
    float: unset;
    width: 100%;
    text-align: center;
  }
  #page #main .main_content #advertising .paper-features .table2 tbody th {
    width: 2rem;
  }
}
@media screen and (max-width: 900px) and (max-width: 550px) {
  #page #main .main_content #advertising .paper-features .table2 tbody td:nth-of-type(1) {
    width: 5rem;
  }
}
@media screen and (max-width: 900px) and (max-width: 450px) {
  #page #main .main_content #advertising .paper-features .table2 tbody td:nth-of-type(1) {
    width: 3rem;
  }
}
@media screen and (max-width: 900px) {
  #page #main .main_content #advertising .advertising-rates .list {
    display: flex;
  }
}
@media screen and (max-width: 900px) and (max-width: 600px) {
  #page #main .main_content #advertising .advertising-rates .list {
    display: grid;
  }
  #page #main .main_content #advertising .advertising-rates .list img {
    width: 185px;
  }
}
@media screen and (max-width: 900px) and (max-width: 600px) {
  #page #main .main_content #advertising .contact .two-block {
    display: grid;
  }
}
@media screen and (max-width: 900px) {
  #page #main .main_content .guide {
    display: unset;
  }
  #page #main .main_content .guide a {
    display: flex;
    justify-content: center;
  }
  #page #main .main_content .guide a .guide_img {
    padding-top: 15px;
    padding-bottom: 20px;
    width: 80%;
  }
  #page #main .main_content .guide a .guide_img img {
    margin: 0;
  }
  #page #main .main_content .book .book-top-list .top-title-area {
    margin-bottom: 3px;
  }
  #page #main .main_content .book .book-top-list .top-title-area h2 {
    padding-top: 10px;
  }
  #page #main .main_content .book .book-top-list .top-title-area .list li {
    padding: 6px 4px;
  }
}
@media screen and (max-width: 900px) and (max-width: 450px) {
  #page #main .main_content .book .book-contact .media-b {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  #page #main .main_content .book .book-contact .media-b li {
    margin-bottom: 10px;
  }
  #page #main .main_content .book .book-contact .media-tel {
    display: inline;
  }
  #page #main .main_content .book .book-contact .media-tel li {
    text-align: start;
    display: grid;
    justify-items: start;
  }
  #page #main .main_content .select_plan .selectPlan2 {
    display: flex;
  }
  #page #main #profile .profile_subject_main_title {
    padding-left: 0;
  }
  #page #main #profile .profile_subject_top {
    width: 100%;
    padding-left: 0;
  }
  #page #main #profile .profile_subject_top .profile_subject_top_img {
    height: unset;
    float: unset;
    text-align: center;
  }
  #page #main #profile .profile_subject_top .profile_subject_top_content .profile_subject_top_content_access {
    display: contents;
  }
  #page #main #profile .profile_subject_top .profile_subject_top_content .profile_subject_top_content_access .profile_subject_top_content_info {
    float: unset;
  }
  #page #main #profile .profile_subject_top .profile_subject_top_content .profile_subject_top_content_access .mapButton {
    padding: 0;
  }
  #page #main #profile .profile_subject_top .profile_subject_top_content .profile_subject_top_content_phone {
    float: unset;
    width: 100%;
    margin-right: 0;
  }
  #page #main #profile .profile_subject_top .profile_subject_top_content .profile_subject_top_content_phone table {
    width: 100%;
  }
  #page #main #profile .profile_subject_top .profile_subject_top_content .profile_subject_top_content_phone table th {
    padding: 8px;
    width: 30%;
    min-width: 8rem;
  }
  #page #main #profile .profile_subject_top .profile_subject_top_content .profile_subject_top_content_phone table td {
    padding-left: 1rem;
    width: 70%;
    max-width: calc(100% - 8rem);
  }
  #page #main #profile .profile_subject_content .profile_subject_content_title {
    width: 100%;
    margin-left: 0;
  }
  #page #main #profile .profile_subject_content .profile_subject_content_table table {
    width: 100%;
    margin-left: 0;
  }
  #page #main #profile .profile_subject_content .profile_subject_content_table table th {
    width: 30%;
  }
  #page #main #profile .profile_subject_content .profile_subject_content_table table td {
    width: 70%;
  }
  #page #main #profile .profile_history_content {
    padding: 0;
  }
  #page #main #profile .profile_history_content .profile_history_content_table table td .history_table_img {
    float: unset;
  }
  #page #main #profile .special_list .news_contet_info {
    margin-right: 0;
  }
  #page #main #infomation .link_slide {
    width: calc(100% - 22px);
  }
  #page #main #infomation .link_slide ul li {
    width: 140px;
  }
  #page #main #infomation .link_list ul {
    padding-left: 10px;
  }
  #page #main #infomation .link_list ul li.long_name {
    width: 330px;
  }
  #page #main #infomation .magazine_entry .magazine_entry_title {
    height: unset;
  }
  #page #main #infomation .magazine_entry .magazine_entry_text form .magazine_entry_input label {
    width: 8rem;
  }
  #page #main #infomation .magazine_entry .magazine_entry_text form .magazine_entry_input section {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  #page #main #infomation .magazine_entry .magazine_entry_text form .magazine_entry_input section .mail-input {
    width: 100%;
  }
  #page #main #infomation .magazine_entry .magazine_entry_text form .magazine_entry_input section .magazine_entry_button {
    margin: unset;
  }
  #page #main #infomation .magazine_entry .magazine_entry_text form .magazine_entry_input section .magazine_entry_button .btn-input {
    margin: 8px;
  }
  #page #main #infomation .database_maincontent .database_maincontent_left {
    width: 100%;
    text-align: center;
  }
  #page #main #infomation .database_maincontent .database_maincontent_left img {
    margin: 0 auto 1rem;
  }
  #page #main #infomation .database_maincontent .database_maincontent_right {
    width: 100%;
  }
  #page #main #infomation .database_service .database_service_left {
    width: 100%;
    text-align: center;
  }
  #page #main #infomation .database_service .database_service_left img {
    margin: 0 auto 1rem;
  }
  #page #main #infomation .database_service .database_service_right {
    width: 100%;
  }
  #page #main #dnet article {
    display: grid;
    justify-items: center;
  }
  #page #main #dnet article .mainArea {
    float: unset;
    width: calc(100% - 30px);
  }
  #page #main #dnet article .mainArea .content {
    padding-left: 10px;
    padding-right: 10px;
  }
  #page #main #dnet article .mainArea .others_content {
    padding-left: 10px;
    padding-right: 10px;
    display: grid;
  }
  #page #main #dnet article .mainArea .others_content img {
    width: unset;
  }
  #page #main #dnet article .mainArea .others_content .content_left {
    width: 100%;
    text-align: center;
  }
  #page #main #dnet article .mainArea .others_content .content_right {
    width: 100%;
    margin-left: 0;
    display: grid;
    justify-items: center;
  }
  #page #main #dnet article .mainArea .others_content .content_text {
    width: 100%;
    height: auto;
    margin: 0;
  }
}
@media screen and (max-width: 900px) and (max-width: 700px) {
  #page #main #dnet article .mainArea .content .content_imgArea,
  #page #main #dnet article .mainArea .content .content_box {
    float: unset;
    width: 100%;
    display: grid;
    justify-content: center;
  }
  #page #main #dnet article .mainArea .content .content_box .content_balloon {
    margin: 20px 0;
  }
  #page #main #dnet article .mainArea .content .content_box .content_balloon .smartphone img {
    right: inherit;
    left: inherit;
  }
  #page #main #dnet article .mainArea .content .content_box .content_text {
    margin: 0 1rem;
  }
  #page #main #dnet article .mainArea .others_content .content_text {
    width: 100%;
  }
  #page #main #dnet article .mainArea .others_content img {
    width: calc(100% - 2rem);
  }
  #page #main #dnet article .mainArea .others_content .content_left,
  #page #main #dnet article .mainArea .others_content .content_right {
    float: unset;
    margin-left: 0;
  }
}
@media screen and (max-width: 900px) {
  #page #main #dnet .dnet_sidebar {
    float: unset;
    text-align: center;
  }
  #main {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    justify-content: center;
    justify-items: center;
  }
  #sp {
    padding-left: 10px;
    padding-right: 10px;
    width: 100vw;
  }
  #sp.sp-top .gridWrapper {
    width: 100%;
  }
  #sp.sp-top .gridWrapper .cat-area h1 {
    margin-bottom: 1.5em;
  }
  #sp.sp-top .gridWrapper .attention {
    width: 100%;
    display: inline-flex;
    overflow-x: scroll;
  }
  #sp.sp-top .gridWrapper .attention article {
    width: calc((100% - 60px) / 3);
    flex-shrink: 0;
  }
}
@media screen and (max-width: 900px) and (max-width: 500px) {
  #sp.sp-top .gridWrapper .attention {
    display: block;
    overflow-x: unset;
  }
  #sp.sp-top .gridWrapper .attention article {
    width: calc(100% - 15px);
  }
}
@media screen and (max-width: 900px) {
  #contents #main #sp-single .article-body {
    padding-left: unset;
    margin: 2rem 0;
  }
  #contents #main #sp-single .article-body .wp-caption {
    width: 100% !important;
    margin-bottom: 1rem;
    display: grid;
    justify-content: center;
    justify-items: center;
    max-width: 100%;
  }
  #contents #main #sp-single {
    padding-left: 5px;
    padding-right: 5px;
  }
  #contents #main #sp-single .single-backnumber .list {
    display: block;
  }
  #contents #main #sp-single .single-backnumber .list .trim {
    width: calc((100% - 48px) / 3);
    margin-bottom: 1rem;
  }
  #contents #main #sp-single .single-backnumber .list .trim .trimImg {
    width: unset;
    height: unset;
    width: 100%;
    padding-top: 66.67%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  #contents #main #sp-single .single-backnumber .list .trim .trimImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    clip: unset;
  }
  #contents #main #sp-single .single-backnumber .list .trim .title {
    width: 100%;
  }
}
@media screen and (max-width: 900px) and (max-width: 650px) {
  #contents #main #sp-single .article-body img {
    max-width: 100%;
  }
  #contents #main #sp-single .article-body img.alignleft {
    clear: both;
    display: block;
    margin: 0 auto 1rem;
  }
  #contents #main #sp-single .article-body img.alignright {
    clear: both;
    display: block;
    margin: 0 auto 1rem;
  }
  #contents #main #sp-single .article-body img.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1rem;
  }
}
@media screen and (max-width: 900px) {
  .center-area .center-left-area .rowNotice dl dd {
    margin-inline-start: 0.5rem;
    margin-inline-end: 0.5rem;
  }
  .center-area .center-left-area .top-headlines .top-news-info {
    margin: 8px 0 0;
  }
  .center-area .center-left-area .rank-p-book {
    display: grid;
    justify-content: center;
  }
  .center-area .center-left-area .rank-p-book .rank {
    margin-bottom: 1rem;
  }
  .center-area .center-left-area .rank-p-book .advertisement_book {
    margin-bottom: 1rem;
  }
  .center-area .center-left-area .special .special_title {
    width: 95%;
    height: 31px;
  }
}/*# sourceMappingURL=style.css.map */