@charset "UTF-8";
/* CSS Document */
/* レスポンシブ共通設定*/
h1 img
{
    display: block;
    margin:0 auto;
}
#main
{
    margin: 0 auto;
}

#main section
{
    text-align: left;
    width: 80%;
    margin: 0 auto;
}
#main article .prize
{
    border-bottom:1px solid #000;
    border-top:1px solid #000;
    font-size:1.8em;
    margin-top: 2em;
    padding:0.2em 0;
}
#main article .prize span
{
    font-size: 0.6em;
}
#main article .item
{
    font-size:1.6em;
    margin:1em 0;
}
#campaign .attention
{
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    text-align: center;
}
#cta .attention
{
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    text-align: center;
    margin-top:2em;
}
#cta .attention a
{
    color:blue;
}
#campaign .entry-link
{
  margin-top: 1em;
  text-align: center;
}
#campaign .note
{
  margin-top: 0.5em;
  margin-bottom: 1em;
  text-align: center;
}
#campaign .note span
{
  color: #de580d;
  font-size: 1.2em;
  font-weight: bold;
}
#comment .button
{
  margin-top: 2em;
}
#introduction .copy
{
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
}
#introduction .description
{
  color:#0087e1;
}
#introduction .belongs
{
  font-size: 0.6em;
}
#introduction .cast1
{
	font-size: 1.3em;
	margin-bottom:1em;
}
#introduction .cast2
{
	font-size: 0.8em;
	margin-bottom:1em;
	text-align:center;
}
#introduction .cast3
{
	font-size: 1.3em;
	margin-top:-0.5em;
	margin-bottom:1em;
}
#introduction .cast4
{
	font-size: 0.8em;
}
#introduction .cast .belongs
{
    font-size: 0.5em;
}
#story
{
  position: relative;
}
#story section p
{
    margin-top:2em;
}
#story .photo02
{
    margin-top: 2em;
}
#story .link
{
  font-size:0.8em;
  padding-top:2em;
}
#essentials .present-title
{
  text-align: center;
}
#essentials .date
{
  font-size: 1.2em;
  text-align: center;
}
.photo
{
	margin:2em 0;
	text-align:center;
}
.link
{
	color:blue;
	text-align:center;
	text-decoration:underline;
}
.policy{
  font-size: 1.1em;
  margin: 20px auto;
  text-align:center;
}
.submit_btnarea {
  width: 100%;
  margin: 0 auto;
}
.form_btn{
  background: #005183;
  border: 1px solid #fff;
  color: #fff;
  width: 100%;
  padding: 0.8em 0.2em;
  font-size: 1em;
  cursor: pointer;
  transition: all .5s ease-out;
  position: relative;
}
.form_btn_trial
{
  background: #ea4f6a;
  border: 1px solid #fff;
  color: #fff;
  width: 100%;
  padding: 0.8em 0.2em;
  font-size: 1em;
  cursor: pointer;
  transition: all .5s ease-out;
  position: relative;
  margin-top: 2em;
}
.form_btn:hover{
  border: 1px solid #005183;
  background: #fff;
  color: #005183;
}
button[type="submit"][disabled] {
      background-color: #fff;
      color: #888;
      border-color: #888;
      cursor: default;
    }
  
  button[type="submit"][disabled]:hover{
    opacity:1;
  }
.l-footer {
  background-color: #fa0099;
  color: #fff;
  padding: 27px 0 32px;
  font-size: 0.7em;
  text-align: center;
  line-height: 2.5em;
}
.l-footer .l-footer_list {
  display: inline-block;
  overflow: hidden;
}
.l-footer .l-footer_list li {
  display: inline-block;
}
.l-footer .l-footer_list li:before {
  content: "";
  display: inline-block;
  height: 1em;
  border-left: 1px solid #fff;
  vertical-align: middle;
}
.l-footer .l-footer_list li:first-child:before {
  border-left: none;
}
.l-footer .l-footer_list li a {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1em;
  font-size: 11px;
  line-height: 2em;
  text-decoration: none;
  color: #fff;
}
.l-footer .copy {
  font-size: 0.5rem;
}
/*モバイル用（0px 〜 834px） Start*/
@media (max-width: 834px)
{
   h1 img
   {
       width:80%;
   }
   h2
   {
      font-size: 1.2em;
   }
   #main article .item
  {
    font-size:1.2em;
  }
  #campaign .entry-link
  {
    font-size: 1em;
  }
  #comment .button img
  {
    max-width: 80%;
  }
  .bs-logo1
  {
    padding-bottom: 2em;
  }
	.link
	{
		font-size:0.6em;
	}
    .l-footer {
    padding: 17px 0 41px;
    font-size: 0.75rem;
    text-align: center;
    line-height: 2.3em;
  }
  .l-footer .l-footer_list {
    max-width: 30em;
  }
  .l-footer .l-footer_list li:nth-child(4) {
    clear: left;
  }
  .l-footer .l-footer_list li:nth-child(4):before {
    border-left: none;
  }
  .l-footer .l-footer_list li:nth-child(6) {
    clear: left;
  }
  .l-footer .l-footer_list li:nth-child(8) {
    clear: left;
  }
  .l-footer .l-footer_list li:nth-child(7):before {
    border-left: none;
  }
  .l-footer .l-footer_list li:nth-child(9):before {
    border-left: none;
  }
  .l-footer .l-footer_list li:nth-child(n+4) {
    margin-top: .25em;
  }
  .l-footer .l-footer_list li a {
    font-size: 12px;
    line-height: 2.5em;
  }
  .youtube
{
width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}
.youtube-video
{
position: absolute;
top: 2em;
left: 0;
width: 100%;
height: 100%;
}
#main #campaign img.bs-logo1
{
  width: 80%;
}
}
/*モバイル用（0px 〜 834px） End*/
/*PC用（835px 〜） Start*/
@media (min-width: 835px)
{
    h1 img
    {
      width:80%;
    }
    #introduction section,
    #story section,
    #essentials section
    {
        width:60%;
    }
    #comment .button img
    {
      max-width: 600px;
    }
.youtube
{
width:80%;
margin:0 auto;
text-align: center;
}
.youtube-video
{
margin:2rem auto;
}
#main #campaign img.bs-logo1
{
  width:40%;
}
}
/*PC用（835px 〜） End*/