/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.24col.css");

/* fonts */
.font12 {
  font-size:12px !important;
}
.font14 {
  font-size:14px !important;
}
.font16 {
  font-size:16px !important;
}
.font18 {
  font-size:18px !important;
}
.partTitle {
  font-weight: bold;
  margin: 0 0 5px 0;
}
#pform dl dd span {
  color: #bf9a67;
  font-weight: bold;
}
.caption {
  font-weight: bold;
  text-align: center;
}
.dline {
  font-size: 18px;
}
.centerText {
  text-align: center;
}
.bold {
  font-weight: bold;
}
/* STYLES */
html {
  height: 100%;
}
body {
  font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  color: white;
  font-size:16px;
  line-height: 1.5em;
  height: 100%;
  background: #000000;
}

#push-mag2,
#failure,
#success {
  margin:0;
}

header {
  text-align: center;
  background: transparent;
}

section {
  text-align: center;
  background: transparent;
}

footer {
  text-align: center;
  background: transparent;
}

/* tags */
 
h1{

}
h2{
  font-weight: bold;
  margin: 30px 0 0 0;
  padding: 17px 0;
}
h3{
  font-weight: bold;
  margin: 20px 0 0 0;
  font-size:110%;
}
p{
  line-height: 1.5em;
  margin: 4px 0;
}
img {
  max-width: 100%;
}

.container{
  height: auto;
  width: 100%;
  background: #7f0000 url("../img/bg.png") center center repeat-y;
}

.innerHeader,.innerMain,.innerFooter{
  max-width:800px;
  text-align: left;
  margin: 0 auto;
}
.innerHeader {
  line-height: 0;
}
#push-mag2 .innerMain {
  background: transparent url("../img/bg_black.png") 0 0 no-repeat;
  background-size: 100%;
}
#success .innerMain,
#failure .innerMain {
  margin-top: 40px;
  min-height:700px;
  
}

/* header */
.navigation {
  background: transparent;
  padding: 4px;
}
.navigation img.positionLeft {
  float:left;
}
.navigation img.positionRight {
  float: right;
}

.announce {
  margin: 0 auto;
  padding: 25px 0;
}
.announce img {
  display:block;
  margin: 0 auto;
}

#failure .formTitle {
  margin: 25px auto 10px;
}
.formTitle {
  margin: 0 auto 10px;
}
.formTitle img {
  display:block;
  margin: 0 auto;
}
.archiveButtons {
  margin: 30px auto 20px;
  padding: 0 13px;
}
.archiveButtons_s {
  margin: 10px auto 20px;
}
.toTop div ,
.snsButtons ,
.archiveButtons .inner {
  margin: 0 auto;
  display:block;
  width: 100%;
}
.archiveButtons .btn {
  font-size:14px;
  font-weight:bold;
  border: none;
  display: inline-block;
  float: left;
  margin: 5px 0 0 1%;
  width:19%
}
.archiveButtons .btn2014,
.archiveButtons .btn2015 {
  width:49%;
  margin: 5px 0 0 1%;
}
.archiveButtons .btn a {
  font-size: 13px;
  color: #FFFFFF;
  padding: 0.7em;
  background: #4d4d4d;
  display: block;
  line-height: 1.5;
  text-decoration: none;
}
.archiveButtons .btn a:hover {
background-color: #cc9d52;
}

.toTop {
  margin: 0 auto;
  padding: 0 18px;
}

/* social */
div.snsBox {
  margin: 20px auto;
  padding: 0 18px;
}
ul.snsButtons {
  margin: 0 auto;
}
.fb_btn .fb_iframe_widget span {
  top: -4px;
  -webkit-transform-origin:top left;
  -moz-transform-origin:top left;
  transform-origin:top left;
  -webkit-transform:scale(1.03);
  -moz-transform:scale(1.03);
  transform:scale(1.03);
  /zoom:1.03;
  overflow: hidden;
}
.snsButtons li {
  float: left;
  margin-right: 10px;
  list-style: none;
}

