/*///----- guest -----///*/
.photoST h2{background:url(../img/photo/h2.png) no-repeat ;background-size:contain;}
.photoST .pBox p{color:#fff;}
/* bknm */
	.photoST .bknm h4{text-align:center;background:#000;color:#fff;}
	.photoST .bknm ul{margin:0 auto;letter-spacing:-0.5em;}
	.photoST .bknm li{display:inline-block;text-align:center;letter-spacing:0.05em;font-weight:bold;}
	.photoST .bknm li a{display:block;width:100%;height:100%;text-decoration:none;background:#c80000; color:#fff;}
	.photoST .bknm li a:hover{color:#000;background:#fff000;}
/*line */	
	.photoST .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) {
.photoST .mainArea h2{width:940px;height:180px;margin-bottom:0;border-bottom:none;}
.photoST .bgimg{display:block;width:940px;height:200px;margin:0 auto;}
.photoST .p_left{float:left;margin:0;width:360px;height:200px;background:url(../img/photo/eita2.jpg) bottom left no-repeat ;}
.photoST .t_right .intext{float:right;margin:30px 50px 0 0;width:520px;line-height:160%;}

	.pBox{width:940px;margin:0 auto;padding-bottom:30px;text-align:center;overflow:hidden;background:#000;}
	.pBox h3{width:790px;font-size:300%;color:#000;margin:20px auto 10px;}
	.pBox h3 span{display:inline-block;width:50%; padding:0;color:#fff;text-align:left;}
	.pBox h3 span:last-child{text-align:right;font-size:60%;}
	.pBox p{margin-top:20px;}
	
	.pBox ul{display:block;width:810px;margin:0 auto;}
	.pBox li{position:relative;width:240px;margin:10px;padding:5px;float:left;background:#fff;}
	.pBox li span{display:block;}
	.pBox li .lazy{width :240px;height:240px;background-size:cover;}
	.pBox li .photo_area{padding:0 5px;}
	.pBox li {transition: 1.0s ;}
/* bknm */
	.photoST .bknm h4{width:835px;padding:20px 0;margin:30px auto 10px;font-size:160%;}
	.photoST .bknm ul{width:835px;}
	.photoST .bknm li{width:100px;margin:0 5px 15px 0;}
	.photoST .bknm li:nth-child(8n){margin-right:0;}
	.photoST .bknm li a{padding:15px 0;}
	.photoST .bknm li {position: relative;}
	.photoST .bknm li a::before, .photoST .bknm li a::after {position: absolute;top: 100%;left: 40px;content: '';height: 0;width: 0;border: 8px solid transparent;}
	.photoST .bknm li a::before {border-top: 10px solid #c80000;}
	.photoST .bknm li a:hover::before, .photoST .bknm li a:hover::after {position: absolute;top: 100%;left: 40px;content: '';height: 0;width: 0;border: 8px solid transparent;}
	.photoST .bknm li a:hover::before {border-top: 10px solid #fff000;}
/* BT Flashing */
	.pBox 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 */	
	.photoST .line{margin-top:0;}
}

@media all and (max-width: 767px) {
.photoST .mainArea h2{width:90%;height:0;padding-top:14%;margin-bottom:0;}
.photoST .pBox{width:100%;margin:1em auto 0;padding-bottom:1em;text-align:center;overflow:hidden;background:#000;}

.photoST .bgimg{display:block;width:90%;margin:1em auto;clear:both;overflow:hidden;}
.photoST .p_left{position: relative;float:left;margin:0;width:35%;height:0;padding-top:23.3%;margin:0 1em 0 0;
	background:url(../img/photo/eita.jpg) top left no-repeat;background-size:contain;}
.photoST .p_left img{position: absolute;top:0;}
.photoST .t_right{line-height:140%;font-size:90%;}

	.pBox h3{width:88%;font-size:140%;color:#fff;text-align:left;margin:.5em auto;}
	.pBox h3 span{display:inline-block;width:50%; padding:0;color:#fff;text-align:left;}
	.pBox h3 span:last-child{text-align:right;font-size:60%;}
	.pBox p{font-size:70%;}

	.pBox ul{width:90%;margin:0 auto 1em;text-align:left;overflow:hidden;letter-spacing:-0.5em;}
	.pBox li{position:relative;display:inline-block;width:31.3%;margin:1%;vertical-align:top;border:solid 1px #fff;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.pBox li:nth-last-child(-n+3){margin-bottom:0;}
	.pBox li span{display:block;letter-spacing:0.1em;}
	.pBox li .lazy{width:100%;height:0; padding-top:100%;}
	.pBox li .photo_area{padding:0 0.2em;}

/* bknm */
	.photoST .bknm h4{width:90%;padding:.5em 0;margin:1em auto .5em;font-size:120%;}
	.photoST .bknm ul{width:90%;}
	.photoST .bknm li{width:18%;margin:0 2.5% .5em 0;}
	.photoST .bknm li:nth-child(5n){margin-right:0;}
	.photoST .bknm li a{padding:.5em 0 .4em;}
	.photoST .bknm li {position: relative;}
	.photoST .bknm li a::before, .photoST .bknm li a::after {position: absolute;top: 100%;left: 42%;content: '';height: 0;width: 0;border: 4px solid transparent;}
	.photoST .bknm li a::before {border-top: 5px solid #c80000;}
	.photoST .bknm li a:hover::before, .photoST .bknm li a:hover::after {position: absolute;top: 100%;left: 42%;content: '';height: 0;width: 0;border: 4px solid transparent;}
	.photoST .bknm li a:hover::before {border-top: 5px solid #fff000;}
/*line */	
	.photoST .line{margin-top:0;}
}