@charset "utf-8";
/*--------------------------------------------------------

	style

	01. forPC Layout

	02. forSP Layout

--------------------------------------------------------*/




/********************************************************************************

	01. forPC Layout

********************************************************************************/


/* ============================================================ firstview */
/* 書目を追加する時に供給本コードを使ってclass名を設定／追加する .firstview_wrap_*****  */
.firstview_wrap_16593{
  background: url(../../assets/img/16593/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16594{
  background: url(../../assets/img/16594/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16597{
  background: url(../../assets/img/16597/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16599{
  background: url(../../assets/img/16599/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16600{
  background: url(../../assets/img/16600/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}

.firstview_wrap_16595{
  background: url(../../assets/img/16595/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16596{
  background: url(../../assets/img/16596/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16598{
  background: url(../../assets/img/16598/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16602{
  background: url(../../assets/img/16602/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16603{
  background: url(../../assets/img/16603/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}

/* ============================================================ cat_content */
a img.img_border {
    border: 1px solid #d6d6d6;
}

.nav_subject_menu_ttl {
    background-color: #bac622;
}
.nav_subject_menu .contents_list_item {
    background-color: #bac622;
}
.nav_subject_menu .contents_list_item:before {
    border-bottom: 5px solid #d0d778;
}
.nav_subject_menu .contents_list_item:hover:before {
    border-bottom: 5px solid #d0d778;
    border-color: #d0d778;
}
.nav_subject_menu .links_item_pdf:after {
    transform: translate(0, 35%);
}

.tab_area li{background:#f5f7da;}

.tab_area li:hover {
  background: #bac622;
}
.tab_area li.select{
  /*アクティブタブの装飾*/
  border-left: 1px solid #bac622;
  border-right: 1px solid #bac622;
}
.tab_area li.select:before{
  background: #bac622;
}
.tab_area li.select:hover {
  background: #bac622;
}
.tab_area li.select:hover:before {
    background: #d0d778;
}

.tab_area_active .tab_area li.select{
  background-color:#bac622;
}
.tab_area_active .tab_area li.select:before {
    background: #d0d778;
}

#sub_cat h2.head_2_01:after {
    background: #bac622;
}
#sub_cat h2.head_2_02:after {
    background: #bac622;
}
#sub_cat h2.head_2_03:after {
    background: #d0d778;
}
#sub_cat h3.head_3_01 {
  background: #e5e9b1;
  border-bottom: 2px solid #bac622;
}
#sub_cat h3.head_3_02 {
  background: #e5e9b1;
}
#sub_cat h3.head_3_03:after {
  background: #d0d778;
}

#sub_cat h3.head_04:after {
    background: #d0d778;
}

#sub_cat h4.head_4_01 {
  background: #e5e9b1;
}

.feature_panel .feature_panel_head .text{
  background: #bac622;
}
.feature_panel .feature_panel_head .number{
  border: 2px solid #bac622;
  color: #bac622;
}
.feature_panel .feature_panel_inner {
  box-shadow: 15px 15px 0 #e5e9b1;
}
.feature_panel .feature_panel_main .text li:before {
  background: #d0d778;
}
.feature_panel .feature_panel_link .head{
  background: #bac622;
}

.download_panel_01 .download_panel_head:after {
    background: #bac622;
}
.download_panel_02 .download_panel_inner {
  background: #e5e9b1;
}
.download_panel_02 .download_panel_main li:before {
    border-bottom: 1px solid #bac622;
}

.movie_panel_01 a{
    position: relative;
    display: block;
}
.movie_panel_01 a:after {
    content: "";
    height: 60px;
    width: 60px;
    background: url(../img/common/icon_play.svg) no-repeat;
    background-size: 60px 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .9;
}

.list_panel_main li:after {
    background: #d0d778;
}

.nav_panel_02_dmaster .nav_panel_main li a:before {
  background: url(../img/common/icon_disc_dmaster.svg) no-repeat;
}
.nav_panel_02_digitalbook .nav_panel_main li a:before {
  background: url(../img/common/icon_book_digital.svg) no-repeat;
}

.text_panel_01 .text_panel_inner {
  border-top: 5px solid #e5e9b1;
  box-shadow: 15px 15px 0 #e5e9b1;
}
.text_panel_02 .text_panel_inner {
  border-top: 5px solid #e5e9b1;
}
.text_panel_04 .text_panel_main li:before {
    background: #d0d778;
}

/* ============================================================ btn */
.btn_wrap .btn span:before {
    border-bottom: 5px solid #d0d778;
}
.btn_wrap .btn span:hover:before {
    border-bottom: 5px solid #bac622;
    border-color: #bac622;
}
.btn_wrap .btn span:after {
    background-color: #bac622;
}
/* ============================================================ toggle_btn */
.toggle_btn_wrap .btn .text:after {
    background-color: #bac622;
}
.toggle_btn_wrap .btn .icon:after {
    border-top: 2px solid #bac622;
    border-right: 2px solid #bac622;
}

/* ============================================================ 追加 */

.text_panel_01 .text_panel_inner_w100per {
    width: 990px;
}

/*.nav_panel_02 .nav_panel_main .nav_panel_text.font-middle {
  font-size: .9em !important;
  letter-spacing: -.14em;
}*/

/*.nav_panel_02 .nav_panel_main .nav_panel_text.font-small {
  font-size: .8em !important;
}
*/
.list_panel_01 .list_panel_main.w100per li {
    width: 100%;
}
.list_panel_01 .list_panel_main.lh-130 li {
  padding: 0 0 6px .7em;
  line-height: 1.3;
}
.list_panel_main.lh-130 li:after {
    top: 14px;
}

#sub_cat h4.head_4_02 {
    position: relative;
    margin: 0 -5px 20px;
    color: #bac622;
    font-size: 28px;
}

.feature_panel_tool {
    position: relative;
    margin: 0 5px 30px;
}
#sub_cat .feature_panel_tool .feature_panel_main .head {
    font-size: 22px;
}
.feature_panel_tool .feature_panel_inner {
    padding: 8px 30px 0 60px;
    min-height: auto;
    width: 100%;
}
.feature_panel_tool .feature_panel_inner {
    box-shadow: 10px 10px 0 #e5e9b1;
}


/********************************************************************************

	02. forSP Layout
    *横幅が1025px以下の場合


********************************************************************************/

@media screen and (min-width: 0px) and (max-width: 1026px) {



/* ============================================================ firstview */
/* 書目を追加する時に供給本コードを使ってclass名を設定／追加する .firstview_wrap_*****  */
.firstview_wrap_16593 {
    background: url(../../assets/img/16593/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
    background-size: cover;
}
.firstview_wrap_16594{
    background: url(../../assets/img/16594/bg_firstview_wrap_sp.jpg) center bottom no-repeat;
    background-size: cover;
}
.firstview_wrap_16597{
    background: url(../../assets/img/16597/bg_firstview_wrap_sp.jpg) center bottom no-repeat;
    background-size: cover;
}
.firstview_wrap_16599{
    background: url(../../assets/img/16599/bg_firstview_wrap_sp.jpg) center bottom no-repeat;
    background-size: cover;
}
.firstview_wrap_16600{
    background: url(../../assets/img/16600/bg_firstview_wrap_sp.jpg) center bottom no-repeat;
    background-size: cover;
}

.firstview_wrap_16595{
    background: url(../../assets/img/16595/bg_firstview_wrap_sp.jpg) center 80px no-repeat;
    background-size: cover;
}
.firstview_wrap_16596{
    background: url(../../assets/img/16596/bg_firstview_wrap_sp.jpg) center 80px no-repeat;
    background-size: cover;
}
.firstview_wrap_16598{
    background: url(../../assets/img/16598/bg_firstview_wrap_sp.jpg) center 80px no-repeat;
    background-size: cover;
}
.firstview_wrap_16602{
    background: url(../../assets/img/16602/bg_firstview_wrap_sp.jpg) center 80px no-repeat;
    background-size: cover;
}
.firstview_wrap_16603{
    background: url(../../assets/img/16603/bg_firstview_wrap_sp.jpg) center 80px no-repeat;
    background-size: cover;
}

.feature_panel .feature_panel_inner {
    box-shadow: 12px 12px 0 #e5e9b1;
}

.text_panel_01 .text_panel_inner {
    box-shadow: 12px 12px 0 #e5e9b1;
}

.nav_subject_menu .links_item_pdf:after {
    transform: translate(0, -50%);
}

.tab_area_active .tab_area li.select{
  background-color:#fff;
}
.tab_area_active .tab_area li.select:before {
  background: #bac622;
}

.tab_area_active_sp .tab_area li.select{
  background-color:#bac622;
}
.tab_area_active_sp .tab_area li.select:before {
  background: #d0d778;
}

/* ============================================================ btn */
.btn_wrap .btn span:before {
    border-bottom: 4px solid #d0d778;
}
.btn_wrap .btn span:hover:before {
    border-bottom: 4px solid #bac622;
}

/* ============================================================ 追加 */

.text_panel_01 .text_panel_inner_w100per {
    width: 96%;
}

.list_panel_main.lh-130 li:after {
    top: 9px;
}

#sub_cat h4.head_4_02 {
    font-size: 24px;
}

.feature_panel_tool {
    position: relative;
    margin: 0 5px 30px;
}
#sub_cat .feature_panel_tool .feature_panel_main .head {
    font-size: 16px;
}
.feature_panel_tool .feature_panel_inner {
    padding: 8px 10px 0 40px;
}

.list_panel_02 .list_panel_main {
    font-size: 15px;
}


}