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

body{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
font-size:18px; 
list-style: none;
color: #3e3a39;
}

#wrap{
background-color:#ffffff;
overflow: hidden;}
a{text-decoration: none;}


/*----------clear_fix-----------*/

.cf:before,
.cf:after{
    content: " ";
    display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/*__________margin___________*/

.mt_s{margin-top: 35px;}
.mt_m{margin-top: 80px;}
.mt_l{margin-top: 150px;}
.mt_mainas{margin-top:-20px;}
.pb_m{padding-bottom: 80px;}
.mr_a{margin-right:auto;
     margin-left: auto;}
.pt_m{padding-top:80px;}
.pb_m{padding-bottom:80px;}
.mainasu-mt{margin-top: -10px;}

/*-----------contents_wide----------*/

.contents{ max-width:1000px;
margin-right: auto;
margin-left: auto;}

/*____text_font_____*/
.text_c{text-align: center;}
.text_r{text-align: right;}

/*fontsize*/
.fs_b{font-size:1.6em;
line-height: 1.5em;}
.fs_m{font-size: 0.9em;
line-height: 1.6em;}
.fs_s{font-size: 0.8em;}

/*font-weight*/
.fw-b{font-weight: bold;}
.fw-s{font-weight: 100;}
.m_rl{margin-right:auto;
      margin-left: auto;}
.mr_0{margin-right:0;
      margin-left: auto;}


/*========================topロゴ/背景========================*/

/*___top____*/
.top_back{background-image: url("../img/top_back_pc.png");
width:998px;
	height: 782px;
background-size: contain;
position: relative;
}

.cara_img{
position: absolute;
	top: 20px;
	left:20px;
	width: 55%;
margin-right: auto;
margin-left: auto;}


/*____width_____*/

.i_w90{width:90%;}
.i_w100{width:100%;}
.i_w70{width:70%;}
.i_w80{width:80%;}
.i_w60{width:60%;}
.i_w50{width:50%;}
.i_w40{width:40%;}


p.text{line-height: 1.5em;
letter-spacing: 0.1em;}

a.link{color:#ffffff;
text-decoration: underline;} 
a.link_b{color:#3e3a39;
text-decoration: underline;}

p.color_w{color:#ffffff;}


/*__________list_text__________*/

.list_text{line-height: 2em;
letter-spacing: 0.2em;
font-size: 1em;}

ul.b_c{color:#05a4e2;}
ul.b_p{color:#e86da2;}
span.mini{font-size:0.8em}
span.short{letter-spacing: -0.05em}
	

/*_____list_block*_______*/
.flex-container{display: flex;
justify-content: center;}

.flex-item{width:22%;}

/*___販売日販売場所詳細リスト___*/

span.dot_line{display: block;
	border: 1px dashed #e86da2;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 90%;
}

.back_g{background-image:url("../img/back_grd.jpg");
width: 100%;
	height: 820px;
background-size: cover;
padding-top: 50px;}

.white_box{
background-color: #ffffff;
border-radius:100px;
width: 80%;
padding: 3%;
box-sizing: border-box;}


dl dt dd{}

dl {width: 90%;
	margin-right: auto;
	margin-left: auto;
  display: flex;
  flex-wrap: wrap;
}


dl dt {width: 25%;
	  text-align: center;
	 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}


dl dd {
  width: 75%;
	line-height: 1.2em;
	padding-left: 30px;
	box-sizing: border-box;}


dd p{font-size:0.85em;
     letter-spacing: 0.05em;}


dd p.pink{color:#e86da2;
letter-spacing: 0.1em;}

dd p span.minisize{font-size: 0.8em;}

dd p span.big{font-size: 1.2em;
	padding-top: 5px;
font-weight: bold;
display: block;}


p.online_btn{
background-color:#ef337b;
 color: #ffffff;
width: 85%;
text-align:center;
padding: 2%;
margin-top: 15px;
}

p.online_btn a{color:#ffffff;
display: block;}

dl.w80{width:70%;}
dl.w80 dt{width:0%;}
dl.w80 dd{width:100%;}


.holologo{width:25%;}


.holo_text{text-align: justify;
color:#2D2E31;
	font-size: 0.7em;
	line-height: 2em;
}

ul.link{display: flex;
justify-content: space-between;
width: 70%;
padding-bottom: 50px;

}

ul.link li.twitter{width:60%;}
ul.link li.youtube{width:40%;}

li.blue_text a{color:#7ad8f9;
text-decoration: underline;}

li.red_text a{color:#f43b70;
text-decoration: underline;}

.snsicon_Area{display: flex;
	 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */}
.snsicon{width:20%;
text-align: right;}
.snslink{width: 80%;
	text-align: left;
	box-sizing: border-box;
	padding-left: 20px;
}



/*____________footer____________*/

footer{background-color:#acb4bf;
height:150px;
color: #fff;
text-align: center;
	font-size: 0.9em;
	line-height: 1.8em;
}

footer p{padding-top:50px;}
footer p a{color:#ffffff;
	text-decoration: underline;
}

/*--------------------------Spver-------------------------------*/

/*==========-pc用の記述=========*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.sp { display: none !important; }


/*============================画面サイズが768pxから1024pxまではここを読み込む============================*/

@media screen and (min-width:768px) and ( max-width:1000px) {
/*==========sp用の記述=========*/
.pc { display: none !important; }
.sp { display: block !important; }
	
	
.pc_m { display: block !important; }
	
.r_box{width:50%;
	padding-top: 10px;}
.l_box{text-align: center;}
.l_box img{width:80%;}
	
/*fontsize*/
.fs_b{font-size:1.2em;
line-height: 1.5em;}
.fs_s{font-size: 0.8em;}

/*font-weight*/
.fw-b{font-weight: bold;
	line-height: 1.5em;}
.fw-s{font-weight: 100;}

}/**/




/*______________________sp幅767px以下_________________________*/

@media only screen and (max-width: 540px) {
	
body{font-size:16px; }
/*==========sp用の記述=========*/
.pc { display: none !important; }
.pc_m { display: none !important; }
.sp { display: block !important; }
	
.contents{ width:100%;}
.contents_sp0{ width: 100%;}
.center_img{width: 100%;}
.center_img_spw{max-width: 90%;}
.tittle_center_img{max-width:40%;}

.mt_s{margin-top: 25px;}
.mt_m{margin-top: 50px;}
.mt_l{margin-top: 70px;}	
	
	
/*____参加者リスト____*/

	/*_____list_block*_______*/
.flex-container{display: flex;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	flex-wrap:wrap;
	justify-content: center;
	}

.flex-item{width:45%;
	padding-top:20px;
	}
	
	
/*_______販売リスト_______*/
	
.back_g{
background-size: cover;
	height: auto;
padding-top: 50px;
padding-bottom:80px;}

.white_box{
background-color: #ffffff;
border-radius:20px;
width: 90%;
padding: 3%;
box-sizing: border-box;}
	


dl {width: 100%;
	margin-right: auto;
	margin-left: auto;
  display: block;
  flex-wrap: wrap;
}


dl dt {width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	  text-align: center;
	 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
	
dl dt img{width:25%;}


dl dd {
  width: 90%;
	line-height: 1.2em;
	padding-left: 0px;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;}


dd p{font-size:0.85em;
     letter-spacing: 0.05em;}


dd p.pink{color:#e86da2;
letter-spacing: 0.1em;}

dd p span.minisize{font-size: 0.8em;}

dd p span.big{font-size: 1.2em;
padding-top: 5px;
font-weight: bold;
display: block;}


p.online_btn{
background-color:#ef337b;
 color: #ffffff;
width: 100%;
text-align:center;
padding: 2%;
margin-top: 0px;
box-sizing: border-box;
}

p.online_btn a{color:#ffffff;
display: block;}

dl.w80{width:90%;}
dl.w80 dt{width:0%;}
dl.w80 dd{width:100%;}


.holologo{width:25%;}


.holo_text{text-align: justify;
color:#2D2E31;
	font-size: 0.7em;
	line-height: 2em;
}

ul.link{display: flex;
justify-content: space-between;
width: 90%;
padding-bottom: 50px;

}

ul.link li.twitter{width:60%;}
ul.link li.youtube{width:40%;}

.i_w70{width: 80%;}
	
li.blue_text a{color:#7ad8f9;
text-decoration: underline;}

li.red_text a{color:#f43b70;
text-decoration: underline;}

.snsicon_Area{display: flex;
	 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */}
.snsicon{width:20%;
text-align: right;}
.snslink{width: 80%;
	text-align: left;
	box-sizing: border-box;
	padding-left: 20px;
}

	.sp_mr_30{margin-right:30px;}


}
/**/