@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  /*font-size: 100%;*/
  font-family: inherit
}
.container p,
.container h3 {
  font-size: 1.6rem;
}
body {
  background: initial
}
sup {
  font-weight: normal
}
.noteList {
  list-style: none
}
.container .note {
  font-size: 1.3rem;
  margin-left: 1em;
  text-indent: -1em
}
.noteArea h2,
.container .noteArea h2,
.container .noteArea p {
  font-size: 1.4rem;
}
.noteList li {
  font-size: 1.4rem;
  margin-left: 1em;
  text-indent: -1em
}
.note_box {
  font-size: 0.8rem
}
.note_box span {
  display: inline-block;
  border: 1px solid #000;
  padding: 2px 10px
}
.org_sup {
  font-size: 10px
}
strong {
  font-weight: bold
}
p {
  margin-top: 1em
}
img {
  vertical-align: bottom
}
h2 {
  margin: 0px 0 0;
  clear: both
}
dd, li, h4 {
  line-height: 1.5
}
ol {
  padding: 0 0 0 2em
}
ol li {
  list-style-type: decimal
}
a {
  text-decoration: underline
}
img {
  vertical-align: bottom
}
.red, .redtext {
  color: #c00
}
.container {
  color: initial
}
.container,
.left_justification {
  line-height: initial
}
@media (max-width: 840px) {
  .pc {
    display: none
  }
  body {
    font-size: 14px
  }
  p {
    font-size: 14px
  }
  img {
    max-width: 100%
  }
  .container {
    background: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_main.png) repeat center top;
    background-size: 100%
  }
  .tokuten {
    margin: 0.5em 0 0;
    text-align: center
  }
  .tokuten img {
    width: 220px
  }
}
@media (min-width: 841px) {
  .sp {
    display: none
  }
  img {
    max-width: 100%
  }
  .container {
    background: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_main_pc.png) repeat center top;
    background-size: 100%;
  }
  .tokuten {
    margin: 0.5em 0 0;
    text-align: center
  }
  .tokuten img {
    width: 300px
  }
}
.bnr_days {
  border-top: 1px solid #eee;
  text-align: center
}
.bnr_days img {
  width: 100%;
  max-width: 500px
}
.backToIndex {
  border-top: 1px solid #ccc
}
.toSugotokuTop {
  border-bottom: 1px solid #ccc
}
footer {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_footer.png) repeat center top #aaa;
  color: #333
}
footer h2, footer p, footer li {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.3
}
footer h2 {
  margin: 1em 0 0.5em;
  font-weight: bold
}
footer a {
  color: #eee
}
footer .noteArea_list {
  margin-left: 1.5em
}
footer .noteArea_marginTop {
  margin-top: 1.5em
}
footer .noteArea_marginTop_small {
  margin-top: 0.5em
}
footer h2:first-child {
  margin-top: 0
}
footer .link-grayout {
  color: #eee;
  -webkit-opacity: .6;
  -moz-opacity: .6;
  opacity: .6
}
/*footer .copyright {
  border-top: 1px solid #eee;
  padding: 1em 0;
  text-align: center;
  color: #fff;
  font-size: 0.6rem
}*/
@media (max-width: 840px) {
  .backToIndex a {
    display: block;
    padding: 20px 16px 20px 50px;
    background: url(/fnt/cms/design_img/shared/img/ichioshipack/icon_arrow_left.png) no-repeat 16px center;
    background-size: 13px 13px;
    text-decoration: none
  }
  .toSugotokuTop a {
    display: block;
    padding: 20px 16px 20px 50px;
    background: url(/fnt/cms/design_img/shared/img/ichioshipack/icon_arrow_right_white.png) no-repeat 16px center;
    background-size: 13px 13px;
    text-decoration: none
  }
}
@media (min-width: 841px) {
  .bnr_days img {
    width: 400px
  }
  .backToIndex {
    text-align: center;
    padding: 24px 0
  }
  .backToIndex a {
    padding: 5px;
    padding-left: 30px;
    background: url(/fnt/cms/design_img/shared/img/ichioshipack/icon_arrow_left.png) no-repeat left center;
    background-size: 13px 13px;
    line-height: 2;
    text-decoration: none;
    display: inline-block
  }
  .toSugotokuTop {
    text-align: center;
    padding: 24px 0
  }
  .toSugotokuTop a {
    padding: 5px;
    padding-left: 30px;
    background: url(/fnt/cms/design_img/shared/img/ichioshipack/icon_arrow_right_white.png) no-repeat left center;
    background-size: 13px 13px;
    line-height: 2;
    text-decoration: none;
    display: inline-block
  }
  /*footer .copyright {
    padding: 24px 0
  }*/
}
header {
  height: 50px;
  text-align: center
}
header .header_logo {
  padding: 13px 0 0 16px
}
header .header_logo img {
  width: 129px
}
@media (min-width: 841px) {
  header {
    margin: 0 auto;
    max-width: 940px
  }
  header .header_logo {
    padding-left: 0
  }
}
.btn, .btn-prime {
  margin: 20px auto;
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_btn.png) repeat-x center center #c03;
  background-size: 100% 100%;
  color: #fff;
  -webkit-box-shadow: 1px 1.7px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1.7px 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px
}
.btn a, .btn-prime a {
  display: block;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/icon_arrow_right_white.png) no-repeat 15px center;
  background-size: 13px 13px;
  font-size: 120%
}
.btn a:hover, .btn-prime a:hover {
  text-decoration: none
}
.btn .btn_txt_small, .btn-prime .btn_txt_small {
  font-size: 1.2rem;
  font-weight: bold
}
.btn .btn_txt_small.size2 {
  font-size: 0.9rem;
}
.btn-prime {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_btn_prime.png) repeat-x center center #c03;
  background-size: 100% 100%
}
.btn-grayout {
  background-image: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_btn_grayout.png);
  -webkit-opacity: .95;
  -moz-opacity: .95;
  opacity: .95
}
.btn-grayout span {
  /*-webkit-opacity: .6;*/
  /*-moz-opacity: .6;*/
  /*opacity: .6;*/
  display: block;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/icon_arrow_right_white.png) no-repeat 15px center;
  background-size: 13px 13px;
  font-size: 120%
}
@media (max-width: 840px) {
  .btn, .btn-prime {
    margin: 15px auto 0;
    width: auto;
    max-width: 400px
  }
  .btn a, .btn-prime a {
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 31px
  }
  .btn-prime {
    width: 70%
  }
  .btn-prime a {
    font-size: 120%
  }
  .btn_2line a, .btn_2line .span_a {
    padding: 5px 10px 10px;
    line-height: 1.3
  }
  .btn-grayout span {
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 31px
  }
  .btn-grayout .btn_txt_small {
    padding: 0;
    line-height: 1.3;
    background-image: none;
    display: inline
  }
}
@media (min-width: 841px) {
  .btn, .btn-prime {
    width: 400px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
  }
  .btn a, .btn-prime a {
    font-size: 16px;
    line-height: 40px;
    padding: 10px
  }
  .btn:hover, .btn-prime:hover {
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7
  }
  .btn.btn-grayout:hover, .btn-prime.btn-grayout:hover {
    -webkit-opacity: .95;
    -moz-opacity: .95;
    opacity: .95
  }
  .btn-prime {
    margin-top: 20px;
    margin-bottom: 0;
    width: 400px;
    max-width: 500px;
    background-size: 100% 100%
  }
  .btn-prime a {
    padding: 10px;
    line-height: 40px;
    font-size: 20px;
    letter-spacing: 0.1em;
    background-position: 30px center
  }
  .btn_2line a, .btn_2line .span_a {
    padding: 5px 10px 10px;
    line-height: 1.3
  }
  .btn-graygout:hover span {
    font-size: 16px;
    line-height: 40px;
    padding: 10px
  }
  .btn-grayout span {
    font-size: 16px;
    line-height: 40px;
    padding: 10px
  }
  .btn-grayout .btn_txt_small {
    padding: 0;
    line-height: 1.3;
    background-image: none;
    display: inline
  }
  .btn-prime.btn-grayout span {
    padding: 10px;
    line-height: 40px;
    font-size: 20px;
    letter-spacing: 0.2em;
    background-position: 30px center
  }
}
.cnvArea {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_cnv.png) repeat-y center top;
  background-size: 100%
}
.cnvArea .cnvArea_logo {
  text-align: center
}
.cnvArea .cnvArea_txt {
  text-align: center
}
@media (max-width: 840px) {
  .cnvArea .cnvArea_logo {
    margin: 0 auto 3%;
    width: 50%
  }
  .cnvArea .btn-prime {
    margin-top: 3%
  }
}
@media (min-width: 841px) {
  .cnvArea .cnvArea_logo {
    margin: 0 auto 20px;
    text-align: center
  }
  .cnvArea .cnvArea_logo img {
    width: 300px
  }
  .cnvArea .cnvArea_txt img {
    width: 450px
  }
}
.sub_key {
  position: relative
}
.sub_key .sub_key_inner {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_shadow.png) no-repeat center bottom;
  background-size: 100%;
  left: 0;
  bottom: 0
}
.sub_key .sub_key_inner h1 {
  position: absolute;
  width: 100%;
  height: 40%;
  left: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  display: table;
  line-height: 1.3
}
.sub_key .sub_key_inner h1 span {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold
}
.sugotoku .sub_key {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/img_key_sugotoku.jpg) no-repeat center center;
  background-size: cover
}
.coupon .sub_key {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/img_key_coupon.jpg) no-repeat center center;
  background-size: cover
}
.iconcier .sub_key {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/img_key_mydaiz.jpg) no-repeat center center;
  background-size: cover
}
.try .sub_key {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/img_key_try.jpg) no-repeat center center;
  background-size: cover
}
.anshinpack .sub_key {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/img_key_anshin.jpg) no-repeat center center;
  background-size: cover
}
.cloud .sub_key {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/img_key_cloud.jpg) no-repeat center center;
  background-size: cover
}
@media (max-width: 840px) {
  .sub_key {
    width: 100%;
    padding: 56% 0 0
  }
  .sub_key .sub_key_inner h1 {
    font-size: 1.2rem
  }
}
@media (min-width: 841px) {
  .sub_key {
    margin: 0 auto;
    width: 940px;
    max-width: 100%;
    padding: 370px 0 0
  }
  .sub_key h1 {
    font-size: 40px
  }
}

