@charset "utf-8";


img {
	max-width:100%;
}



/* -------------------------------------
     case over 768px (== PC)               */
/* SP以外で非表示にするもののみここにまとめる */
@media screen and (min-width: 768px) {

}
/*		end case 768px (PCサイズ ここまで)
----------------------------------------*/

/* -------------------------------------
     case 767px (== SP)               */
@media screen and (max-width: 1024px) {
	
	.campaign_link {
		margin-left : 5%;
		margin-right : 5%;
		
	}
}

/* -------------------------------------
     case 767px (== SP)               */
@media screen and (max-width: 767px) {


/* -------------------------------------
     下層のレスポンシブ用
----------------------------------------*/

html{
     height:100%;
     font-size:2.666666vw;     /* 1rem = 10px */
}



/* -------------------------------------
      骨組み
---------------------------------------- */

.content {
	width : 100%;	
}

/* -------------------------------------
      コンテンツ
---------------------------------------- */

header {
	height : 30vh;
	padding : 5rem 3vw;
}

footer {
	
	padding : 6.0rem 3vw;
}

.overview .-detail {
	flex-direction : column;
}

.overview .-text,
.overview .-image {
	width: 100%;
	padding: 3vw;
	line-height: 1.4;
}

.schedule .-list {
	margin: 6vw 3vw;
}


.movie iframe{
	margin : 0 auto;
	display: block;
	max-width: 600px;
	max-height : 348px;
	width: 100%;
	height : 30vh;
}

.sponsor .line {
	margin : 0 3vw;
}

.sponsor_logo .-logo {
	width: 100%;
}


}
/*		end case 736px (スマホサイズ ここまで)
----------------------------------------*/