@charset "UTF-8";
/* CSS Document */

/*-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
　共通
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
h2 {
    font-size: 31px;
    letter-spacing: 2px;
}
@media (max-width: 640px) {
h2 {
    font-size: 26px;
 }
}

.gallerySectionBox_inner h2 {
 text-align: center;
 margin-bottom: 8px;
 line-height: 1.5em;
}
.gallerySectionBox_inner h2 span {
    font-size: 15px;
    font-family: 'Open Sans',游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


/*-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
　index(movie)
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
#gallery_out .gallerySectionBox_inner{
	text-align:center;
}

.gallerySectionBox_inner .movie ul li iframe {
 float: left;
}
 
 .movie ul {
 width: 900px;
 margin-left: auto;
 margin-right: auto;
 height: auto;
 display: inline-block;
 margin-bottom: 123px;
}
.movie ul li {
 width: 430px;
 float: left;
 padding-right: 0px;
 margin-right: 10px;
 margin-left: 10px;
 margin-top: 50px;
}
.movie ul li p {
 text-align: left;
 line-height: 1.5em;
 margin-bottom: 6px;
 border-left: 11px solid #474747;
 padding-left: 11px;
}



/******************************************************** スマホ用設定 */

@media screen and (min-width: 0px) and (max-width: 640px) {
#gallery_out .gallerySectionBox_inner {
 text-align: center;
 width: 90%;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 0;
 margin-top: 10%;
}
.gallerySectionBox_inner .movie ul {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}
.movie ul li {
 width: 100%;
 margin-bottom: 5%;
 clear: both;
 margin-left: auto;
 margin-right: auto;
 margin-top: 5%;
}
.movie ul li iframe {
 width: 100%;
 clear: both;
}

}