@charset "utf-8";

/* CSS Remedy */
*,::after,::before{box-sizing:border-box}html{line-sizing:normal}body{margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}h1{margin:.67em 0}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle;max-width:100%}canvas,img,svg,video{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}


body {
  background-color: #fff;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#wrapper {
  margin: 0 auto;
  max-width: 1015px;
  font-size: 0;
  line-height: 1;
}
#wrapper img {
  width: 100%;
  height: auto;
}
.btn {
  display: block;
  transition: opacity 0.3s;
}
.btn:hover {
  opacity: 0.7;
}

/* --------------------------------------------------
  ヘッダー
-------------------------------------------------- */
header {
  position: relative;
}
h1 {
  margin: 0;
}
.header-result-bt {
  position: absolute;
  top: 217px;
  left: 751px;
  display: block;
  width: 203px;
}

/* --------------------------------------------------
  アコーディオン
-------------------------------------------------- */
.accordion {
  display: none;
  background: url(../images/outline-bg01.png?20210118) center top no-repeat;
  background-size: 100% auto;
}
.accordion-btn {
  cursor: pointer;
  background-image: url(../images/accordion-open-btn01.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto
}
.accordion-btn.toggle {
  background-image: url(../images/accordion-close-btn01.png);
}
.accordion-btn img {
  opacity: 0;
}

/* --------------------------------------------------
  キャンペーン概要
-------------------------------------------------- */
header h2 {
  margin: 0 0 21px 0;
}
.outline-txt01 {
  padding-bottom: 50px;
}
.outline-txt02 {
  padding-top: 95px;
  padding-bottom: 117px;
}
.outline-txt03 {
  padding-bottom: 48px;
}
.outline-txt04 {
  padding-bottom: 100px;
}
.memory-1kuji-btn01 {
  display: block;
  margin: 0 auto 40px auto;
  width: 60.591133vw;
  max-width: 615px;
}


/* --------------------------------------------------
  プレゼント内容
-------------------------------------------------- */
#present {
  background-color: #44c0f0;
}


/* --------------------------------------------------
  結果発表
-------------------------------------------------- */
#result {
  padding-top: 50px;
}
#result h2 {
  margin: 0 0 40px 0;
}
.result-block {
  position: relative;
  margin: 0 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.result-block:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.result-end {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 86.600985%;
  transform: translate3d(-50%, -50%, 0);
}
.result-comment:not(:last-child) {
  
  margin-right: 37px;
  box-sizing: border-box;
}
.result-comment {
  padding-top: 1.970443vw;
  width: 300px;
  box-sizing: border-box;
  float: left;
}
.result-comment h3 {
  margin: 0 30px 18px;
  box-sizing: border-box;
}

 .result-cast {
  border-radius: 5px;
  box-sizing: border-box;
}
.cast-photo {
  display: block;
  margin: 15px;
  box-sizing: border-box;
}
.cast-title {
  display: block;
  padding: 12px 10px;
  box-sizing: border-box;
}
.cast-comment {
  display: block;
  padding: 18px 15px 0;
  box-sizing: border-box;
}
.entries {
  margin-top: 16px;
  padding-top: 49px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 21px auto;
  box-sizing: border-box;
}
.episode {
  margin-bottom: 25px;
  box-sizing: border-box;
}
.episode-thumb {
  display: block;
  margin: 0 19px 10px;
  box-sizing: border-box;
}
.episode-name {
  margin: 0 -10px;
  box-sizing: border-box;
}
/* 感動エピソード */
.impression .result-cast {

}
.impression .cast-photo {
}
.impression .cast-title {
  background-color: rgb(8, 86, 160);
}
.impression .cast-comment {
}
.impression .entries {
  background-image: url(../images/result-impression-ico01.png);
}

/* 面白エピソード */
.funny .result-cast {

}
.funny .cast-photo {
}
.funny .cast-title {
  background-color: rgb(225, 105, 159);
}
.funny .cast-comment {
}
.funny .entries {
  background-image: url(../images/result-funny-ico01.png);
}

/* 神引きエピソード */
.god .result-cast {

}
.god .cast-photo {
}
.god .cast-title {
  background-color: rgb(246, 169, 0);
}
.god .cast-comment {
}
.god .entries {
  background-image: url(../images/result-god-ico01.png);
}


/* --------------------------------------------------
  当選発表
-------------------------------------------------- */
#winning {
  padding-top: 55px;
  background: url(../images/winning-bg01.png) center bottom no-repeat;
  background-size: 100% auto;
}
.winning-txt01 {
  padding: 45px 0 56px;
}
.winning-txt02 {
  padding-bottom: 189px;
}

