@charset "UTF-8";


/* ------- base style ------- */
.main-page-title{
  display: none;
}
a.disabled{
  pointer-events: none;
}
.header-container{
  background: #fff;
}
.footer{
  background: rgba(255, 255, 255, 1)!important;
}
#shopify-section-template--17600447021375__main{
  width: 100%;
  position: relative;
}
#shopify-section-template--17600447021375__main::before{
  content: '';
  background: url(https://info.motherhouse.co.jp/event-campaign/thanks/img/bg-contents.jpg) no-repeat 0% 50%;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  position: fixed;
}
.thanks2023-application{
  font-family: "u-font__A1Gothic--regular";
  font-size: 14px;
  word-break:break-all;
  overflow: hidden;
}
.thanks2023-application p{
  margin: 0 0 1em;
}
.thanks2023-application a{
  text-decoration: none;
}
.thanks2023-application a:hover{
  text-decoration: underline;
}
.thanks2023-application img{
  vertical-align: bottom;
}
.thanks2023-application *{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.thanks2023-application *:focus {
  outline: none;
}
#zsiq_float{
  display: none!important;
}

@font-face {
  font-family: "u-font__A1Gothic--light";
  src: url("https://info.motherhouse.co.jp/event-campaign/thanks/fonts/AP-OTF-A1GothicStd-Light.woff2") format('woff2'),
        url("https://info.motherhouse.co.jp/event-campaign/thanks/fonts/AP-OTF-A1GothicStd-Light.woff")  format('woff');
}
@font-face {
  font-family: "u-font__A1Gothic--regular";
  src: url("https://info.motherhouse.co.jp/event-campaign/thanks/fonts/AP-OTF-A1GothicStd-Regular.woff2") format('woff2'),
        url("https://info.motherhouse.co.jp/event-campaign/thanks/fonts/AP-OTF-A1GothicStd-Regular.woff")  format('woff');
}
@font-face {
  font-family: "u-font__A1Gothic--medium";
  src: url("https://info.motherhouse.co.jp/event-campaign/thanks/fonts/AP-OTF-A1GothicStd-Medium.woff2") format('woff2'),
        url("https://info.motherhouse.co.jp/event-campaign/thanks/fonts/AP-OTF-A1GothicStd-Medium.woff")  format('woff');
}

/* ------- module style ------- */

.thanks2023-application .c-ballon__wrap{
  position: relative;
}
.thanks2023-application .c-ballon{
  margin: 0 0 14px 0;
  width: 285px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  position: absolute;
  bottom: 100%;
  right: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  z-index: 100;
}
.thanks2023-application .c-ballon__inner{
  padding: 30px 20px 20px;
  position: relative;
}
.thanks2023-application .c-ballon__inner::after{
  content: '';
  margin-bottom: -17px;
  width: 13px;
  height: 17px;
  background: url(https://info.motherhouse.co.jp/event-campaign/thanks/img/thanks2023-ballon.png) no-repeat 0 0;
  position: absolute;
  top: 100%;
  right: 30px;
}
.thanks2023-application .c-ballon__close{
  border: none;
  outline: none;
  width: 18px;
  height: 18px;
  background: url(https://info.motherhouse.co.jp/event-campaign/thanks/img/thanks2023-btn__close01.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 100;
}
.thanks2023-application .c-ballon__thanks{
  margin: 0;
  font-family: "u-font__A1Gothic--medium";
  font-size: 15px;
  line-height: 1.75;
}
.thanks2023-application #p-venue01 .c-ballon__thanks{
  color: #40A8A8;
}
.thanks2023-application #p-venue02 .c-ballon__thanks{
  color: #354F92;
}
.thanks2023-application .c-ballon__thanks small{
  margin: 10px 0 0 0;
  color: #454545;
  font-family: "u-font__A1Gothic--light";
  font-size: 12px;
  display: inline-block;
}
.thanks2023-application .c-ballon__inner .c-link01{
  margin: 10px 0 0 0;
}
.thanks2023-application .c-ballon__inner .c-link01 a{
  font-family: "u-font__A1Gothic--regular";
}

.thanks2023-application .c-button01{
  outline: none;
  border: none;
  background: #D9C073;
  padding: 4px 20px 3px;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}
.thanks2023-application #p-venue01 .p-event.__type03 .c-button01{
  background: #40A8A8;
}
.thanks2023-application #p-venue02 .p-event.__type03 .c-button01{
  background: #354F92;
}


