@charset "UTF-8";
#itunes {
  font-size: 16px;
  background-color: #fff;
}
#itunes img {
  max-width: 100%;
}
#itunes p {
  margin: 0;
}
#itunes a {
  color: #1c4bb4;
  text-decoration: underline;
  font-weight: bold;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
}
#itunes a:hover {
  color: #888;
}
#itunes a[target="_blank"]::after {
  display: inline-block;
  content: "";
  background: url(/mobile/set/data/special/itunes/img/shared/ico-blank.svg) no-repeat center center;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-left: 5px;
}
#itunes .only_sp {
  display: none;
}
#itunes .uni-box-03 {
  width: 90%;
  margin-top: 12px;
  margin-right: auto;
  margin-left: auto;
  border: 10px #e6effc solid;
  padding: 32px;
  background-color: #fff;
  text-align: center;
}
#itunes .txtC .list-bullet-01,
#itunes .txtR .list-bullet-01 {
  display: inline-block;
}
#itunes .inner {
  width: 90%;
  max-width: 950px;
  margin: 0 auto;
  padding: 0;
}
#itunes .contents {
  padding: 80px 0;
}
#itunes .contents h2 {
  color: #1c4bb4;
  font-size: 34px;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 64px;
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}
#itunes .main-ttl {
  text-align: center;
  font-size: 38px;
  line-height: 140%;
}
#itunes .card-purchase-description,
#itunes .maintenance-attention,
#itunes .pc-attention {
  text-align: center;
  border: 10px #e6effc solid;
  padding: 32px 165px;
  margin-bottom: 32px;
}
#itunes .card-purchase-description :only-child,
#itunes .maintenance-attention :only-child,
#itunes .pc-attention :only-child {
  margin-bottom: 0!important;
}
#itunes .pc-attention {
  display: none;
}
#itunes .maintenance-attention p {
  margin-top: 12px;
}
#itunes .maintenance-attention p em {
  font-weight: bold;
}
#itunes .btn-area {
  text-align: center;
}
#itunes .btn-area::before {
  display: none;
  content: "TEXT";
  color: #ed5969;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}
#itunes .btn-area .btn-itunes {
  width: 500px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxNjJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTNkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3162f2), color-stop(100%, #00a3d8));
  background: -moz-linear-gradient(#3162f2, #00a3d8);
  background: -webkit-linear-gradient(#3162f2, #00a3d8);
  background: linear-gradient(#3162f2, #00a3d8);
  color: #fff;
  font-weight: bold;
  font-size: 32px;
  display: block;
  height: 96px;
  line-height: 96px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
#itunes .btn-area .btn-itunes[target="_blank"]::after {
  display: none;
}
#itunes .btn-area .btn-itunes .ribon {
  display: block;
  color: #fff;
  padding: 8px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2NTAyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmODgyOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f6502f), color-stop(100%, #ff8828));
  background: -moz-linear-gradient(right, #f6502f, #ff8828);
  background: -webkit-linear-gradient(right, #f6502f, #ff8828);
  background: linear-gradient(to left, #f6502f, #ff8828);
  position: absolute;
  top: 50%;
  left: -84px;
  margin-top: -30px;
  font-size: 18px;
  line-height: 1.2;
  width: 300px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#itunes .btn-area .btn-itunes.off {
  background: #b8bcc6;
  color: #cdd3de;
  display: none;
}
#itunes .btn-area .btn-itunes.off .ribon {
  color: #cdd3de;
  background: #a5a7b1;
}
#itunes .btn-area p {
  margin-top: 24px;
}
#itunes .link-area {
  text-align: center;
}
#itunes .link-area a {
  color: #000;
  font-size: 18px;
}
#itunes .link-area a:hover {
  color: #666;
}
#itunes .link-area a::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 12px;
  background: url(/mobile/set/data/special/itunes/img/shared/ico-arrow.svg) no-repeat center center;
  background-size: contain;
  margin-right: 6px;
}

#itunes #info p {
  margin-bottom: 32px;
}