.memory-1kuji-btn02 {
  display: block;
  margin: 0 auto 32px auto;
  width: 60.591133vw;
  max-width: 615px;
}
.overview-btn01 {
  display: block;
  margin: 0 auto 44px auto;
  width: 31.428571vw;
  max-width: 319px;
}

#overview {
	position: relative;
  margin: 40px auto;
  max-width: 947px;
}
#overview a {
	display: block;
	position: absolute;
	height: 25px;
}
#overview a:nth-of-type(1) {
	top: 318px;
	left: 40px;
	width: 400px;
}
#overview a:nth-of-type(2) {
	top: 780px;
	left: 500px;
	width: 400px;
}
#overview a:nth-of-type(3) {
	top: 810px;
	left: 40px;
	width: 80px;
}
#overview a:nth-of-type(4) {
	top: 1863px;
	left: 520px;
	width: 400px;
}
#overview a:nth-of-type(5) {
	top: 1893px;
	left: 40px;
	width: 80px;
}
#overview a:nth-of-type(6) {
	top: 2101px;
	left: 40px;
	width: 352px;
}


/* --------------------------------------------------
  フッター
-------------------------------------------------- */
footer {
  position: relative;
  padding: 18px 28px 14px;
  background-color: #fff231;
}
.footer-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 100%;
  font-size: 0;
}
.footer-logo-1kuji {
  display: inline-block;
  margin-right: 39px;
  width: 97px;
}
.footer-logo-bandai {
  display: inline-block;
  width: 77px;
}
small {
	display: block;
	padding: 24px 0 5px;
	text-align: center;
	font-size: 16px;
}
.pagetop {
  display: block;
	position: absolute;
	right: 28px;
	top: 23px;
  width: 84px;
}


