/* CSS Document */
body {
  width: 100%;
  margin: 0;
  line-height: 1.7em;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#007db9e8', GradientType=0); /* IE6-9 */
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 15px;
  background: #fff;
}
/* ヘッダー */
#pgpage {
  position: relative;
  
}
#pgpage::before {
background: url("img/top.png");
background-size: cover;
width: 100%;
content: "";
position: absolute;
top: 0%;
left: 0;
z-index: 0;
display: inline-block;
}
.mv_sp{
	display: none!important;
}
.h1mainv {
  background: #0068B7;
}
.h1mainv h1 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.h1mainv h1 img {
  vertical-align: bottom;
    width: 100%;
}
.lead {
  display: none;
}
#container {
  background: #fff !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 auto;
}
#container .inner {
  width: 1010px;
  margin: 0 auto;
}
#container div.cont1 {
  margin-bottom: 0 !important;
}
/* リード分エリア */
.lead-text {
  text-align: left;
  padding: 50px 0;
}
.lead-text p.mg20 {
  margin-bottom: 20px;
}
.text p {
  line-height: 1.7;
}
.text span {
	display: inline-block;
	font-weight: bold;

}
/* プレゼントエリア */
.present {
  background-color: #0068B7;
}
.present .inner {
  padding: 50px 0;
}
/*.present .fRight{float:right;}*/
.present img {
  /*width: auto;*/
  margin: 0 0 30px 0;
  display: inline-block;
  backface-visibility: hidden;
}
/* コース一覧 */
#pgpage .present .present-course-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 30px;
}
#pgpage .present .present-course-list__item {
  margin: 0;
  flex: 0 0 490px;
  max-width: calc(50% - 15px);
}
#pgpage .present .present-course-list__item--wide {
  flex: 0 0 100%;
  max-width: 1000px;
}
#pgpage .present .present-course-list__item img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  backface-visibility: hidden;
}
@media screen and (max-width: 768px) {
  #pgpage .present .inner {
    width: 100%;
    padding: 50px 16px;
    box-sizing: border-box;
  }
  #pgpage .present .present-course-list {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  #pgpage .present .present-course-list__item,
  #pgpage .present .present-course-list__item--wide {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }
}
/* 応募エリア */
.recruitment {
  background: #BCE2E8;
  margin: 0 auto;
  padding: 80px 0 100px 0;
}
.recruitment h3 {
  margin-bottom: 20px;
}
.recruitment table {
  width: 1000px;
  border-collapse: collapse;
  border: 1px #021558 solid;
  margin: 0 auto;
  text-align: left;
}
.recruitment table th {
  text-align: right;
  vertical-align: top;
  border: 1px #021558 solid;
  padding: 10px;
}
.recruitment table td {
  border: 1px #021558 solid;
  padding: 10px;
}
/* 対象商品 */
#pgpage .text.cont3 {
  background-color: #c7e8fa;
}
.shopping {
  padding: 100px 0;
}
.shopping h3 {
  margin-bottom: 25px;
}
/* 協賛社見出しバナー */
#pgpage .shopping .sponsor-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1000px;
  margin: 0 auto 40px;
  padding: 18px 24px;
  background-color: #e85300;
  box-sizing: border-box;
}
#pgpage .shopping .sponsor-banner__title {
  margin: 0;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  line-height: normal;
  text-shadow: 2px 2px 0 rgba(120, 30, 0, 0.45);
  flex: 1 1 auto;
}
#pgpage .shopping .sponsor-banner__em {
  color: #ffff00;
}
#pgpage .shopping .sponsor-banner__notes {
  flex: 0 0 auto;
  text-align: right;
  color: #fff;
}
#pgpage .shopping .sponsor-banner__note-main {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  text-shadow: 1px 1px 0 rgba(120, 30, 0, 0.35);
}
#pgpage .shopping .sponsor-banner__note-sub {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
  text-shadow: 1px 1px 0 rgba(120, 30, 0, 0.35);
}
/* 協賛社商品グリッド */
#pgpage .shopping .lineup-grid {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 1200px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
#pgpage .shopping .lineup-grid__item {
  margin: 0;
  padding: 5px;
  width: calc(100% / 3);
  box-sizing: border-box;
}
#pgpage .shopping .lineup-grid__item img {
  display: block;
  width: 100%;
  height: auto;
}

/**
 * 1080
 * ----------------------------------------------------------------------------
 */
@media screen and (max-width:1080px){
	#container .inner{
		width: 95%;
	}
	.recruitment table{
		width: 100%;
	}
	#pgpage .shopping .lineup-grid {
		width: 95%;
	}
	#pgpage .shopping .sponsor-banner__title{
		font-size: 35px;
	}
	.pc_br{
		display: none;
	}
}
/**
 * 768
 * ----------------------------------------------------------------------------
 */
@media screen and (max-width: 768px) {
	.mv_sp{
	display: inline!important;
	}
	h1 img{
		display: none!important;
	}
	#pgpage .lead-text{
		padding: 20px 0;
	}
	#pgpage .recruitment {
		padding: 30px 0;
	}
	#pgpage .lineup_img{
		width: 95%;
	}
  #pgpage .shopping {
    padding: 50px 0;
  }
  #pgpage .shopping .inner {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  #pgpage .shopping .sponsor-banner {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    margin-bottom: 30px;
	gap:0;
  }
  #pgpage .shopping .sponsor-banner__title {
    font-size: 20px;
  }
  #pgpage .shopping .sponsor-banner__notes {<strong></strong>
    text-align: left;
    width: 100%;
  }
  #pgpage .shopping .sponsor-banner__note-main {
    font-size: 13px;
  }
  #pgpage .shopping .sponsor-banner__note-sub {
    font-size: 10px;
  }
  #pgpage .shopping .lineup-grid {
    width: 95%;
    flex-direction: column;
  }
  #pgpage .shopping .lineup-grid__item {
    width: 100%;
  }
}
/* バナー */
.sponsorship {
  text-align: center;
  padding: 30px 0;
  font-size: 19px;
}
.sponsorship img {
  padding: 10px 20px;
  vertical-align: bottom;
}
.sponsorship span {
  font-weight: normal;
}
.sponsorship .bnr1 {
  margin: 0 0 35px 0;
}
.sponsorship .bnr2 {
  margin: 0 0 40px 0;
}
.sponsorship .bnr2 img {
  padding: 5px 20px;
}

hr {
  height: 5px;
  background-color: #ff0000;
  border: none;
  color: #e5006e;
}