/* CSS Document */


.fadein {
  opacity: 0;
  transform : translate(0, 30px);
  transition : all 1500ms;
}
.fadein2 {
  opacity: 0;
  transform : translate(0, 0);
  transition : all 1500ms;
}
.fadein3 {
  opacity: 0;
  transform : translate(0, 15px);
  transition : all 3000ms;
}
.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/*----------------------------------------
2019国府台女子学院特設 css
----------------------------------------*/
#contents-main.all{
	margin: 40px 0 50px;
}

body.view #contents .inner{
	background: url("bg_header.png"),url("bg_main.jpg") ;
	background-repeat: no-repeat,repeat-y;
	background-position: top center,top center;
	background-size: contain,contain;
	padding: 0;
}

.contents-footer{
	width: 820px;
	margin: 0 auto;
}
/*.effect-fade{
	opacity: 0;
	transition: all .5s ease;
}
.effect-fade.show {
	opacity: 1;
	transform: none;
}
.fade-right{
	transform: translate(-15px, 0);
}
.fade-left{
	transform: translate(15px, 0);
}
.fade-up{
	transform: translate(0, 15px);
}*/

/*-- contents-header --*/
.contents-header{
	padding-bottom: 4px;
	/*background: rgb(24,162,227);
	background: -moz-linear-gradient(left,  rgba(24,162,227,1) 0%, rgba(68,186,180,1) 25%, rgba(254,229,48,1) 50%, rgba(242,159,117,1) 75%, rgba(229,51,131,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(24,162,227,1) 0%,rgba(68,186,180,1) 25%,rgba(254,229,48,1) 50%,rgba(242,159,117,1) 75%,rgba(229,51,131,1) 100%);
	background: linear-gradient(to right,  rgba(24,162,227,1) 0%,rgba(68,186,180,1) 25%,rgba(254,229,48,1) 50%,rgba(242,159,117,1) 75%,rgba(229,51,131,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a2e3', endColorstr='#e53383',GradientType=1 );*/
}
.contents-header-inner{
	padding-bottom: 50px;
	/*background: #fff;*/
}
.view.pc #contents h2,
.view #contents h2{
	width: 1020px;
	height: 500px;
	font-size: 0;
	background: url("ttl_main.png") no-repeat center top;
}
.view.pc #contents h2{
	margin: 0 auto;
}
.header-lead{
	font-size: 100px;
  line-height: 100px;
  margin-top: -40px;
	font-weight: bold;
	text-align: center;
  color: #FC005D;
}
.header-lead-desc{
  font-size: 24px;
  text-align: center;
  line-height: 1.6;
  font-weight: 600;
  margin: 30px 0;
}