#itunes #howto {
  background-color: #e6effc;
  *zoom: 1;
}
#itunes #howto:after {
  content: "";
  display: table;
  clear: both;
}
#itunes #howto .howto-img {
  width: 370px;
  margin-left: 50px;
  float: left;
}
#itunes #howto .howto-img img {
  width: 100%;
}
#itunes #howto .howto-text {
  margin-left: 500px;
}
#itunes #howto .howto-text h3 {
  font-size: 24px;
  font-weight: bold;
  color: #1c4bb4;
  margin-bottom: 24px;
}
#itunes #item {
  position: relative;
  overflow: hidden;
}
#itunes #item::before {
  display: none;
  content: "TEXT";
  color: #fff;
  padding: 10px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NGU2MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmODM4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e84e60), color-stop(100%, #ff838c));
  background: -moz-linear-gradient(right, #e84e60, #ff838c);
  background: -webkit-linear-gradient(right, #e84e60, #ff838c);
  background: linear-gradient(to left, #e84e60, #ff838c);
  position: absolute;
  text-align: center;
  top: 80px;
  left: -160px;
  font-size: 30px;
  line-height: 1.2;
  width: 500px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: bold;
}
#itunes #item .item-img {
  height: 280px;
  background-image: url(/mobile/set/data/special/itunes/img/p/item-list.png?20190318);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  margin-bottom: 24px;
}
#itunes #item .caution {
  text-align: center;
  font-size: 14px;
}
#itunes #item .btn-area {
  margin-top: 40px;
}
#itunes #item .btn-area::before {
  display: none;
}
#itunes #merit {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxNjJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTNkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #3162f2), color-stop(100%, #00a3d8));
  background: -moz-linear-gradient(left top, #3162f2, #00a3d8);
  background: -webkit-linear-gradient(left top, #3162f2, #00a3d8);
  background: linear-gradient(to right bottom, #3162f2, #00a3d8);
}
#itunes #merit h2 {
  color: #fff;
}
#itunes #merit .merit-list {
  *zoom: 1;
}
#itunes #merit .merit-list:after {
  content: "";
  display: table;
  clear: both;
}
#itunes #merit .merit-list li {
  width: 25%;
  float: left;
  margin-right: 12.5%;
}
#itunes #merit .merit-list li:nth-child(3) {
  margin-right: 0;
}
#itunes #merit .merit-list li .merit-img {
  text-align: center;
  margin-bottom: 16px;
}
#itunes #merit .merit-list li .merit-img img {
  width: 150px;
}
#itunes #merit .merit-list li .merit-text {
  color: #fff;
}
#itunes #merit .merit-list li .merit-text .merit-head {
  display: table;
  margin-bottom: 8px;
}
#itunes #merit .merit-list li .merit-text .merit-head .merit-head-num {
  width: 54px;
  display: table-cell;
  vertical-align: middle;
}
#itunes #merit .merit-list li .merit-text .merit-head .merit-head-num img {
  width: 100%;
}
#itunes #merit .merit-list li .merit-text .merit-head h3 {
  font-size: 22px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
  padding-left: 10px;
}
#itunes #step {
  background-color: #e6effc;
  position: relative;
}
#itunes #step::after {
  display: block;
  content: "";
  height: 1px;
  width: 90%;
  max-width: 950px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #ccd8e9;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#itunes #step .step-list {
  *zoom: 1;
}
#itunes #step .step-list:after {
  content: "";
  display: table;
  clear: both;
}
#itunes #step .step-list li {
  list-style: none;
  background-color: #fff;
  border: 1px #aabed9 solid;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  padding: 20px 5px;
  width: 23%;
  float: left;
  margin: 0;
  margin-right: 2.6%;
  position: relative;
}
#itunes #step .step-list li::after {
  display: block;
  content: "";
  height: 14px;
  width: 48px;
  background: url(/mobile/set/data/special/itunes/img/shared/ico-step-arrow.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -38px;
  margin-top: -4px;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#itunes #step .step-list li:nth-child(4) {
  margin-right: 0;
}
#itunes #step .step-list li:nth-child(4)::after {
  display: none;
}
#itunes #step .step-list li .step-num {
  margin-bottom: 12px;
}
#itunes #step .step-list li .step-num img {
  width: 84px;
}
#itunes #step .step-list li .step-img {
  margin-bottom: 8px;
}
#itunes #step .step-list li .step-img img {
  width: 90px;
}
#itunes #step .step-list li .step-text {
  font-size: 18px;
  font-weight: bold;
}
#itunes #payment {
  background-color: #e6effc;
  text-align: center;
}
#itunes #payment p {
  margin-bottom: 32px;
}
#itunes #footer-btn-area .btn-area .btn-itunes {
  margin-bottom: 32px;
}
#itunes #footer-btn-area .btn-area p {
  margin-bottom: 24px;
}
#itunes #caution {
  background-color: #ececec;
}
#itunes #caution h2 {
  color: #787878;
}
#itunes #caution h3 {
  font-size: 24px;
  font-weight: bold;
  color: #787878;
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center;
}
#itunes #caution .toggle .toggle-btn {
  text-align: right;
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  position: relative;
  margin-top: 12px;
  font-size: 18px;
  font-weight: bold;
  color: #787878;
  padding: 4px 18px 4px 0;
}
#itunes #caution .toggle .toggle-btn::after {
  display: block;
  content: "";
  width: 12px;
  height: 8px;
  background: url(/mobile/set/data/special/itunes/img/shared/ico-arrow-bottom.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
}
#itunes #caution .toggle .toggle-btn:hover {
  color: #999;
}
#itunes #caution .toggle .toggle-btn.open::after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#itunes #caution .toggle .toggle-detail {
  display: none;
  padding-top: 16px;
}
#itunes #caution .toggle ul li {
  text-indent: -.5em;
  margin-bottom: 16px;
  margin-left: .6em;
}
#itunes #caution .toggle ul li::before {
  display: inline-block;
  content: "・";
  width: .5em;
}
#itunes #caution .toggle ul li.status_caution {
  display: none;
}
#itunes #caution .toggle ul li.status_caution::after {
  display: inline;
}
#itunes #caution .toggle ul.note li {
    font-size: 14px;
    line-height: inherit;
    margin-bottom: 0;
}

