@charset "UTF-8";

.lh20{line-height: 20px;}
.mb0{margin-bottom: 0 !important;}
.mb8{margin-bottom: 8px !important;}
.article_ttl{
  text-align: center;
}

.article_19_in{
  text-align: center;
  padding-top: 0 !important;
}

.article_19_in p.lh21{line-height: 21px !important;}
.article_19_in img.pic{margin-bottom: 50px;}
.article_19_in .h-1{margin-bottom: 33px !important;}
.article_19_in .h-2{margin-bottom: 96px;}


/*mov_box*/
.mov_box{
  width: 1000px;
  height: 560px;
  position: relative;
  margin-bottom: 95px;
}
.mov_box iframe{
  position: absolute !important;
  top: 0;
  left: 0;
}
.article_19 .box.bg_box{
  padding-top: 98px;
  padding-bottom: 0;
}
.article_19 .ttl1{
  text-align: center;
  margin-bottom: 103px;
}
.sttl1{
  text-align: center;
  margin-bottom: 51px;
}
.ttl_2 {
  margin-bottom: 65px;
}
.pic_wrap ul.pic_box{
  display: table;
  margin: 0 auto 36px auto;
}
.pic_wrap ul.pic_box li{
  display: table-cell;
}
.pic_wrap ul.pic_box li:first-child{
  padding-right: 60px;
  background-image: url(/img/magazine/19/ico_arrow.gif);
  background-repeat: no-repeat;
  background-position: right center;
}
.pic_wrap ul.pic_box li img{
  width: 390px;
}

.process_wrap{
  width: 840px;
  margin: 0 auto 96px auto;
  overflow: hidden;
}
.process_wrap .sttl1{
  width: 180px;
  float: left;
  text-align: left;
  padding-top: 5px;
}

.process_wrap .process_txt{
  width: 660px;
  float: left;
}
.process_wrap .process_txt ul.num_list{}
.process_wrap .process_txt ul.num_list li{
  padding-bottom: 6px;
  border-bottom: solid 1px #d0cece;
  margin-bottom: 9px;
  line-height: 20px;
}
.process_wrap .process_txt ul.num_list li:last-child{margin-bottom: 0;}

.process_wrap .process_txt ul.num_list li.ico_num{
  font-size: 13px !important;
  line-height: 2!important;
  letter-spacing: .15em!important;
  list-style-position:inside;
  display: flex;
}
.page-en .process_wrap .process_txt ul.num_list li.ico_num {
  letter-spacing: .075em;
}
.process_wrap .process_txt ul.num_list li.ico_num p.list_num{
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.process_wrap .process_txt ul.num_list li.ico_num p.list_txt{
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  padding-left: 8px;
}

.process_wrap .process_txt p {
  line-height: 20px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.process_wrap p
.process_wrap li{
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

dl.num_list_parent{
  width: 100%;
  display: table;
  margin-bottom: 6px;
}
dl.num_list_parent dt,
dl.num_list_parent dd{
  display: table-cell;
  padding-bottom: 9px;
  border-bottom: solid 1px #d0cece;
  margin-bottom: 6px;
  font-size: 13px !important;
  line-height: 2!important;
  letter-spacing: .15em!important;

  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.page-en dl.num_list_parent dt,
.page-en dl.num_list_parent dd {
  letter-spacing: .075em !important;
}
dl.num_list_parent dt{width: 48px;}

dl.num_list_parent dd ul.num_list li.last{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.inbox_f_txt{
  padding-top: 96px;
  padding-bottom: 36px;
  margin: 0 auto;
  width: 840px;
  text-align: right;
  color: #898484;
}
.other_link_wrap{
  margin: 0 auto;
  padding: 96px 0;
  border-bottom: 1px solid #e7e6e6;
  width: 900px;
}

ul.aritcle-pager {
  padding-top: 40px;
}



@media only screen and (max-width: 479px) {

/* android用 */
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: "SourceHanSerifJP-Regular";
  src: url("/magazine/fonts/SourceHanSerifJP-Regular_sub.woff") format("woff"), url("/magazine/fonts/SourceHanSerifJP-Regular_sub.otf") format("opentype");
}

@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: "SourceHanSerifJP-SemiBold";
  src: url("/magazine/fonts/SourceHanSerifJP-SemiBold_sub.woff") format("woff"), url("/magazine/fonts/SourceHanSerifJP-SemiBold_sub.otf") format("opentype");
}

.title {
  font-family: "游明朝" , "Yu Mincho" ,"游明朝体" , "YuMincho",  YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "SourceHanSerifJP-SemiBold", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

  .inbox,
  .mov_box,
  .process_wrap .sttl1,
  .process_wrap .process_txt{
    width: 100% !important;
    float: none;
  }
  .mov_box{
    height: 100%;
    margin-bottom: 42px;
  }

  .pic_wrap ul.pic_box li img{width: 100%;}
  .pic_wrap ul.pic_box li{
      background-image: none !important;
      padding-right: 0 !important;
  }
  .article_19 .ttl1{margin-bottom: 43px;}
  .article_19 .box.bg_box{
    padding-top: 55px;
  }
  .sttl1{margin-bottom: 28px;}
  .pic_wrap ul.pic_box{margin-bottom: 24px;}
  .process_wrap{
    width: 75%;
    margin: 0 auto;
  }
  .process_wrap .sttl1{display: none;}
  .process_wrap .process_txt{margin-bottom: 56px;}
  .process_wrap .process_txt ul.num_list li{
    font-size: 11px;
    line-height: 19px;
    padding-bottom: 6px;
    margin-bottom: 6px;
  }

.process_wrap .process_txt ul.num_list li.ico_num p.list_txt,
.process_wrap .process_txt dl.num_list_parent dd ul.num_list li.ico_num p.list_txt,
.process_wrap .process_txt dl.num_list_parent dd ul.num_list li.ico_num p.list_num {
  padding-top: 2px;
}
  dl.num_list_parent dt{width: 44px;}
  dl.num_list_parent dd p{line-height: 19px !important;}
  .sp_mb0{margin-bottom: 0 !important;}
  .inbox_f_txt {
    padding-top: 56px;
    padding-bottom: 50px;
    width: 75%;
  }
  .other_link_wrap{
    padding: 52px 0;
    width: 82.5%;
  }
  .filter{
    position: relative;
    display: block;
  }
  .filter iframe{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    opacity: 0;
  }
  .filter .movie_cover{
    position: relative;
    z-index: 400;
  }
  .ico_num {
    font-size:15px;
  }
.process_wrap .process_txt ul.num_list li {
  margin-bottom:6px;
}
.ttl_2 {
  margin-bottom: 35px;
}
}