/*-- contents-inner --*/
.contents-inner{
	width: 860px;
	margin: 0px auto 90px;
	text-align: center;
}
.rank-ttl{
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
  padding: 20px 0;
  border: solid 3px #fff;
  margin-bottom: 20px;
}
.rank-ttl.first{
  background-color: #FFFF99;
}
.rank-ttl.second{
  background-color: #ccc;
}
.rank-ttl.third{
  background-color: #EC9162;
}
/*.contents-inner article{
	display: flex;
	align-items: center;
}*/
.contents-inner article:not(:first-child){
	margin-top: 100px;
}
/*.list02,
.list04,
.list06{
	flex-flow: row-reverse;
}*/
.video{
	margin: 0;
	padding: 0;
}
.video-inner{
	width: 650px;
	position: relative;
	margin: 0 auto;
	padding: 20px;
	border: 2px solid #fc005d;
}
.video-inner:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	background: rgba(255, 255, 255, 0.5);
	z-index: -1;
}
/*.list01 .video-inner:after{
	background: -moz-linear-gradient(top,  rgba(24,162,227,0.3) 0%, rgba(68,186,180,0.3) 100%);
	background: -webkit-linear-gradient(top,  rgba(24,162,227,0.3) 0%,rgba(68,186,180,0.3) 100%);
	background: linear-gradient(to bottom,  rgba(24,162,227,0.3) 0%,rgba(68,186,180,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d18a2e3', endColorstr='#4d44bab4',GradientType=0 );
}
.list02 .video-inner:after{
	background: -moz-linear-gradient(top,  rgba(68,186,180,0.3) 0%, rgba(195,218,108,0.3) 100%);
	background: -webkit-linear-gradient(top,  rgba(68,186,180,0.3) 0%,rgba(195,218,108,0.3) 100%);
	background: linear-gradient(to bottom,  rgba(68,186,180,0.3) 0%,rgba(195,218,108,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d44bab4', endColorstr='#4dc3da6c',GradientType=0 );
}
.list03 .video-inner:after{
	background: -moz-linear-gradient(top,  rgba(195,218,108,0.3) 0%, rgba(254,229,48,0.3) 100%);
	background: -webkit-linear-gradient(top,  rgba(195,218,108,0.3) 0%,rgba(254,229,48,0.3) 100%);
	background: linear-gradient(to bottom,  rgba(195,218,108,0.3) 0%,rgba(254,229,48,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc3da6c', endColorstr='#4dfee530',GradientType=0 );
}
.list04 .video-inner:after{
	background: -moz-linear-gradient(top,  rgba(254,229,48,0.3) 0%, rgba(242,159,117,0.3) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,229,48,0.3) 0%,rgba(242,159,117,0.3) 100%);
	background: linear-gradient(to bottom,  rgba(254,229,48,0.3) 0%,rgba(242,159,117,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dfee530', endColorstr='#4df29f75',GradientType=0 );
}
.list05 .video-inner:after{
	background: -moz-linear-gradient(top,  rgba(242,159,117,0.3) 0%, rgba(235,115,129,0.3) 100%);
	background: -webkit-linear-gradient(top,  rgba(242,159,117,0.3) 0%,rgba(235,115,129,0.3) 100%);
	background: linear-gradient(to bottom,  rgba(242,159,117,0.3) 0%,rgba(235,115,129,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4df29f75', endColorstr='#4deb7381',GradientType=0 );
}
.list06 .video-inner:after{
	background: -moz-linear-gradient(top,  rgba(242,159,117,0.3) 0%, rgba(229,51,131,0.3) 100%);
	background: -webkit-linear-gradient(top,  rgba(242,159,117,0.3) 0%,rgba(229,51,131,0.3) 100%);
	background: linear-gradient(to bottom,  rgba(242,159,117,0.3) 0%,rgba(229,51,131,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4df29f75', endColorstr='#4de53383',GradientType=0 );
}*/
.video-inner a{
	position: relative;
	z-index: 1;
}
.video-caption{
	padding-bottom: 30px;
	font-size: 18px;
	font-weight: bold;
}
.video-caption .team-name{
  font-size: 24px;
  line-height: 1.8;
}
.video-caption .team-name .vote-number{
  font-size: 22px;
}
/*.list02 .video-caption,
.list04 .video-caption,
.list06 .video-caption{
	padding: 0 70px 0 0;
}*/
/*.pc_tune01{
	padding-left: 44px;
}
.pc_tune02{
	padding-left: 73px;
}*/
.modal{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 100;
}
.modal-bg{
	background: rgba(0,0,0,0.7);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal-inner{
	width: 50%;
	height: 45%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.modal-inner iframe{
	width: 100%;
	height: 100%;
}
a.js-modal-close{
	font-size: 40px;
	color: #fff;
	position: absolute;
	right: -40px;
	top: -50px;
	display: block;
}


.btn_box{
	padding-top: 50px;
}


/*-- contents-footer --*/
.contents-footer{
	padding: 4px;
	/*background: rgb(24,162,227);
	background: -moz-linear-gradient(left,  rgba(24,162,227,1) 0%, rgba(68,186,180,1) 25%, rgba(254,229,48,1) 50%, rgba(242,159,117,1) 75%, rgba(229,51,131,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(24,162,227,1) 0%,rgba(68,186,180,1) 25%,rgba(254,229,48,1) 50%,rgba(242,159,117,1) 75%,rgba(229,51,131,1) 100%);
	background: linear-gradient(to right,  rgba(24,162,227,1) 0%,rgba(68,186,180,1) 25%,rgba(254,229,48,1) 50%,rgba(242,159,117,1) 75%,rgba(229,51,131,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a2e3', endColorstr='#e53383',GradientType=1 );*/
}
.contents-footer-inner{
	padding: 25px;
	border: 2px solid #fc005d;
}
.contents-footer-inner:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 15px;
	top: 15px;
	background: rgba(255, 255, 255, 0.5);
	z-index: -1;
}

.contents-footer dl{
	display: table;
}
.contents-footer dl:first-child{
	margin-bottom: 20px;
}
.contents-footer dt,
.contents-footer dd{
	display: table-cell;
	vertical-align: top;
}
.contents-footer dt{
	width: 180px;
	background: #FFF;
	text-align: center;
}
.contents-footer dt img{
	
}
.contents-footer dd{
	padding-left: 30px;
}
#contents-main h3{
	margin-bottom: 10px;
	padding: 0;
	font-size: 18px;
	text-align: left;
	border: none;
	background: none;
}

