/*///////////////// story ////////////////*/
@media all and (min-width: 768px) {
.story article h2 span{display:block;width:928px;height:140px;background:url(../img/story/title.png)  left center no-repeat;}
}

@media all and (max-width: 767px) {
.story article h2 {padding:0;}
.story article h2 span{display:block;width:100%;height:0; padding-top:25%;
	background:url(../img/story/title_smp.png)  center top no-repeat;background-size:contain;}
 }


.story .subTitle{margin:0 auto;}
.story .subTitle .photoMain,
.story .photoArea .photo{display:block;background:#e7ebf1;padding:5px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}

.story .subTitle .photoMain .lazy,
.story .photoArea .lazy{border:solid 1px #22528a;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}


@media all and (min-width: 768px) {
.story .subTitle,
.story .photoArea{width:760px;margin:0 auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;}

.story .subTitle{margin-bottom:20px;}
.story .subTitle h3.s1{display:block;width:238px;height:298px;background:url(../img/story/h3-1.png)  center center no-repeat;}
.story .subTitle h3.s2{display:block;width:238px;height:298px;background:url(../img/story/h3-2.png)  center center no-repeat;}
.story .subTitle h3.s3{display:block;width:238px;height:298px;background:url(../img/story/h3-3.png)  center center no-repeat;}
.story .subTitle h3.s4{display:block;width:238px;height:298px;background:url(../img/story/h3-4.png)  center center no-repeat;}
.story .subTitle h3.s5{display:block;width:238px;height:298px;background:url(../img/story/h3-5.png)  center center no-repeat;}
.story .subTitle h3.s6{display:block;width:238px;height:298px;background:url(../img/story/h3-6.png)  center center no-repeat;}
.story .subTitle h3.s7{display:block;width:238px;height:298px;background:url(../img/story/h3-7.png)  center center no-repeat;}
.story .subTitle h3.s8{display:block;width:238px;height:298px;background:url(../img/story/h3-8.png)  center center no-repeat;}
.story .subTitle h3.s9{display:block;width:238px;height:298px;background:url(../img/story/h3-9.png)  center center no-repeat;}

.story .photoArea{margin-top:20px;}
.story .photoMain .lazy{display:block;width:512px;height:288px;}
.story .photoArea .lazy{display:block;width:360px;height:240px;}
}



@media all and (max-width: 767px) {
.story .subTitle h3{display:block;width:100%;height:0; padding-top:15.05%;margin-bottom:.5em;}
.story .subTitle h3.s1{background:url(../img/story/h3-1_smp.png) center bottom no-repeat ;background-size:contain;}
.story .subTitle h3.s2{background:url(../img/story/h3-2_smp.png) center bottom no-repeat ;background-size:contain;}
.story .subTitle h3.s3{background:url(../img/story/h3-3_smp.png) center bottom no-repeat ;background-size:contain;}
.story .subTitle h3.s4{background:url(../img/story/h3-4_smp.png) center bottom no-repeat ;background-size:contain;}
.story .subTitle h3.s5{background:url(../img/story/h3-5_smp.png) center bottom no-repeat ;background-size:contain;}
.story .subTitle h3.s6{background:url(../img/story/h3-6_smp.png) center bottom no-repeat ;background-size:contain;}
.story .subTitle h3.s7{background:url(../img/story/h3-7_smp.png) center bottom no-repeat ;background-size:contain;}
.story .subTitle h3.s8{background:url(../img/story/h3-8_smp.png) center bottom no-repeat ;background-size:contain;}
.story .subTitle h3.s9{background:url(../img/story/h3-9_smp.png) center bottom no-repeat ;background-size:contain;}

.story .photoMain,
.story .photoArea .photo{width:100%;margin:0 auto 1em;}
.story .photoArea .photo:last-child{margin-bottom:0;}
.story .photoMain .lazy,
.story .photoArea .lazy{display:block;width:100%;height:0;padding-top:66%;b}
 }


/* mov */
@media all and (min-width: 768px) {
	.mov{width:512px;height:288px;background:#e7ebf1;padding:5px;margin:0 auto;}
}
@media all and (max-width: 767px) {
	.mov {position: relative;width:100%;padding-top: 55%;height: 0;margin:0 auto 1em;overflow: hidden;
webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
border:solid 3px #e7ebf1;}
	.mov iframe{position: absolute;top: 0;left:0;width: 100%;height: 100%;}
}

/* bknm_mov*/
.bknm_mov{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.bknm_mov li a{
  position: relative;
  display: inline-block;
  background-color: #10447c;
  border: 2px solid #10447c;
  color: #fff;
  text-decoration: none;
  transition: all .3s;
}

.bknm_mov li a:hover {
  background-color: #fff;
  color: #10447c;
}

.bknm_mov li a:hover::after {
  border-left-color: #10447c;
}


@media all and (min-width: 768px) {

.bknm_mov{width:740px;margin:0 auto 15px;}
.bknm_mov li {font-size:100%;margin:5px;}
.bknm_mov li a{padding: .4em 2em;}
.bknm_mov li a::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .3s;
}

}
@media all and (max-width: 767px) {

.bknm_mov{width:100%;margin:0 auto 1em;}
.bknm_mov li {font-size:70%;margin:.2em .2em;}
.bknm_mov li a{ padding: .2em 2em .2em .5em;}
.bknm_mov li a::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .3s;
}
}


@media all and (max-width: 320px) {
.bknm_mov li {font-size:70%;margin:.2em .2em;}
.bknm_mov li a{ padding: .1em 2em .1em .5em;}
}


/*///////////////// guest ////////////////*/
#guest div{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#guest .name b{color:#00559c;}
#guest .txt{width:50%;text-align:center;}

@media all and (min-width: 768px) {
#guest h3{display:block;width:760px;height:70px;
	background:url(../img/story/guest/h3.png)  center center no-repeat;margin:30px auto 20px;}
#guest div{width:600px;margin:0 auto;}
#guest .pic{display:block;width:200px; height:200px;padding:5px;margin:0 auto;background:#e7ebf1;}
#guest .pic .lazy{display:block;width:200px; height:200px;border:solid 1px #22528a;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#guest .name{display:block;margin-top:10px;}
}

@media all and (max-width: 767px) {
#guest h3{display:block;width:100%;height:0; padding-top:15.05%;margin-bottom:1em;
	background:url(../img/story/guest/h3_smp.png)  center bottom no-repeat ;background-size:contain;}
#guest div{width:100%;margin:0 auto;}
#guest .txt{margin:.5em auto;}

#guest .pic{display:block;width:70%; padding:3px;margin:0 auto .5em;background:#e7ebf1;}
#guest .pic .lazy{display:block;width:100%; height:0; padding-top:100%;border:solid 1px #22528a;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#guest .name{display:block;font-size:90%;line-height:140%;}
#guest .name .cast_n{display:block;}
}




/* guest_bt*/
.guest_bt{border-top: dashed 1px #10447c;}
.guest_bt a{
  position: relative;
  display: inline-block;
  background-color: #8a2325;
  border: 2px solid #8a2325;
  color: #fff;
  text-decoration: none;
  transition: all .3s;
}
.guest_bt a:hover {
  background-color: #fff;
  color: #8a2325;
}
.guest_bt a:hover::after {
  border-top-color:#8a2325;
}


@media all and (min-width: 768px) {
.guest_bt{padding-top:20px;}
.guest_bt a{padding: .4em 2em .4em 1em;}
.guest_bt a::after {
  position: absolute;
  top: 50%;
  right: .5em;
  content: '';
  margin-top: -3px;
  border: 7px solid transparent;
  border-right-width: 5px;
  border-left-width: 5px;
  border-top-color: #fff;
  transition: all .3s;
}

}
@media all and (max-width: 767px) {
.guest_bt{padding-top:.5em;}
.guest_bt a{ padding: .2em 2em .1em .6em;}
.guest_bt a::after {
  position: absolute;
  top: 50%;
  right: .5em;
  content: '';
  margin-top: -3px;
  border: 7px solid transparent;
  border-right-width: 5px;
  border-left-width: 5px;
  border-top-color: #fff;
  transition: all .3s;
}
}


/* bknm*/
.story article h5{color:#22528a;border-left:solid 10px #22528a;border-bottom:solid 2px #22528a;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.bknm{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.bknm li.bt1 a{background-image:url(../img/story/bt1.png) ;}
.bknm li.bt2 a{background-image:url(../img/story/bt2.png) ;}
.bknm li.bt3 a{background-image:url(../img/story/bt3.png) ;}
.bknm li.bt4 a{background-image:url(../img/story/bt4.png) ;}
.bknm li.bt5 a{background-image:url(../img/story/bt5.png) ;}
.bknm li.bt6 a{background-image:url(../img/story/bt6.png) ;}
.bknm li.bt7 a{background-image:url(../img/story/bt7.png) ;}
.bknm li.bt8 a{background-image:url(../img/story/bt8.png) ;}
.bknm li.bt9 a{background-image:url(../img/story/bt9.png?new) ;}

.bknm li a{display: block;background-position:center center;background-size:contain;}

@media all and (min-width: 768px) {
.story article h5{font-size:140%;padding:5px 10px;}
.bknm{width:780px;margin:20px auto;}
.bknm li {width:138px;margin:0 5px;}
.bknm li a{width:138px;height:138px;}
}
@media all and (max-width: 767px) {
.story article h5{width:98%;margin:0 auto;padding:.3em .5em .2em;}
.bknm{width:100%;margin:.5em auto 0;}
.bknm li {width:18%;margin:0.5% 1%;}
.bknm li a{width:100%;height:0;padding-top:100%;}
}


/*media print*/
@media print {
.story .photoMain .lazy,
.story .photoArea .lazy,
#guest #g1 .p9-1{display: none;}
}