@charset "UTF-8";
/* CMSエリア　カスタマイズ */
/* デフォルトCSS　カスタマイズ */
.block-event-page-head {
	margin-bottom: 20px;
}
.block-event-mv { /* 元は margin: 0 0 50px; */
margin: 30px 0 0px;
}
h1.block-event-title {
	margin: 20px 0 0 0;
}
.block-top-event--goods {
	padding: 0;
}
/*---------- video_area ----------*/
.video_area {
  width: 560px;
  margin: 10px auto 20px;
}
.video_area .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video_area .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*---------- btn ----------*/
.official_wp .wp_btn {
  width: 400px;
  text-align: center;
  background-color: #44B0D5;
  margin: 18px auto 25px;
  border-radius: 20px;
}
.official_wp .wp_btn p {
  display: inline-block;
  padding: 12px;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  font-weight: 800;
}
.free_txt p, .c_line p,.block-event-mv p,.event_bg_color p, .event_bg_color li {
  font-size: 14px;
  color: #606060;
}
.event_hr_line{
  border-top: 4px solid #D6D6D6;
}

.event_hr_line2{
  border-top: 4px solid #44B0D5;
}

.event_bg_color {
  width: 100%;
  padding: 20px;
  background-color: #e3f3f9;
}
.block-event-mv h2, .c_line h2, .event_bg_color h2 {
	font-size: 20px;
	margin: 0;
}

.block-event-mv p {
	margin-top: 4px;
}

.h2_line  {
	padding-top: 50px;
  margin-bottom: -12px;
}

.block-event-mv2 {
	display: flex;
	justify-content:flex-start;
}
.block-event-mv2 img{
	max-width:100%;
	height: auto;
}
.block-event-mv2 p {
  font-size: 14px;
  padding-top:16px;
  padding-left: 20px;
}

.event_bg_color ul {
	list-style: none;
	padding-left: 0;
}
.c_line {
	display: flex;
	align-items: baseline;
	gap:30px;
	padding-top: 30px;
}
.c_line2{
	display: flex;
	align-items: baseline;
	gap:10px;
}
.c_line h2,.c_line p {
	margin:0;	
	white-space: nowrap;
}
.f_big h2 {
  font-size: 26px;
}
@media only screen and (max-width: 780px) {
	.block-event-mv { /* 元は margin: 0 0 60px; */
	  margin: 0;
	}
	.block-event-title {
	  margin: 30px 0 0;
	}
	.block-event-page-head {
		padding-bottom: 5px;
	}
	.block-top-event--goods {
		padding-bottom: 0;
	}
	.block-goods-list-naviframe--bottom .block-goods-list-naviframe {
		padding-top: 0;
		padding-bottom: 10px;
	}
  /*---------- video_area ----------*/
	.video_area {
	  width: 100%;
	  margin: 10px auto 10px;
	}
	.video_area .video {
	  position: relative;
	  padding-bottom: 56.25%;
	  height: 0;
	  overflow: hidden;
	}
	.video_area .video iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
  /*---------- *btn ----------*/
	.official_wp .wp_btn {
	  width: 300px;
	  text-align: center;
	  background-color: #44B0D5;
	  margin: 18px auto 40px;
	}
	.official_wp .wp_btn p {
	  display: inline-block;
	  padding: 12px;
	  font-size: 16px;
	  line-height: 1;
	  color: #fff;
	  font-weight: 800;
	}
	.free_txt p, .c_line p,.block-event-mv p,.event_bg_color p, .event_bg_color li   {
	  font-size: 12px;
	  line-height: 1.2;
	}
	.block-event-mv--img img {
		max-width:96%;
		height: auto;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 600px) {
	.c_line h2,.c_line p {
		margin:0;	
		white-space: normal;
	}
	.c_line {
		gap:10px;
	}
	.c_line2 {
		gap:2px;
	}		
}