html,body{

	padding:0px;
	margin:0px;
	font-size:15px;
	color:#000;
	line-height:1.4em;
	height:100%;
	letter-spacing:1px;
	/*background:url(../image/head_grade.jpg) center top repeat-x;*/

}

body{-webkit-text-size-adjust: 100%;
    font-family: 'Noto Serif JP', serif;


}

h2,h3,h4,h5,p,img{
padding:0px;
	 margin:0px;
font-size:15px;
text-decoration:none;
font-weight : normal;
line-height:2em;
}



h1{
padding:0px;
margin:0px;
font-size:13px;
color:#333333;
text-decoration:none;
font-weight : normal;
line-height:12px;
}

.clearfix::after{
content:"";
display:block;
clear: both;
}

*{box-sizing:border-box;}


/*
-----------------------------------------------------------*/



body{
    height:auto;
   background-color:#fff;
    background-size: 90% ;
        border:12px solid #000;


	}


/*pc
-----------------------------------------------------------*/

@media screen and (min-width: 800px) {

/* ipad以上 (PC) */


.sp{ display:none;}
.pc{ display:block;}
}
.widthWrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0 5%;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 5;
}


.flexBlock {
	display: -webkit-flex;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	flex-direction: row;
	list-style: none;
	flex-shrink: 0;
}


