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

/*■■■　共通部
-------------------------------------------------------------- */

body,h1,h2,h3,h4,ul,li,dl,dt,dd,p,a,div,span,address,hr{
	margin:0;
	padding:0;
	font-size:1em;
	
}

html{width:100%;height:100%;}

body.top_teaser{
	width:100%;
	height:100%;
	font-size:75%;
	color:#221100;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", monospace;

    	background-image: url(../../img/bg/main_chara_l.png), url(../../../c1/img/bg/main_bg_0.jpg);
	background-position:right calc(50% - 250px) top -80px  ,top center;
     	background-repeat: no-repeat,repeat-x;
	background-attachment: fixed,fixed;
     	background-size: 1200px auto,1920px auto;
     	background-color: #dffff2;

	-webkit-text-size-adjust: 100%; 
	-moz-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
	-o-text-size-adjust: 100%; 
	text-size-adjust: 100%;}		/*全体トップページ*/


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


body.top_teaser{

	background-image: url(../../img/bg/main_chara_l.png), url(../../img/bg/main_bg_0.jpg);
	background-position: calc(50% + 180px) -70px ,top center;
     	background-repeat: no-repeat,repeat-x;
	background-attachment: scroll,scroll;
     	background-size: 100% auto,100% auto;

	-webkit-text-size-adjust: 100%; 
	-moz-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
	-o-text-size-adjust: 100%; 
	text-size-adjust: 100%;}		/*全体トップページ*/


}

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



body.top_teaser{

	background-image: url(../../img/bg/main_chara_l.png), url(../../img/bg/main_bg_0.jpg);
	background-position: calc(50% + 20px) -50px ,top center;
     	background-repeat: no-repeat,no-repeat;
	background-attachment: fixed,fixed;
     	background-size: 200% auto,100% auto;

	-webkit-text-size-adjust: 100%; 
	-moz-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
	-o-text-size-adjust: 100%; 
	text-size-adjust: 100%;}		/*全体トップページ*/


}



a{color:#069; -webkit-transition:color 0.5s ease-in-out,background-color 0.5s ease-in-out;}

a:link{outline:none;}
a:visited{outline:none;}
a:hover{color:#3ac;outline:none;}
a:active{outline:none;}

small{font-size:85%;}

ul{list-style:none;}

table{border-spacing:0;}

address{font-style:normal;}

em{font-style:normal;font-weight:bold;}

img{border:none;}

hr{border:none;}


/* =container
-------------------------------------------------------------- */

#container{width:100%;}






/*■■■　main			※メイン部全体
-------------------------------------------------------------- */

#main_wrap{
	text-align: center;
	margin:0 auto;
	width: 100%;
	max-width: 1000px;
	/*min-height:1024px;*/
	clear:both;
	box-sizing:border-box;

	}

#main{
	padding:0px 0px 0px 0px;
	width:100%;
	/*min-height:1024px;*/
	
	}


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

#main_wrap{width:100%;clear:both;}

#main{
	margin:0 auto;
	padding:10px 0px 10px 0px;
	width:100%;
	height:100%;
	/*max-height:1024px;*/
	
	}
}


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

#main_wrap{width:100%;clear:both;}

#main{
	margin:0 auto;
	padding:10px 0px 10px 0px;
	width:100%;
	}

}







/*■■■　teaser　ティザーページ
-------------------------------------------------------------- */




/*●イラストレーター名前●*/

.top_teaser1 {
	width: 100%;
	margin: auto;
	top:15px;
	position: fixed;
	z-index: 99;
	}

.top_teaser1 ul li {
	width: 80%;
	max-width: 1280px;
	height: 20px;
	padding: 0 0 0 0;
	text-align: right;
	position: fixed;
	top: 0px;
	left:0px;
    right:-165px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	}



/*●タイトルロゴ・開催決定●*/

.top_teaser2 {
	max-width: 700%;
	text-align: center;
	align-self: center;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	background-color: rgba( 255,255,255,.9);
	z-index: 9999;
	}

	.top_teaser2 ul li.teaser_title {
	margin-top:0px;
	margin-bottom:5px;
	
	}

	.teaser_imglo {
	margin: 0,auto;
	max-width: 600px;
	margin-bottom:20px;
	}



/*2022年5月8日　PC表示*/

.top_teaser5 {					
	width: 100%;
	height: 80px;
	text-align: center;
	position: relative;	
	z-index: 99;
	font-size: 40px;
	color: #ff0000;
	margin: 30px 0px 0px 0px;
	font-weight: bold;
	}

	.top_teaser5 ul li.teaser_img3 {
	margin-top:0px;
	margin-bottom:0px;
	}

	.top_teaser5 ul .teaser_img3 img{
	width:90%;
	}

