@charset "UTF-8";
/*//////////////////////////////////////////////////////////////////////////////////////////////////////

  年末年始Wプレゼントキャンペーン

/////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* =====================================================================================================

  共通設定

======================================================================================================*/
div#snippet_foot_form_link::before {
  display: none !important;
}
#snippet_foot_form_link h2#snippet_foot_contactTtl:before {
  content: "";
  display: block;
  width: 730px;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
}
/* =====================================================================================================

  フォーム

======================================================================================================*/
section.box_campaign_form {
  position: relative;
  top: -11px;
  left: -16px;
  width: 730px;
  background-color: #fff;
}
.campaign_form {
  height: 280px;
  margin: 0 0 -15px 0;
  padding-top: 70px;
  border-top: 1px solid #ccc;
}
.campaign_form .inner {
  margin: 0 20px;
  padding: 30px 0;
  background-color: #fffccd;
  text-align: center;
}
.campaign_form .invitation {
  margin-top: 20px;
  text-align: center;
}
.campaign_form .invitation strong {
  color: #f00;
}
.campaign_form .inner a {
  display: inline-block;
  height: 70px;
  padding: 0 15px 0 16px;
  background-color: #0079d3;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 70px;
  text-decoration: none;
}
.campaign_form .inner a:hover {
  color: #fff !important;
}
.campaign_form .inner a::before {
  content: "";
  display: inline-block;
  margin-right: 14px;
  border: 5px solid transparent;
  border-left: 8px solid #fff;
  border-right: none;
  vertical-align: middle;
  *display: none; /* IE7 */
}
/* キャンペーンページ
------------------------------------------------------------------------*/
.new_years_holiday_2017 {
  position: relative;
  top: -10px;
  left: -16px;
  width: 708px;
  padding: 20px 10px 50px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 16px;
}
.new_years_holiday_2017 img {
  vertical-align: bottom;
}
.new_years_holiday_2017 h2 {
  margin: 30px 0 15px 14px;
  padding-left: 20px;
  background: url("/public/img/static/campaign/2017/new_years_holiday/ico_square.png") left center no-repeat;
  font-size: 24px;
  font-weight: bold;
}
.new_years_holiday_2017 h2.nowrap {
  white-space: nowrap;
}
.new_years_holiday_2017 .lead,
.new_years_holiday_2017 .text {
  margin: 0 14px 0 33px;
}
.new_years_holiday_2017 .lead {
  margin-bottom: 5px;
}
.new_years_holiday_2017 .em {
  color: #f00;
  font-weight: bold;
}
.new_years_holiday_2017 .txt_indent {
  margin-left: 60px;
  margin-bottom: 20px;
}
.new_years_holiday_2017 .text_present {
  margin-top: 10px;
}
.new_years_holiday_2017 .lead {
  font-weight: bold;
}
.new_years_holiday_2017 .lead-hd {
  font-size: 18px;
}
.new_years_holiday_2017 .intro {
  margin: 0 0 10px 33px;
  font-weight: bold;
}
.new_years_holiday_2017 .intro li {
  padding-left: 1em;
  text-indent: -1em;
}
.new_years_holiday_2017 .text strong {
  color: #f00;
  text-decoration: underline;
  font-weight: normal;
}
.new_years_holiday_2017 .text strong.em {
  text-decoration: none;
  font-weight: bold;
}
.new_years_holiday_2017 .text a {
  color: #00f;
}
.new_years_holiday_2017 .media {
  margin: 0 0 20px 33px;
}
.new_years_holiday_2017 .media .img {
  float: left;
  margin-right: 11px;
}
.new_years_holiday_2017 .media .detail {
  float: left;
  width: 355px;
}
.new_years_holiday_2017 .media .ttl {
  font-size: 18px;
  font-weight: bold;
}
.new_years_holiday_2017 .media .ykkap {
  padding-left: 77px;
  background: url("https://www.ex-shop.net/public/img/img_search/maker_logo/ykkap.png") left center no-repeat;
}
.new_years_holiday_2017 .media .txt {
  margin-bottom: 20px;
}
.new_years_holiday_2017 .media .indent li {
  margin-left: 1em;
  text-indent: -1em;
}
.new_years_holiday_2017 .box_showcase_list {
  width: 688px;
  margin: 30px auto 0;
  padding-top: 30px;
  border-top: 1px solid #999;
}
.new_years_holiday_2017 .box_showcase_list ul {
  margin: 0 0 30px 0;
}
.new_years_holiday_2017 .box_showcase_list li {
  float: left;
  margin-right: 14px;
}
.new_years_holiday_2017 .box_showcase_list li.last {
  margin-right: 0;
}
.new_years_holiday_2017 .box_showcase_list .bt_showcase {
  float: right;
}
.new_years_holiday_2017 .box_showcase_list .bt_showcase a {
  display: block;
  width: 283px;
  height: 38px;
  line-height: 36px;
  padding: 0 0 0 14px;
  border-radius: 5px;
  border: 2px solid #2f7400;
  color: #2f7400;
  font-weight: bold;
  text-decoration: none;
}
.new_years_holiday_2017 .box_showcase_list .bt_showcase a::after {
  content: "";
  display: inline-block;
  margin-left: 11px;
  border: 5px solid transparent;
  border-left: 8px solid #2f7400;
  border-right: none;
  vertical-align: middle;
}
.new_years_holiday_2017 .box_showcase_list .bt_showcase--adjust a {
  width: auto;
  padding: 0 36px 0 16px;
  background: url(/sp/public02/img/common/icon_next-deeppistachio.svg) right 14px center no-repeat #fff;
  background-size: 9px auto;
}
.new_years_holiday_2017 .box_showcase_list .bt_showcase--adjust a::after {
  display: none;
}
.campaign_application {
  margin: 26px 0 45px;
  text-align: center;
}
.campaign_application a {
  display: inline-block;
  height: 70px;
  padding: 0 106px 0 16px;
  background-color: #0079d3;
  border-radius: 5px;
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15);
  color: #fff !important;
  font-size: 20px;
  font-weight: bold;
  line-height: 70px;
  text-decoration: none;
}
.campaign_application a::before {
  content: "";
  display: inline-block;
  margin-right: 80px;
  border: 5px solid #0000;
  border-left: 8px solid #fff;
  border-right: none;
  vertical-align: middle;
}