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

	style

	01. forPC Layout

	02. forSP Layout

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




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

	01. forPC Layout

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


/* ============================================================ firstview */
/* 書目を追加する時に供給本コードを使ってclass名を設定／追加する .firstview_wrap_*****  */
.firstview_wrap_16581{
  background: url(../../assets/img/16581/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16582{
  background: url(../../assets/img/16582/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16583{
  background: url(../../assets/img/16583/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16584{
  background: url(../../assets/img/16584/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16585{
  background: url(../../assets/img/16585/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16586{
  background: url(../../assets/img/16586/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16587{
  background: url(../../assets/img/16587/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16588{
  background: url(../../assets/img/16588/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16589{
  background: url(../../assets/img/16589/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16590{
  background: url(../../assets/img/16590/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16592{
  background: url(../../assets/img/16592/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}

.firstview_wrap_16681{
  background: url(../../assets/img/16681/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16682{
  background: url(../../assets/img/16682/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16683{
  background: url(../../assets/img/16683/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16684{
  background: url(../../assets/img/16684/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}
.firstview_wrap_16685{
  background: url(../../assets/img/16685/bg_firstview_wrap.jpg) center center;
  background-size: cover;
}

/* ============================================================ cat_content */
.nav_subject_menu_ttl {
    background-color: #e62b3c;
}
.nav_subject_menu .contents_list_item {
    background-color: #ffeef0;
    border: 1px solid #e62b3c;
}
.nav_subject_menu .contents_list_item a {
    color: #e62b3c;
}
.nav_subject_menu .contents_list_item:before {
    border-bottom: 5px solid #ea7580;
}
.nav_subject_menu .contents_list_item:hover:before {
    border-bottom: 5px solid #ea7580;
    border-color: #ea7580;
}

.tab_area li{background:#ffeef0;}

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

.tab_area_active .tab_area li.select{
/*  background-color:#e62b3c;*/
}
.tab_area_active .tab_area li.select:before {
/*    background: #ea7580;*/
}

#sub_cat h2.head_2_01:after {
    background: #e62b3c;
}
#sub_cat h2.head_2_02:after {
    background: #e62b3c;
}
#sub_cat h2.head_2_03:after {
    background: #ea7580;
}
#sub_cat h3.head_3_01 {
  background: #f6d3d7;
  border-bottom: 2px solid #e62b3c;
}
#sub_cat h3.head_3_02 {
  background: #f6d3d7;
}
#sub_cat h3.head_3_03:after {
  background: #ea7580;
}

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

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

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

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

.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;
}

.movie_panel_02 a{
    position: relative;
    display: block;
}
.movie_panel_02 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: #ea7580;
}

.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 #f6d3d7;
  box-shadow: 15px 15px 0 #f6d3d7;
}
.text_panel_02 .text_panel_inner {
  border-top: 5px solid #f6d3d7;
}
.text_panel_04 .text_panel_main li:before {
    background: #ea7580;
}

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

/* ============================================================== ■■■ 資料ダウンロード　追加クラスここから　*/
.download_panel_main_2, .download_panel_main_2__boGr {
  font-size: 22px;
}
.download_panel_main_2 > li, .download_panel_main_2__boGr > li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  height: auto;
  margin: 10px 0;
  padding: 0 40px 0 60px;
  background: #fff;
  padding : 9px 0 ;
}
.download_panel_main_2 > li:before {
    content: "";
    display: block;
    width: 35px;
    height: 1px;
    border-bottom: 1px solid #e62b3c !important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-.1%, -50%);
    opacity: 1;
    pointer-events: none;
    transition-property: transform, opacity;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.download_panel_main_2__boGr > li:before {
    content: "";
    display: block;
    width: 35px;
    height: 1px;
    border-bottom: 1px solid #222 !important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-.1%, -50%);
    opacity: 1;
    pointer-events: none;
    transition-property: transform, opacity;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}


.download_panel_02 .download_panel_main_2 > li:before {
/*border-bottom: 1px solid #888;*/
}
.download_panel_main_2 .text, .download_panel_main_2__boGr .text {
  margin: 0 0 0 58px ;
  padding : 15px 0 ;
  width: 100%;
  text-indent : 0px ;
}
.download_panel_main_2 .link, .download_panel_main_2__boGr .link {
width :350px ;
}
@media all and (-ms-high-contrast: none){
.download_panel_main_2 .link, .download_panel_main_2__boGr .link {
  width :515px ;
  }
}

.download_panel_main_2 .link a, .download_panel_main_2__boGr .link a {
  height: 38px;
  margin: 0 0 0 15px ;
}
.download_panel_main_2 .link img, .download_panel_main_2__boGr .link img {
vertical-align: middle;
}
.download_panel_main_2 .no_file, .download_panel_main_2__boGr .no_file {
  width: 31px;
  margin: 0 10px;
}
.download_panel_main_2 .link ul li, .download_panel_main_2__boGr .link ul li {
  display: flex;
  justify-content: space-between;
  margin : 8px 0 ;
  font-size : 18px !important;
  line-height : 38px !important;
  height: 38px;
}
.download_panel_main_2 .link .shomoku, .download_panel_main_2__boGr .link .shomoku  {
  display : inline-block ;
  *display: inline !important;
  *zoom: 1 !important;
  width: 135px ;
  margin : 0 0 0 0 ;
  line-height: 40px !important;
}
.download_panel_main_2 .link .icon, .download_panel_main_2__boGr .link .icon  {
width: 147px ;
display : inline-block ;
}
.junbi {
display:inline-block ;
margin: 0 0 0 10px ;
}

/* ============================================================== ■■■ 資料ダウンロード　追加クラスここまで　*/



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

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


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

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



/* ============================================================ firstview */
/* 書目を追加する時に供給本コードを使ってclass名を設定／追加する .firstview_wrap_*****  */
.firstview_wrap_16581 {
    background: url(../../assets/img/16581/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
    background-size: cover;
}
.firstview_wrap_16582{
  background: url(../../assets/img/16582/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16583{
  background: url(../../assets/img/16583/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16584{
  background: url(../../assets/img/16584/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16585{
  background: url(../../assets/img/16585/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16586{
  background: url(../../assets/img/16586/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16587{
  background: url(../../assets/img/16587/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16588{
  background: url(../../assets/img/16588/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16589{
  background: url(../../assets/img/16589/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16590{
  background: url(../../assets/img/16590/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16592{
  background: url(../../assets/img/16592/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16592 .substance img {
    float: none;
    max-width: 269px;
    margin: 60px 18% 70px 27% !important;
}
.firstview_wrap_16592 .substance .year_position_01 {
    bottom: 80px;
    left: 50%;
    transform: translate(-47%, 0) scale(.82);
}

.firstview_wrap_16681 {
    background: url(../../assets/img/16681/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
    background-size: cover;
}
.firstview_wrap_16682{
  background: url(../../assets/img/16682/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16683{
  background: url(../../assets/img/16683/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16684{
  background: url(../../assets/img/16684/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}
.firstview_wrap_16685{
  background: url(../../assets/img/16685/bg_firstview_wrap_sp.jpg) center 40px no-repeat;
  background-size: cover;
}

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

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

.tab_area_active .tab_area li.select{
  background-color:#fff;
}
.tab_area_active .tab_area li.select:before {
/*  background: #e62b3c;*/
}

.tab_area_active_sp .tab_area li.select{
/*  background-color:#e62b3c;*/
}
.tab_area_active_sp .tab_area li.select:before {
/*  background: #ea7580;*/
}

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

/* ============================================================== ■■■ 資料ダウンロード　追加クラスここから　*/
.title__2, .title__3 {
  margin: 0 ;
}
.download_panel_main_2, .download_panel_main_2__boGr {
  font-size: 22px;
}
.download_panel_main_2 > li, .download_panel_main_2__boGr > li {
  position: relative;
  display: block;
/*  align-items: center;*/
/*  justify-content: space-between;*/
  height: auto;
  margin: 10px 0;
  padding: 0 40px 0 60px;
  background: #fff;
  padding : 9px 0 ;
}
.download_panel_main_2 > li:before {
    content: "";
    display: block;
    width: 26px;
    height: 1px;
    /*border-top: 1px solid #e62b3c ;*/
    position: absolute;
    left: 0;
    top: 30px;
    transform: translate(-.1%, -50%);
    opacity: 0.8;
    pointer-events: none;
    transition-property: transform, opacity;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.download_panel_main_2__boGr > li:before {
    content: "";
    display: block;
    width: 27px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 30px;
    transform: translate(-.1%, -50%);
    opacity: 0.8;
    pointer-events: none;
    transition-property: transform, opacity;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.download_panel_main_2 .text, .download_panel_main_2__boGr .text {
  margin: 8px 0 0 0;
  padding: 0 10px 0 40px ;
  width: 100%;
  font-size : 16px ;
  text-indent : 0px ;
/*border:1px #f1f1f1 solid ;*/
}
.download_panel_main_2 .link, .download_panel_main_2__boGr .link {
  margin: 0 0 0 25% ;
  width: 50%;
}
.download_panel_main_2 .link a, .download_panel_main_2__boGr .link a {
  height: 38px;
  margin: 0 0 0 15px ;
}
.download_panel_main_2 .link img, .download_panel_main_2__boGr .link img {
  vertical-align: middle;
  height: 38px;
}
.download_panel_main_2 .no_file, .download_panel_main_2__boGr .no_file {
  width: 31px;
  margin: 0 10px;
}

.download_panel_main_2 .link ul li, .download_panel_main_2__boGr .link ul li {
  display: flex;
  justify-content: space-between;
  margin : 8px 0 ;
  font-size : 18px !important;
  line-height : 38px !important;
  height: 38px;
}
.download_panel_main_2 .link .shomoku, .download_panel_main_2__boGr .link .shomoku  {
  display : inline-block ;
  width: 40% ;
  margin : 0 0 0 0 ;
  font-size : 13px ;
  font-size: min(3vw, 13px) !important;
}
.download_panel_main_2 .link .icon, .download_panel_main_2__boGr .link .icon  {
  width: 55% ;
  display : inline-block ;
  font-size:12px ;
}
.download_panel_main_2 .link .icon img, .download_panel_main_2__boGr .link .icon img  {
width : 25px !important;
height: 28px !important;
}
.junbi {
  display:inline-block ;
  margin: 0 0 0 20px ;
}
/* ============================================================== ■■■ 資料ダウンロード　追加クラスここまで　*/


}


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

	03. 追加

********************************************************************************/
@media screen and (min-width: 1025px){
  #button_download .contents_list_sub{
    font-size: 11px;
  }
  #sub_cat h3.head_3_01 .text{
    font-size: 20px;
  }

  .list_panel_01 .list_panel_main li:first-child{
    width: 35%;
  }
  .list_panel_01 .list_panel_main li:nth-child(2){
    width: 25%;
  }
  .list_panel_01 .list_panel_main li:nth-child(3){
    width: 20%;
  }
  .list_panel_01 .list_panel_main li:nth-child(4){
    width: 20%;
  }

  #content_area_16584 .list_panel_01 .list_panel_main li,
  #content_area_16585 .list_panel_01 .list_panel_main li,
  #content_area_16589 .list_panel_01 .list_panel_main li,
  #content_area_16590 .list_panel_01 .list_panel_main li,
  #content_area_16684 .list_panel_01 .list_panel_main li,
  #content_area_16685 .list_panel_01 .list_panel_main li{
    width: auto;
    margin:0 40px 0 0;
  }

  #content_area_16592 .list_panel_01 .list_panel_main li {
    width: 100%;
  }

  .nav_panel_text_size{
    font-size: 14px;
  }

  #content_area_16581 .sub_block_body_03 .text_plain_01,
  #content_area_16582 .sub_block_body_03 .text_plain_01,
  #content_area_16583 .sub_block_body_03 .text_plain_01,
  #content_area_16584 .sub_block_body_03 .text_plain_01,
  #content_area_16585 .sub_block_body_03 .text_plain_01,
  #content_area_16586 .sub_block_body_03 .text_plain_01,
  #content_area_16587 .sub_block_body_03 .text_plain_01,
  #content_area_16588 .sub_block_body_03 .text_plain_01,
  #content_area_16589 .sub_block_body_03 .text_plain_01,
  #content_area_16590 .sub_block_body_03 .text_plain_01{
    width: 100%;
  }
  #content_area_16581 .sub_block_body_03 .img_plain_01,
  #content_area_16582 .sub_block_body_03 .img_plain_01,
  #content_area_16583 .sub_block_body_03 .img_plain_01,
  #content_area_16584 .sub_block_body_03 .img_plain_01,
  #content_area_16585 .sub_block_body_03 .img_plain_01,
  #content_area_16586 .sub_block_body_03 .img_plain_01,
  #content_area_16587 .sub_block_body_03 .img_plain_01,
  #content_area_16588 .sub_block_body_03 .img_plain_01,
  #content_area_16589 .sub_block_body_03 .img_plain_01,
  #content_area_16590 .sub_block_body_03 .img_plain_01{
    width: 40%;
  }
  #content_area_16581 .sub_block_body_03 .img_plain_01:last-child,
  #content_area_16582 .sub_block_body_03 .img_plain_01:last-child,
  #content_area_16583 .sub_block_body_03 .img_plain_01:last-child,
  #content_area_16584 .sub_block_body_03 .img_plain_01:last-child,
  #content_area_16585 .sub_block_body_03 .img_plain_01:last-child,
  #content_area_16586 .sub_block_body_03 .img_plain_01:last-child,
  #content_area_16587 .sub_block_body_03 .img_plain_01:last-child,
  #content_area_16588 .sub_block_body_03 .img_plain_01:last-child,
  #content_area_16589 .sub_block_body_03 .img_plain_01:last-child,
  #content_area_16590 .sub_block_body_03 .img_plain_01:last-child{
    width: 60%;
  }
}

@media screen and (min-width: 0px) and (max-width: 1026px) {
  #sub_cat h3.head_3_01 .text{
    font-size: 12px;
  }
  .nav_panel_text_size{
    font-size: 10px;
  }
}

.toggle_panel_01 .toggle_panel_main:first-child{
  margin:0 auto 40px;
}

.toggle_panel_01 .toggle_panel_main_rowx2_reverse {
  flex-flow: row-reverse;
}

.toggle_panel_01 .toggle_panel_main_rowx2_reverse a {
  margin: 0 0 15px 3%;
  flex-flow: row-reverse;
}

.toggle_panel_01 .toggle_panel_main_rowx2_reverse a:nth-child(2n) {
    margin: 0 0 15px;
}

.nav_panel_02 .nav_panel_main .tag_ichitaro,
#sub_cat .head_3_tag_inner .tag.tag_ichitaro {
  background: #237c09;
}

.nav_panel_02 .nav_panel_main .tag_software,
#sub_cat .head_3_tag_inner .tag.tag_software {
  background: #0096dd;
}

.list_panel_main.list_panel_main_black li:after{
  background:#ea7580;
}


.firstview .substance img {
  margin: 15px 159px 20px
}

@media screen and (min-width: 0px) and (max-width: 1026px) {
  .firstview .substance img {
    margin: 55px 18% 40px 27%;
  }
}



.firstview_wrap_16590 .substance .year_position_01 {
    left: 240px;
}

.firstview_wrap_16590 .col-12 .sub_title {
  font-size: 26px;
  display: flex;
  position: absolute;
  left: 61%;
  top: 65%;
  transform: translate(-50%, -50%);
  color: #404040;
  font-family: 'Noto Sans JP', sans-serif;
  white-space: nowrap;
}

.firstview_wrap_16590 .col-12 .sub_title .sub_title_2 {
  text-align: center;
  line-height: 1.2;
  margin: 0 15px;
}

.adjustment_01 {
  display: flex;
}

.adjustment_02 {
  max-width: 446px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.adjustment_02 a {
  width: 49%;
}

.adjustment_02 a img {
  width: 100%;
}

.note {
  margin-bottom: 30px;
}

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

  .firstview .substance.substance_2 img {
      float: none;
      max-width: 269px;
      margin: 60px auto 70px auto !important;
      width: 100% !important;
  }
  .firstview_wrap_16590 .firstview .title {
     top: 5px;
  }

  .firstview_wrap_16590 .col-12 .sub_title {
    font-size: 18px;
    top: 60px;
    left: 50%;
  }

  .firstview_wrap_16590 .col-12 .sub_title .sub_title_2 span {
     display: inline-block;
  }
  .firstview_wrap_16590 .substance .year_position_01  {
      left: 50%;
      transform: translate(-47%, 0) scale(.82);
  }
  .adjustment_01 {
    display: block;
  }
  .adjustment_02 {
    display: block;
  }
  .adjustment_02 a {
    width: 100%;
  }

  .adjustment_02 a img {
    width: 100%;
  }
}

.btn_qr {
  position: relative;
  margin: 0 auto ;
  width :1280px ;
}
.btn_qrinner {
  display: none ;
  position: absolute;
  top:-50px;
  right:15px;
  margin: 0px 0 0 0 ;
  width:292px;
  height:auto;
  background-color : #fff ;
}
@media all and (-ms-high-contrast: none) {
  .btn_qrinner {
   position: absolute; top:-60px;right:15px;
  }
}

.btn_qr_2 {
  position: relative;
  margin: 0 auto ;
}
.btn_qrinner_2 {
  display: none ;
  position: absolute;
  top:-90px;
  left:245px;
  margin: 0px 0 0 0 ;
  width:520px;
  height:auto;
  background-color : #fff ;
}
@media all and (-ms-high-contrast: none) {
  .btn_qrinner_2 {
   position: absolute;
   top:-100px;
   right:15px;
  }
}

.active_qr, .active_qr_2 {
  display: block ;
  margin: 0 0 0 0 ;
  background-color : #fff ;
  border-right : 1px #ccc solid ;
  border-left : 1px #ccc solid ;
  border-bottom : 1px #ccc solid ;
  -webkit-animation : ani_qr .2s eace-out 0s normal 1 forwards ;
  -ms-animation :     ani_qr .2s ease-out 0s normal 1 forwards ;
  -moz-animation :    ani_qr .2s ease-out 0s normal 1 forwards ;
  animation :         ani_qr .2s ease-out 0s normal 1 forwards ;
  opacity : 0 ;
  z-index : 1 ;
}
@-webkit-keyframes ani_qr { 
  0% {
    opacity : 0 ;
    margin: -30px 0 0 0 ;
  }
  100% {
    opacity : 1 ;
    margin: 0 0 0 0 ;
  }
}
@keyframes ani_qr { 
  0% {
    opacity : 0 ;
    margin: -30px 0 0 0 ;
  }
  100% {
    opacity : 1 ;
    margin: 0 0 0 0 ;
  }
}
@-moz-keyframes ani_qr { 
  0% {
    opacity : 0 ;
    margin: -30px 0 0 0 ;}
  100% {
    opacity : 1 ;
    margin: 0 0 0 0 ;
  }
}

.btn_qr_ul {
  margin: 11px 0 12px 63px ;
  width : 171px ;
}
.btn_qr_ul li {
  height:31px;
  font-size : 17px ;
  line-height:31px;
  background: url(../../../assets/img/common/nav_arrow_disc01.svg) right center ;
  background-size : 24px 24px ;
  background-repeat : no-repeat ;
}

.btn_qr_ul_2 {
  margin: 13px 0 14px 168px ;
  width : 190px ;
}
.btn_qr_ul_2 li {
  height:37px;
  font-size : 18px ;
  line-height:37px;
  background: url(../../../assets/img/common/nav_arrow_disc01.svg) right center ;
  background-size : 24px 24px ;
  background-repeat : no-repeat ;
}
.btn_qr_ul li a, .btn_qr_ul_2 li a {
  display:block;
  width :100%;
  height:100% ;
  opacity:1;
}
.btn_qr_ul li a:link, .btn_qr_ul_2 li a:link {
  opacity:1;
}
.btn_qr_ul li a:visited, .btn_qr_ul_2 li a:visited {
  opacity:1;
}
.btn_qr_ul li a:hover, .btn_qr_ul_2 li a:hover {
  opacity:0.7;
  background: rgba(255, 255, 255, 0.4);
}
.btn_qr_ul li a:active, .btn_qr_ul_2 li a:active {
  opacity:0.6;
  background: rgba(255, 255, 255, 0.6);
}

.btn_qrinner_movie {
  top:-15px;
}
.btn_qrinner_movie .btn_qr_ul {
    margin: 11px 0 12px 38px;
    width: 221px;
}
.btn_qr_ul li.linex2 a, .btn_qr_ul_2 li.linex2 a {
    line-height: 1;
}

@media screen and (min-width: 0px) and (max-width: 1026px) {
  .btn_qr {
    position: relative;
    margin: 0 auto ;
    width :100% ;
    z-index:9;
  }
  .btn_qrinner {
    display: none ;
    position: absolute;
    top:-11px;
    right:3%;
    margin: 0px 0 0 0 ;
    width:190px;
    height:auto;
    background-color : #fff ;
  }
  .btn_qr_2 {
    position: relative;
    margin: 0 auto ;
    width:293px;
    z-index:9!important;
  }
  .btn_qrinner_2 {
    display: none ;
    position: absolute;
    top:-30px;
    left:6.7%;
    margin: 0 0 0 0 ;
    width:274px;
    height:auto;
    background-color : #fff ;
  }
  .active_qr, .active_qr_2 {
    display: block ;
    margin: 0 0 0 0 ;
    background-color : #fff ;
    border-right : 1px #ccc solid ;
    border-left : 1px #ccc solid ;
    border-bottom : 1px #ccc solid ;
    -webkit-animation : ani_qr .2s eace-out 0s normal 1 forwards ;
    -ms-animation :     ani_qr .2s ease-out 0s normal 1 forwards ;
    -moz-animation :    ani_qr .2s ease-out 0s normal 1 forwards ;
    animation :         ani_qr .2s ease-out 0s normal 1 forwards ;
    opacity : 0 ;
  }
  .active_qr, .active_qr_2 {
      display: block ;
      margin: 0 0 0 0 ;
      background-color : #fff ;
      border-right : 1px #ccc solid ;
      border-left : 1px #ccc solid ;
      border-bottom : 1px #ccc solid ;
      -webkit-animation : ani_qr .2s eace-out 0s normal 1 forwards ;
      -ms-animation :     ani_qr .2s ease-out 0s normal 1 forwards ;
      -moz-animation :    ani_qr .2s ease-out 0s normal 1 forwards ;
      animation :         ani_qr .2s ease-out 0s normal 1 forwards ;
      opacity : 0 ;
    }
    @-webkit-keyframes ani_qr { 
      0% {
        opacity : 0 ;
        margin: -30px 0 0 0 ;
      }
      100% {
        opacity : 1 ;
        margin: 0 0 0 0 ;
      }
    }
    @keyframes ani_qr { 
      0% {
        opacity : 0 ;
        margin: -30px 0 0 0 ;
      }
      100% {
        opacity : 1 ;
        margin: 0 0 0 0 ;
      }
    }
    @-moz-keyframes ani_qr { 
      0% {
        opacity : 0 ;
        margin: -30px 0 0 0 ;}
      100% {
        opacity : 1 ;
        margin: 0 0 0 0 ;
      }
    }

    .btn_qr_ul {
      margin: 10px 0 10px 28px ;
      width : 143px ;
    }
    .btn_qr_ul li {
      height:25px;
      font-size : 13px ;
      line-height:25px;
      background: url(../../../assets/img/common/nav_arrow_disc01.svg) right center ;
      background-size : 18px 18px ;
      background-repeat : no-repeat ;
    }
    .btn_qr_ul_2 {
      margin: 10px 0 10px 64px ;
      width : 146px ;
    }
    .btn_qr_ul_2 li {
      height:25px;
      font-size : 13px ;
      line-height:25px;
      background: url(../../../assets/img/common/nav_arrow_disc01.svg) right center ;
      background-size : 18px 18px ;
      background-repeat : no-repeat ;
    }
    .btn_qr_ul li a, .btn_qr_ul_2 li a {
      display:block;
      width :100%;
      height:100% ;
      opacity:1;
    }
    .btn_qr_ul li a:link, .btn_qr_ul_2 li a:link {
      opacity:1;
    }
    .btn_qr_ul li a:visited, .btn_qr_ul_2 li a:visited {
      opacity:1;
    }
    .btn_qr_ul li a:hover, .btn_qr_ul_2 li a:hover {
      opacity:0.8;
    }
    .btn_qr_ul li a:active, .btn_qr_ul_2 li a:active {
      opacity:0.6;
    }

    .btn_qrinner_movie {
      top:-8px;
    }
    .btn_qrinner_movie .btn_qr_ul {
      margin: 10px 0 10px 13px;
      width: 163px;
    }



}


.junbi {
  font-size: 18px!important;
  white-space: nowrap;
}

@media screen and (min-width: 0px) and (max-width: 1026px) {
  .junbi {
    font-size: 12px!important;
    margin: 0 20px 0 0;
  }
}

a img.img_border {
  border: 1px solid #ccc;
}



.relative {
  position: relative;
  vertical-align: text-top;
}

.relative_ttl {
  display: inline-block;
  position: relative;
  margin-top: 3px;
  margin-right: 10px;
  vertical-align: text-top;
}

@media screen and (min-width: 0px) and (max-width: 1026px) {
  .relative_ttl {
    margin-top: -3px;
  }
}

@media screen and (min-width: 0px) and (max-width: 668px) {
  .relative_ttl {
    margin-top: 1px;
  }
}