/* ============ RESET ============ */
html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input, textarea, select {
  *font-size: 100%;
}

legend {
  color: #000;
}

article, aside, audio, bb, canvas, datagrid, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video {
  display: block;
  margin: 0;
  padding: 0;
}

.cf:after,
.pageMenu ul:after,
.post:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

/* items */
/* ============ STYLE ============ */
* {
  box-sizing: border-box;
}

html {
  font-size: 10px;
}

body {
  text-align: justify;
  -webkit-text-size-adjust: 100%;
}

a {
  text-decoration: none;
}

img {
  vertical-align: bottom;
  max-width: 100%;
}

body.scroll-disable {
  overflow: hidden;
}

.sp {
  display: none !important;
}

/* layout */
.wrap375 {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}
.inner {
  margin: 0 auto;
  width: 768px;
  min-width: 768px;
}
@media only screen and (max-width: 480px) {
  .wrap375 {
    max-width: 100%;
  }
}
.mb20 {
  margin-bottom: 20px;
}
.mb40 {
  margin-bottom: 40px;
}

/* -----------------------
  common
-------------------------- */
.listWrapCommon {
  list-style: none;
  margin: 0;
	padding-left: 11px;
  font-size: 13px;
  line-height: 1.4em;
}
.listItemCommon {
	position: relative;
	display: block;
}
.listItemCommon:before {
	position: absolute;
	content: '\203B';
	top: 0;
	left: -11px;
}

/* -----------------------
  header
-------------------------- */
header {
  height: auto;
  background-color: #182c46;
  overflow: hidden;
}
header #logo {
  margin: 10px auto;
  width: 200px;
}
header #contactlink {
  position: absolute;
  top: 5px;
  right: 270px;
  width: 160px;
}

/* -----------------------
  main
-------------------------- */
#main {
  width: 95%;
  max-width: 375px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
#main img {
  width: 100%;
  max-width: 375px;
}
#coupon p {
  width: 95%;
  margin: 10px auto;
  text-align: left;
}
#main .btn_go {
  width: 70%;
  margin: 0 auto;
  padding: 20px auto;
  background-color: #ff0000;
  color: #fff;
  font-size: 18px;
}
#main a {
  text-decoration: none;
}
#main a:hover {
  text-decoration: none;
}
#main .fromto01 {
  width: 100%;
  margin-bottom: 30px;
  max-width: 768px;
  background: #e70012;
  text-align: center;
  padding: 3px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

#main .fromto02 {
  width: 100%;
  margin-bottom: 30px;
  max-width: 768px;
  background: #009a44;
  text-align: center;
  padding: 3px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
#main .period {
  margin-top: 10px;
  font-size: 26px;
  font-weight: bold;
}
.btn_box {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
input#form_submit_button{
  width: 70%;
  margin: 0 auto;
  padding: 20px 30px;
  background-color: #ff0000;
  color: #fff;
  font-size: 18px;
}
#main .button_after {
  position: relative;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  padding: 20px 30px;
  background-color: #eee;
  font-size: 18px;
}
#main .button_after a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  text-decoration: none;
  color: #000;
  display: block;
  padding: 20px 30px;
}
#main .button_after a:hover {
  cursor: pointer;
}

#attention01 .button_after {
  position: relative;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  padding: 20px 30px;
  background-color: #eee;
  font-size: 18px;
}
#attention01 .button_after a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  text-decoration: none;
  color: #000;
}
#attention01 .button_after a:hover {
  cursor: pointer;
}
/* -----------------------
  attention
-------------------------- */
#attention01,
#attention02,
#attention03,
#attention04,
#attention05 {
  text-align: left;
}
#attention01 {
  margin: 10px 0 0;
  padding: 10px 10px 20px;
}
.app-coupon_space01 {
  margin-top: 90px;
}
.app-coupon_space02 {
  margin-top: 100px;
}
#attention01 .att_ttl {
  font-size: 16px;
  padding: 10px;
  color: #ff0000;
  border: solid 1px #ff0000;
}
#attention01 .att_txt {
  padding: 10px;
  font-size: 13px;
  letter-spacing: 0px;
}

#attention02 {
  background-color: #f2f2f2;
  margin: 30px 0 0;
  padding: 30px 10px;
}
#attention02 .att_ttl {
  padding-bottom: 10px;
  border-bottom: solid 1px #000;
}
#attention02 .att_txt {
  font-size: 13px;
  letter-spacing: 0px;
  padding-top: 10px;
}