/*●事務局からのお知らせ● PC表示 */

.teaserbox{
	display: -webkit-flex;
	display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
}

.top_teaser13 {					/* ブロックの位置*/
	width: 100%;
	margin: auto;
	margin-top: 2rem;
	z-index: 99;
}

.top_teaser13 ul li {
	font-size:120%;
	line-height: 1.6em;
	width: 500px;				/* 箱のデザイン*/
	height: 70px;
	padding: 10px 5% 10px 5%;
	text-align: left;
/*	top: 10px; */
	left:5%;
	box-shadow: 1px 1px 10px rgba(0,0,0,.15);
	opacity: 0;
	border-radius: 5px;
	display: table;
	
	margin-bottom: 20px;
	background-color: rgba( 255,255,255,.9);}




/*●twitter●*/

.top_teaser14 {
	width: fit-content;
	position: relative;
    left: 15%;
	margin: auto;
	margin-top: 10px;	
	text-align: center;
	z-index: 102;
	font-weight: bold;
	}

.twbox {
	width: 500px;
	margin: auto;
	margin-top: 2rem;

}






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


/*●イラストレーター名前●*/

.top_teaser1 {
	width: 100%;
	margin: auto;
	top:20px;
	position: relative;
	z-index: 99;
}

.top_teaser1 ul li {
	width: 100%;
	height: 20px;
	padding: 0 0 0 0;
	text-align: right;
	position: relative;
	top: 0px;
	left:0px;
    right:-165px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}



/*●タイトルロゴ・開催決定●*/

.top_teaser2 {
	width: 100%;
	text-align: center;
	z-index: 99;
	background-color: rgba( 255,255,255,.9);
}

	.top_teaser2 ul li.teaser_title {
	width: 50%;
	margin-top:-20px;
	margin-bottom:0px;
	}


	.teaser_imglo {
	width: 80%;
	max-width: 600px;
	margin-bottom:0px;
	}

	.top_teaser2 ul .teaser_imglo img{
	width:90%;
	}



/*●2022年5月8日　サイズミドル●*/

.top_teaser5 {
	width: 100%;
	height: auto;
	position: relative;	
	z-index: 99;
	font-weight: bold;
	align-items: center;
	}

	.teaser_img3 {
	max-width: 90%;
	margin-top:2px;
	margin-bottom:2px;
	margin-left: auto;
	margin-right: auto;
	}




.form_top {
	font-size:8pt;
	padding:10px;

	}

.form{
	width: 100%;
	padding:10px;
	}

	.form_subject2 {
	width:95%;
	}

	.form_name2 {
	width:95%;
	}

	.form_mail2 {
	width:95%;
	}

	.form_content2 {
	width:95%;
	height:200px;
	}

.form_bottom {text-align: center;
	padding:10px;
	}




/*●開催延期のお知らせ●*/
.teaserbox{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	margin-top: 6rem;
}
.top_teaser13 {					/* ブロックの位置*/
	width: 100%;
	margin: auto;
	margin-top: 2rem;
	margin-bottom: 20px;
	flex-basis: auto;
	flex-shrink: 0;
	z-index: 9;
	scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/  
    -ms-overflow-style: none;/*Internet Explore対応のスクロールバー非表示コード*/
}

.top_teaser13 ul li {
	font-size:120%;
	
	width: 100%;				/* 箱のデザイン*/
	max-width: 80%;
	height: auto;
	padding: 10px 10px 10px 10px;
	text-align: left;
	position: relative;
/*	top: 0px; */
	left:0px;
	box-shadow: 1px 1px 10px rgba(0,0,0,.15);
	opacity: 0;
	border-radius: 5px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	background-color: rgba(196, 247, 167, 0.9);
}



/*●twitter● 画面ミドル*/

.top_teaser14 {
	width: 100%;
	display: block;
	position: relative;
    left: 0%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: -102;
	flex-basis: auto;
	flex-shrink: 0;
	top:10px;
	font-weight: bold;

	}

.twbox {
	width: fit-content;
	margin: auto;
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
}


}
/*max-width:1023pxここまで*/


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

/*●イラストレーター名前●*/

.top_teaser1 {
	width: 100px;
	margin: auto;
	top:5px;
	position: fixed;
	z-index: 99;
}