.flexColumn {
	flex-direction: column;
}
.flexAlignCenter {
	align-items: center;
}
.flexStrech {
	align-content: stretch;
}
.flexCenter {
	justify-content: center;
}
.flexStart {
	justify-content: flex-start;
}
.flexBetween {
	justify-content: space-between;
}
.flexSplit li,
.flexSplit div {
	width: 48%;
}
.flexList4 li {
	width: 24%;
}
.flexEvent li {
	width: 31.333333%;
	margin: 0 1% 1em;
	padding: 0.5em 0.5em 1em;
	background-color: rgba(255,255,255,0.1);
	box-sizing: border-box;
}
.flexEvent li .title {
	display: block;
	margin: 0.25em auto
}
.flexEvent li .sns {
	display: block;
	width: 100%;
	height: 1.5em;
}
.flexEvent li .sns a {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
}
.flexEvent li .sns a + a {
	margin-left: 0.5em;
}
.popupInfo {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.popupInfo > div {
	padding: 2.5em;
	background-color: rgba(0,0,0,0.75);
}



.mt50{ margin-bottom:50px;}



header{
	position:fixed;
	width:100%;
	/*
	z-index:20000;
	*/
	z-index:2000;
}
#header_block{display:flex; flex-direction;row; justify-content:flex-start; align-items:center; margin-top:35px;}

.head_en{  position:absolute; right:40px; top:34px; background-color:#fff; }
.head_en p{ padding:0px 20px 0px 20px; font-size:18px; line-height: 1.5em; font-family: 'Libre Baskerville', serif;}


#h_rogo{ flex:0 1 20%; margin-right:auto; margin-left:40px; margin-top:-15px;}
#h_rogo img{ width:450px; backdrop-filter: blur(10px);   -webkit-backdrop-filter:blur(10px); padding: 5px; background:url("../image/bg_rogo.png") center center no-repeat; }
nav{ flex-basis: 900px;}
ul.acnav{display:flex;  justify-content:flex-end; margin:8px 30px 0 0; position:absolute; right:150px; top:28px; }
li.acnav_li{ list-style:none; font-size:17px; flex:0 1 auto; margin-left:3em; font-weight:bold;

  font-family: 'Libre Baskerville', serif;
}







.acnav_li a.active{ }
.acnav_li a:hover{ border-bottom:solid #000 3px; padding-bottom:5px;}
.acnav_li:last-child{  margin-right: 0px !important;}
.acnav .social{  margin-right: 0px !important;}

#acnav{ position:relative;}
.acnav_li:hover .menu_mega {  max-height: 9999px;  opacity: 1; }


.menu_mega .menu_inner li a { }
.menu_mega {  transition: all .2s ease-in;  max-height: 0;  opacity: 0;  overflow: hidden;  width:150px;  position: absolute; top:29px;  background-color: #0047d9; z-index:5;}
nav .menu_inner{ padding-top:20px; !important}
.menu_mega .menu_inner li { font-size:14px; margin:0px 10px; padding-left:10px; padding-bottom:20px; list-style:none;   font-family: 'Libre Baskerville', serif;}
.menu_mega a { color: #fff;}



/*スマホメニュー*/

#menuArea{display:none;}
.sp-bottom-menu2{display:none;}




/*top
-----------------------------------------------------------*/


#point{
	position:fixed;
	top:320px;
	right:50px;
	/*
	z-index:9999;
	*/
	z-index:1999;
}
#point img{ width:100%;}

#sns{
	position:fixed;
	top:400px;
	left:50px;
	/*
	z-index:9999;
	*/
	z-index:1999;
}
#sns ul li{margin-bottom:15px;}
#sns ul li img{ width:30px;}
#sns ul li:nth-of-type(4){ margin-left:2px;}
#sns ul li:nth-of-type(4) img{ width:25px;}

.top_title01{
	width:23%;
	position:absolute;
	top:130px;
	left:10%;
	/*
	z-index:9999;
	*/
	z-index:1999;
	min-width:350px;
}
.top_title01 img{ margin-bottom:17px;}
.top_title01 p{ margin-bottom:3px; width:70%; min-width:600px; font-size:1.1em;}
.top_title01 span{ background-color:#fff; padding:0px; margin-top:30px;}
.top_title02{
	width:600px;
	position:absolute;
	top:82%;
	right:5%;
	/*
	z-index:9999;
	*/
	z-index:1999;
	min-width:400px;
}


.top_container{
	padding-top:180px;
	background:url("../image/top_bg.jpg") center center no-repeat #fff;
	background-size:cover;
	background-attachment: fixed;
}
.top_container_block{
	position:relative;
	padding-bottom: 180px;
	width:100%;
	max-width:1200px;
	margin: 0 auto;
}

.top_image--video{
	margin-left: auto;
	margin-right: auto;
	padding-top: 56%;
	position: relative;
	overflow: hidden;
}
.top_image--video video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
@media screen and (min-width: 981px){
	.top_image--video{
		width: 80%;
		max-width: 1080px;
		max-height: 608px;
		padding-top: 43%;
	}
}

 /* メイン背景 */

.main_bg01{background-color:#0047d9; background: url(../image/top_bg_opacity.jpg) center center no-repeat #0047d9; background-size:cover;
    background-attachment: fixed;}

.main_bg02{background:url("../image/top_bg02.jpg") top center no-repeat; background-size:cover;
    background-attachment: fixed;}

.main_bg04{background:url("../image/footer_bg.jpg") top center no-repeat; background-size:cover;
 background-attachment: fixed;}

 /* white背景 */
.bg_white{background:url("../image/bg_white.png") top center repeat-y; background-size:cover;
    background-attachment: fixed;}

/* container_背景 */

.bg_color01{background-color:#fffc00;}
.bg_color02{background:#fff;    background-attachment: fixed;      }
.bg_color03{background:#fefc4f;     background-attachment: fixed;    }
.bg_color04{background-color:#ffffff;}


/* container_共通レイアウト */

.container{ width:100%; padding:0px 0; z-index:300; position: relative;}
.container_block01{ margin:0 10%; padding:50px; position:relative;}
.container_block02{ margin:0 10%; padding:50px; }
.container_box01{ margin:0 auto;  }
.container_box02{}

.h2_block h2{ font-size:50px; line-height:1.6em; text-align:left; color:#000;
    padding-bottom:10px; margin-left:50px; padding-top:40px;   font-family: 'Libre Baskerville', serif;}
.h2_block img{ height:70px; width:70px; margin-left:90px;}

.more01{ position:absolute; bottom:-30px; right:50px;}
.more:hover{opacity:0.8;}
.more01 p{ font-size:40px; line-height:1.6em; text-align:left; color:#fff; font-family: 'Libre Baskerville', serif;
    padding-bottom:5px; margin-left:50px; padding-top:50px; }
.more01 img{ width:37px; margin-left:95px;}

.more02{ position:absolute; bottom:-30px; right:50px;}
.more02 p{ font-size:40px; line-height:1.6em; text-align:left; color:#000; font-family: 'Libre Baskerville', serif;
    padding-bottom:5px; margin-left:50px; padding-top:50px; }
.more02 img{ width:37px; margin-left:95px;}



.more03{ text-align:right; color:#fff;}
.more03 span{font-size: 20px !important;
    line-height: 1em;
    text-align: center;
    color: #fff;
    font-family: 'Libre Baskerville', serif;
    padding: 5px 10px;
    border: 1px solid #fff;
    margin: 10px 0;
    width: 100px !important;}
.more03 img{ width:37px; margin-left:95px;}



.container h3{ font-size:26px; text-align:center; margin:50px 0;}
.font_color{color:#fff !important;}


 /* page */
.pankuzu{ max-width:1000px; margin:0 auto; margin-bottom:50px;}
.pankuzu li{display:inline;}
.pankuzu li:before{content: '> ';}
.pankuzu li.top:before{content: ' ';}



 /* about */

 #about { padding-bottom:100px;}
#about h2{color:#fff !important;}
#about .container_box01 { }
#about .container_box01 div:nth-of-type(1){flex-basis:40%; color:#fff;}
#about .container_box01 div:nth-of-type(1) img{margin-bottom:30px; padding-top:20px;}
#about .container_box01 div:nth-of-type(2){flex-basis:53%; color:#fff;}
#about .container_box01 div:nth-of-type(2) p{font-size:10px; margin-top:5px;}
#about .container_box01 div img{width:100%;}
#about .container_box01 div video{width:100% !important; padding-top:50px;}
#about h3{ margin:30px 0 50px 0;}

 /* about_page */
.page #about h2{margin-top:60px; color:#000 !important;}
.page #about #test h2{margin-top:0px; color:#fff !important;}
.page #about .container_box01 { max-width:1000px; display:block;}
.page #about #test .container_box01  { display:flex; max-width:100% !important;}
.page #about h3{font-size:20px; color:#000 !important; text-align:left; font-weight:bold; margin:80px 0;}
.page #about p{ padding:0 0%; margin-bottom:20px;}
.page #about .video{padding:0 10%; margin-bottom:40px;}
.page #about .video p{ font-size:10px; color:#000; padding:0 0 !important;}
.page #about dt{ font-size:18px; margin-bottom:0px; line-height:2em; margin-top:20px;}
.page #about dd{ font-size:15px; line-height:2em;}



 /* event&artist */

#ea{padding-bottom: 0px;}
#ea p,h2,h3{ color:#fff !important;}
#ea h3{ font-size:2.7vw; color:#fff; margin:0px 0 30px 0 !important;}
#ea .ea_itemlist{margin-bottom:80px; align-items: center;}
#ea .container_box01 li{flex-basis:20%; padding:0 5px; position:relative;}
#ea .container_box01 li img{width:100%;}
#ea .container_box01 li a:hover{opacity:0.8; z-index:1;}
#ea .container_box01 li:nth-of-type(1){flex-basis:40%; text-align:left;}
#ea .container_box01 li:nth-of-type(1) h3{text-align:left; margin-bottom:20px;
  font-family: 'Libre Baskerville', serif;}
#ea .container_box01 li:nth-of-type(1) p{width:90%;}
#ea .ea_item01 p{font-size:100%;}

#ea .ea_item02 p{
	background-color:#0047d9;
	padding:0px 10px;
	margin-bottom:10px;
	color:#fff !important;
	width:150px;
	text-align:center;
	/*
	z-index:9999;
	*/
	z-index:1999;
	line-height:1.6em;
}

.event_yearlist{height:500px; margin:80px 0;}
.event_year{}
.event_year li{font-size:40px; font-family: 'Libre Baskerville', serif; margin:150px 0;}
#ea .container_block01{margin-top:50px;}
#ea .ea_more a{
	padding: 0px 10px;
	margin-bottom: 10px;
	color: #fff !important;
	width: 150px;
	text-align: center;
	/*
	z-index: 9999;
	*/
	z-index:1999;
	line-height: 1.6em;
	margin-top:10px;
	display:block;
	border-bottom: 1px solid #fff;
}


 /* article&interview */

#art{padding-bottom: 0px;}
#art h2{ color:#000 !important;}
#art h3{ color:#000 !important;}
#art h3{ font-size:45px; color:#fff;}
#art .art_item01{ flex-basis:33%; padding:0 3%;}
#art .art_item01 img{width:100%; object-fit: cover; max-height:200px;}
.art_itemlist{ padding:0 10%; justify-content:flex-start;}
#art .date{ background-color:#0047d9; padding:0px 5px; color:#fff !important; width:150px; text-align:center; line-height:1.6em; margin:15px 0; font-size:11px;}
#art .text01{margin-bottom:40px; font-size:13px; line-height:1.6em;}
#art .container_block01{margin-top:30px;}


 /* art_page */
.page #art h2{margin-top:60px; color:#000 !important;}

.page #art_detail h2{margin-top:60px; color:#000 !important;}
.page #art_detail .container_box01 { max-width:1000px; display:block;}
.page #art_detail h3{font-size:16px; color:#000 !important; text-align:left; font-weight:bold; margin-bottom:50px;}
.page #art_detail .date{background-color:#0047d9; padding:0px 5px !important; color:#fff !important; width:150px; text-align:center; line-height:1.6em; margin:15px 0;}
.page #art_detail .detail_box{}
.page #art_detail .detail_box img{width:100%; margin:30px 0; height:auto;}
.page #art_detail .detail_box p{ }
.page #art_detail .detail_box h1{font-size:100%; margin:50px 0;font-weight:bold;}
.page #art_detail .detail_box h2{font-size:100%; margin:50px 0; font-weight:bold;}
.page #art_detail .detail_box h3{font-size:100%;  margin:50px 0; font-weight:bold; font-size:20px;}

.detailinfo_box{ max-width:800px; margin:0 auto; margin-top:100px;}
.detailinfo_item{margin-bottom:50px;}
.detailinfo_item li:nth-of-type(1){flex-basis:30%;}
.detailinfo_item li:nth-of-type(2){flex-basis:70%;}
.detailinfo_item li img{width:80%;}
.detailinfo_item li h3{font-size:20px; color:#000 !important; text-align:left; font-weight:bold; margin:0px 0 30px 0 !important;}
.detailinfo_item li p{font-size:13px;}


 /* insta */

#insta{ background-color:#000;}
#insta .container_block01{padding:10px 0;}
#insta .insta_itemlist{ }
#insta .insta_item01{ flex-basis:25%; }
#insta .insta_item01 a:hover{opacity:0.8;}
#insta .insta_item01 img{width:100%;}


 /* other */

#other{padding:50px 0;}
#other .container_box01{ max-width:1000px;  margin:0 auto;}
#other .container_box01 img{width:100%;}



 /* parivacy_page */
.page #privacy h2{margin-top:60px; color:#000 !important;}

.page #privacy .container_box01 { max-width:1000px; display:block;}
.page #privacy  h3{font-size:16px; color:#fff !important; text-align:left; font-weight:bold; margin-bottom:50px;
background-color:#0047d9; padding:5px; width:30%; text-align:center;}

.tabel01{}
.cell01{text-align:left; flex-direction:column;}
.cell01 dt{ flex-basis:50%; padding:30px 0; font-size:25px; font-weight:normal;}
.cell01 dd{ flex-basis:50%; padding: 30px 0 60px 0; line-height:2em;}

 /* sponsors_page */

.page #sponsors ul{justify-content: flex-start;}
.page #sponsors h2{margin-top:60px; color:#000 !important;}
.page #sponsors .container_box01 { max-width:1000px; display:block;}
.page #sponsors  h3{font-size:16px; color:#fff !important; text-align:left; font-weight:bold; margin-bottom:50px;
background-color:#0047d9; padding:5px; width:30%; text-align:center;}



 /* contact_page */
.page #contact h2{margin-top:60px; color:#000 !important;}
.page #contact .container_box01 { max-width:1000px; display:block;}
.page #contact  h3{font-size:16px; color:#fff !important; text-align:left; font-weight:bold; margin-bottom:50px;
background-color:#0047d9; padding:5px; width:30%; text-align:center;}

#contact .cell01{margin-bottom:30px;}

.table02{ width:100%; margin-top:50px;}
.table02 .td01{ padding:40px; color:#000; text-align:left; font-size:16px;}
.table02 .td02{ padding:20px; }
.table02 caption{ display:none;}

.form01{ padding:10px 30px 60px 30px; margin:50px auto; border:1px solid #0047d9;}
.input01{ padding:20px; background-color:#fff; border:none; width:80%; background-color:#ebebeb;}
.textarea{ height:150px; padding:20px; background-color:#fff; border:none; width:80%; background-color:#ebebeb;}

.submit_box{ width:100%;}
.submit01{ padding:20px; background-color:#0047d9; border:none; width:300px; color:#fff; margin:30px auto; display:block;
text-align:center;}









 /* event_page */
.page .event h2{margin-top:60px; color:#000 !important;}
.page .event .container_box01 { max-width:1000px; display:block;}
.event_main img{width:100%;}
.page .event  h3{font-size:20px; color:#000 !important; text-align:left; font-weight:bold; margin-bottom:30px;}
.page .event .container_box01 p{ padding:30px;}

.contest_main{padding:0 10%; text-align:center; border:1px solid #ccc; padding:50px;}
.contest_main img{width:80%; margin:0 auto;} .contest_main video{width:80% !important; margin:0 auto;}
.contest_main p{text-align:left;}
.event .movie{margin:50px 0;}
.event .movie img{width:100%;}
.event .movie iframe{ height:500px;}

.event .contest_item01{ flex-basis:25%; padding:0 3%; margin-bottom:30px;}
.event .contest_item01 img{width:100%;}
.event .contest_item01 video{width:100% !important;}
.contest_itemlist{ padding:50px 0%; justify-content:flex-start; margin:50px auto; align-items:stretch; height:100%; max-width:1600px;}
.event .flag01{ background-color:#0047d9; padding:0px 5px; color:#fff !important; width:150px; text-align:center; line-height:1.6em; margin:15px 0 0 0; font-size:10px;}
.event .text01{margin-bottom:5px; font-size:12px; line-height:1.8em;}
.text_height{display:flex; align-items: center; height:80px;}
.event .comment01{ border:1px solid #000; padding:0px 5px; width:150px; text-align:center; font-size:10px;}
.event .contest_img{ display:flex; justify-content: center;
  align-items: center; height:400px; margin-top: 5em;}
.event .contest_img img{height:100%;}


.event_itemlist{margin-top:50px;}
.event_item{ border-bottom:1px dotted #000; margin-bottom:30px;}
.event_item a{  border-bottom:3px dotted #000;}
.event_item ul{ justify-content:flex-start;}
.event_item li.event_box:nth-of-type(1){flex-basis:20%;}
.event_item li.event_box:nth-of-type(2){padding-left:60px;}
.event_item li.event_box:nth-of-type(2) p{padding:0px;}
.event_box{flex-basis:80%; margin-bottom:30px;}
.event_box img{ width:100%;}
.event_box h3{margin:0; margin-bottom:20px !important; font-size:16px !important;}
.event_box p{font-size:13px; line-height:1.8em;}
.event_info01{line-height:1.6em; margin:10px 0;}
.event_info02{font-size:10px !important; line-height:1.6em;}
.p_st01{ font-size:20px !important;}


.event_proflist{margin-top:50px;}
.event_profitem{ margin-bottom:30px;}
.event_profitem a{  border-bottom:3px dotted #000;}
.event_profitem ul{ justify-content:flex-start;}
.event_profitem li.event_profbox:nth-of-type(1){flex-basis:20%;}
.event_profitem li.event_profbox:nth-of-type(2){padding-left:60px;}
.event_profbox{flex-basis:80%; margin-bottom:30px;}
.event_profbox img{ width:100%;}
.event_profbox h3{margin:0; margin-bottom:20px !important; font-size:16px !important;}
.event_profbox p{font-size:13px; line-height:1.8em; padding:0px !important;}
.event_profinfo01{line-height:1.6em; margin:10px 0;}
.event_profinfo02{font-size:10px !important; line-height:1.6em;}

.prof_icon li{display:inline; margin-right:5px; margin-top:20px;}
.prof_icon li img{ width:30px;}
.prof_icon a{ border:none;}



.img_height{display:flex; justify-content: center; align-items: center; height:200px; border:1px solid #ddd; padding:10px;}
.img_height a{border:none !important;}


.h2_block02 h2{ font-size:50px; line-height:1.6em; text-align:left; color:#000;
    padding-bottom:10px; margin-left:50px; padding-top:40px; margin-top:10px !important;;}
.h2_block02 img{ height:40px; width:40px; margin-left:70px;}
.none{ display:none;}



.mfp-arrow-right{background:url(../image/icon_right.png) top center no-repeat !important;
width:90px !important; height:110px !important; border:none !important; right:100px !important; opacity: 1 !important;}

.mfp-arrow-left{background:url(../image/icon_left.png) top center no-repeat !important;
width:90px !important; height:110px !important; border:none !important; left:100px !important; opacity: 1 !important;}

.mfp-arrow:before{border:none !important;}
.mfp-arrow:after{border:none !important;}

.event_official{ background-color:#000; width:100%; display:block; color:#fff; margin:50px auto; padding:50px;}
.event_official{ font-size:30px; text-align:center;}
.event_official:before{content: "";  display: inline-block;
  width: 40px;
  height: 25px;
  margin: -6px 0 0 5px;
  background: url("../image/img_point01.png") no-repeat;
  background-size: contain;
  vertical-align: middle;}

.event_official:hover{ background-color:#fff; width:100%; display:block; color:#000; margin:50px auto; padding:50px; border:1px solid #000;}

.event_official:hover::before{content: "";  display: inline-block;
  width: 40px;
  height: 25px;
  margin: -6px 0 0 5px;
  background: url("../image/img_point01_off.png") no-repeat;
  background-size: contain;
  vertical-align: middle;}





.mfp-fade.mfp-bg{
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing{
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content{
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
	opacity: 0;
}

.mfp-figure:after {box-shadow:none !important;}

.mfp-close{ display:none;}



.inline_block{ width:100%; padding:5%; position:relative;}
.inline_block dl{ display:flex; flex-wrap:wrap;}
.inline_block dt{width:40%; margin-right:10%;}
.inline_block dd{width:50%;}
.inline_block dd h2{font-size:25px; margin-bottom:20px;}
.inline_block dd h2 span{font-size:15px;}

.inline_block dd p:nth-of-type(1){margin-bottom:20px;}
.inline_block dd p:nth-of-type(2){margin-bottom:20px;}
.inline_block dd p:nth-of-type(3){margin-bottom:20px; font-size:12px;}
.inline_block dt img{width:100%;}
.inline_block dd img{fill:#000;}
.jury_icon li{display:inline; margin-right:5px;}

    .inline_base{
  background-color: #fff;
  width: 1300px;
  margin: 30px auto;
  padding: 20px;
        box-sizing: border-box;
 }
  .mfp-close{
    z-index: 10;
    position: relative;
    font-size: 12px;
    width: auto;
    height: auto;
    padding: 0;
  }


 /* supporters */
#supporters {
	padding: 40px 0 50px;
    text-align:center;
    z-index:500; position:relative
}
#supporters .widthWrapper {
	padding: 0 1.5%;
}
#supporters .widthWrapper ul {
	margin: 0.5em auto;
}
#supporters .widthWrapper li {
	width: auto;
	height: 10vw;
	max-height: 100px;
	margin-top: 1em;
}
#supporters .widthWrapper li img.cover {
	width: auto;
	height: 10vw;
	max-height: 100px;
}
#supporters .widthWrapper li > a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#supporters .widthWrapper li > a.textBlock {
	width: 6em;
}
#supporters .widthWrapper li > a > span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7em;
	height: auto;
	transform: translate(-50%, -50%);
}
#supporters .marginTop {
	margin-top: 1em;
}

    #supporters h1 {display: block;
    font-size: 1.5em !important;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    color:#000 !important;
    text-align:center; margin:30px 0;}


        #supporters h2 {display: block;
    font-size: 1.5em !important;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    color:#000 !important;
    text-align:center; margin:30px 0;}

    #supporters p{
	margin:30px 0;
}



/* footer */

#back{
	position:fixed;
	bottom:50px;
	right:50px;
	/*
	z-index:9999;
	*/
	z-index:1999;
}
#back img{ width:100%;}




footer {
	position: relative;
	width: 100%;
	z-index: 200;
    background-color:#0047d9;
    text-align:center;
padding:100px 0 100px 0;

}

.footer_box{ flex-basis:30%;}
.f_rogo{padding:0% 5%; text-align: center !important;
}
.f_rogo img{width: 60% !important; margin-top: 70px;}

.f_tw{padding:0 5%;}
footer div:nth-of-type(1){ flex-basis:30%; text-align:left;}
footer div:nth-of-type(1) img{width:100%;}

.footer_m{ margin-bottom:30px;}
.footer_m dt{text-align: left; margin-bottom: 20px;}
.footer_m dd{text-align: left; margin: 20px 0;}
.footer_m .email{ background-color:#fff; padding: 10px; width: 70%;}
.footer_m .btn{ background-color:#3068da;; padding: 10px; color:#fff; width:20%; text-align:center; font-size:12px;}
.footer_nav ul{justify-content: space-between;}
.footer_nav ul li{flex-basis:50%; text-align:left; font-size:16px; margin-bottom:10px;}
.footer_nav ul li a:hover{ color:#0047d9; background-color:#fff; padding:3px;}

.regist li{display:inline;}


.blog_flag01{ background-color:#4551c5; color:#fff; padding:0px 10px; width:100px; text-align:center; margin-top:30px; margin-bottom:10px;}
.blog_flag02{ background-color:#d0414d; color:#fff; padding:0px 10px; width:100px;  text-align:center;  margin-top:30px; margin-bottom:10px;}





.font_download{margin-top:150px; background-color: #fff;}

.font .container_box01 img{ width:100%; margin:30px auto;}

.font_download .block01{ width:80%; margin:150px auto;}
.font_download .block01 img{margin:20px 0;}
.font_download .block01 .spec{font-size:12px; margin:10px 0 50px 0;}
.font_download .block01 h4{font-size:16px; margin-bottom:30px;}
.font_spec{margin:50px 0; background-color: #fff;}

.cnt_btn01{ background-color:#000; width:100%; display:block; color:#fff; margin:10px auto; padding:30px;  margin-bottom:0px;}
.cnt_btn01{ font-size:20px; text-align:center;}
body.font{ background:url("../image/font/bg01.jpg") center center  #fff !important; background-size:contain;}






}



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


        .inline_base{
  background-color: #fff;
  width: 100vw;
  margin: 30px auto;
  padding: 20px;
        box-sizing: border-box;
 }

}

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




.head_en{  position:absolute; right:130px; top:34px; background-color:#fff; }
.head_en p{ padding:0px 20px 0px 20px; font-size:18px; line-height: 1.5em; font-family: 'Libre Baskerville', serif;}





    nav{display:none !important;}

    .acnav{  list-style-type: none;  text-align:left;  float:left;  margin-top:0px;}
.acnav_li{}



.acnav_li a.active{ }
.acnav_li a:hover{ color:#863c25;text-decoration:underline;}
.acnav_li:last-child{  margin-right: 0px !important;}
.acnav .social{  margin-right: 0px !important;}

#acnav{ position:relative;}
.acnav_li:hover .menu_mega {  max-height: 9999px;  opacity: 1; }
.menu_mega .menu_inner li a { }
.menu_mega {  transition: all .2s ease-in;  max-height: 0;  opacity: 0;  overflow: hidden;  width:200px;  position: absolute; top:80px;  background-color: #863c25; z-index:5;}
nav .menu_inner{ padding-top:20px; !important}
.menu_mega .menu_inner li { font-size:14px; background: url(../image/yaji02.png) top left no-repeat; margin:5px 10px; padding-left:30px; padding-bottom:10px; list-style:none;}
.menu_mega a { color: #fff;}



    /*スマホメニュー*/

#menuArea{height:1000px;}
#menuArea{
	display:none;
	background-color:#0046d8;
	opacity:0.95;
	position:fixed;left:0;
	top:0px;
	/*
	z-index:999999;
	*/
	z-index:1999;
	width:100%;
	padding:0 0%;
}

#slidemenu_list{ text-align:left; font-size:13px;line-height:2em; color:#ddd; width:90%; padding:0 5%;}
#slidemenu_list li.ul{}
#slidemenu_list li{ list-style:none; padding:10px 5px; border-bottom:2px solid #bbb;}
#slidemenu_list .li02{ list-style:none; padding:2px 5px; background-color:#863c25; font-size:10px; border-bottom:none;}
#slidemenu_list .li02 a{display:inline;}
#closeBtn{width:100% !important; padding:10px 0px; text-align:center; border-bottom:none;}
#slidemenu_list a{width:100%;display:block; color:#ddd;}
.closebtn-de{ color:#fff; font-size:30px; }

    .sp-head{ display:block !important;}
    .sp-head .sp-menu{position:fixed;right:24px;top:24px;}
.sp-head .sp-menu img{width:80px;height:80px;}

#acMenu dt{
	display:block;
	text-align:left;
	cursor:pointer;
	color:#333;
	font-size:22px;
	/*
	z-index:9999;
	*/
	z-index:1999;
}
    #acMenu{width:500px; margin:0 auto; padding:130px 0;   font-family: 'Libre Baskerville', serif;}
#acMenu dt a{color:#000;  background-color:#fff; padding:10px ; line-height:2em;}
#acMenu dd{  padding:30px 15px; text-align:left; display:none; margin-bottom:30px;}

#acMenu dd li{ color:#333 !important; list-style:none; margin:7px 0; font-weight:bold; float:left;
background: url(../image/sp_yaji03.png) top left no-repeat; padding-left: 5px; font-size:20px;}

#acMenu p{font-size:20px; color:#0047d9; margin-bottom:10px;}

#acMenu dd li a{ color:#fff !important; list-style:none;}
#acMenu dt.active{    }


.container_block01{ margin:0 2%; padding:50px; position:relative;}
.container_block02{ margin:0 2%; padding:50px; }

    p{font-size:100%;}
    #art .text01{ font-size:100%; }
    .top_title01 p{ font-size:100%;}


}




/* sp */
@media screen and (max-width: 980px) {

img{width:100%;height:auto;}

.sp{ display:block;}
.pc{ display:none;}
 p{ font-size:12px; letter-spacing:0em; font-weight:normal;}
body{ background:none; border: 0px solid #000;}


header{
	height:70px;
	position:fixed;
	width:100%;
	/*
	z-index:999999;
	*/
	z-index:2000;
}
#header_block{ position:relative; height:30px;}

#h_rogo{ position:fixed; top:28px; left:-30px;}
#h_rogo img{ width:50%; backdrop-filter: blur(10px);     -webkit-backdrop-filter:blur(10px); padding:5px; background:url("../image/bg_rogo.png") center center no-repeat; }



.head_en{  position:fixed; right:65px; top:7px; background-color:#fff; height:40px;}
.head_en p{ padding:10px 20px 10px 20px; font-size:12px; line-height: 1.5em; font-family: 'Libre Baskerville', serif;}


nav{ flex-basis: 900px;}
ul.acnav{display:flex;  justify-content:flex-end; margin:8px 30px 0 0; position:absolute; right:150px; top:28px; }
li.acnav_li{ list-style:none; font-size:17px; flex:0 1 auto; margin-left:3em; font-weight:bold;}


#point{
	position:fixed;
	top:180px;
	right:10px;
	/*
	z-index:9999;
	*/
	z-index:1999;
	width:15px;
}
#point img{ width:100%;}

#sns{
	position:fixed;
	top:200px;
	left:10px;
	/*
	z-index:9999;
	*/
	z-index:1999;
}
#sns ul li{margin-bottom:15px;}
#sns ul li img{ width:25px;}
#sns ul li:nth-of-type(4){ margin-left:0px;}
#sns ul li:nth-of-type(4) img{ width:15px; margin-left:5px;}

.top_title01{
	width:80%;
	position:absolute;
	top:20px;
	left:5%;
	/*
	z-index:9999;
	*/
	z-index:1999;
	min-width:auto;
}
.top_title01 img{ margin-bottom:17px;}
.top_title01 p{ margin-bottom:5px; width:100%; min-width:100%; font-size: 2vw;}
.top_title01 span{ background-color:#fff; padding:5px; margin-top:30px;}
.top_title02{
	width:80%;
	position:absolute;
	top:88%;
	right:0%;
	/*
	z-index:9999;
	*/
	z-index:1999;
	min-width:70%;
}

.top_container{ width:100%; padding-top:100px; min-width:100%; background:url("../image/top_bg.jpg") center center no-repeat #fff; background-size:cover;}
.top_container_block{   margin:0 auto; width:80%; padding-bottom: 100px;}



 /* メイン背景 */

.main_bg01{background: url(../image/top_bg_opacity.jpg) center center no-repeat #0047d9;}

.main_bg02{background:url("../image/top_bg02_sp.jpg") top center repeat-y #000; background-size:auto;
    background-attachment: fixed;}

.main_bg04{background:url("../image/footer_bg.jpg") top center no-repeat; background-size:100%;
 background-attachment: fixed;}

 /* white背景 */
.bg_white{background:url("../image/bg_white.png") top center repeat-y; background-size:cover;
    background-attachment: fixed;}

/* container_背景 */

.bg_color01{background-color:#fffc00;}
.bg_color02{background:#fff;    background-attachment: fixed;      }
.bg_color03{background:#fefc4f;     background-attachment: fixed;    }
.bg_color04{background-color:#ffffff;}


/* container_共通レイアウト */

.container{ width:100%; padding:0px 0; z-index:300; position: relative;}
.container_block01{ margin:0 3%; padding:20px; position:relative;}
.container_block02{ margin:0 10%; padding:20px; }
.container_box01{ margin:0 auto;  }
.container_box02{}

.h2_block h2{ font-size:30px; line-height:1.6em; text-align:left; color:#000;
    padding-bottom:10px; margin-left:20px; padding-top:40px;}
.h2_block img{ height:40px; width:40px; margin-left:70px;}

.more01{ position:absolute; bottom:-50px; right:0px;}
.more:hover{opacity:0.8;}
.more01 p{ font-size:25px; line-height:1.6em; text-align:left; color:#fff; font-family: 'Libre Baskerville', serif;
    padding-bottom:0px; margin-left:50px; padding-top:50px; }
.more01 img{ width:25px; margin-left:70px;}

.more02{ position:absolute; bottom:-50px; right:0px;}
.more:hover{opacity:0.8;}
.more02 p{ font-size:25px; line-height:1.6em; text-align:left; color:#000; font-family: 'Libre Baskerville', serif;
    padding-bottom:0px; margin-left:50px; padding-top:50px; }
.more02 img{ width:25px; margin-left:70px;}


.container h3{ font-size:26px; text-align:center; margin:50px 0;}
.font_color{color:#fff !important;}



#back{
	position:fixed;
	bottom:10px;
	right:-30px;
	/*
	z-index:9999;
	*/
	z-index:1999;
}
#back img{ width:60%;}


 /* about */

#about { padding-bottom:100px;}
#about h2{color:#fff !important;}
#about .container_box01 {flex-direction:column !important;}
#about .container_box01 div:nth-of-type(1){flex-basis:32%; color:#fff; margin-bottom:20px;}


 /* event&artist */

#ea{padding-bottom: 0px;}
#ea .ea_itemlist{margin-bottom:20px;}
#ea .container_box01 ul{flex-direction:column;}
#ea .container_box01 li{flex-basis:33%; position:relative; margin-bottom:30px;}
#ea .container_box01 li img{width:100%;}
#ea .container_box01 li a:hover{opacity:0.8; z-index:1;}
#ea .container_box01 li:nth-of-type(1){flex-basis:100%; text-align:left;}
#ea .container_box01 li:nth-of-type(1) h3{text-align:left; margin-bottom:20px; font-size:30px;}
#ea .container_box01 li:nth-of-type(1) p{width:100%;}
#ea .ea_item01 {}
#ea .ea_item01 p{font-size:12px;}

#ea .ea_item02 p{
	background-color:#0047d9;
	padding:0px 10px;
	color:#fff !important;
	width:50%;
	text-align:center;
	/*
	z-index:9999;
	*/
	z-index:1999;
	line-height:1.6em;
}

.event_yearlist{height:auto; margin:30px 0;}
.event_year{flex-direction:column !important; width:100px; margin:0 auto;}
.event_year li{font-size:40px; font-family: 'Libre Baskerville', serif; margin:20px 0;}

#ea .ea_more a{
	padding: 0px 10px;
	margin: 30px auto;
	color: #fff !important;
	width: 150px;
	text-align: center;
	/*
	z-index: 9999;
	*/
	z-index:1999;
	line-height: 1.6em;
	display:block;
	border-bottom: 1px solid #fff;
}




 /* article&interview */

#art{padding-bottom: 0px;}
#art h2{ color:#000 !important;}
#art h3{ color:#000 !important;}
#art h3{ font-size:45px; color:#fff;}
#art .art_item01{ flex-basis:48%; padding:1%;}
#art .art_item01 img{width:100%; object-fit: cover; max-height:200px;}
.art_itemlist{ padding:0 0%; justify-content:center; flex-direction:column;}
#art .date{ background-color:#0047d9; padding:0px 5px; color:#fff !important; width:150px; text-align:center; line-height:1.6em; margin:15px 0;}
#art .text01{margin-bottom:40px; font-size:12px; line-height:1.6em;}


 /* insta */

#insta{ background-color:#000;}
#insta .container_block01{padding:10px 3%;}
#insta .insta_itemlist{ }
#insta .insta_item01{ flex-basis:50%; }
#insta .insta_item01 a:hover{opacity:0.8;}
#insta .insta_item01 img{width:100%;}


 /* other */

#other{padding:50px 0;}
#other .container_box01{ max-width:100%;  margin:0 auto;}
#other .container_box01 img{width:80%; margin:0 auto;}



 /* event_page */

.page .event h2{margin-top:0px; color:#000 !important;}
.event_main img{width:100%;}
.page .event  h3{font-size:20px; color:#000 !important; text-align:left; font-weight:bold; margin-bottom:30px;}
.contest_main{text-align:center; border:1px solid #ccc; padding:20px;}
.contest_main img{width:100%; margin:0 auto;}
.contest_main video{width:100% !important; margin:0 auto;}
.contest_main p{text-align:left;}
.event .movie{margin:0px 0; margin:30px 0;}
.event .movie img{width:100%;}
.event .movie iframe{ height:auto;}

.event .contest_item01{flex-basis:80%; padding:0; margin-bottom:30px;}
.event .contest_item01 img{width:100%;}
.event .contest_item01 video{width:100% !important;}

.contest_itemlist{ padding:0 0%; justify-content: space-around; margin:20px 0;}
.event .flag01{ background-color:#0047d9; padding:0px 5px; color:#fff !important; width:150px; text-align:center; line-height:1.6em; margin:15px 0 0 0; font-size:10px;}
.event .text01{margin-bottom:5px; font-size:10px; line-height:1.6em; height:50px;}
.event .comment01{ border:1px solid #000; padding:0px 5px; width:150px; text-align:center; font-size:10px;}
    .event .contest_img{ height:auto; display:flex; justify-content: center;}

.event_item li.event_box:nth-of-type(1){flex-basis:100%;}
.event_item li.event_box:nth-of-type(2){padding-left:0px;}
.event_box{flex-basis:100%; margin-bottom:30px;}
.event_box img{ width:80%; margin:0 auto; display:block;}
.event_box h3{margin:0; margin-bottom:20px !important; font-size:16px !important;}
.event_box p{font-size:13px; line-height:1.8em;}
.event_info01{line-height:1.6em; margin:10px 0;}
.event_info02{font-size:10px !important; line-height:1.6em;}
.p_st01{ font-size:20px !important;}

.img_height{display:flex; justify-content: center; align-items: center; height:auto; border:1px solid #ddd; padding:10px;}
.img_height a{border:none !important;}


.event_proflist{margin-top:50px;}
.event_profitem{ margin-bottom:30px;}
.event_profitem a{  border-bottom:3px dotted #000;}
.event_profitem ul{ justify-content:flex-start;}
.event_profitem li.event_profbox:nth-of-type(1){flex-basis:100%;}
.event_profitem li.event_profbox:nth-of-type(2){padding-left:0px;}
.event_profbox{flex-basis:100%; margin-bottom:30px;}
.event_profbox img{ width:80%;}
.event_profbox h3{margin:0; margin-bottom:20px !important; font-size:16px !important;}
.event_profbox p{font-size:13px; line-height:1.8em;}
.event_profinfo01{line-height:1.6em; margin:10px 0;}
.event_profinfo02{font-size:10px !important; line-height:1.6em;}

.prof_icon li{display:inline; margin-right:5px; margin-top:20px;}
.prof_icon li img{ width:30px;}
.prof_icon a{ border:none;}

.h2_block02 h2{ font-size:30px; line-height:1.6em; text-align:left; color:#000;
    padding-bottom:10px; margin-left:50px; padding-top:40px; margin-top:10px !important;}
.h2_block02 img{ height:40px; width:40px; margin-left:70px;}
.none{ display:none;}



.mfp-arrow-right{background:url(../image/icon_right.png) top center no-repeat !important;
width:90px !important; height:110px !important; border:none !important; right:100px !important; opacity: 1 !important;}

.mfp-arrow-left{background:url(../image/icon_left.png) top center no-repeat !important;
width:90px !important; height:110px !important; border:none !important; left:100px !important; opacity: 1 !important;}

.mfp-arrow:before{border:none !important;}
.mfp-arrow:after{border:none !important;}

.event_official{ background-color:#000; width:100%; display:block; color:#fff; margin:50px auto; padding:30px;  margin-bottom:0px;}
.event_official{ font-size:20px; text-align:center;}
.event_official:before{content: "";  display: inline-block;
  width: 40px;
  height: 25px;
  margin: -6px 0 0 5px;
  background: url("../image/img_point01.png") no-repeat;
  background-size: contain;
  vertical-align: middle;}

.event_official:hover{ background-color:#fff; width:100%; display:block; color:#000; margin:50px auto; padding:30px; border:1px solid #000; margin-bottom:0px;}

.event_official:hover::before{content: "";  display: inline-block;
  width: 40px;
  height: 25px;
  margin: -6px 0 0 5px;
  background: url("../image/img_point01_off.png") no-repeat;
  background-size: contain;
  vertical-align: middle;}

 .inline_block{ width:100%; padding:5%; position:relative;}
.inline_block dl{ display:flex; flex-wrap:wrap; flex-direction:column;}
.inline_block dt{width:100%;}
.inline_block dd{width:100%;}
.inline_block dd h2{font-size:25px; margin-bottom:20px; margin-top:20px;}
.inline_block dd h2 span{font-size:15px;}

.inline_block dd p:nth-of-type(1){margin-bottom:20px;}
.inline_block dd p:nth-of-type(2){margin-bottom:20px;}
.inline_block dd p:nth-of-type(3){margin-bottom:20px; font-size:12px;}
.inline_block dt img{width:100%;}
.inline_block dd img{fill:#000;}
.jury_icon li{display:inline; margin-right:5px;}
.jury_icon li img{width:10%;}

    .inline_base{

  width: 100%;
  margin: 30px auto;
  padding: 20px;
 }
  .mfp-close{
    z-index: 10;
    position: relative;
    font-size: 12px;
    width: auto;
    height: auto;
    padding: 0;
  }



footer {
	position: relative;
	width: 100%;
	z-index: 200;
    background-color:#0047d9;
    text-align:center;
padding:50px 0 100px 0;
    flex-direction:column !important;
}

.footer_box{ flex-basis:100%;}
footer div:nth-of-type(1){ flex-basis:100%; text-align:center;}
footer div:nth-of-type(1) img{width:30%;  margin:10%;}
   .f_rogo{padding:0% 0%;}
    .f_rogo img{ width:50% !important;}

.footer_m{ margin-bottom:30px; padding:0 10%; padding-top:50px; font-size:12px;}
.footer_m dt{ text-align:center;}
.footer_nav ul{padding:0 10%; flex-direction:column;}
.footer_nav ul li{flex-basis:100%; text-align:center; font-size:16px; margin-bottom:10px; line-height:1.8em;}
.footer_nav ul li a:hover{ color:#0047d9; background-color:#fff; padding:3px;}

footer div:nth-of-type(3) {margin-top:50px;}

    	#supporters {
		margin-top: -1vw;
		padding: 5vw 0;
	}
	#supporters .widthWrapper li,
	#supporters .widthWrapper li img.cover {
		height: 15vw;
	}
	#supporters .widthWrapper li > a.textBlock {
		width: 5.5em;
	}

    #supporters h1{ font-size:1em !important;}
    #supporters h2{ font-size:1em !important;}


/*スマホメニュー*/


#menuArea{
	display:none;
	opacity:0.95;
	position:fixed;
	left:0;
	top:0px;
	/*
	z-index:999999;
	*/
	z-index:1999;
	width:100%;
	padding:0 0%;
}


.sp-head .sp-menu{position:fixed;right:12px;top:7px;}
.sp-head .sp-menu img{width:40px;height:40px;}
    #acMenu{ margin:0 auto; padding:80px 10% 0 10%;}


   /* page */
.pankuzu{ max-width:100%; margin:0 auto; margin-bottom:20px; font-size:12px;}
.pankuzu li{display:inline;}
.pankuzu li:before{content: '> ';}
.pankuzu li.top:before{content: ' ';}


    /* about_page */
.page #about h2{margin-top:0px; color:#000 !important;}
.page #about .container_box01 { max-width:100%; display:block;}
.page #about h3{font-size:16px; color:#000 !important; text-align:left; font-weight:bold; margin-bottom:20px;}
.page #about dt{ font-size:12px; margin-bottom:0px; line-height:2em; margin-top:20px;}
.page #about dd{ font-size:12px; line-height:2em;}

 /* art_page */
.page #art h2{margin-top:0px; color:#000 !important;}

.page #art_detail h2{margin-top:0px; color:#000 !important;}
.page #art_detail .container_box01 { max-width:100%; display:block;}
.page #art_detail h3{font-size:20px; color:#000 !important; text-align:left; font-weight:bold; margin-bottom:50px;}


.page #art_detail .date{background-color:#0047d9; padding:0px 5px !important; color:#fff !important; width:150px; text-align:center; line-height:1.6em; margin:0px 0;}
.page #art_detail .detail_box img{width:100%; margin:10px 0;}
.page #art_detail .detail_box p{}

.page #art_detail .detail_box h1{font-size:100%; margin:30px 0;font-weight:bold;}
.page #art_detail .detail_box h2{font-size:100%; margin:30px 0; font-weight:bold;}
.page #art_detail .detail_box h3{font-size:100%;  margin:30px 0; font-weight:bold; font-size:16px;}

.detailinfo_box{ max-width:100%; margin:0 auto; margin-top:50px;}
.detailinfo_item{margin-bottom:30px;}
.detailinfo_item ul{flex-direction:column;}
.detailinfo_item li:nth-of-type(1){flex-basis:100%; text-align:center;}
.detailinfo_item li:nth-of-type(2){flex-basis:100%;}
.detailinfo_item li img{width:80%; margin-bottom:20px;}
.detailinfo_item li h3{font-size:20px; color:#000 !important; text-align:left; font-weight:bold; margin:0px 0 20px 0 !important;}
.detailinfo_item li p{font-size:13px; padding:0 10%;}

 /* parivacy_page */
.page #privacy h2{margin-top:20px; color:#000 !important;}

.page #privacy .container_box01 { max-width:1000px; display:block;}
.page #privacy  h3{font-size:16px; color:#fff !important; text-align:left; font-weight:bold; margin-bottom:20px;
background-color:#0047d9; padding:5px; width:100%; text-align:center;}

.tabel01{}
.cell01{text-align:left; padding:10px 0;}
.cell01 dt{ flex-basis:100%; padding:0px 0; font-size:12px; font-weight:normal; display:block; margin-bottom:20px;}
.cell01 dd{ flex-basis:100%; padding:0px 0; font-size:12px; display:block;}

 /* sponsors_page */
.page #sponsors ul{justify-content: center;}
.page #sponsors h2{margin-top:20px; color:#000 !important;}
.page #sponsors .container_box01 { max-width:100%; display:block;}
.page #sponsors  h3{font-size:16px; color:#fff !important; text-align:left; font-weight:bold; margin-bottom:20px;
background-color:#0047d9; padding:5px; width:100%; text-align:center;}



 /* contact_page */

    .page #contact h2{ margin-top:0px;}
.page #contact .container_box01 { max-width:1000px; display:block;}
     .page #contact  h3{margin:20px 0; width:100%;}


.table02 .td01{ padding:10px; color:#000; text-align:left; font-size:14px; display:block;}
.table02 .td02{ padding:10px; display:block; font-size:14px;}

.input01{ padding:10px; background-color:#fff; border:none; width:100%; background-color:#ebebeb; font-size:14px;}
.textarea{ height:150px; padding:10px; background-color:#fff; border:none; width:100%; background-color:#ebebeb; font-size:14px;}

.submit_box{ width:100%;}
.submit01{ padding:10px; background-color:#0047d9; border:none; width:100%; color:#fff; margin:20px auto; display:block;text-align:center; font-size:14px;}




    .grad-wrap{position:relative;}



.grad-btn {

    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 148px;
    margin: auto;
    padding: .5em 0;
    border-radius: 2px;
    background: #fff;
    color: #0047d9;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 0 3px rgb(0 0 0 / 30%);

}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 300px; /*隠した状態の高さ*/
    font-size:12px;
line-height: 2em;
}

    .grad-item p{ margin-bottom:20px;}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(0,71,217,0) 0%, rgba(0,71,217,0.9) 50%, rgba(0,71,217,0.9) 50%, #0047d9 100%);
  background: linear-gradient(top, rgba(0,71,217,0) 0%, rgba(0,71,217,0.9) 50%, rgba(0,71,217,0.9) 50%, #0047d9 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked + .grad-btn {
  display: none; /*チェックされていたら、grad-btnを非表示にする*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}


}