/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

.front_messages_container {
    box-sizing: border-box;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0;
}
.front_messages_item {
    background-color: #fff;
    border-radius: 2px;
}
.front_messages_item {
/*    float: left;
    margin: 0 14px 14px 0;
    width: 220px;*/
    margin: 0 0 14px 0;
}
.front_messages_item .caption {
    padding: 8px;
}
#main .front_messages_item_block .text_title {
    font-size: 2rem;
    margin-bottom: 5px;
}
#main .front_messages_item_block .text_body, #main .front_messages_item_block .text_body p {
    font-size: 1.2rem;
}
#main .item-list ul li {
  margin: 0;
}
#search-form, .spelling-suggestions {
  display: none;
}
.text-left {
  text-align: left!important;
}
.item_link.type02 .item_img01 {
  max-width: 230px;
}
article.node-article a {
  margin-right: 0;
  text-decoration: underline;
  float: none;
}
article.node-article a:hover {
  text-decoration: none;
}
.info01 .request01 {
  border: 2px solid #434343!important;
  color: #434343!important;
}
.ul_basic01 .item01 .txt01, .ul_basic01 .item01 .txt02 {
    min-height: 1.6rem;
}
.tame-box {
  position: relative; 
  min-height: 25px;
  margin-top: 10px;
}
.event01 a, .table_news01 a {
  margin-right: 0;
  text-decoration: underline;
  float: none;
}
.event01 a:hover, .table_news01 a:hover {
  text-decoration: none;
}
a.button02.reserve, a.button03.reserve {
  height: 55px;
}
.info01 .purchase01 a.type01.reserve, .info01 .purchase01 a.type02.reserve {
    height: 55px;
}
.pagination01 ul {
  border-right: none;
}
.pagination01 li.last {
  border-width: 1px;
}

/* List Button */
        .btn01 .button02,
        .btn01 .button03 {
          display: block;
          width: 145px;
          height: 35px;
          margin: 10px auto 0;
          padding: 7px;
          overflow: hidden;
          text-align: center;
        }
          .btn01 .button02,
          .btn01 .button03 {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 2px rgba(7,0,2,.6);
            -moz-box-shadow: 0 1px 2px rgba(7,0,2,.6);
            box-shadow: 0 1px 2px rgba(7,0,2,.6);
            color: #fff;
            font-weight: bold;
            font-size: 14px;
            font-size: 1.4rem;
          }
            .btn01 .button02 { background-color: #135b8e;}
            
            .btn01 .button03 { background-color: #2d9be9;}
            
            .btn01 .button02:hover,
            .btn01 .button03:hover {
              text-decoration: none;
              background-color: #367acf;
            }

.margin-top-10 {
  margin-top: 10px;
}
/* formSearch */ 
#formSearch .form-item, #formSearch .form-actions {
  margin: 0;
}

/* Books */
.left01 .text01 {
  font-size: 1.1rem;
}
.slide01 img, .recommend01 img {
/*  max-height: 108px;*/
}
.dl_category01 .image a {
  display: block!important;
}
.dl_category01 img {
  max-height: 100px;
}
.digital_info_toggle dd {
  margin-top: 20px;
}
.officialSite01 .image01 {
  text-align: center;
}
.dl_text01 dd {
  margin-bottom: 10px;
}
.dl_video01 object {
  display: block;
  width: 100%;
/*            height: 228px;*/
  border: 0;
}

      .dl_event01 {
          font-size: 1.2rem;
          line-height: 1.6;
          word-break: break-all;
      }

      .dl_event01 .figure01 { overflow: hidden;}
      
        .dl_event01 .figure01 .image01 {
          float: left;
          width: 160px;
          margin-right: 20px;
        }
          .dl_event01 .figure01 .image01 > img {
            display: block;
            margin: 0 auto 10px;
            border: solid 1px #e6e6e6;
          }

.bookBoxIn01 .right .tame-box .btn01 {
    display: none;
}

.banner01 .comic_only {
  display: none;
}
.page-comics .banner01 .comic_only, .node-type-comics .banner01 .comic_only {
  display: block;
}

/* responsive iframe video */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* sns */
.info01 .ul_sns01 {
    width: 190px!important;
}
        .ul_sns01 .sns06 a {
          width: 23px;
          background-position: -133px 0;
        }

/* Node list */
label span {
  font-weight: normal;
}

/* News */
body#g03 .info01 img {
  max-width: 100%;
  /*width: auto!important;*/
  height: auto!important;
}
body#g03 .info01 .image01 {
  width: auto!important;
}
body#g03.lDef .lnavi01 {
  display: none;
}

