/* --------------------------------
 プレゼント・キャンペーン
-------------------------------- */
/* :::::: GO!GO! XMAS. :::::: */

#present-xmas #title {
background: #de0010;
}

.xmas_header {
  position: relative;
  height: 380px;
  margin-bottom: 40px;
}

.xmas-title {
  padding-top: 0;
  height: 380px;
  background: url(img/main12.jpg) no-repeat center center;
  background-size: cover;
}

.xmas-title h2 {
display:none;
}



@media (max-width: 720px) {
.xmas_header {
  height: 280px;
}
.xmas-title {
  height: 280px;
}
}
@media (max-width: 480px) {
.xmas_header {
  height: 180px;
}
.xmas-title {
  height: 180px;
}
}

/* //////////////////////////////////////////////////// */
.xmas-date {
  position: absolute;
  left: 50%;
  top: 250px;
}

.xmas-image1 {
  position: absolute;
  left: 50%;
  top: 167px;
  width: 450px;
  height: 216px;
  margin-left: -475px;
  background: url(img/image.png) no-repeat left top;
}

.xmas_lead {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #045a18;
  font-size: 114.3%;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
}

.xmas_lead2 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 114.3%;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
}


.xmas_lead3 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 114.3%;
  letter-spacing: 0.1em;
  text-align: center;
}







/* //////////////////////////////////////////////////// */
.xmas_programs {
  width: 871px;
  margin: 30 auto 80px;
border:0px #FF0000 solid;
}
.xmas_programs .program {
  float: left;
  width: 270px;
  margin-left: 30px;
}
.xmas_programs .program:first-child {
  margin-left: 0;
}

.xmas_programs .program_inner {
  height: 72px;
  padding-top: 18px;
  background: #c1ae71 url(img/bg2.jpg) no-repeat center center;
  background-size: cover;

  color: #fff;
  text-align: center;
  letter-spacing: 0.07em;
}

.xmas_programs .program_inner span {
  font-family: Numans, sans-serif;
  font-size: 128.6%;
}

.xmas_programs img{
width:100%;
height:auto;
}



@media (max-width: 960px) {
.xmas_programs {
width: 720px;
}
.xmas_programs .program {
  width: 220px;
  margin:0 10px;
}
}

@media (max-width: 720px) {
.xmas_programs {
width: 100%;
}
.xmas_programs .program {
  width: 30%;
  margin:0 10px;
}
.program_inner{
font-size:9pt;
}
}

@media (max-width: 480px) {
.xmas_programs {
  margin: 0 auto;
}
.xmas_programs .program {
float: none;
margin:10px 0;
width: 100%;
}
.program_inner{
font-size:12pt;
}
}


/* //////////////////////////////////////////////////// */
.xmas_present {
clear:both;
  padding: 50px 0;
  background: #fff;
}

.xmas_present h3 {
  margin-bottom: 15px;
  text-align: center;
border:0px #FF0000 solid;
}
.xmas_present h3 img{
max-width:90%;
height:auto;
}

.xmas_present-item {
  margin-top: 30px;
}

.xmas_present-item .item {
  float: left;
  width: 310px;
  margin:0 5px;
  margin-bottom: 20px;
  text-align: center;
border:0px #FF0000 solid;
}

.xmas_present-item .item img{
  margin-bottom: 10px;
  width: 300px;
}



@media (max-width: 960px) {
.xmas_present-item .item {
width: 230px;
}
.xmas_present-item .item img{
width: 220px;
}
}


@media (max-width: 720px) {
.xmas_present {
width:90%;
margin:0 auto;
border:0px #FF0000 solid;
}
.xmas_present-item .item {
width: 47%;
}
.xmas_present-item .item img{
width: 90%;
}
.xmas_present-item .item:nth-child(odd) {
clear:both;
}
}


@media (max-width: 480px) {
.xmas_present {
  margin: 0 auto;
}
.xmas_present-item .item {
width: 100%;
}
}



/* //////////////////////////////////////////////////// */
.xmas_sponsor {
clear:both;
  padding: 10px 0 30px 0;
  margin:10px 0 0 0;
  background: #CC0000;
}