.thanks2023-application .p-event.__type03,
.thanks2023-application .p-event.__type03 .p-event__ttl{
  color: #D1B869;
}

.thanks2023-application .c-button02{
  margin: 0;
  font-size: 17px;
  text-align: center;
}
.thanks2023-application .c-button02 a{
  padding: 15px 10px 10px 10px;
  display: block;
}
.thanks2023-application .__green .c-button02 a{
  background: #c5e5e5;
  color: #40A8A8;
}
.thanks2023-application .__blue .c-button02 a{
  background: #c2cade;
  color: #354F92;
}

.thanks2023-application .c-link01{
  margin: 50px 0 0 0;
  font-size: 13px;
  text-align: center;
}
.thanks2023-application .c-link01 a{
  padding: 0 15px 3px 0;
  font-family: 'A1 Gothic B JIS2004';
  display: inline-block;
  position: relative;
}
.thanks2023-application .c-link01 a:hover{
  text-decoration: none;
}
.thanks2023-application .c-link01 a::before{
  content: '';
  margin-top: -7px;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(45deg);
}
.thanks2023-application .c-link01 a::after{
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.thanks2023-application .p-event.__type01 .c-link01 a{
  color: #40A8A8;
}
.thanks2023-application .p-event.__type01 .c-link01 a::before{
  border-top: 1px solid #40A8A8;
  border-right: 1px solid #40A8A8;
}
.thanks2023-application .p-event.__type01 .c-link01 a::after{
  background: #40A8A8;
}
.thanks2023-application .p-event.__type02 .c-link01 a{
  color: #354F92;
}
.thanks2023-application .p-event.__type02 .c-link01 a::before{
  border-top: 1px solid #354F92;
  border-right: 1px solid #354F92;
}
.thanks2023-application .p-event.__type02 .c-link01 a::after{
  background: #354F92;
}
.thanks2023-application .p-event.__type03 .c-link01 a{
  color: #D1B869;
}
.thanks2023-application .p-event.__type03 .c-link01 a::before{
  border-top: 1px solid #D1B869;
  border-right: 1px solid #D1B869;
}
.thanks2023-application .p-event.__type03 .c-link01 a::after{
  background: #D1B869;
}
.thanks2023-application .c-font01{
  font-family: 'Girassol', cursive;
}

/* ------- page unique style ------- */
#p-content_wrap{
  margin: 80px auto;
  box-shadow: 0 0 80px rgb(0 0 0 / 40%);
  -webkit-box-shadow: 0 0 80px rgb(0 0 0 / 40%);
  -moz-box-shadow: 0 0 80px rgb(0 0 0 / 40%);
  width: 100%;
  max-width: 600px;
  background: url(https://info.motherhouse.co.jp/event-campaign/thanks/img/bg-pattern.png) repeat 0 0;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.thanks2023-application #p-kv{
  background: #D9C073;
  padding: 20px;
  text-align: center;
}
.thanks2023-application .p-kv__inner{
  margin: auto;
  background: url(https://info.motherhouse.co.jp/event-campaign/thanks/img/thanks2023-bg01.png) no-repeat 50% 50%;
  background-size: contain;
  width: 340px;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thanks2023-application #p-maintitle{
  color: #fff;
  font-family: 'A1 Gothic B JIS2004';
  font-size: 23px;
  text-align: center;
  letter-spacing: .2em;
}
.thanks2023-application #p-maintitle .__en{
  margin: 0 0 5px;
  background: url(https://info.motherhouse.co.jp/event-campaign/thanks/img/thanks2023-bg-border.png) repeat-x 50% 100%;
  padding: 0 28px 10px;
  font-size: 60px;
  letter-spacing: normal;
  line-height: 1;
  display: inline-block;
}
.thanks2023-application .p-nav{
  position: relative;
  z-index: 10000;
}
.thanks2023-application .p-nav ul{
  padding: 0!important;
  text-align: center;
  display: flex;
}
.thanks2023-application .p-nav li{
  margin: 0;
  flex-basis: 50%;
  max-width: 50%;
}
.thanks2023-application .p-nav li a{
  padding: 15px 10px 10px;
  color: #fff;
  font-family: 'A1 Gothic B JIS2004';
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  display: block;
}
.thanks2023-application .p-nav li:first-child a{
  background: #40A8A8;
}
.thanks2023-application .p-nav li:last-child a{
  background: #354F92;
}
.thanks2023-application .p-nav li .c-font01{
  font-size: 20px;
}

.thanks2023-application .p-nav.__fixed{
  position: fixed;
  top: 0;
}


.thanks2023-application .p-venue__heading{
  margin: 0;
  padding-bottom: 280px;
  text-align: center;
}
.thanks2023-application #p-venue01 .p-venue__heading{
  background: #40A8A8 url(https://info.motherhouse.co.jp/event-campaign/thanks/img/bg-venue01.jpg) no-repeat 50% 100%;
  background-size: cover;
}
.thanks2023-application #p-venue02 .p-venue__heading{
  background: #354F92 url(https://info.motherhouse.co.jp/event-campaign/thanks/img/bg-venue02.jpg) no-repeat 50% 100%;
  background-size: cover;
}
.thanks2023-application .p-venue__heading__ttl{
  color: #E6D8AD;
  font-family: 'A1 Gothic B JIS2004';
  font-size: 23px;
  line-height: 1;
}
.thanks2023-application .p-venue__heading__ttl .__en{
  margin: 0 0 40px;
  color: #fff;
  font-size: 160px;
  line-height: .85;
  display: block;
  opacity: .2;
}
.thanks2023-application .p-venue__heading__ttl .__date{
  margin: 20px 0 0;
  color: #fff;
  font-size: 48px;
  line-height: 1;
  display: block;
}
.thanks2023-application .p-event{
  margin: 0 0 50px;
  padding: 40px 27px 0;
}
.thanks2023-application .p-event.__type01,
.thanks2023-application .p-event.__type01 .p-event__ttl{
  color: #40A8A8;
}
.thanks2023-application .p-event.__type02,
.thanks2023-application .p-event.__type02 .p-event__ttl{
  color: #354F92;
}
.thanks2023-application .p-event.__type03,
.thanks2023-application .p-event.__type03 .p-event__ttl{
  color: #D1B869;
}