/* Calendar */
.tableMonth01 th {
    border-bottom: none;
}
.tableMonth01 tbody {
    border-top: none;
}
.schedule_list01 a {
  text-decoration: underline;
}
.schedule_list01 a:hover, .schedule_list01 a:active, .schedule_list01 a:focus {
  text-decoration: none;
}
.header-info-text {
  margin-bottom: 20px;
}

.ul_affiliate01 li.last { margin: 0 !important;}

/* Search Result */
.item-list ul.facetapi-facetapi-ctype-links.facetapi-facet-bundle.tabs li {
    margin: 0 2px;
    padding: 0;
}
.item-list ul.facetapi-facetapi-links li {
    margin: 0;
}
#option01 .facetapi-limit-link {
    color: #f57e3d;
    cursor: pointer;
    display: none;
}

/* News */
.table_news01 th {
    border-bottom: none;
}
.table_news01 tbody {
    border-top: none;
}
#g03 .info01 .image01 {
    max-width: 220px;
}
#g03 .info01 .image01 a > img, #g03 .info01 .image01 img {
    height: auto;
    max-width: 218px;
    width: auto;
}

p.old_article {
    border: orange 1px solid;
    padding: 5px;
    background-color: lightgoldenrodyellow;
    font-size: initial;
    font-weight: bold;
    color: black;
    margin-bottom: 15px;
}

/* Company */
.lnavi01.column05 li.lnav05 {
    border-right-width: 2px;
}
.relaese01 .link01::after {
  background-image: none!important;
}

/* popup */
#popup .map01 a {
    display: block;
}
#popup footer {
  margin-top: 20px;
}

/* a.disabled */
a.disabled {
  background-color: #d4d4d4;
  cursor: default;
}
a.disabled:hover {
  opacity: 1!important;
}

/* Sitemap */
.secAffiliate01 .title01 a {
    color: #fff;
}
.secAffiliate01 .icon {
    position: relative;
}
.secAffiliate01 .icon::before {
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
/*    right: 0;*/
    right: -20px;
}
.secAffiliate01 .icon.window::before {
    background-image: url("/sites/all/themes/theme_solar/html/common/img/ico_window01.png");
    height: 11px;
    top: 4px;
    width: 14px;
}
.secAffiliate01 .icon.pdf::before {
    background-image: url("/sites/all/themes/theme_solar/html/common/img/ico_pdf01.png");
    height: 9px;
    top: 6px;
    width: 18px;
}

/*.digital_books_area {
  height: auto;
  min-height: 15px;
  text-align: center;
  width: 80px;
  margin: 0 auto;
}
.digital_books_area.has_digital {
  background-color: #97D0F9;
}*/
.digital_books_area {
  height: 20px;
  min-height: 20px;
  text-align: center;
  width: 110px;
  margin: 5px auto 0;
  padding: 2px;
  font-size: 11px;
}
.digital_books_area.has_digital {
  color: #FFFFFF;
  background-color: #A7AFB2;
}

p.review {
    margin: 5px 0 0 0;
    border-radius: 10px;
    padding: 20px 20px;
    text-align: left;
    line-height: 1.4;
    background-color: #f5f3f2;
}

#block-solar-blocks-solar-comics-search {
  display: none;
}
.node-type-comics #block-solar-blocks-solar-books-search {
  display: none;
}
.page-comics #block-solar-blocks-solar-comics-search, .node-type-comics #block-solar-blocks-solar-comics-search {
  display: block;
}

/* em */
.info01 em {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-style: italic;
}

/* auto complete */
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  text-align: left;

  .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

    &.ui-state-hover, &.ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
    }
  }
}

/* !media screen 768px
---------------------------------------------------------- */       
@media only screen and (max-width : 768px) {
.front_messages_container {
    margin: 0 10px 5px;
}
.secAffiliate01 .icon {
    display: block;
}
.secAffiliate01 .icon::before {
    right: 0;
}
.header-info-text {
    padding: 15px 10px 13px;
}
body.purchase-mode .tame-box {
  min-height: 140px;
  margin-top: 10px;
}
body.purchase-mode .image01 > a {
  text-align: right;
}
body.purchase-mode .bookBoxIn01 .right .tame-box .btn01 {
    display: block;
}
}
