/*///----- guest -----///*/
.guest h2{background:url(../img/guest/h2.png) no-repeat ;background-size:contain;}
.guest .mainArea h3{text-indent: -9999px;}
.guest h3.g1{background:url(../img/story/h3_1.png) center center no-repeat;background-size:contain;}
.guest h3.g2{background:url(../img/story/h3_2.png) center center no-repeat;background-size:contain;}
.guest h3.g3{background:url(../img/story/h3_3.png) center center no-repeat;background-size:contain;}
.guest h3.g4{background:url(../img/story/h3_4.png) center center no-repeat;background-size:contain;}
.guest h3.g5{background:url(../img/story/h3_5.png) center center no-repeat;background-size:contain;}
.guest h3.g6{background:url(../img/story/h3_6.png) center center no-repeat;background-size:contain;}
.guest h3.g7{background:url(../img/story/h3_7.png) center center no-repeat;background-size:contain;}
.guest h3.g8{background:url(../img/story/h3_8.png) center center no-repeat;background-size:contain;}
.guest h3.g9{background:url(../img/story/h3_9.png) center center no-repeat;background-size:contain;}
.guest h3.g10{background:url(../img/story/h3_10.png) center center no-repeat;background-size:contain;}

.guest .name{color:#c80000;}
.guest .name b{font-size:110%;}
/* bknm */
.guest .bknm h4{text-align:center;background:#000;color:#fff;}
.guest .bknm ul{margin:0 auto;}
.guest .bknm li{text-indent: -9999px;}
/*line */	
.guest .line{border:none;height: 10px;
  background-image: linear-gradient(90deg,hsla(0, 0%, 50%, 1),hsla(0, 0%, 50%, 1) 33.33%,hsla(0, 0%, 50%, 0) 33.33%, hsla(0, 0%, 50%, 0) 100%);
  background-size: 3px 100%;}
  
  
@media all and (min-width: 768px) {
.guest .mainArea h3{width:840px;height:50px;margin:30px auto 20px;}
.guest .txt{overflow:hidden;clear:both;border-top:solid 5px #000;padding:20px 0 30px;}
.guest .photo{float:left;width:300px; height:200px;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;margin:10px 30px 0 10px;}
.guest .namebox{display:block;margin-bottom:20px;}
.guest .namebox .castname{float:right;color:#333;}
.guest .name{display:block;font-size:140%;padding-top:10px;}
/* bknm */
	.guest .bknm h4{width:835px;padding:20px 0;margin:30px auto 10px;font-size:160%;}
	.guest .bknm ul{width:840px;}
	.guest .bknm li{float:left;margin:0 4px;}
	.guest .bknm li:nth-child(1),.guest .bknm li:nth-child(2),.guest .bknm li:nth-child(3),.guest .bknm li:nth-child(4),.guest .bknm li:nth-child(5){margin-bottom:8px;}
	.guest .bknm li a{display:block;width:160px;height:106px;}
/* BT Flashing */
.guest .bknm li:hover {opacity: 1;-webkit-animation: flash 1.5s;animation: flash 1.5s;}
@-webkit-keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}
@keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}
/*line */	
.guest .line{margin-top:30px;}
}


@media all and (max-width: 767px) { 
.guest .mainArea h3{width:90%;height:0; padding-top:5.36%;margin:0 auto 1em;}
.guest .mainArea section{width:100%; margin:0 auto;}
.guest .txt{border-top:solid 3px #000;padding-bottom:1em;}
.guest .txt:last-child{padding-bottom:0;}

.guest .photo{width:80%; height:0; padding-top:53.4%;margin:2em auto 1em;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
.guest .namebox{display:block;margin-bottom:.5em;}
.guest .namebox .castname{float:right;color:#333;}
.guest .name{font-size:120%;}
/* bknm */
	.guest .bknm h4{width:90%;padding:.5em 0;margin:1em auto .5em;font-size:120%;}
	.guest .bknm ul{width:92%;text-align:left;letter-spacing:-0.5em;}
	.guest .bknm li{display:inline-block;}
	.guest .bknm li a{display:block;width:100%; height:0; padding-top:65.25%;}
	.guest .bknm li{width:18%;margin:0 1%;}
	.guest .bknm li:nth-child(1),.guest .bknm li:nth-child(2),.guest .bknm li:nth-child(3),.guest .bknm li:nth-child(4),.guest .bknm li:nth-child(5){margin-bottom:.5em;}
/*line */	
.guest .line{margin-top:1em;}
}