.top_teaser1 ul li {
	width: 100%;
	padding: 0 0 0 0;
	text-align: left;
	top: 0px;
	left:0px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

	.top_teaser1 ul .teaser_illust img{
	width:90%;
	}



/*●タイトルロゴ・開催決定●*/

.top_teaser2 {
	width: 100%;
	text-align: center;
	position: relative;	
	z-index: 99;
	background-color: rgba(255, 255, 255, 0.5);
	}

	.top_teaser2 ul li.teaser_title {
	width: 100%;
	margin-top:20px;
	margin-bottom:0px;
	}
	.top_teaser2 ul .teaser_title img{
	width:90%;
	}

	.top_teaser2 ul li.teaser_imglo {
	width: 100%;
	margin-bottom:0px;
	}

	.top_teaser2 ul .teaser_imglo img{
	width:90%;
	}


/*●2022年5月8日　サイズ小●*/

.top_teaser5 {
	width: 100%;
	position: relative;	
	z-index: 99;
	font-weight: bold;
	}

	.top_teaser5 ul li.teaser_img3 {
	margin-top:0px;
	margin-bottom:0px;
	}

	.top_teaser5 ul .teaser_img3 img{
	width:100%;
	}



.form_top {
	font-size:8pt;
	padding:10px;

	}

.form{
	width: 100%;
	padding:10px;
	}

	.form_subject2 {
	width:95%;
	}

	.form_name2 {
	width:95%;
	}

	.form_mail2 {
	width:95%;
	}

	.form_content2 {
	width:95%;
	height:150px;
	}

.form_bottom {
	padding:10px;
	}



/*●事務局のお知らせ●*/

.teaserbox{
	display: -webkit-flex;
	display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	flex-direction: column;
	margin-top: 6rem;
}

.top_teaser13 {					/* ブロックの位置*/
	width: 100%;
	margin: 0px;
	margin-top: 2rem;
	padding: 0px;
	z-index: 9;
}

.top_teaser13 ul li {
	font-size:120%;
	width: 95%;				/* 箱のデザイン*/
	height: auto;
/*	top: 0px; */
	left:0px;
	box-shadow: 1px 1px 10px rgba(0,0,0,.15);
	opacity: 0;
	border-radius: 5px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	background-color: rgba(218, 222, 228, 0.795);
}


/*●twitter●*/

.top_teaser14 {
	width: 90%;
	margin: auto;
	margin-top: 3rem;
	text-align: center;
	z-index: -102;
	font-weight: bold;
	}

.twbox {
	max-width: 100%;
}

}
/*max-width:479pxここまで*/










/*■■■　フッター
-------------------------------------------------------------- */



#foot_wrap{width:100%;background:#221100;}

#foot{	margin:0 auto;
	padding:10px 0px 20px 0px;
	width:100%;
	color:#ada399;
	font-size:100%;
	background:#221100;
	position:relative;}

#foot ul{
	padding:0px 0px 5px 0px;
	text-align:center;
	font-size:0;}

#foot .foot_logo {
	padding:10px 0px 0px 0px;
	text-align:center;
	font-size:0;}

#foot li{
    	display:inline-block;
    	border-left:0px solid #ada399;
    	padding:0 20px;
    	font-size: 12px;}

#foot li:first-child {
	border:none;}

#foot a{color:#ada399;text-decoration:none}
#foot a:hover{color:#aa9988;}



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


}


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


#foot li{
    	display:inline-block;
    	border-left:0px solid #ada399;
    	padding:0 20px;
	margin-bottom:3px;
    	font-size: 12px;}

#foot li:first-child {
	border:none;}

}



/*■■■　ページトップへ移動ナビ
-------------------------------------------------------------- */

.go_top a{
	width:40px;
	height:40px;
	text-indent:-9999px;
	background:url(../../img/bt/al_gotop_bt.png) no-repeat;
	display:block;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:1000;}

.go_top a:hover{background-position:0 -40px;}












































/* ■■■ =common
-------------------------------------------------------------- */

.green{color:#3cb034;}
.orange{color:#F06400;}

.red{color:#c00;}
.align_r {text-align: right;}



/* ■■■ =clearfix
-------------------------------------------------------------- */


.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix{min-height:1px;}

* html .clearfix {
	height: 1px;

	height: auto;
	overflow: hidden;
}

.toform {
	position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  font-weight: bold;
  text-decoration: none;
  font-size:20px;
  color: #FFF;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.73);
  padding: 0.5em 0.8em;
  background: #45b035;
  border-top: solid 3px #fff;
  border-bottom: solid 3px #fff;
  transition: .4s;
}
.toform:hover {
	text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83),
	6px 0px 15px rgba(255, 255, 240, 0.83);
}