#attention03 {
  padding: 10px 10px 20px;
}
#attention03 .att_ttl {
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  background-color: #ff0000;
  color: #ffff00;
  text-align: center;
}
#attention03 .att_txt {
  letter-spacing: 0px;
  padding: 10px;
}

#attention04 {
  padding: 0 10px 30px;
}
#attention04 .att_ttl {
  font-size: 13px;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}

#attention05 {
  padding: 10px 10px;
}
#attention05 .att_txt {
  text-align: left;
  font-size: 13px;
  letter-spacing: 0px;
  padding: 10px;
}

#applicableProductsArea {
  margin: 30px 0 20px;
}
#applicableProductsArea table {
  width: 100%;
  margin-top: 10px;
}
#applicableProductsArea th,td {
  padding: 10px;
  text-align: left !important ;
  border: solid 1px #ccc;
}
#applicableProductsArea th {
  width: 110px;
  color: #fff;
  background-color: #134FA1;
}
#applicableProductsArea .applicableProductsTitle {
  padding: 10px 0;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #134FA1;
  border: solid 1px #ccc;
}

/* -----------------------
  link-box
-------------------------- */
#link-box {
  padding: 10px 20px;
}
.link-title {
  margin-bottom: 10px;
}
.line-link {
  float: left;
  width: 100px;
  background-color: #3AAE36;
  border-radius: 10px;
  text-align: center;
  margin-right: 10px;
}
.line-link a {
  display: block;
  color: #fff;
  padding: 5px 10px;
}
.twitter-link {
  float: left;
  width: 100px;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.clearfix{ zoom: 1; }

/* -----------------------
  footer
-------------------------- */
footer {
  width: 100%;
  background-color: #182c46;
}
footer .copyright {
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 15px 0;
}

@media only screen and (max-width: 480px) {
  .sp {
    display: block !important;
  }

  .¡ {
    overflow: hidden;
  }

  .inner {
    margin: 0 auto;
    width: 100%;
    min-width: 480px;
  }

}

/* -----------------------
  help
-------------------------- */
.ul-disc {
  list-style-type: disc;
  padding-left: 1.4em;
}
.ul-disc li {
  margin-bottom: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.fwb {
  font-weight: bold;
}

/* -----------------------
  広告バナー
-------------------------- */
.promotion-item li {
  padding: 10px 5px;
}

/* -----------------------
  header、広告バナー固定
-------------------------- */
.item-sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  top: 0;
  background: #fff;
}

/* -----------------------
  Parts
-------------------------- */
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}
.mt110 {margin-top: 110px;}
.mt120 {margin-top: 120px;}
.mt130 {margin-top: 130px;}
.mt140 {margin-top: 140px;}
.mt150 {margin-top: 150px;}

.mb05 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}
.mb110 {margin-bottom: 110px;}
.mb120 {margin-bottom: 120px;}
.mb130 {margin-bottom: 130px;}
.mb140 {margin-bottom: 140px;}
.mb150 {margin-bottom: 150px;}

.pt05 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt55 {padding-top: 55px;}
.pt60 {padding-top: 60px;}
.pt65 {padding-top: 65px;}
.pt70 {padding-top: 70px;}
.pt75 {padding-top: 75px;}
.pt80 {padding-top: 80px;}
.pt85 {padding-top: 85px;}
.pt90 {padding-top: 90px;}
.pt95 {padding-top: 95px;}
.pt100 {padding-top: 100px;}
.pt110 {padding-top: 110px;}
.pt120 {padding-top: 120px;}
.pt130 {padding-top: 130px;}
.pt140 {padding-top: 140px;}
.pt150 {padding-top: 150px;}

.pb05 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}
.pb55 {padding-bottom: 55px;}
.pb60 {padding-bottom: 60px;}
.pb65 {padding-bottom: 65px;}
.pb70 {padding-bottom: 70px;}
.pb75 {padding-bottom: 75px;}
.pb80 {padding-bottom: 80px;}
.pb85 {padding-bottom: 85px;}
.pb90 {padding-bottom: 90px;}
.pb95 {padding-bottom: 95px;}
.pb100 {padding-bottom: 100px;}
.pb110 {padding-bottom: 110px;}
.pb120 {padding-bottom: 120px;}
.pb130 {padding-bottom: 130px;}
.pb140 {padding-bottom: 140px;}
.pb150 {padding-bottom: 150px;}

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}