/* --------------------------------------------------
  ここから1015px以下
-------------------------------------------------- */
@media screen and (max-width:1015px) {
  /* --------------------------------------------------
    ヘッダー
  -------------------------------------------------- */ 
  .header-result-bt {
    top: 21.3793vw;
    left: 73.990147vw;
    width: 20vw;
  }

  
  /* --------------------------------------------------
    アコーディオン
  -------------------------------------------------- */
  .accordion {
  }
  .accordion-btn {
  }
  .accordion-btn.toggle {
  }
  .accordion-btn img {
    opacity: 0;
  }
  
  
  /* --------------------------------------------------
    キャンペーン概要
  -------------------------------------------------- */
  #outline h2 {
    margin: 0 0 2.068965vw 0;
  }
  .outline-txt01 {
    padding-bottom: 4.926108vw;
  }
  .outline-txt02 {
    padding-top: 9.359605vw;
    padding-bottom: 11.527093vw;
  }
  .outline-txt03 {
    padding-bottom: 4.729064vw;
  }
  .outline-txt04 {
    padding-bottom: 9.852216vw;
  }
  .memory-1kuji-btn01 {
    margin: 0 auto 3.940886vw auto;
  }
  
  
  /* --------------------------------------------------
    結果発表
  -------------------------------------------------- */
  #result {
    padding-top: 4.926108vw;
  }
  #result h2 {
    margin: 0 0 3.940886vw 0;
  }
    .result-block {
      margin: 0 1.970443vw;
    }
    .result-comment {
        width: 29.556650vw;
    }
    .result-comment:not(:last-child) {
      margin-right: 3.645320vw;
    }
    .result-comment h3 {
      margin: 0 2.925665vw 1.773399vw;
    }
    
     .result-cast {
      border-radius: 0.492610vw;;
    }
    .cast-photo {
      margin: 1.477832vw;
    }
    .cast-title {
      padding: 1.182266vw 0.985221vw;
    }
    .cast-comment {
      padding: 1.773399vw 1.477832vw 1.477832vw;
    }
    .entries {
      margin-top: 1.576354vw;
      padding-top: 4.727586vw;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: 2.068965vw auto;
    }
    .episode {
      margin-bottom: 2.463054vw;
    }
    .episode-thumb {
      display: block;
      margin: 0 1.576354vw 0.985221vw;
    }
    .episode-name {
      margin: 0 -0.985221vw;
    }
  /* --------------------------------------------------
    プレゼント内容
  -------------------------------------------------- */
  #present {
  }


  /* --------------------------------------------------
    当選発表
  -------------------------------------------------- */
  #winning {
    padding-top: 5.418719vw;
  }
  .winning-txt01 {
    padding: 4.433497vw 0 5.517241vw;
  }
  .winning-txt02 {
    padding-bottom: 18.620689vw;
  }
  
  .memory-1kuji-btn02 {
    margin: 0 auto 3.152709vw auto;
  }
  .overview-btn01 {
    margin: 0 auto 4.334975vw auto;
  }


  /* --------------------------------------------------
    フッター
  -------------------------------------------------- */
  footer {
    padding: 1.773399vw 2.758620vw 1.379310vw;
  }
  .footer-logo {
  }
  .footer-logo-1kuji {
    margin-right: 3.842364vw;
    width: 9.556650vw;
  }
  .footer-logo-bandai {
    width: 7.586206vw;
  }
  small {
  	padding: 2.364532vw 0 0.429610vw;
  	font-size: 1.576354vw;
  }
  .pagetop {
		right: 2.758620vw;
		top: 2.266009vw;
    width: 8.175862vw;
  }
}


/* --------------------------------------------------
  ここから767px以下
-------------------------------------------------- */
@media screen and (max-width:767px) {
  /* --------------------------------------------------
    結果発表
  -------------------------------------------------- */
  .result-block {
    background: url(../images/result-bg01.png) center top no-repeat;
    background-size: 100% auto;
  }
  .result-end {
  top: 7.881773vw;
  transform: translate3d(-50%, 0, 0);
}
  .result-comment {
    margin: 0 auto;
    width: 47.290640vw;
    float: none;
  }
  .result-comment:not(:last-child) {
      margin-right: auto;
      margin-bottom: 7.881773vw;
  }
  .result-comment h2 {
    margin-bottom: 3.940886vw;
  }
}


/* --------------------------------------------------
  応募概要
-------------------------------------------------- */
@media screen and (max-width:1000px) {
  #overview {
    margin: 4.223864vw auto;
		width: 93.300492vw;
		max-width: none;
  }
	#overview a {
		height: 2.639915vw;
	}
  #overview a:nth-of-type(1) {
  	top: 31.33004vw;
  	left: 3.940886vw;
  	width: 39.408866vw;
  }
  #overview a:nth-of-type(2) {
  	top: 76.847290vw;
  	left: 49.261083vw;
  	width: 39.408866vw;
  }
  #overview a:nth-of-type(3) {
  	top: 79.802955vw;
  	left: 3.940886vw;
  	width: 7.881773vw;
  }
  #overview a:nth-of-type(4) {
  	top: 183.5467vw;
  	left: 51.231527vw;
  	width: 39.408866vw;
  }
  #overview a:nth-of-type(5) {
  	top: 186.502463vw;
  	left: 3.940886vw;
  	width: 7.881773vw;
  }
  #overview a:nth-of-type(6) {
  	top: 206.995073vw;
  	left: 3.940886vw;
  	width: 34.679802vw;
  }
}