.xmas_sponsor .xmas_present-item .item {
  margin-bottom: 10px;
}

.xmas_sponsor .xmas_present-item .item img{
  margin-bottom: 0;
}


@media (max-width: 960px) {
.xmas_sponsor .item {
width: 23%;
}
.xmas_sponsor .xmas_present-item .item img{
width: 100%;
}
}

@media (max-width: 720px) {
.xmas_sponsor .xmas_present-item .item {
width:30%;
}
.xmas_sponsor .xmas_present-item .item img{
width: 90%;
}
}


@media (max-width: 480px) {
.xmas_sponsor .xmas_present-item .item {
width:46%;
}
.xmas_sponsor .xmas_present-item .item img{
width: 95%;
}
}



/* //////////////////////////////////////////////////// */
.xmas_form {
padding:40px 0 180px 0;
background-color: #EFEFEF;
background-image: url(img/bg3.jpg);
background-repeat:no-repeat;
background-position:left bottom;
border:0px #FF0000 solid;
}
.xmas_form-header {
  border: none;
  text-align: center;
margin:0 0 40px 0;
}
.xmas_form-header img{
max-width:96%;
}


.xmas_form table{
margin:0 auto;
border:0px #FF0000 solid;
border-collapse:separate;
border-spacing:3px;
width:100%;
}
.xmas_form td, .xmas_form th{
box-sizing:border-box;
padding:8px;
border:0px #FF0000 solid;
background:#FFFFFF;
background: rgba(255,255,255,0.8);
}
.xmas_form th{
width:280px;
}

.xmas_form .box{
padding:40px 0 0 0;
}

.xmas_form .formbtn{
display:table;
margin:40px auto 0 auto;
}



/* apply ///////////////////////*/
.apply input,
.apply select,
.apply textarea {
  border: 2px #CCCCCC solid;
  /*
  line-height: 30px;
*/
  line-height: 20px;
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.apply textarea {
  width: 100%;
  height: 100px;
box-sizing:border-box;
}
.apply .type1 {
  width: 100px;
}
.apply .type2 {
  width: 100%;
box-sizing:border-box;
}
.apply .type3 {
  width: 160px;
}
.apply .req input,
.apply .req select,
.apply .req textarea {
  background-color: #FFFFCC;
}
.apply .submit {
  text-align: center;
  padding-top: 30px;
}
.apply .submit .btn {
  width: 360px;
  padding: 10px;
  font-size: 14pt;
  text-align: center;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-style: none;
  cursor: pointer;
  min-height: 60px;
  margin-bottom: 20px;
  background-color: #CC0000;
}
.apply .submit .send {
  background-color: #CC0000;
  color: #FFFFFF;
  border: 2px #CC0000 solid;
}
.apply .submit .send p {
  font-size: 9pt;
}
.apply .submit .send:hover {
  color: #CC0000;
  border: 2px #CC0000 solid;
  background-color: #FFFFFF;
}
.apply .submit .error {
  background-color: #CC0000;
  color: #FFFFFF;
}
.apply .check {
  font-weight: bold;
  font-size: 12pt;
  color: #CC0000;
  padding: 20px 0;
}
.apply .thanks {
  padding: 40px 0;
}
.apply .box {
  margin: 30px 0 0 0;
  padding: 20px;
  background-color: #FFFFFF;
}


@media (max-width: 720px) {
  .apply {
    padding: 60px 0;
  }
}
@media (max-width: 480px) {
  .apply {
    padding: 40px 0;
  }
  .apply th {
  border-bottom: 1px #CCCCCC dotted;
  }
  .apply th,
  .apply td {
    display: block;
    width: auto;
    padding: 5px 5px;

  }
  .apply .submit .btn {
    width: 280px;
    padding: 5px;
    font-size: 12pt;
    text-align: center;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-style: none;
  }
  .apply .pc {
    display: none;
  }
}
/* formError ///////////////////////*/
.formError .formErrorArrow div,
.formError .formErrorContent {
  background-color: #CC0000;
  color: #FFFFFF;
}