.thanks2023-application .p-event.__type01 .p-event__time{
  border-top: 2px solid #40A8A8;
  border-bottom: 2px solid #40A8A8;
  color: #40A8A8;
}
.thanks2023-application .p-event.__type02 .p-event__time{
  border-top: 2px solid #354F92;
  border-bottom: 2px solid #354F92;
  color: #354F92;
}
.thanks2023-application .p-event.__type03 .p-event__time{
  border-top: 2px solid #D1B869;
  border-bottom: 2px solid #D1B869;
  color: #D1B869;
}
.thanks2023-application .p-event__thumb{
  margin: 0 0 30px;
}
.thanks2023-application .p-event__thumb img{
  width: 100%;
}
.thanks2023-application .p-event__ttl{
  margin: 0;
  font-family: "u-font__A1Gothic--medium";
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.thanks2023-application .p-event__time{
  margin: 40px 0 45px;
  padding: 15px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.thanks2023-application #p-venue02{
  padding-top: 60px;
}
.thanks2023-application .p-event__pricetable .p-event__pricetable__row{
  background: url(https://info.motherhouse.co.jp/event-campaign/thanks/img/thanks2023-bg-border.png) repeat-x 50% 100%;
  padding: 10px 0;
}
.thanks2023-application .p-event__pricetable .p-event__pricetable__row:last-child{
  background: none;
}
.thanks2023-application .p-event__pricetable__row form{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.thanks2023-application .p-event__pricetable__row form .__type{
  flex-basis: 6em;
  max-width: 6em;
}
.thanks2023-application .p-event__pricetable__row form .__type02{
  line-height: 1.25;
}
.thanks2023-application .p-event__pricetable__row form .__type small{
  font-size: 8px;
  font-family: "u-font__A1Gothic--light";
  display: inline-block;
}
.thanks2023-application .p-event__pricetable__row form .__price{
  flex-basis: 5em;
  max-width: 5em;
}
.thanks2023-application .p-event__pricetable__row form .__price small{
  font-size: 12px;
}
.thanks2023-application .p-event__pricetable__row form .__quantity{
  flex-basis: 85px;
  max-width: 85px;
  position: relative;
}
.thanks2023-application .p-event__pricetable__row form select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  margin: 0 5px 0 0;
  padding: 5px 1.5em 5px 1em;
  background: #fff;
  font-family: "u-font__A1Gothic--regular";
}
.thanks2023-application .p-event__pricetable__row form .__quantity::after{
  content: '';
  margin-top: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  border-color: #d9d9d9 transparent transparent transparent;
  display: block;
  position: absolute;
  right: calc(1em + 28px);
  top: 50%;
}
.thanks2023-application .p-event__pricetable__row form select::-ms-expand{
  display: none;
}
.thanks2023-application .p-event__pricetable__row form .c-button01{
  flex-basis: auto;
  max-width: auto;
}
.thanks2023-application .p-fixedBtutton{
  position: fixed;
  bottom: 0;
  z-index: 10000;
  filter:alpha(opacity=0)!important;
  -moz-opacity:0!important;
  opacity:0!important;
  transition:opacity .4s ease-out;
  -webkit-transition:opacity .4s ease-out;
  -moz-transition:opacity .4s ease-out;
}
.thanks2023-application .p-fixedBtutton.__is-active{
  filter:alpha(opacity=100)!important;
  -moz-opacity:1!important;
  opacity:1!important;
}
.thanks2023-application .p-fixedBtutton.__static{
  position: static;
}

@media screen and (min-width:501px){
  /* ------- base style ------- */
  .thanks2023-application a img,
  .thanks2023-application input[type="submit"],
  .thanks2023-application .c-button01 a,
  .thanks2023-application .c-button02 a,
  .thanks2023-application .p-nav li a{
    transition:opacity 0.2s ease-out;
    -webkit-transition:opacity 0.2s ease-out;
    -moz-transition:opacity 0.2s ease-out;
    filter:alpha(opacity=100)!important;
    -moz-opacity:1!important;
    opacity:1!important;
  }
  .thanks2023-application a:hover img,
  .thanks2023-application input[type="submit"]:hover,
  .thanks2023-application .c-button01 a:hover,
  .thanks2023-application .c-button02 a:hover,
  .thanks2023-application .p-nav li a:hover{
    filter:alpha(opacity=70)!important;
    -moz-opacity:.7!important;
    opacity:.7!important;
    text-decoration: none;
  }

  /* ------- module style ------- */


  /* ------- page unique style ------- */

}

@media screen and (max-width:500px){
  /* ------- base style ------- */
  body{
    min-width:320px;
    position: relative;
  }

  /* ------- module style ------- */


  /* ------- page unique style ------- */
#p-content_wrap{
  margin: 0 auto -1px;
  box-shadow: none;
}
  .thanks2023-application .p-venue__heading{
    padding-bottom: calc(180 / 390 * 100vw);
  }
}

@media screen and (max-width:450px){
  /* ------- base style ------- */
  .page-width{
    padding: 0;
  }
  /* ------- module style ------- */


  /* ------- page unique style ------- */

  .thanks2023-application .p-venue__heading__ttl .__en{
    font-size: 140px;
  }
  .thanks2023-application .p-event__pricetable__row form .__type{
    font-size: 13px;
  }
  .thanks2023-application .p-event__pricetable__row form .__price{
    font-size: 13px;
  }
  .thanks2023-application .p-event__pricetable__row form .__price small{
    font-size: 11px;
  }
  .thanks2023-application .p-event__pricetable__row form .__quantity{
    flex-basis: 75px;
    max-width: 75px;
  }
  .thanks2023-application .p-event__pricetable__row form .__quantity::after{
    right: calc(1em + 24px);
  }
  .thanks2023-application .p-event__pricetable__row form select{
    font-size: 12px;
  }
  .thanks2023-application .p-event__pricetable__row form .c-button01{
    padding: 4px 10px 3px;
    font-size: 13px;
  }
}

@media screen and (max-width:400px){
  /* ------- base style ------- */

  /* ------- module style ------- */

  /* ------- page unique style ------- */
  .thanks2023-application #p-kv{
    padding: 20px 10px;
  }
  .thanks2023-application .p-kv__inner{
    width: 320px;
    height: 170px;
  }
}



@media screen and (max-width:375px){
  /* ------- base style ------- */

  /* ------- module style ------- */

  /* ------- page unique style ------- */
  .thanks2023-application .p-event{
    padding: 40px 15px 0;
  }
  .thanks2023-application .p-venue__heading__ttl .__en{
    font-size: 120px;
  }
}

@media screen and (max-width:350px){
  /* ------- base style ------- */

  /* ------- module style ------- */

  /* ------- page unique style ------- */
  .thanks2023-application .p-kv__inner{
    width: 300px;
    height: 159px;
  }
}