.sub_key_img {
  margin: auto;
  max-width: 940px;
}

.leadArea {
  text-align: center;
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_leadArea.png) no-repeat center top;
  background-size: 100%
}
.leadArea .leadArea_catch {
  margin-top: 0.5em
}
.leadArea .right_justification {
  text-align: right
}
.leadArea .left_justification {
  text-align: left
}
.block {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_block_1.png) repeat-y center top;
  background-size: 100%
}
.block .inner {
  zoom: 1
}
.block .inner:after {
  content: "";
  display: block;
  clear: both
}
.sub .ttl_h2 {
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  text-align: center;
  padding-bottom: 20px;
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_ttl_h2.png) no-repeat center bottom
}
.sub .ttl_h2.txtOnly {
  padding-top: 30px
}
.sub .ttl_h3 {
  margin: 1em 0 0.5em;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center
}
.image {
  margin: 10px 0;
  text-align: center
}
@media (max-width: 840px) {
  .leadArea p {
    margin: 0
  }
  .leadArea .leadArea_catch {
    font-size: 1.2rem;
    line-height: 1.3
  }
  .leadArea .leadArea_catch_small {
    font-size: 1.1rem
  }
  .leadArea .leadArea_logo {
    margin: 15px 0 0
  }
  .leadArea .leadArea_logo img {
    width: 275px
  }
  .inner {
    padding: 7.5% 16px
  }
}
@media (min-width: 841px) {
  .leadArea {
    background-image: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_leadArea_pc.png);
    background-size: auto
  }
  .leadArea .leadArea_catch {
    font-size: 1.8rem
  }
  .leadArea .leadArea_logo {
    margin: 15px 0
  }
  .leadArea .leadArea_logo img {
    width: 275px
  }
  .block p {
    text-align: center
  }
  .inner {
    margin: 0 auto;
    padding: 40px 0;
    max-width: 940px
  }
  .image {
    margin: 30px 0
  }
  .sub .ttl_h2 {
    margin-bottom: 30px;
    font-size: 1.8rem;
    line-height: 1.5;
    background-image: url(/fnt/cms/design_img/shared/img/ichioshipack/bg_ttl_h2_pc.png)
  }
}
.container h2, .container h3, .container h4, .container h5, .container p, .container li, .container div, .container span, .container dt, .container dd {
  font-family: Meiryo, 'Hiragino Kaku Gothic Pro', arial, clean, verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif
}


.dcm_mainFooter {
  margin-top: 0;
}