@charset "UTF-8";

.imagearea {background: url(../jpg/topimage_sp-2.jpg) no-repeat;background-size: cover;}
#intorolist li {padding-top: 0.75em;padding-left: 3.1em;text-indent: -3.1em;line-height: 1.6;}
#intorolist li:first-child {padding-top: 0.25em;}

#archives ul {width: 100%;}
#archives li {float: left;width: 30.9%;margin-left: 3.6%;margin-top: 3%;}
#archives li:nth-child(3n+1) {margin-left: 0;}
#archives li img {width: 100%;}

.slideoverlay {display: none;z-index: 1000;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #FFF;opacity: 1;}
.slide {display: none;z-index: 1001;position: fixed;top: 0;right: 0;bottom: 0;left: 0;}

#slideprev,
#slidenext {z-index: 1002;position: relative;
width: 80px;height: 80px;padding: 0;font-size: 0;line-height: 0;cursor: pointer;opacity: 0.5;
background-repeat: no-repeat;-webkit-background-size: 20px 50px;background-size: 20px 50px;
transition: opacity 0.3s ease;}

#slideprev:hover,#slidenext:hover {opacity: 1;transition: opacity 0.3s ease;}
#slideprev {position: absolute;left: 0;top: 0;background-image: url("../png/sp_left.png");background-position: center center;}
#slidenext{position: absolute;right: 0;top: 0;background-image: url("../png/sp_right.png");background-position: center center;}

.slidenav {width: 100%;}
.slideclose {display: block;background: transparent url("../png/pc_close.png") no-repeat scroll center center / 40px auto;
width: 80px;height: 80px;margin: 0 auto;padding: 0;overflow: hidden;text-indent: -9999px;opacity: 0.5;cursor: pointer;transition: opacity 0.3s ease 0s;}
.slideclose:hover {opacity: 1;transition: opacity 0.3s ease;}

.slideimage {position: fixed;top: 50%;transform:translateY(-50%);margin: 0 4.166%;}
.slideimage.first {z-index: 1003;}
.slideimage.next {z-index: 1002;}
.slideimage img {width: 100%;}

/* Tablet (Portrait) */
@media screen and (min-width: 736px) {
.imagearea {position: relative;height: 0;padding-top: 40.909%;;background-size: contain;}
.imagearea {background: url(../jpg/topimage_pc-2.jpg) no-repeat 50% 0;background-size: contain;}

#intorolist li {padding-top: 0.5em;line-height: 1.2;}
#intorolist li:first-child {padding-top: 0.25em;}

#archives li {float: left;width: 18.8%;margin-left: 1.5%;margin-top: 3.6%;}
#archives li:nth-child(3n+1) {margin-left: 1.5%;}
#archives li:nth-child(5n+1) {margin-left: 0;}
}

@media screen and (min-width: 769px) {

#slideprev, #slidenext {width: 100px;height: 100px;
-webkit-background-size: 43px 100px;
background-size: 43px 100px;}

#slideprev:hover, #slidenext:hover {opacity: 1;transition: opacity 0.3s ease;}
#slideprev {left: 30px;top: 50%;transform: translateY(-50%);background-image: url("../png/pc_left.png");}
#slidenext {right: 30px;top: 50%;transform: translateY(-50%);background-image: url("../png/pc_right.png");}
.slideclose{position: absolute;top: 40px;right: 40px;width: 60px;height: 60px;background-image: url("../png/pc_close.png");-webkit-background-size: 60px;background-size: 60px;}

.slideimage {margin: 0 150px;}
}

/* PC (SD) */
@media screen and (min-width: 980px) {
#talkshow .movie {width: 61.53846%;margin: 0 auto 0 0;}
.movie .inner a {background-size: 96px 96px;}
}