/* form */
.read {
  padding:30px 10px 0 10px;
  margin: 60px 0 0 0;
  background: #BD3319;
  border-top: 15px solid #FF0000;
}

.Card,
.regForm {
  padding: 20px;
  margin: 0 auto;
  background: #660000 url("../img/bg_table.jpg") center center;
  border: 4px #cc9d52 double;
  position: relative;
  background-size: 100%;
}
.innerRegform {
  margin-top: 15px;
  width: 100%;
  top:130px;
}
.regForm input[type="text"] {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #cc9d52;
  display: block;
  box-shadow: inset 0 1px 1px #e1e1e1;
  box-sizing: border-box;
  font-size: 100%;
  padding: 10px;
  height: 40px;
  background-color: #ffffff;
  margin: 0 auto;
  width: 100%;
}
.regForm textarea {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #cc9d52;
  display: block;
  box-shadow: inset 0 1px 1px #e1e1e1;
  box-sizing: border-box;
  font-size: 100%;
  padding: 10px;
  height: 8em;
  background-color: #ffffff;
  line-height: 1.3;
  margin: 0 auto;
  width: 100%;
}
.regForm select {
  border: 1px solid #cc9d52;
  display: block;
  box-shadow: inset 0 1px 1px #e1e1e1;
  box-sizing: border-box;
  font-size: 100%;
  padding: 10px;
  height: 40px;
  background-color: #ffffff;
  margin: 0 auto;
  width: 100%;
}
.regForm input[type="text"]:focus,
.regForm textarea:focus,
.regForm select:focus {
  outline: none;
  background-color: #ffffff;
  box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #cc9d52, 0 0 40px #cc9d52;
  -moz-box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #cc9d52, 0 0 40px #cc9d52;
  -webkit-box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #cc9d52, 0 0 40px #cc9d52;
}
input::-webkit-input-placeholder {
  color: #000000;/*for Webkit*/
}
input:-moz-placeholder {
  color: #000000;/*for Firefox*/
}
.regForm input[type="image"] {
  display: block;
  max-width: 242px;
  font-size:0;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  outline: none;
  margin: 20px auto;
}
.regForm input[type="image"]::before,
.regForm input[type="image"]::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.regForm input[type="image"],
.regForm input[type="image"]::before,
.regForm input[type="image"]::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.regForm input[type="image"]:hover {
  cursor:pointer;
}
.regForm .extxt {
  background: #4d0000;
  margin:0 auto;
  padding: 20px;
}
/* corner decoration */
.Card .cornerbg ,
.regForm .cornerbg {
  height:84px;
  width:84px;
}
.Card .cornerbg img ,
.regForm .cornerbg img {
  height:84px;
  width:84px;
}
.Card .bg_tl,
.regForm .bg_tl{
  position:absolute;
  top: 0px;
  left: 0px;
}
.Card .bg_tr,
.regForm .bg_tr{
  position:absolute;
  top: 0px;
  right: 0px;
}
.Card .bg_bl,
.regForm .bg_bl{
  position:absolute;
  bottom: 0px;
  left: 0px;
}
.Card .bg_br,
.regForm .bg_br{
  position:absolute;
  bottom: 0px;
  right: 0px;
}

.extxt a ,
.extxt span {
  color: #cc9d52;
}
.extxt .maru {
  padding-left:10px;
}

.kiyaku,
.emailForm,
.submitForm {
  margin: 0 auto;
}
.submitForm {
  width:36.25%;
}
.kiyaku,
.emailForm {
  width:91.5%;
}
.displayNone{
  display: none;
}
#likeBannerOff{
  padding:8px 59px;
}
#pform>dd {
  margin-bottom: 20px;
  text-align: right;
}
#pform .ext01 dd {
  font-size: 87.5%;
}
.check-wrap {
  margin-top:20px;
  background: #4e0000;
}
.check-wrap dt {
  text-align:left;
  padding:20px 20px 5px;
  float:none;

}
.check-wrap dd {
  text-align:left;
  margin-left:20px;
  float:none;
  width:inherit;
  margin:0;
  padding:0 20px;
}
.check-wrap .img-box {
  text-align:center;
  margin:0;
  padding:20px 0;
  float:none;
  width:inherit;
}

