@charset "utf-8";

/*common*/
:root {
  --cl-main: #ec631a;
  --cl-sub: #293FBA;
  --cl-bg-01: #fffff4;
  --cl-bg-02: #fff4ec;
}

* {
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 1.3125;
  color: #323232;
}

span {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

.contents {
  position: relative;
  width: 100%;
}

.section-box {
  padding: 55px 0 60px;
}

.contents-inner,
.header-inner,
.path-inner,
.main-view__inner {
  width: 100%;
  max-width: 980px;
  margin: auto;
}

.section__headline {
  text-align: center;
  font-size: 24px;
  color: var(--cl-main);
  margin: 0 0 30px;
}

.ui-underline {
  background-image: linear-gradient(transparent 60%, #fde114 0%);
}

.ttl-img{
  display: flex;
  justify-content: center;
  margin: 10px 0px 20px;
}

.pc-view {
  display: block;
}

.sp-view {
  display: none;
}

/*header*/
.header__upper {
  display: flex;
  align-items: center;
  height: 55px;
  background: #fff;
}
.header__upper--logo {
  padding: 0 0 0 13px;
}

.header__lower {
  display: flex;
  align-items: center;
  height: 60px;
  background: var(--cl-main);
}

.header__lower--logo a {
  font-size: 24px;
  color: #fff;
}

/*path*/
.path {
  display: flex;
  height: 46px;
  align-items: center;
}

.path-list {
  display: flex;
  align-items: center;
}

.path-list__item {
  font-size: 12px;
  margin: 0 20px 0 0;
}

.path-list__item:not(:last-child) {
  position: relative;
}

.path-list__item:not(:last-child):after {
  content: ">";
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
}

.path-list__item a:hover {
  text-decoration: underline;
}

/*main-view*/
.main-view {
  border-bottom: 10px solid var(--cl-main);
}

/*intro*/
.intro {
  background: var(--cl-bg-01);
}

.intro__headline {
  text-align: center;
  margin: 0 0 42px;
}

.intro__subtitle {
  text-align: center;
  margin: 0 0 56px;
}

.intro__text {
  padding: 0 90px;
}

/*schedule*/
.schedule {
  background: var(--cl-bg-01);
}

.schedule-date {
  font-size: 26px;
  text-align: center;
}

.schedule-date__note {
  display: block;
  font-size: 16px;
  margin: 10px 0px 0px; 
}

/*group*/
.group {
  background: var(--cl-bg-02);
}

.list-box {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 0px;
  padding: 40px 0 40px 70px;
  border-radius: 20px;
  border: 1px dashed var(--cl-main);
}

.list-box.entry-terms {
  background: #ffffff;
}

.list-box.entry-method {
  background: #fff;
  margin: 0 auto 30px;
}

.entry-terms__list--item {
  margin: 0 0 4px;
  padding: 0 0 0 28px;
  background: url(../images/img_icon_list.png) no-repeat left center;
}

[class*="ui-btn__"] a {
  display: flex;
  align-items: center;
  width: 320px;
  height: 35px;
  position: relative;
  padding: 0 0 0 55px;
  border-radius: 5px;
  color: #fff;
  background: var(--cl-main);
  margin: auto;
  box-shadow: 3px 3px 6px rgb(0, 0, 0, .16);
  transition: .3s ease all;
}

[class*="ui-btn__"] a:after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 16px;
  top: 12px;
  transition: .3s ease all;
}

[class*="ui-btn__"] a:hover {
  transform: scale(1.02);
}

[class*="ui-btn__"] a:hover:after {
  right: 12px;
}

.ui-icon__insta {
  position: relative;
}

.ui-icon__insta:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/img_icon_insta.png) no-repeat center / cover;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
}

.ui-btn__type02 {
  margin: 8px 0 0;
}

.ui-btn__type02 a {
  background: var(--cl-sub);
}

.ui-btn__type03 {
  margin: 8px 0 20px;
}



/*entry*/
.entry {
  background: var(--cl-bg-01);
}

.entry-method__list {
  margin: 0 0 12px;
}

.entry-method__list--item:first-child {
  margin: 0 0 20px;
}

.entry-method__list--item:nth-child(2) {
  margin: 0 0 20px;
}

.shop-select__title {
  margin: 0 0 20px;
  color: var(--cl-main);
  text-align: center;
}

.shop-list {
  display: flex;
  align-items: center;
}

.entry-method__list--item {
  padding: 0 0 0 24px;
  position: relative;
}

.entry-method__list--item:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/img_icon_num1.png) no-repeat center / cover;
  position: absolute;
  top: 0;
  left: 0;
}
.entry-method__list--item:nth-child(2):before {
  background: url(../images/img_icon_num2.png) no-repeat center / cover;
}

.entry-method__list--item:nth-child(3):before {
  background: url(../images/img_icon_num3.png) no-repeat center / cover;
}

.baselink a {
  color: var(--cl-main);
}

.baselink a:hover {
  text-decoration: underline;
}

/*pdfdl*/
.pdfdl {
  background: var(--cl-bg-02);
}

.pdfdl-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 60px;
}

.pdfdl__title {
  margin: 0 0 20px;
  color: #323232;
  text-align: center;
}

/*prize*/
.prize {
  background: var(--cl-bg-01);
}

.prize-note {
  width: 100%;
  max-width: 800px;
  margin: auto;
}

.prize-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 10px;
}

/*precautions*/
.precautions .section__headline {
  color: #323232;
}

.precaution-box {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 90px;
}

.precautions-list {
  font-size: 12px;
}

.fooks-logo {
  text-align: center;
  margin: 0 0 26px;
}

/*footer*/
.l-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 67px;
  background: #848484;
}

.footer-copyright {
  font-size: 12px;
  text-align: center;
  color: #fff;
}

/*page-top*/
.page-top {
  position: fixed;
  bottom: 90px;
  right: 50px;
  transform: translateY(150px);
  transition: .3s ease all;
}

.page-top.is-view {
  transform: translateY(0);
}

.img_size{
  zoom: 0.5;
}