@charset "utf-8";

body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
line-height: 1.6;
color:#ccc;
background-color: #000;
}
img {
	vertical-align:middle;
	display: block;
	border:0;
	width:100%;
	height: auto;
	line-height:0;
	font-size:0;
}
a:link,
a:visited {
color:#111111;
}

.container-fluid {
padding-right: 0px;
padding-left: 0px;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.col-md-6,
.col-6,
.col-lg-3 {
    padding-right: 0px;
    padding-left: 0px;
}
.col-md-6 p,
.col-6 p,
.col-lg-3 p {
margin: 0;
padding: 0;
}
.photo {
width: 100%;
display: table;
}
.photo p {
margin: 0;
padding: 0;
}
.clm2 {
width: 50%;
display:table-cell;
}
.clm2 img {
display: inline;
}
.text {
padding: 4rem 5rem 1rem 5rem;
}
.text p {
font-size: 1.15em;
line-height: 1.8;
margin-bottom: 1rem;
}
.text p.thumb {
margin-top: 2rem;
font-size: .875em;
line-height: 1.8;
color:#eee;
}

/*header*/
header {
position: relative;
}
h1 {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: 0 auto;
padding: 2.5rem 0;
text-align: center;
z-index: 100000;
font-size: 2.25em;
font-weight: bold;
line-height: 1.5;
color:#fff;
background-color: rgba(205,0,0,0.8);
}

/*nav*/

/* header */



/*main*/

/*footer*/
#footerarea {
padding:0;
color:#fff;
}
#footerarea a {
color:#fff;
text-decoration: none;
}
#footerarea a:hover {
color:#ffcccc;
text-decoration: none;
}
#movieinfo {
font-size: .875rem;
line-height: 1.8;
text-align: center;
padding:2rem 0;
margin:0;
background: #cc0000;
}
#eventinfo {
font-size: .75rem;
line-height: 1.8;
text-align: center;
padding:0;
}
#gakusei {
background-color: #222;
font-size: .875rem;
line-height: 1.6;
text-align: center;
padding:1rem 0;
margin:0;
}
#copyright {
background-color: #111;
font-size: .7rem;
line-height: 1.6;
text-align: center;
padding:1rem 0;
margin:0;
}
#pagetop {
position: fixed;
bottom: 15px;
right: 15px;
padding: 0;
margin: 0;
font-size: 2.5rem;
line-height: 1;
text-align: center;
}
#pagetop a {
display: block;
background: rgba(0,0,0,1);
padding: 0.1em 0.32em 0.1em 0.32em;
border-radius: 50%;
color:#fff;
text-align: center;
}
#pagetop i {
margin: 0;
}

/*font

$font-size-root: 16px !default;
 
$font-size-base: 1rem !default;
$font-size-lg:   1.25rem !default;// 20px
$font-size-sm:   .875rem !default;// 14px
$font-size-xs:   .75rem !default; // 12px
 
$font-size-h1:   2.5rem !default; // 40px
$font-size-h2:   2rem !default;   // 32px
$font-size-h3:   1.75rem !default;// 28px
$font-size-h4:   1.5rem !default; // 24px
$font-size-h5:   1.25rem !default;// 20px
$font-size-h6:   1rem !default;

*/

#slide_wrapp {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#slide_wrapp .slide_item {
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  transform: scale(1);
  transition: opacity 2s linear, transform 7.5s linear;
  position: relative;
  z-index: 1;
}
#slide_wrapp .slide_item:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
#slide_wrapp .slide_item.show_ {
  opacity: 1;
}
#slide_wrapp .slide_item.zoom_ {
  transform: scale(1.1);
}
#slide_wrapp .slide_item img {
  display: block;
}

.fadein {
opacity : 0.7;
transform : translate(0, 30px);
transition : all 400ms;
}
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
}
#sec001 .col-md-6:nth-child(2).fadein,
#sec002 .col-6:nth-child(1).fadein,
#sec002 .col-6:nth-child(2).fadein,
#sec003 .col-md-6:nth-child(1).fadein,
#sec004 .col-md-6:nth-child(2).fadein,
#sec005 .col-md-6:nth-child(1).fadein {
transition-delay:100ms;
}
#sec001 .col-md-6:nth-child(1).fadein,
#sec002 .col-6:nth-child(3).fadein,
#sec002 .col-6:nth-child(4).fadein,
#sec003 .col-md-6:nth-child(2).fadein,
#sec004 .col-md-6:nth-child(1).fadein,
#sec005 .col-md-6:nth-child(2).fadein {
transition-delay:300ms;
}

.moviebox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.moviebox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

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

.text {
padding: 2rem 3rem 0rem 3rem;
}
.text p {
font-size: 1em;
line-height: 1.86;
margin-bottom: 0.5rem;
}
.text p.thumb {
margin-top: 1.5rem;
font-size: .75em;
line-height: 1.6;
}

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

.text {
padding: 2rem 2rem 0rem 2rem;
}


}

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

h1 {
padding: 2rem 0;
font-size: 2em;
line-height: 1.5;
}
.text {
padding: 1.5rem 2rem 0rem 2rem;
}
.text p {
font-size: .85em;
line-height: 1.6;
}
.text p.thumb {
margin-top: 1rem;
font-size: .7em;
line-height: 1.6;
}

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



h1 {
padding: .7rem 0;
font-size: 1em;
line-height: 1.5;
}
main {
margin: 1.5rem 1.5rem .5rem 1.5rem;
}
main img {
margin-bottom: 1rem;
}
.text {
padding: 0rem 0 1.5rem 0;
}
.text p {
font-size: 1em;
line-height: 1.8;
}
.text p.thumb {
margin-top: 1rem;
font-size: .875em;
line-height: 1.6;
}

.clm2:first-child {
	text-align: left;
}
.clm2:last-child {
	text-align: right;
}
.clm2 img,
.col-6 img {
    width: 97%;
	display: inline;
}
.col-6:nth-child(2n) p {
	text-align: right;
}


#copyright {
font-size: .7rem;
line-height: 1.5;
text-align: center;
padding:1rem 0;
margin:0;
}


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

}