/*----------------------------------------
 スマホ
----------------------------------------*/
.sp #contents-main.all{
	margin: 20px 0 50px;
}
.sp .contents-header,
.sp .contents-footer{
	width: auto;
}


/*-- contents-header --*/
.sp.view #contents h2{
	background: url("ttl_main_s.png") no-repeat center top;
	margin: 0 auto;
	background-size: contain;
	width: 100%;
	height: 280px;
	padding: 0;
}
@media screen and (min-width: 320px){
  .sp.view #contents h2{
    height: 255px;
  }
}
@media screen and (min-width: 340px){
  .sp.view #contents h2{
    height: 265px;
  }
}
@media screen and (min-width: 360px){
  .sp.view #contents h2{
    height: 275px;
  }
}
@media screen and (min-width: 380px){
  .sp.view #contents h2{
    height: 290px;
  }
}
@media screen and (min-width: 400px){
  .sp.view #contents h2{
    height: 300px;
  }
}
@media screen and (min-width: 420px){
  .sp.view #contents h2{
    height: 310px;
  }
}
.sp .contents-header-inner{
	padding-bottom: 20px;
}
.sp .header-lead{
  font-size: 45px;
  line-height: 45px;
  margin-top: -50px;
}
.sp .header-lead-desc{
  font-size: 16px;
  margin: 15px 0;
}
/*-- contents-inner --*/
.sp .contents-inner{
	width: 90%;
	margin: 0px auto 50px;
}
.sp .contents-inner article{
	display: inherit;
}
.sp .contents-inner article:not(:first-child){
	margin-top: 50px;
}
.sp .rank-ttl{
  font-size: 28px;
  line-height: 28px;
  padding: 10px 0;
}
.sp .video-inner{
	width: 95%;
	box-sizing: border-box;
}
.sp .video-inner:after{
	width: 100%;
	right: -15px;
	bottom: -15px;
}
.sp .video-inner img{
	width: 100%;
}
.sp .video-caption{
	padding: 0 0 15px;
	font-size: 16px;
}
.sp .video-caption .team-name{
  font-size: 18px;
  line-height: 1.6;
}
.sp .video-caption .team-name .vote-number{
  font-size: 17px;
}
.sp .modal-inner{
	width: 95%;
	height: 35%;
}
.sp a.js-modal-close{
	right: 0;
	top: -50px;
}
.sp .pc_tune01,
.sp .pc_tune02{
	padding-left: 0;
}

/*-- contents-footer --*/

.sp .contents-footer-inner{
	width: 88%;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}
.sp .contents-footer-inner::after{
	left:10px;
	top: 10px;
}

.sp .contents-footer dl,
.sp .contents-footer dt,
.sp .contents-footer dd{
	display: inherit;
}
.contents-footer dl:first-child{
	margin-bottom: 35px;
}
.sp .contents-footer dt{
	margin: 0 auto 15px;
}
.sp .contents-footer dd{
	padding-left: 0;
}