@charset "UTF-8";
/* 汎用クラス */
.fr,
.imgR {
  float: right;
  margin-left: 10px;
}

.fl,
.imgL {
  float: left;
  margin-right: 10px;
}

.imgC,
.tC,
.btn {
  text-align: center;
}

.tR,
.sign {
  text-align: right;
}

/* clearfix */
/* 汎用クラス */
.fr,
.imgR {
  float: right;
  margin-left: 10px;
}

.fl,
.imgL {
  float: left;
  margin-right: 10px;
}

.imgC,
.tC,
.btn {
  text-align: center;
}

.tR,
.sign {
  text-align: right;
}

/* clearfix */
/*  #search_area
-----------------------------------------------------*/
#search_area, #modal_search_underlayer {
  margin-top: 70px;
}
#search_area .inner, #modal_search_underlayer .inner {
  width: 960px;
  margin: 0 auto;
}
#search_area .search_container, #modal_search_underlayer .search_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
#search_area .search_text, #modal_search_underlayer .search_text {
  width: 100%;
}
#search_area .search_text #search_word, #modal_search_underlayer .search_text #search_word {
  width: 100%;
  font-size: 16px;
  line-height: 1;
  padding: 15px 15px 15px 60px;
  background: url("../images/common/icon_search.svg") no-repeat;
  background-position: 20px center;
  border-radius: 5px;
  background-color: #fff;
}
#search_area .select_wrap, #modal_search_underlayer .select_wrap {
  width: 184px;
  position: relative;
  display: inline-block;
  background-color: #eee;
  border: #222 1px solid;
  border-left: none;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
#search_area .select_wrap:after, #modal_search_underlayer .select_wrap:after {
  z-index: 5;
  position: absolute;
  width: 10px;
  height: 5px;
  right: 15px;
  top: 23px;
  content: "";
  background: url("../images/common/arrow_pulldown.svg") left top no-repeat;
  background-size: contain;
  pointer-events: none;
}
#search_area .select_wrap #select, #modal_search_underlayer .select_wrap #select {
  color: #222;
  width: 100%;
  font-size: 14px;
  line-height: 1;
  padding: 16px 30px 16px 15px;
  border-radius: 0 5px 5px 0;
}
#search_area .select_wrap .select_label, #modal_search_underlayer .select_wrap .select_label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 1;
  width: 184px;
  padding: 16px 30px 16px 15px;
  text-align: center;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #search_area, #modal_search_underlayer {
    margin-top: 30px;
  }
  #search_area .inner, #modal_search_underlayer .inner {
    width: calc(100% - 40px);
  }
  #search_area .select_wrap, #modal_search_underlayer .select_wrap {
    width: 48px;
  }
  #search_area .select_wrap:after, #modal_search_underlayer .select_wrap:after {
    right: 18px;
  }
  #search_area .select_wrap .select_label, #modal_search_underlayer .select_wrap .select_label {
    display: none;
  }
}

/*  #modal_search_underlayer
-----------------------------------------------------*/
#modal_search_underlayer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  z-index: 2000;
}
#modal_search_underlayer .modal_search_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 246, 249, 0.95);
  z-index: -1;
}
#modal_search_underlayer .modal_search_wrapper {
  width: 960px;
  margin: 0 auto;
}
#modal_search_underlayer .modal_search_inner {
  width: 100%;
}
#modal_search_underlayer .trend {
  display: flex;
  margin-bottom: 20px;
}
#modal_search_underlayer .search_text {
  margin-top: 0;
}
#modal_search_underlayer .check_container {
  display: block;
}
#modal_search_underlayer .form_btns {
  display: flex;
}
#modal_search_underlayer .modal_close {
  display: block;
  position: absolute;
  top: 30px;
  left: 40px;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #222;
  border: 1px #000 solid;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (min-width: 768px) {
  #modal_search_underlayer .modal_close:hover {
    background-color: #fff;
  }
  #modal_search_underlayer .modal_close:hover .svg path, #modal_search_underlayer .modal_close:hover .svg polygon {
    fill: #000;
  }
}
@media screen and (max-width: 768px) {
  #modal_search_underlayer .modal_search_wrapper {
    width: calc(100% - 40px);
  }
  #modal_search_underlayer .trend {
    display: block;
  }
  #modal_search_underlayer .modal_close {
    position: fixed;
    top: 15px;
    left: 20px;
    width: 40px;
    height: 40px;
  }
  #modal_search_underlayer .modal_close img, #modal_search_underlayer .modal_close svg {
    width: 100%;
    height: 100%;
  }
}