.toggle.span_23.xtxt.row .img-box img{
}


#pform .bft {
  font-size: 12px;
  margin:0 14px;
  text-align: right;
}
.necessary {
  color: #cc9d52;
}
.charm {
  background: transparent url("../img/i_charm.png") 0 0 no-repeat;
  padding: 6px 0 0 33px;
  
}
.separator {
  height: auto;
  width: 100%;
  margin: 5px auto;
  padding: 17px;
  background: transparent url("../img/line.png") center center no-repeat;
  background-size: 70%;
}
.upperArchive {
  padding: 20px;
  margin: 0 auto;
}
/* success */
.Card {
  margin: 0 auto;
  padding: 25px 0;
}
.Card img {
  display:block;
  margin: 0 auto;
}
/* 集計中 */
.Card.aggregate {
  display:none;
  margin: 15px auto 0;
}
/* footer */
.innerFooter {
  background: transparent url("../img/bg_footer2016.jpg") 0px bottom no-repeat;
  background-size: 100%;
 min-height:250px;
}
.copyrightContain {
  text-align: center;
}
.copyright {
  margin: 0 auto;
  padding-left: 20px;
  display: inline-block;
}

.copyright div {
  float:left;
  display:block;
}
.footerLogo p {
  text-align:center;
}
/* 効果 */
.neon {
  color: #fff;
  font-family: pt-sans-narrow, sans-serif;
  letter-spacing: 0.15em;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #cc9d52, 0 0 40px #cc9d52,;
  font-size: 1.8em;
  line-height: 1.5;
  text-align: center;
  float: left;
  width: 100%;
}

.glow {
  color: #fff;
  font-family: Varela, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: 0 0 60px rgba(255,255,255,0.8), 0 0 30px rgba(255,255,255,0.8), 0 0 10px rgba(255,255,255,0.8);
  text-align: center;
  float: left;
  width: 100%;
}

/* タブレット用 */
@media screen and (max-width: 768px) {

  .Card {
  width: 87.5%;
  }
  #success .innerMain,
  #failure .innerMain {
    margin-top: 30px;
  }
  #failure .formTitle {
  margin: 10px auto 10px;
  }
}
/* スマホ用 */
@media screen and (max-width:480px){

  .archiveButtons .inner {
  max-width: 80%;
  }
  .snsButtons {
  max-width: 100%;
  }
  .archiveButtons {
  margin: 15px auto 20px;
  padding: 0 13px;
  }
  .archiveButtons .btn {
  font-size: 14px;
  font-weight: bold;
  border: none;
  display: inline-block;
  float: left;
  margin: 5px 0 0 0;
  width: 100%;
  }
  .archiveButtons .btn a {
  color: #FFFFFF;
  padding: 0.7em;
  background: #4d4d4d;
  display: block;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  }
  
  #failure .Card {
  padding: 40px;
  }
  .Card {
  margin-top: 20px;
  width: 95%;
  padding: 20px 5px 57px;
  }
  .regForm {
    padding: 20px 12px;
  }
  .toTop > div {
  margin: 0 auto;
  display: block;
  width: 80%;
  }
  #pform .bft {
  text-align: left;
  }
  .separator {
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding:0 17px;
  background: transparent url("../img/line.png") center center no-repeat;
  background-size: 100%;
  }
  .upperArchive {
    padding: 0 20px;
    margin: 0 auto;
  }
  #success .innerMain,
  #failure .innerMain {
    margin-top: 20px;
    min-height: 460px;
  }
  #failure .formTitle {
  margin: 0 auto 10px;
  }
  .regForm input[type="text"],
  .regForm textarea,
  .regForm select {
    font-size:14px;
  }
  .charm {
      background: transparent url("../img/i_charm.png") 0 9px no-repeat;
      padding: 6px 0 0 15px;
      background-size: 15px 15px;
      font-size: 14px;
  }
  .innerFooter {
  background-size: 100%;
  min-height:350px;
}

}

.inc_footer{
	margin-top:0!important;
}