/* .maintenance */
#itunes.maintenance .maintenance-attention {
  display: block;
}

/* .ua-pc */
#itunes.ua-pc .only_pad,
#itunes.ua-pc .pc-display-none {
  display: none;
}
#itunes.ua-pc .pc-attention {
  display: block;
}
#itunes.ua-pc .btn-area .btn-itunes {
  display: none;
}
#itunes.ua-pc .btn-area .btn-itunes.off {
  display: block;
}
#itunes.ua-pc .btn-area p {
  display: none;
}
#itunes.ua-pc #footer-btn-area .btn-area::before {
  display: none;
}
#itunes.ua-pc #footer-btn-area .btn-area .btn-itunes {
  display: none;
}

/* .status-5per-up */
#itunes.status-5per-up .btn-area::before {
  display: block;
  content: "5%増量キャンペーン中！";
}
#itunes.status-5per-up #item::before {
  display: block;
  content: "5%増量中";
}
#itunes.status-5per-up #item .item-img {
  background-image: url(/mobile/set/data/special/itunes/img/p/item-list-5per-up.png);
}
#itunes.status-5per-up #caution .toggle ul li.status_caution {
  display: block;
}
#itunes.status-5per-up #caution .toggle ul li.status_caution::after {
  content: "5％増量キャンペーン期間中でも、はじめてのご購入の方は初回10％OFFの特典が適用されます。キャンペーン期間中に2回目のご購入をいただくと、5％増量キャンペーンの特典が適用されます。";
}

/* .status-10per-up */
#itunes.status-10per-up .btn-area::before {
  display: block;
  content: "10%増量キャンペーン中！";
}
#itunes.status-10per-up #item::before {
  display: block;
  content: "10%増量中";
}
#itunes.status-10per-up #item .item-img {
  background-image: url(/mobile/set/data/special/itunes/img/p/item-list-10per-up.png);
}
#itunes.status-10per-up #caution .toggle ul li.status_caution {
  display: block;
}
#itunes.status-10per-up #caution .toggle ul li.status_caution::after {
  content: "10％増量キャンペーン期間中でも、はじめてのご購入の方は初回10％OFFの特典が適用されます。キャンペーン期間中に2回目のご購入をいただくと、10％増量キャンペーンの特典が適用されます。";
}

/* .status-5per-off */
#itunes.status-5per-off .btn-area::before {
  display: block;
  content: "5%OFFキャンペーン中！";
}
#itunes.status-5per-off #item::before {
  display: block;
  content: "5%OFF";
}
#itunes.status-5per-off #item .item-img {
  background-image: url(/mobile/set/data/special/itunes/img/p/item-list-5per-off.png);
}
#itunes.status-5per-off #caution .toggle ul li.status_caution {
  display: block;
}
#itunes.status-5per-off #caution .toggle ul li.status_caution::after {
  content: "5％OFFキャンペーン期間中でも、はじめてのご購入の方は初回10％OFFの特典が適用されます。キャンペーン期間中に2回目のご購入をいただくと、5％OFFキャンペーンの特典が適用されます。";
}

/* .status-10per-off */
#itunes.status-10per-off .btn-area::before {
  display: block;
  content: "10%OFFキャンペーン中！";
}
#itunes.status-10per-off #item::before {
  display: block;
  content: "10%OFF";
}
#itunes.status-10per-off #item .item-img {
  background-image: url(/mobile/set/data/special/itunes/img/p/item-list-10per-off.png);
}
#itunes.status-10per-off #caution .toggle ul li.status_caution {
  display: block;
}
#itunes.status-10per-off #caution .toggle ul li.status_caution::after {
  content: "10％OFFキャンペーン期間中でも、はじめてのご購入の方は初回10％OFFの特典が適用されます。キャンペーン期間中に2回目のご購入をいただくと、10％OFFキャンペーンの特典が適用されます。";
}