#modal_search_underlayer.default {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
  margin-top: 0;
  z-index: 10;
}
#modal_search_underlayer.default .modal_search_bg {
  display: none;
}
#modal_search_underlayer.default .modal_search_wrapper {
  width: 960px;
  margin: 0 auto;
}
#modal_search_underlayer.default .modal_search_inner {
  width: 100%;
}
#modal_search_underlayer.default .trend {
  display: none;
}
#modal_search_underlayer.default .search_text {
  margin-top: 0;
}
#modal_search_underlayer.default .check_container, #modal_search_underlayer.default .form_btn_container {
  display: none;
}
#modal_search_underlayer.default .modal_close {
  display: none;
}
@media screen and (max-width: 768px) {
  #modal_search_underlayer.default .modal_search_wrapper {
    width: 100%;
  }
  #modal_search_underlayer.default .modal_close {
    position: fixed;
    top: 15px;
    left: 20px;
    width: 40px;
    height: 40px;
  }
  #modal_search_underlayer.default .modal_close img, #modal_search_underlayer.default .modal_close svg {
    width: 100%;
    height: 100%;
  }
}

#wrapper.astronomy #modal_search_underlayer .trend p {
  color: #111;
}
#wrapper.astronomy #modal_search_underlayer .trend .keyword a {
  color: #000;
}

/* h1 div, */
h1 .div {
  font-size: 48px;
  display: block;
}
@media screen and (max-width: 768px){

/* h1 div, */
h1 .div {
    font-size: 32px;
}
}

/*  section
-----------------------------------------------------*/
@media screen and (max-width: 768px) {
  section {
    margin-top: 60px;
  }
}

/*  search_result_number
-----------------------------------------------------*/
.search_result_number {
  margin-bottom: 70px;
}
.search_result_number .number {
  font-size: 18px;
  line-height: 1;
  white-space: nowrap;
}
.search_result_number .number span {
  font-weight: 700;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .search_result_number {
    margin-bottom: 30px;
  }
  .search_result_number .number {
    font-size: 18px;
  }
}

/*  search_result_container
-----------------------------------------------------*/
.search_result_container {
  width: 100%;
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.search_result_container span {
  font-weight: 700;
}
.search_result_container .search_result_keyword {
  font-size: 14px;
  line-height: 1.6;
  white-space: nowrap;
}
.search_result_container .search_result_number {
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .search_result_container {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .search_result_container .search_result_keyword {
    font-size: 13px;
  }
  .search_result_container .search_result_number {
    margin-top: 20px;
  }
  .search_result_container .search_result_number p {
    font-size: 16px;
  }
  .search_result_container .search_result_number span {
    font-size: 18px;
  }
}

/*  module_book_box -- category
-----------------------------------------------------*/
.module_book .module_book_container {
  padding-top: 10px;
}
.module_book .module_book_box .category {
  display: block;
}


/*  footer
-----------------------------------------------------*/
/* @media screen and (max-width: 768px) {
  footer {
    margin-top: 80px;
  }
} */

/*  body#search_result
-----------------------------------------------------*/
body#search_result #book_area {
  margin-top: 20px;
}
body#search_result #book_area .section_inner {
  margin-top: 0;
}
body#search_result .result_data {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
body#search_result .result_data .search_word {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
body#search_result .result_data .search_word p:nth-child(n+2):before {
  content: "　／　";
}
body#search_result .result_data .search_word span {
  font-weight: 700;
}
body#search_result .module_book .module_book_box .auther, body#search_result .module_book .module_book_box .release {
  display: none;
}
@media screen and (max-width: 768px) {
  body#search_result .result_data {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body#search_result .result_data .search_word {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body#search_result .result_data .search_word p:nth-child(n+2):before {
    content: none;
  }
  body#search_result .result_data .search_result_number {
    margin-top: 10px;
  }
  body#search_result .result_data .search_result_number p {
    font-size: 16px;
  }
  body#search_result .result_data .search_result_number span {
    font-size: 18px;
  }
}



/*  search-loading
-----------------------------------------------------*/

#search-loading{
  display:none;
  background:#ffffffa6;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 2001;
}
.search-search-loading_inner{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%)translateY(-50%);
}


/* KEYFRAMES */

@keyframes pulse {
from {
  opacity: 1;
  transform: scale(1);
  }
  to {
    opacity: .25;
    transform: scale(.75);
  }
}

.loading-box {
width: 300px;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
}

.search-loading_container {
width: 110px;
display: flex;
justify-content: space-between;
align-items: center;
}

.search-loading_bubble {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #006cb8;
}

.search-loading_start.search-loading_bubble-1 {
animation: pulse .4s ease 0s infinite alternate;
}
.search-loading_start.search-loading_bubble-2 {
animation: pulse .4s ease .2s infinite alternate;
}
.search-loading_start.search-loading_bubble-3 {
animation: pulse .4s ease .4s infinite alternate;
}