@charset "utf-8";
/*.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}*/

.kv { width: 96%; margin: 0 auto; }
.kv img { width: 100%; max-width: 750px; }

ul.corner {width: 96%; margin: 0 auto 10px;}
ul.corner li {margin: 0 0 5px; font-weight: bold; color: #11376A;}
ul.corner li:nth-child(odd) {font-weight: bold; color: #DF314A;}
/*ul.corner h5{color:#FFF; font-size: 1.25rem;font-weight: bold;background-color:#DF314A; padding:0.3em 0.8em; border-radius: 6px;margin-bottom: 1em;}
ul.corner h5:before{content: "★";font-size: 1.5rem;}
ul.corner div img{display: block;margin: 0 auto 3em; width:80%;height: auto; border: 10px solid #fff; box-shadow: 1px 1px 8px #ccc; }*/

.page_contents .sppg_content ul.corner li p {width: 100%; font-size:0.9rem; color: #000; padding-left: 1em; /*text-indent: -1em;*/ font-weight: 300;}

/*スライダー*/
.swiper {width: 80%; margin: 0 0 30px;}
#next .swiper {width: 90%; /*height: 304px;*/ margin: 0.25rem auto 2rem;}
#end .swiper {width: 90%; /*height: 304px;*/ margin: 0.25rem auto; border-bottom: 1px dotted #c3c3c3;}
.swiper-slide {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: bold;}
.swiper-slide img {width: 100%; height: auto; margin: 0;}

.page_contents .sppg_content p {font-size: 0.9rem; text-align: justify; }
.page_contents .sppg_content ul.cast_list li.wide1 {position: relative; float: left; width: 100%; margin: 0;}
.page_contents .sppg_content ul.cast_list li.wide1 img {width: 100%;}
.page_contents .sppg_content ul.cast_list li.wide2 {position: relative; float: left; width: 48%; margin: 0 1%;}
.page_contents .sppg_content ul.cast_list li.wide2 img {width: 100%;}



/*.page_contents .sppg_content ul.cast_list li.wide:nth-child(3n) {margin-right:3%;}

.page_contents .sppg_content ul.cast_list li.narrow {position: relative; float: left; width: 27%; margin: 0;}
.page_contents .sppg_content ul.cast_list li.narrow img {width: 100%;}*/
/*.page_contents .sppg_content ul.cast_list li.narrow:nth-child(3n) {margin-right:3%;}

.page_contents .sppg_content ul.cast_list li.narrow p.cast_txt span {font-size: 60%;}*/

.page_contents .sppg_content ul.cast_list li.wide1 p.cast_ph { position: relative; }
.page_contents .sppg_content ul.cast_list li.wide1 p.cast_ph span { position: absolute; bottom: 40px; left: 6px; }
.page_contents .sppg_content ul.cast_list li.wide1 p.cast_ph span img { width: 90%; }


@media screen and (max-width: 768px) {
.page_contents .sppg_content ul.cast_list li.wide1 {width: 100%; margin: 0 auto 20px; float: none;}
.page_contents .sppg_content ul.cast_list li.wide2 {width: 60%; margin: 0 auto 20px; float: none;}

.page_contents .sppg_content ul.cast_list li.narrow {position: relative; float: left; width: 31.3%; margin-right: 2%; margin-bottom: 10px;}
.page_contents .sppg_content ul.cast_list li.narrow:nth-child(3n) {margin-right: 0%;}

.page_contents .sppg_content ul.cast_list li.wide1 p.cast_ph { position: relative; }
.page_contents .sppg_content ul.cast_list li.wide1 p.cast_ph span { position: absolute; bottom: 40px; left: 8px; }
.page_contents .sppg_content ul.cast_list li.wide1 p.cast_ph span img { width: 80%; }

}

@media screen and (max-width: 480px) {

.page_contents .sppg_content ul.cast_list li.wide1 p.cast_ph {position: relative;}
.page_contents .sppg_content ul.cast_list li.wide1 p.cast_ph span {position: absolute; bottom: 40px; left: 4px;}
.page_contents .sppg_content ul.cast_list li.wide1 p.cast_ph span img { width: 70%; }


}