@charset "utf-8";
/* CSS Document */

/* ---------- コンテンツ内 設定 ---------- */
/* ----- 見出し 基本設定 ----- */
h1 {
  font-size: 1rem;
  font-weight: bold;
  color: #444444;
}
h2, h3, h4, h5, h6 {
  font-size: 0.875rem;
  font-weight: bold;
  color: #444444;
}
#contents h1.normal {
  border-left-color: #d94363;
  border-bottom-color: #d94363;
  margin-left: 0;
  margin-right: 0;
}
#contents h1.a-a {
  border-left-color: #ff8a8a;
  border-bottom-color: #ff8a8a;
  margin-left: 0;
  margin-right: 0;
}
#contents h1.a-b {
  border-left-color: #ffa900;
  border-bottom-color: #ffa900;
  margin-left: 0;
  margin-right: 0;
}
#contents h1.a-c {
  border-left-color: #65de37;
  border-bottom-color: #65de37;
  margin-left: 0;
  margin-right: 0;
}
/* -----/ 見出し 基本設定 ----- */

/* ----- コンテンツ（contents）内 基本設定 ----- */
#contents {
  max-width: 100%;
  overflow: hidden;
  padding: 0 10px 0;
  font-size: 0.750rem;
}
#contents .section {
  max-width: 100%;
  margin: 0 15px;
}
#contents h1 {
  max-width: 100%;
  font-size: 1rem;
  font-weight: bold;
  padding: 3px 10px 2px;
  margin-bottom: 10px;
  border-left: 18px solid;
  border-bottom: 1px solid;
  border-radius: 10px 0 0 10px / 10px 0 0 10px;
}
#contents h1.cate {
  max-width: 100%;
  font-size: 1rem;
  font-weight: bold;
  padding: 17px 0 18px 60px;
  border-bottom: none;
  border-left: none;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  color: #6d6d6d;
}
#contents h2.left-mark {
  border-left: 5px solid #d94363;
  padding-left: 10px;
  font-size: 1rem;
}
#contents h2 {
  line-height: 1.2;
  margin-top: 10px;
}
#contents h3 {
  font-weight: normal;
}
#contents form {
  margin: 0 0 20px;
  box-sizing: border-box;
}
#contents form p {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.6;
}
#contents .inner-block p {
  font-size: 0.875rem;
  font-weight: normal;
  overflow: hidden;
  line-height: 1.6;
}
/* -----/ コンテンツ（contents）内 基本設定 ----- */

/* ----- トップ（index）ページ ローテーション スライダー内 画像の設定 ----- */
.sp-slide img {
  max-width: 100%;
}
/* -----/ トップ（index）ページ ローテーション スライダー内 画像の設定 ----- */

/* ----- トップ（index）ページ 各カテゴリ横スクロールブロックの設定 ----- */
.main-box {
	min-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.in-box-t1 {
  display: inline-flex;
  padding: 10px 10px;
  margin: 10px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 5px #cccccc;
}
.in-box-t2 {
  display: inline-flex;
  padding: 15px 10px 10px;
  margin: 10px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 5px #cccccc;
}
.in-box-t3 {
  display: inline-flex;
  padding: 13px 10px 10px;
  margin: 10px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 5px #cccccc;
}
/* -----/ トップ（index）ページ 各カテゴリ横スクロールブロックの設定 ----- */

/* ----- トップ（index）ページ 各カテゴリ横スクロールブロック アフェリバナー表示ブロック 設定 ----- */
/* アプリカテゴリ内ブロックの設定 */
.slide-app {
  min-width: 235px;
  box-sizing: border-box;
  line-height: 0;
  margin: 0 5px;
  border: 1px solid #cccccc;
  padding: 5px;
  border-radius: 20px;
}
/* アプリ以外カテゴリのブロックの設定 */
.slide {
  min-width: 100px;
  box-sizing: border-box;
  line-height: 0;
  margin: 0 5px;
}
/* アプリカテゴリ内＆アプリ以外カテゴリのアンカー設定 */
.slide a, .slide-app a {
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative;
  z-index: 0;
  line-height: 1.4;
}
/* 還元率表示部分 */
.slide a .point {
  padding: 1px 5px 0px;
  background-color: #ff0000;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  z-index: 10;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  margin-top: -3px;
  font-size: 0.8125rem;
}
/* アプリカテゴリ内アフェリ画像表示ブロック部分 */
.slide-app a .img-box-r {
  height: 100px;
  background-color: #ccccdd;
  overflow: hidden;
  border-radius: 16px;
  float: left;
}
/* アプリカテゴリ以外のアフェリ画像表示ブロック部分 */
.slide a .img-box {
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  background-color: #ccccdd;
}
/* アプリカテゴリ内テキスト表示ブロック部分 */
.slide-app a .app-text {
  height: 100px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-size: 0.8125rem;
  color: inherit;
}
/* アプリカテゴリ内テキスト 太文字「PayPayボーナス」部分 */
.slide-app a .app-text span {
  color: #434343;
  font-weight: bold;
  display: block;
}
/* アプリカテゴリ内テキスト 太文字 赤「〇〇相当」部分 */
.slide-app a .app-text span > span {
  color: #FF0004;
}
/* 総合デイリーランキングの順位部分 */
.slide a span.rank {
  display: block;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #FF2F00;
  margin-top: -5px;
}
/* アプリカテゴリ以外のテキスト部分 */
.slide a p.t {
  display: block;
  margin-top: 3px;
  white-space: normal;
  font-size: 0.78rem;
  line-height: 1.3;
}
/* アプリカテゴリ以外のテキスト内タイトル部分 */
.slide a p.t span {
  font-weight: bold;
}
/* アプリ内の画像設定 */
.slide-app img {
  width: 100px;
  display: block;
  margin: 0;
}
/* デイリーランキング内と訪問履歴内の画像部分 */
.slide img {
  width: 100px;
  display: block;
  margin: 0;
}
/* あなたへのおすすめブロック部分 */
.slide2 {
  min-width: 217px;
  line-height: 0;
  margin: 0 5px;
}
.slide2 dl {
  width: 217px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #cccccc;
}
.slide2 dl dt {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 6px 10px;
  line-height: 1.3;
  font-size: 0.8125rem;
  font-weight: bold;
  background-color: #FFF6D3;
  background-size: 14px 14px;
  background-position: center right 10px;
}
.slide2 dl dd {
  width: 94%;
  height: 59px;
  line-height: 1.3;
  font-size: 0.8125rem;
  border-bottom: 1px dotted #cccccc;
  background: #ffffff;
  box-sizing: border-box;
  margin: 0 auto;
}
.slide2 dl dd:last-child {
  border-bottom: none;
}
.slide2 dl dd a {
  max-width: 100%;
  display: block;
  padding: 5px;
}
.slide2 dl dd a .img {
  width: 25%;
  height: 48px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  line-height: 0;
  margin: 5px;
  background-color: #ccccdd;
  position: relative;
}
.slide2 dl dd a .img span {
  position: absolute;
  max-width: 100%;
  display: inline-table;
  line-height: 1;
  background-color: #FF0004;
  color: #ffffff;
  font-size: 0.625rem;
  font-weight: bold;
  text-align: center;
  padding: 2px 5px 1px;
  border-radius: 3px;
  white-space: nowrap;
  top: -3px;
  left: -9px;
}
.slide2 dl dd a .select {
  width: 75%;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.slide2 dl dd a .img img {
  width: 100%;
  height: auto;
}
.slide2 dl dd a .cate-01 {
  background: url("/img/icon-image01.svg") no-repeat;
  background-position: center right 8px;
  background-size: 40px 40px;
}
.slide:first-child, .slide2:first-child, .slide-app:first-child {
  margin-left: 0;
}
.slide:last-child, .slide2:last-child, .slide-app:last-child {
  margin-right: 0;
}
/* -----/ トップ（index）ページ 各カテゴリ横スクロールブロック アフェリバナー表示ブロック 設定 ----- */

/* ----- top（index）ページ カテゴリ アイコン部分の設定 ----- */
.category-block {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 15px;
  overflow: hidden;
}
.category-block .cate-buy, .category-block .cate-free {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.cate-buy li, .cate-free li {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
  float: left;
  padding: 10px 0;
}
.cate-buy li img, .cate-free li img {
  width: 50px;
  height: 50px;
}
.cate-buy li span, .cate-free li span {
  display: block;
  width: 100%;
  height: auto;
  font-size: 0.625rem;
  text-align: center;
  padding-top: 5px;
}
.cate-buy, .cate-free {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  list-style: none;
}
/* -----/ top（index）ページ カテゴリ アイコン部分の設定 ----- */

/* ----- top（index）ページ　QuickPointの便利な使い方の設定 ----- */
.how-to-use {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px 30px;
}
.how-to-use a {
  width: 100%;
  box-sizing: border-box;
}
.how-to-use a dl.outside-block {
  margin: 10px 0;
  box-sizing: border-box;
  overflow: hidden;
  background: #ffeeee;
  border-radius: 5px;
}
.how-to-use a dl.outside-block dt {
  width: 150px;
  display: table-cell;
  vertical-align: middle;
  line-height: 0;
  background: #eeeeee;
}
.how-to-use a dl.outside-block dt img {
  width: 100%;
  height: auto;
}
.how-to-use a dl.outside-block dd {
  display: table-cell;
  vertical-align: middle;
}
.how-to-use a dl.outside-block dd p {
  display: block;
  font-size: 0.8125rem;
  padding: 10px 10px 10px 10px;
  line-height: 1.4;
}
.how-to-use a dl.outside-block dd.ya {
  padding: 0 2px;
  background: #ffaabb;
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  width: 2%;
}
/* -----/ top（index）ページ　QuickPointの便利な使い方の設定 ----- */

/* ----- お知らせ一覧（infomation/index）ページ -----*/
.information-index dl {
  max-width: 100%;
  padding-bottom: 5px;
  margin: 0 10px 5px;
  display: block;
  box-sizing: border-box;
  list-style: none;
  border-bottom: 1px dotted #cccccc;
}
.information-index dl dt {
  list-style: none;
  display: table-cell;
  float: left;
}
.information-index dl dt span {
  display: inline-table;
}
.information-index dl dt span.icon {
  padding: 3px 5px 2px;
  margin-right: 2px;
  background-color: #FF6700;
  color: #ffffff;
  font-size: 0.6875rem;
}
.information-index dl dt span.date {
  padding: 3px 0 2px;
  margin-right: 6px;
}
.information-index dl dd {
  display: table-cell;
}
.information-index dl dd a {
  color: #276EFF;
  background-size: 11px;
  margin: 0 auto;
  line-height: 1.5;
}
/* -----/ お知らせ一覧（infomation/index）ページ -----*/

/* ----- 登録画面（entry）ページ ----- */
#entry-contents {
  max-width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  padding: 10px;
}
#entry-done {
  max-width: 100%;
  overflow: hidden;
  padding: 10px;
}
#entry-done .button-block {
  display: flex;
  justify-content: space-between;
}
#entry-contents h1, #entry-center h1, #entry-bottom h1 {
  max-width: 100%;
  font-size: 1rem;
  font-weight: bold;
  margin-left: 0;
  margin-right: 0;
  padding: 3px 10px 2px;
  border-left: 18px solid #d94363;
  border-bottom: 1px solid #d94363;
  border-radius: 10px 0 0 10px / 10px 0 0 10px;
}
#entry-contents h1 {
  line-height: 1.4;
}
#entry-contents .inner-block h2 {
  line-height: 1.4;
}
#entry-done .inner-block h2.mail-title {
  color: #323232;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: bold;
}
#entry-done h1.done {
  font-size: 1rem;
  text-align: center;
  border: 2px solid #FF0000;
  border-radius: 10px;
  padding: 20px 0;
  color: #FF0000;
  background-color: #ffffff;
  line-height: 1.4;
  margin-left: 0;
  margin-right: 0;
}
#entry-done .text {
  font-size: 1rem;
  font-weight: bolder;
  text-align: letf;
  padding: 20px 0;
  color: #000000;
  background-color: #ffffff;
  line-height: 1.4;
}
#entry-done .inner-block form {
  font-size: 0.875rem;
}
#entry-contents .inner-block p.text {
  color: #FF0004;
  font-size: 0.875rem;
}
#entry-contents .inner-block .appLinks {
  text-align: center;
  overflow: hidden;
}
#entry-contents .inner-block .appLinks .ua-device-ios, #entry-contents .inner-block .appLinks .ua-device-android {
  text-align: center;
  display: inline-table;
}
#entry-contents .inner-block .appLinks .ua-device-ios img, #entry-contents .inner-block .appLinks .ua-device-android img {
  width: 95%;
}
#entry-center {
  max-width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  padding: 15px 10px 20px;
}
#entry-bottom {
  max-width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  padding: 15px 10px 130px;
}
#entry-contents .inner-block h2, #entry-center .inner-block h2, #entry-bottom .inner-block h2 {
  font-size: 1rem;
}
#entry-contents .inner-block p, #entry-center .inner-block p, #entry-bottom .inner-block p {
  line-height: 1.4;
  text-align: left;
}
#entry-bottom .inner-block p.entry-terms {
  text-align: center;
  max-width: 100%;
}
#entry-bottom .inner-block p.entry-terms a {
  width: 100%;
  border-radius: 25px;
  padding: 14px 0;
  background-color: #fe8c9c;
  color: #ffffff;
  display: block;
}
#entry-bottom button.entry-btn, #entry-done .inner-block button.mail-btn {
  width: 100%;
  height: 50px;
  font-size: 1rem;
  border-radius: 25px;
  background-color: #5e74ff;
  color: #ffffff;
  border-style: none;
}
#entry-bottom button.entry-btn2, #entry-done .inner-block button.mail-btn {
  width: 100%;
  height: 50px;
  font-size: 0.8rem;
  border-radius: 25px;
  background-color: #a9a9a9;
  color: #ffffff;
  border-style: none;
}
#entry-done .inner-block button.mail-btn2 {
  width: 100%;
  height: 50px;
  font-size: 0.8rem;
  border-radius: 25px;
  background-color: #5e74ff;
  color: #ffffff;
  border-style: none;
}
#entry-contents button.entry-btn {
  font-size: 1rem;
  display: inline-table;
  padding: 8px 40px;
  border-radius: 25px;
  background-color: #5e74ff;
  color: #ffffff;
  border-style: none;
}
#entry-done .button-block button.link-btn {
  width: 50%;
  font-size: 1rem;
  display: inline-table;
  padding: 8px 10px;
  border-radius: 30px;
  background-color: #5e74ff;
  color: #ffffff;
  border-style: none;
  font-weight: bold;
}
#entry-done .button-block button.link-btn:first-child {
  margin-right: 20px;
}
#entry-contents .inner-block, #entry-center .inner-block, #entry-bottom .inner-block, #entry-done .inner-block {
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
#entry-done .get-image {
  max-width: 290px;
  overflow: hidden;
  margin: 0 auto;
}
#entry-done .get-image img {
  width: 100%;
}
.entry-bg {
  background: url("/img/confetti-bg.png") repeat-x center top;
}
/* -----/ 登録画面（entry）ページ ----- */

/* ----- トップからの下層 各カテゴリページ設定 ----- */
/* attention-aは、おすすめ（recommend-20）ページ。attention-b と attention-c は現在不使用 */
.attention-a, .attention-b, .attention-c, .attention-b-new, .attention-c-new {
  width: 100%;
  box-sizing: border-box;
  background-image: url("/img/cate-bg.png");
  background-repeat: repeat;
  background-size: 10px 10px;
}
.attention-a {
  background-color: #FFE1E1;
}
.attention-b {
  background-color: #fff6b9;
}
.attention-c {
  background-color: #ceffd7;
}
/* 新着ページ */
.attention-b-new {
  background-color: #DFF2FF;
}
.attention-b-new h1 {
  border-color: #37b1fe !important;
  margin-left: 0;
  margin-right: 0;
}
/* 総合デイリーランキングページ */
.attention-c-new {
  background-color: #efe4f6;
}
.attention-c-new h1 {
  border-color: #c77df6 !important;
  margin-left: 0;
  margin-right: 0;
}
/* -----/ トップからの下層 各カテゴリページ設定 ----- */

/* ----- 各カテゴリーページ（共通） リスト部分 設定 ----- */
.category-menu {
  max-width: 100%;
  list-style: none;
  overflow: hidden;
  box-sizing: border-box;
}
.recommended-page {
  max-width: 100%;
  list-style: none;
  overflow: hidden;
  box-sizing: border-box;
  margin: 10px;
}
.category-menu li, .recommended-page li {
  border: 1px solid #ccc;
  box-sizing: border-box;
  background-color: #ffffff;
  margin-bottom: 3px;
}
.category-menu li a, .recommended-page li {
  max-width: 100%;
  padding: 10px;
  text-decoration: none;
  display: block;
  overflow: hidden;
}
.category-menu li a .img-block, .recommended-page li a .img-block {
  width: 80px;
  height: 80px;
  line-height: 0;
  display: table-cell;
  vertical-align: middle;
  background: #ccccdd;
}
.category-menu li a .img-block img, .recommended-page li a .img-block img {
  width: 80px;
  height: auto;
}
.category-menu .text-block, .recommended-page .text-block {
  display: table-cell;
  content: "";
  clear: both;
  padding-left: 10px;
  line-height: 1.4;
}
.category-menu .text-block h2, .recommended-page .text-block h2 {
  font-size: 0.8125rem;
  font-weight: bold;
  margin-bottom: 3px;
  margin-top: 0 !important;
}
.category-menu .text-block p, .recommended-page .text-block p {
  font-size: 0.625rem !important;
  font-weight: normal;
  margin-bottom: 2px;
}
.category-menu .point, .recommended-page .point {
  display: inline-table;
  font-size: 1rem;
  color: #ff0000;
  overflow: hidden;
  font-weight: bold;
  padding: 0 10px 0 0;
}
.category-menu .point span, .recommended-page .point span {
  margin-right: 5px;
  font-size: 0.875rem;
}
/* -----/ 各カテゴリーページ（共通） リスト部分 設定 ----- */

/* ----- お気に入り（favorite）ページ ----- */
p.favorite-text {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 10px;
}
/* -----/ お気に入り（favorite）ページ ----- */

/* ----- 詳細（ad_detail）ページ ----- */
#details-top {
  width: 100%;
  height: auto;
  background-color: #f8f3f3;
  border-bottom: 1px solid #cccccc;
  padding: 20px 0 20px 0;
}
#details-top .acquisition {
  max-width: 100%;
  margin: 0 15px;
  padding: 15px 20px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-bottom: dotted 1px #FF0004;
  position: relative;
}
#details-top .acquisition .favorite {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
}
#details-top .acquisition .favorite-info {
  width: 80%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 5px;
  border: 2px solid #923736;
  padding: 20px 10px;
  box-sizing: border-box;
}
#details-top .acquisition .favorite-info p {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  margin-top: 0;
}
#details-top .acquisition .pan-block, #details-bottom .acquisition .pan-block {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  box-sizing: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
#details-top .acquisition .pan {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
}
#details-top .acquisition .pan a {
  color: #ffffff;
  font-size: 0.750rem;
  text-align: center;
  box-sizing: border-box;
  padding: 3px 10px;
  white-space: nowrap;
  margin-right: 5px;
}
#details-top .acquisition h1 {
  min-width: 100%;
  overflow: hidden;
  font-size: 1.25rem;
  padding: 1px 0 0 0;
  margin: 0;
  border-left: none;
}
#details-top .acquisition p {
  width: 100%;
  font-size: 0.750rem;
  margin-top: 8px;
}
#details-top .acquisition p.note {
  width: 100%;
  font-size: 0.750rem;
  margin-top: 8px;
  line-height: 1.5;
}
#details-top .acquisition .main {
  min-width: 100%;
  overflow: hidden;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
#details-top .acquisition .main .images {
  display: inline-table;
}
#details-top .acquisition .main .images img {
  width: 110px;
  height: auto;
}
#details-top .acquisition .main .point {
  width: 100%;
  margin-left: 10px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 15px;
}
#details-top .acquisition .main .point p {
  font-size: 1.125rem;
  font-weight: bold;
  display: block;
}
@media screen and (max-width: 320px) {
  #details-top .acquisition .main .point p {
    font-size: 1rem;
  }
}
#details-top .acquisition .main .point p > span {
  display: block;
  font-size: 1.5rem;
  color: #FF0004;
  margin-top: 8px;
}
@media screen and (max-width: 320px) {
  #details-top .acquisition .main .point p > span {
    font-size: 1.25rem;
  }
}
#details-top .acquisition .main .point p > span > span {
  font-size: 1rem;
  color: #FF0004;
}
#details-top .get {
  max-width: 100%;
  height: 60px;
  box-sizing: border-box;
  background-color: #ff5253;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  margin: 0 15px;
}
#details-top .get a {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  padding: 19px 0;
  color: #ffffff;
  display: block;
}
@media screen and (max-width: 320px) {
  #details-top .get a {
    font-size: 1.25rem;
  }
}
#details-contents {
  max-width: 100%;
  overflow: hidden;
  padding: 15px;
  font-size: 0.750rem;
}
#details-contents p {
  font-size: 0.875rem;
  line-height: 1.6;
}
#details-contents h2 {
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  background: url("/img/h2-bg.gif") no-repeat left center;
  font-size: 1rem;
}
#details-contents .details-block {
  max-width: 100%;
  overflow: hidden;
}
#details-bottom {
  width: 100%;
  height: auto;
  background-color: #f8f3f3;
  border-top: 1px solid #cccccc;
  padding: 20px 0 20px;
}
#details-bottom .bottom-card {
  max-width: 100%;
  margin: 0 15px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#details-bottom .bottom-card .get {
  max-width: 100%;
  height: 60px;
  box-sizing: border-box;
  background-color: #ff5253;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
#details-bottom .bottom-card .get a {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  padding: 19px 0;
  color: #ffffff;
  display: block;
}
@media screen and (max-width: 320px) {
  #details-bottom .bottom-card .get a {
    font-size: 1.25rem;
  }
}
#details-bottom .bottom-card .acquisition {
  max-width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px solid #cccccc;
  border-bottom: dotted 1px #FF0004;
  padding: 5px;
}
#details-bottom .bottom-card .acquisition .b-pan {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
}
#details-bottom .bottom-card .acquisition .b-pan a {
  color: #ffffff;
  font-size: 0.750rem;
  text-align: center;
  box-sizing: border-box;
  padding: 3px 10px;
  white-space: nowrap;
  margin-right: 5px;
}
#details-bottom .bottom-card .acquisition .main {
  width: 100%;
  overflow: hidden;
  display: block;
  justify-content: flex-start;
}
#details-bottom .bottom-card .acquisition h1 {
  width: 100%;
  overflow: hidden;
  padding: 3px 0 3px;
  margin: 0;
  border-left: none;
}
#details-bottom .bottom-card .acquisition h1 span.tit {
  width: 100%;
  font-size: 1.25rem;
  padding: 1px 0 0 0;
}
@media screen and (max-width: 390px) {
  #details-bottom .bottom-card .acquisition h1 span.icon {
    font-size: 0.625rem;
  }
  #details-bottom .bottom-card .acquisition h1 span.tit {
    font-size: 0.875rem;
  }
}
#details-bottom .bottom-card .acquisition .main {
  min-width: 50%;
  overflow: hidden;
}
#details-bottom .bottom-card .acquisition .main .images {
  display: inline-table;
}
#details-bottom .bottom-card .acquisition .main .images img {
  width: 110px;
  height: auto;
}
#details-bottom .bottom-card .acquisition .main .point {
  width: 100%;
  text-align: right;
  box-sizing: border-box;
}
#details-bottom .bottom-card .acquisition .main .point p {
  font-weight: bold;
  display: block;
  text-align: center;
  font-size: 1.125rem;
}
#details-bottom .bottom-card .acquisition .main .point p > span {
  font-size: 2.8rem;
  color: #FF0004;
  margin: 8px 0 0;
  display: block;
  text-align: center;
}
#details-bottom .bottom-card .acquisition .main .point p > span > span {
  font-size: 1.25rem;
  color: #FF0004;
}
#details-bottom .copy {
  margin-left: 15px;
  margin-right: 15px;
}
/* -----/ 詳細（ad_detail）ページ ----- */

/* ----- mypage/scratch（QPスクラッチTOP） & scratch_play（QPスクラッチ） & scratch-done（QPスクラッチ送信処理）の設定（共通） ----- */
#scratch-contents {
  max-width: 100%;
  overflow: hidden;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0.750rem;
}
#scratch-contents h1.done {
  max-width: 100%;
  overflow: hidden;
  border: 2px solid #d94363;
  text-align: center;
  border-radius: 3px;
  padding: 15px 0;
  color: #d94363;
  margin-bottom: 20px;
  box-sizing: border-box;
  line-height: 1.6;
  background-color: #ffffff;
}
#scratch-contents h1.done span {
  font-size: 2.8rem;
  color: #ff0000;
}
#scratch-contents .image-block {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 auto;
}
#scratch-contents .image-block img {
  max-width: 100%;
  height: auto;
}
#scratch-contents .btn-side {
  display: flex;
  justify-content: space-between;
}
#scratch-contents .btn-side .btn-skip {
  max-width: 30%;
}
#scratch-contents .btn-side .btn-get {
  max-width: 70%;
}
#scratch-contents .number-display {
  max-width: 100%;
  margin: 0 15px 15px;
  padding: 15px 20px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#scratch-contents .number-display .number {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding-top: 15px;
}
#scratch-contents .number-display .number p {
  font-size: 1.125rem;
  font-weight: bold;
  display: block;
}
#scratch-contents .number-display .number p > span {
  display: block;
  font-size: 2.8rem;
  color: #FF0004;
  margin-top: 8px;
}
#scratch-contents .number-display .number p > span > span {
  font-size: 1.25rem;
}
#scratch-contents a.btn-return {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 1rem;
  display: block;
  border-radius: 25px;
  background-color: #5e74ff;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
  padding-top: 16px;
}
/* SNSアイコンブロック部分 */
#scratch-contents .inner-block .sns-block {
  width: 100%;
  margin-top: 10px;
  padding: 20px 10px;
  text-align: center;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  background-color: #ffffff;
}
#scratch-contents .inner-block .sns-block p {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: bold;
}
#scratch-contents .inner-block .sns-block p span {
  white-space: nowrap;
}
#scratch-contents .inner-block .sns-block ul {
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-top: 20px;
}
#scratch-contents .inner-block .sns-block ul li a img {
  max-width: 60%;
  height: auto;
}
/* スクラッチトップ もっとQPスクラッチをもらおう！部分 */
#scratch-contents .inner-block dl {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #fe8c9c;
  margin-bottom: 20px;
  background-color: #ffffff;
  overflow: hidden;
}
#scratch-contents .inner-block dl dt {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  font-size: 1rem;
  color: #ff5253;
  background-color: #ffeff1;
}
#scratch-contents .inner-block dl dd {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
#scratch-contents .inner-block dl dd p.title {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 5px;
  margin-bottom: 8px;
  font-size: 0.875rem;
  border-bottom: 1px solid #cccccc;
}
#scratch-contents .inner-block dl dd p.point {
  width: 100%;
  box-sizing: border-box;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.4;
  padding: 5px;
  background-color: #ffeff1;
  color: #ff5253;
  border-radius: 10px;
  border: 1px solid #ffcdd4;
}
#scratch-contents .inner-block dl dd p.point span {
  display: block;
  font-weight: bold;
}
#scratch-contents .inner-block dl dd p.note {
  width: 100%;
  box-sizing: border-box;
  margin-top: 15px;
  font-size: 0.625rem;
}
#scratch-contents .button-block {
  display: flex;
  justify-content: space-between;
}
#scratch-contents .button-block button.inner-btn {
  width: 80%;
  height: 50px;
  font-size: 1rem;
  display: block;
  border-radius: 25px;
  color: #ffffff;
  border-style: none;
  margin: 0 auto;
  background-color: #5d74ff;
}
/* -----/ mypage/scratch & scratch_play & scratch-done 共通の設定 ----- */

/* ----- 新規登録（entry_pc）ページ ----- */
.qr-cord-image {
  width: 100%;
  overflow: hidden;
}
.qr-cord-image span {
  display: table;
  margin: 0 auto;
}
/* -----/ 新規登録（entry_pc）ページ ----- */

/* ----- entry-02（新規登録）ページ アンドロイド用　iOS用 アイコンを置くの説明部分 include ----- */
.android-icon-version, .ios-icon-version {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.android-icon-version p, .ios-icon-version p {
  margin: 10px 0;
}
.android-icon-version p img, .ios-icon-version p img {
  width: 100%;
  height: auto;
}
.android-icon-version p img.sp-none, .ios-icon-version p img.sp-none {
  display: none;
}
.android-icon-version p img.pc-none, .ios-icon-version p img.pc-none {
  display: block;
}
@media screen and (min-width: 700px) {
  .android-icon-version p img, .ios-icon-version p img {
    width: 100%;
    height: auto;
  }
  .android-icon-version p img.sp-none, .ios-icon-version p img.sp-none {
    display: block;
  }
  .android-icon-version p img.pc-none, .ios-icon-version p img.pc-none {
    display: none;
  }
}
/* -----/ entry-02（新規登録）ページ アンドロイド用　iOS用 アイコンを置くの説明部分 include ----- */

/* ----- お問い合わせ（contact）ページ フォーム部分の設定 ----- */
.contact label {
  font-size: 0.875rem;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
.contact label span {
  color: #ff0000;
  font-size: 0.750rem;
}
.contact label input {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.3125rem;
  padding: 11px;
  display: block;
  margin-top: 5px;
  border: 1px solid #cccccc;
  color: #323232;
  border-radius: 10px;
}
.contact label select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.3125rem;
  border: 1px solid #cccccc;
  color: #323232;
  border-radius: 10px;
  margin-top: 5px;
  padding: 11px;
  background-color: #ffffff;
  background-image: url(/img/select-ya.svg);
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px;
}
.contact label select[type="data"] {
  width: 20%;
  box-sizing: border-box;
  font-size: 1.3125rem;
  padding: 0 0 0 5px;
  display: block;
  margin-top: 5px;
  border: 1px solid #cccccc;
  color: #323232;
  border-radius: 10px;
}
.contact label textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.3125rem;
  padding: 11px;
  display: block;
  margin-top: 5px;
  border: 1px solid #cccccc;
  color: #323232;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.contact ul {
  width: 100%;
  overflow: hidden;
}
.contact ul li {
  font-size: 0.750rem;
  margin-bottom: 10px;
  line-height: 1.4;
  padding-left: 12px;
  text-indent: -12px;
}
.contact .help-box{
  padding: 2% 5%;
  font-size:15px;
  background-color:#f9e8f6;
  margin-bottom:15px;
}
.contact .help-box a{
  display: block;
  text-decoration: none!important;
  color: #ffffff!important;
  background-color: #d94363;
  font-weight: normal;
  font-size: 0.875rem;
  width: 80%;
  margin:0 auto 5px;
  padding:4% 2.5%;
  border-radius: 5px;
  text-align: center;
}
/* -----/ お問い合わせ（contact）ページ フォーム部分の設定 ----- */

/* ----- 利用規約（tos(/include/terms.html)）ページ 公示日の部分 */
.pad {
  text-align: right;
}
/* -----/ 利用規約（tos(/include/terms.html)）ページ 公示日の部分 */

/* ----- FAQ(help/faq)ページ ----- */
#contents .inner-block ul.faq-list {
  min-width: 100%;
  box-sizing: border-box;
  list-style: none;
}
#contents .inner-block ul.faq-list li {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
  border-radius: 5px;
}
#contents .inner-block ul.faq-list li a {
  display: block;
  padding: 10px 0 10px 15px;
  font-size: 0.875rem;
  background: url("/img/faq-ya.svg") no-repeat 3px 12px;
  background-size: 10px 10px;
}
#contents .faq-block {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
#contents .faq-block a {
  display: inline-table;
  color: #ffffff;
  background-color: #5e74ff;
  font-weight: normal;
  font-size: 0.875rem;
  padding: 5px 10px;
  border-radius: 5px;
  float: right;
}
/* -----/ FAQ(help/faq)ページ ----- */

/* ----- FAQの下層（help/cat_01~cat08(include/cat_01~cat_08))ページ アコーディオン部分設定 ----- */
.accordion2 {
  text-align: left;
  font-size: 0.875rem;
  list-style: none;
}
.accordion2 li {
  margin-bottom: 10px;
}
.accordion2 .inner {
  display: none;
  list-style: none;
}
.accordion2 p {
  cursor: pointer;
  padding: 10px;
}
.accordion2 p.ac1, .accordion2 p.ac2, .accordion2 p.ac3 {
  background: #F0F0F0;
  font-size: 0.875rem !important;
  border: 1px solid #cccccc;
  border-radius: 5px;
  line-height: 1 !important;
}
.accordion2 .inner li {
  padding: 10px;
  line-height: 1.5;
  margin-top: -2px;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.accordion2 a {
  color: #5e74ff;
  text-decoration: underline;
}
/* -----/ FAQ（help/cat_01~cat08(include/cat_01~cat_08))ページ アコーディオン部分設定 ----- */

/* ----- 友達紹介(mypage/friend)ページ ----- */
#contents .inner-block .sns-block {
  width: 100%;
  padding: 20px 0;
  text-align: center;
  box-sizing: border-box;
}
#contents .inner-block .sns-block ul {
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  list-style: none;
}
#contents .inner-block .sns-block ul li a img {
  max-width: 70%;
  height: auto;
}
@media screen and (min-width: 700px) {
  #contents .inner-block .sns-block ul li a img {
    max-width: 45%;
    height: auto;
  }
}
#contents .inner-block .sns-block ul li div {
  display: table;
  margin: 0 auto;
}
#contents .inner-block .sns-block ul li span {
  width: 100%;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
#contents .tap-copy {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#contents .tap-copy .message {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.3125rem;
  padding: 11px;
  display: block;
  margin-top: 5px;
  border: 1px solid #cccccc;
  color: #323232;
  border-radius: 10px;
  resize: none;
}
/* 友達紹介についてのブロック部分 */
#contents-friend .inner-block ul.symbol {
  border: 2px solid #ffb9b9;
  box-sizing: border-box;
  padding: 10px 10px 10px 20px;
  border-radius: 5px;
  background-color: #fdfbfa;
}
#contents-friend .inner-block ul.symbol li {
  font-weight: bold;
}
#contents-friend .inner-block ul.symbol li p {
  margin-top: 5px;
  padding: 0;
  text-indent: 0;
  display: block;
}
#contents-friend ul.symbol-nomal {
  max-width: 100%;
  overflow: hidden;
  list-style: none;
  padding: 0 0 0 13px;
  font-weight: normal;
  line-height: 1.5;
  font-size: 0.875rem;
  box-sizing: border-box;
}
#contents-friend ul.symbol-nomal li {
  min-width: 100%;
  box-sizing: border-box;
  text-indent: -13px;
}
/* 直接招待 TapしてQR表示 の モーダル設定 */
.modal .qr-big {
  padding: 20px 0;
  text-align: center;
}
.modal .qr-big img {
  max-width: 100%;
  height: auto;
}
/* ----- 友達紹介(mypage/friend)ページ ----- */

/* ----- マイページ（mypage）ページ ----- */
#contents .inner-block button.link-btn {
  width: 100%;
  height: 50px;
  font-size: 1rem;
  vertical-align: middle;
  border-radius: 25px;
  background-color: #5e74ff;
  color: #ffffff;
  border-style: none;
}
#contents .inner-block p span.my {
  margin-left: 10px;
  color: #ff0000;
  font-weight: bold;
}
#contents ul.mypage-link {
  min-width: 100%;
  box-sizing: border-box;
  list-style: none;
}
#contents ul.mypage-link li {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
  border-radius: 5px;
}
#contents ul.mypage-link li a {
  display: block;
  padding: 10px 0 10px 15px;
  font-size: 0.875rem;
  background: url("/img/faq-ya.svg") no-repeat 3px 12px;
  background-size: 10px 10px;
}
/* -----/ マイページ（mypage）ページ ----- */

/* ----- マイ通帳（mypage/passbook）ページ ----- */
#contents .inner-block .list-card {
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 10px;
}
#contents .inner-block .list-card p {
  width: 100%;
  overflow: hidden;
  padding: 2px 0;
  box-sizing: border-box;
  font-size: 0.8125rem;
}
#contents .inner-block .list-card p span {
  width: 52px;
  overflow: hidden;
  margin-right: 5px;
  display: inline-table;
  background: url("/img/ten-ten.svg") no-repeat;
  background-size: 4px 15px;
  background-position: top 2px right 3px;
}
#contents .inner-block .list-card .card-side {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 3px;
}
#contents .inner-block .list-card .card-side p {
  float: left;
  width: 33.3333%;
}
#contents .inner-block .list-card p.title {
  padding-top: 5px;
  border-top: 1px solid #cccccc;
}
@media screen and (max-width: 567px) {
  #contents .inner-block .list-card .card-side p {
    float: left;
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  #contents .inner-block .list-card .card-side p:first-child {
    float: left;
    width: 100%;
  }
  #contents .inner-block .list-card .card-side p {
    float: left;
    width: 100%;
  }
}
#contents .inner-block .list-card p.pay-number {
  width: 100%;
}
#contents .inner-block .list-card p.pay-number span {
  width: 85px;
  overflow: hidden;
  margin-right: 5px;
  display: inline-table;
  background: url("/img/ten-ten.svg") no-repeat;
  background-size: 4px 15px;
  background-position: top 2px right 3px;
  clear: both;
}
#contents .inner-block .list-card .title a {
  display: block;
  border-radius: 5px;
  background: url("/img/scratch-btn-ya.svg") no-repeat;
  background-size: 12px;
  background-position: top 2px right 6px;
}
#contents .inner-block .list-card .none a {
  background-image: none;
}
/* -----/ マイ通帳（mypage/passbook）ページ ----- */

/* ----- メールアドレス登録（regmailsend）ページ テキストリンク部分（一ヵ所）----- */
#contents .contact a {
  color: #FF0004;
  text-decoration: underline;
}
/* -----/ メールアドレス登録（regmailsend）ページ テキストリンク部分（一ヵ所）----- */

/* ----- QuickPointとは（what_is_qp ＆ what_is_qp-in）ページ ----- */
#contents .what-is-qp h1 {
  min-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  border: none;
  border-radius: 0 0 0 0 / 0 0 0 0;
  padding: 0;
  margin: 0;
}
#contents .what-is-qp p.image {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
#contents .what-is-qp h1 img, #contents .what-is-qp p.image img {
  max-width: 100%;
  height: auto;
}
#contents .what-is-qp p.position-set {
  position: relative;
}
#contents .what-is-qp p.position-set span.button-03 {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0 8%;
  position: absolute;
  top: 51%;
}
#contents .what-is-qp p.position-set span.button-05 {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0 8%;
  position: absolute;
  top: 70%;
}
#contents .what-is-qp p.position-set span.button-16 {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0 8%;
  position: absolute;
  top: 54%;
}
/* -----/ QuickPointとは（what_is_qp ＆ what_is_qp-in）ページ ----- */
　
/* ----- 検索ページ（scarch）ページ ----- */
#contents .inner-block p.no-hit-area {
  display: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 5px;
}
#contents .inner-block p.no-hit {
  display: block;
}
#contents .fixed-block {
  max-width: 800px;
  padding-top: 10px;
  padding-bottom: 12px;
  margin: 0 auto;
}
#contents .search-block {
  width: 100%;
  box-sizing: border-box;
}
#contents .search-block form {
  max-width: 100%;
  box-sizing: border-box;
}
#contents .search-block form label {
  width: 50%;
  box-sizing: border-box;
  font-size: 0.875rem;
  float: left;
  margin-bottom: 12px;
  padding: 0 5px;
}
#contents .search-block form label select::-ms-expand {
  display: none;
}
#contents .search-block form label select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
  width: 100%;
  height: 38px;
  box-sizing: border-box;
  font-size: 1rem;
  border: 1px solid #cccccc;
  color: #323232;
  border-radius: 10px;
  margin-top: 5px;
  padding: 5px 5px 6px;
  background-color: #ffffff;
  background-image: url("/img/select-ya.svg");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 14px;
  display: block;
}
#contents .search-block form label select option {
  background-color: #ffffff;
}
#contents .search-block form label input {
  max-width: 100%;
  width: 100%;
  height: 38px;
  box-sizing: border-box;
  font-size: 1rem;
  border: 1px solid #cccccc;
  color: #323232;
  border-radius: 10px;
  margin-top: 5px;
  padding: 8px 5px;
  display: block;
}
#contents .fixed-block .search-block form input.search-btn {
  width: 98%;
  height: 40px;
  display: block;
  font-size: 1rem;
  border-radius: 25px;
  background-color: #5e74ff;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  box-sizing: border-box;
  border-style: none;
  margin: 0 auto;
}
/* -----/ 検索ページ（scarch）ページ ----- */

/* ----- スペシャル（special）ページ ----- */
.top-special-banner {
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
.special-banner {
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.top-special-banner a, .special-banner a {
  max-width: 100%;
  box-sizing: border-box;
  display: block;
  line-height: 0;
}
.top-special-banner .banner, .special-banner .banner {
  max-idth: 800px;
  overflow: hidden;
  line-height: 0;
}
.top-special-banner .banner img, .special-banner .banner img {
  width: 100%;
  height: auto;
}
.special-banner p {
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  padding: 10px;
  margin-top: 3px;
  line-height: 1.4;
}
/* -----/ スペシャル（special）ページ ----- */

/* ----- カテゴリリスト(category-list)ページ ----- */
#contents .inner-block .modal-menu {
  max-width: 100%;
  list-style: none;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 15px 10px;
}
#contents .inner-block .modal-menu li {
  border: 1px solid #cccccc;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 35px;
  margin-bottom: 5px;
}
#contents .inner-block .modal-menu li a {
  text-decoration: none;
  display: block;
  padding: 4px 4px;
  line-height: 0;
}
#contents .inner-block .modal-menu li a > span {
  padding-right: 10px;
  display: table-cell;
  vertical-align: middle;
}
#contents .inner-block .modal-menu li a img {
  width: 50px;
  height: 50px;
  display: table-cell;
}
/* -----/ カテゴリリスト(category-list)ページ ----- */

/* ----- 訪問履歴(ad_history) ページ ----- */
.history #contents .info {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 0 0 10px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.6;
}
/* -----/ 訪問履歴(ad_history) ページ ----- */

/* ----- お気に入りリスト（favorite）ページ ----- */
.favorite #contents h1.cate a {
  background-color: #5e74ff;
  color: #ffffff;
  white-space: nowrap;
  padding: 3px 12px 2px;
  border-radius: 5px;
  float: right;
  font-size: 0.875rem;
}
/* -----/ お気に入りリスト（favorite）ページ ----- */

/* ----- メールマガジン(mailmag)ページ 一覧 ------ */
h1.icon-mailmag {
  box-sizing: border-box;
  padding: 18px 10px 13px 60px !important;
  background: url(/img/icon-deals-mail.png) no-repeat center left 3px;
  background-size: 50px 50px;
  border: none !important;
  line-height: 1.2;
  border-radius: 0;
}
.mailmag-text {
  max-height: 100%;
  line-height: 1.4;
  margin-bottom: 20px;
  font-size: 0.8125rem;
}
/* -----/ メールマガジン(mailmag)ページ 一覧 ------ */

/* ----- 毎日アンケート（extcontents/questionary）ページ ----- */
.questionnaire-list {
  max-width: 100%;
  list-style: none;
  overflow: hidden;
  box-sizing: border-box;
  margin: 10px;
}
.questionnaire-list li {
  border: 1px solid #cccccc;
  box-sizing: border-box;
  background-color: #ffffff;
  padding: 5px 8px 3px;
  margin-bottom: 3px;
}
.questionnaire-list .titlte-block {
  width: 100%;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
.questionnaire-list .reward-block {
  min-width: 97px;
  padding-left: 10px;
  white-space: nowrap;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  color: #FF0000;
  line-height: 1.2;
  text-align: right;
}
.questionnaire-list .reward-block span {
  display: block;
  color: #323232;
  text-align: right;
}
.caution {
  max-width: 100%;
  overflow: hidden;
  margin: 0 10px 10px;
  padding: 15px 5px 0 5px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #fe8c9c;
}
.caution h2.caution-title {
  width: 100%;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 15px;
  line-height: 1.2;
}
.caution h2.indent-m {
  text-indent: -8px;
}
.questionnaire-btn {
  max-width: 100%;
  height: 50px;
  margin: 0 10px 15px;
  font-size: 1rem;
  border-radius: 25px;
  background-color: #ff7300;
  color: #ffffff;
}
.questionnaire-btn a {
  display: block;
  padding: 17px 0;
  text-align: center;
}
.questionnaire-btn-none {
  max-width: 100%;
  height: 50px;
  margin: 0 10px 15px;
  font-size: 1rem;
  border-radius: 25px;
  background-color: #bbbbbb;
  color: #ffffff;
  text-align: center;
  line-height: 3;
}
ul.list-disc {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0.750rem;
  list-style-position: outside;
  padding-left: 20px;
  list-style: disc;
}
ul.list-disc li {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  line-height: 1.2;
}
ul.list-disc li a {
  color: #5e74ff;
  text-decoration: underline;
}
.img-questionnaire {
  max-width: 100%;
  box-sizing: border-box;
  margin: 10px;
  border: 1px solid #ccc;
  line-height: 0;
}
.img-questionnaire img {
  max-width: 100%;
  height: auto;
}
/* -----/ 毎日アンケート（extcontents/questionary）ページ ----- */

/* ----- 毎日コツコツ貯める(extcontents/kotukotu)ページ ----- */
.kotsukotsu-list {
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 11px;
  margin: 20px 10px;
}
.kotsukotsu-list dt {
  max-width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 13px 0 0 0;
  text-align: center;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: bold;
}
.kotsukotsu-list dt.kotsu-red, .kotsukotsu-list dd .kotsu-red {
  background-color: #535353;
}
.kotsukotsu-list dt.kotsu-orange, .kotsukotsu-list dd .kotsu-orange {
  background-color: #535353;
}
.kotsukotsu-list dt.kotsu-green, .kotsukotsu-list dd .kotsu-green {
  background-color: #535353;
}
.kotsukotsu-list dt span.title-icon-1 {
  position: absolute;
  left: 14px;
  top: 5px;
}
.kotsukotsu-list dt span.title-icon-2 {
  position: absolute;
  left: 15px;
  top: 5px;
}
.kotsukotsu-list dt span.title-icon-1 img {
  width: 65px;
  height: 65px;
}
.kotsukotsu-list dt span.title-icon-2 img {
  width: 65px;
  height: 65px;
}
.kotsukotsu-list dd {
  max-width: 100%;
  box-sizing: border-box;
  min-height: 200px;
  padding-bottom: 10px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}
.kotsukotsu-list dd p {
  margin: 0 10px;
  color: #ffffff;
  font-size: 0.78rem;
  line-height: 1.2;
}
.kotsukotsu-list dd p.top-title-red {
  background-color: #fff9ba;
  text-align: center;
  color: #ff5253;
  font-weight: bold;
  margin: 15px 40px 0;
  padding: 4px 0 3px;
  box-sizing: border-box;
  border-radius: 8px;
  line-height: 1.4;
  font-size: 0.875rem;
}
.kotsukotsu-list dd p.top-title-orange {
  background-color: #fff9ba;
  text-align: center;
  color: #ff5e01;
  font-weight: bold;
  margin: 15px 40px 0;
  padding: 4px 0 3px;
  box-sizing: border-box;
  border-radius: 8px;
  line-height: 1.4;
  font-size: 0.875rem;
}
.kotsukotsu-list dd p.top-title-green {
  background-color: #f1ffb1;
  text-align: center;
  color: #00740e;
  font-weight: bold;
  margin: 15px 40px 0;
  padding: 4px 0 3px;
  box-sizing: border-box;
  border-radius: 8px;
  line-height: 1.4;
  font-size: 0.875rem;
}
.kotsukotsu-list dd p.top-m-15 {
  margin-top: 15px;
}
.kotsukotsu-list dd .button {
  width: auto;
  padding: 8px;
  margin: 15px 10px 0 0;
  float: right;
  text-align: center;
  color: #ffffff;
  border-radius: 8px;
  font-weight: bold;
}
.kotsukotsu-list dd.squeeze-red {
  background-color: #ff5253;
}
.kotsukotsu-list dd.squeeze-orange {
  background-color: #f29c21;
}
.kotsukotsu-list dd.squeeze-green {
  background-color: #62bb47;
}
/* -----/ 毎日コツコツ貯める(extcontents/kotukotu)ページ ----- */

/* ----- 下層ページ ＜前の20件＞＜次の20件＞ ボタン設定 ----- */
/* common.cssにもinner-block紐づけのセレクタがありますが、こちらは新規html5のタグで作成したページのボタンのstyle。 */
.page-view {
  max-width: 100%;
  margin: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.page-view .return, .page-view .next {
  overflow: hidden;
  color: #ffffff;
  font-weight: bold;
  background-color: #868686;
  border-radius: 10px;
}
.page-view .return {
  padding: 8px 14px 8px 10px;
}
.page-view .next {
  padding: 8px 10px 8px 14px;
}
.page-view a.return:hover, .page-view a.next:hover {
  text-decoration: none;
}
.page-view .none {
  background-color: #DBDBDB !important;
}
/* -----/ 下層ページ ＜前の20件＞＜次の20件＞ ボタン設定 ----- */

/* ----- modal モーダルの設定 ----- */
#contents .inner-block .modal-button {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}
#contents .inner-block .modal-button a {
  display: block;
  padding: 10px 0;
  border: 1px solid #cccccc;
}
.modal h1 {
  max-width: 100%;
  padding: 8px 10px;
  color: #fff;
  text-align: center;
  background-color: #fe8c9c;
  box-sizing: border-box;
  border-radius: 20px;
  margin-bottom: 5px;
}
.modal h2 {
  max-width: 100%;
  text-align: left;
  box-sizing: border-box;
  margin-bottom: 5px;
  padding-left: 5px;
  font-weight: bold;
  border-left: 5px solid #fe8c9c;
  line-height: 1.2;
}
.modal .modal-menu {
  min-width: 100%;
  list-style: none;
  overflow: hidden;
  box-sizing: border-box;
}
.modal .modal-menu li {
  border: 1px solid #ccc;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 5px;
}
.modal .modal-menu li a {
  text-decoration: none;
  display: block;
  padding: 4px 6px;
  line-height: 0;
}
.modal .modal-menu li a > span {
  padding-right: 10px;
  display: table-cell;
  vertical-align: middle;
}
.modal .modal-menu li a img {
  width: 30px;
  height: 30px;
  display: table-cell;
}
.modal a.close-btn {
  width: 60%;
  box-sizing: border-box;
  display: block;
  margin: 10px auto 0;
  padding: 4px 0;
  background: #5e74ff;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  border-radius: 15px;
  font-weight: bold;
}
.modal p {
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
/* -----/ modal モーダルの設定 ----- */

/* ----- 特集（landing-page）ページ 020317テストアップ中のページ ----- */
article.landing-page h1 {
  max-width: 100%;
  border: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.sp-slides-container {
  background-color: #ffffff;
}
article.landing-page h1 img {
  width: 100%;
}
article.landing-page section {
  padding-top: 15px;
}
article.landing-page section .landing-block {
  margin: 0 10px 15px;
  display: block;
  border: 1px solid #cccccc;
  border-radius: 8px;
  background-color: #ffffff;
}
article.landing-page section .landing-block h2 {
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
article.landing-page section .landing-block h2 img {
  width: 100%;
  height: auto;
}
article.landing-page section .landing-block p {
  max-width: 100%;
  overflow: hidden;
  line-height: 1.4;
  margin-top: -10px;
  padding: 20px 10px 10px 10px;
}
/* -----/ 特集（landing-page）ページ 020317テストアップ中のページ ----- */


/* //////////////////// 不要（未使用）となったセレクタ 未チェック ///////////////// */
/* app 4area */
.app-area {
  margin-bottom: 5px;
}
.app-in {
  max-width: 100%;
  display: flex;
  margin: 10px;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.app-box {
  max-width: 100px;
  box-sizing: border-box;
  line-height: 0;
  margin: 0 5px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ffffff;
}
.app-box img {
  width: 100%;
}
.app-box:first-child {
  margin-left: 0;
}
.app-box:last-child {
  margin-right: 0;
}
.special {
  background-image: url("/img/confetti-image_bg.png");
}
.attention-add {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 15px 10px;
  background-image: url("/img/cate-bg.png");
  background-repeat: repeat;
  background-size: 12px 12px;
}
.attention-add {
  background-color: #ceffd7;
}
.attention-add-block {
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

/* リストページ */
.favorite-mark {
  min-width: 100%;
  height: 35px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -5px;
}
.favorite-mark span {
  display: block;
  width: 30px;
  height: 30px;
  float: right;
  margin-right: 20px;
}
.favorite-none {
  display: none;
}

/* profile.html */
.checkbox-block {
  width: 100%;
  box-sizing: border-box;
}
table.checkbox-block td {
  vertical-align: middle;
}
.checkbox-block input[type="checkbox"] {
  margin-top: 1px;
  margin-right: 6px;
}

/* QPスクラッチを00枚、受け取りました */
a.search-card-btn {
  width: 740px;
  height: 50px;
  font-size: 1rem;
  display: table-cell;
  vertical-align: middle;
  border-radius: 25px;
  background-color: #5e74ff;
  color: #ffffff !important;
  border-style: none;
  text-align: center;
}
.modal .qp-message p {
  width: 100%;
  overflow: hidden;
  margin: 10px 0 30px;
  text-align: center;
}
.modal .qp-message p span {
  font-size: 1.5rem;
  color: #FF0000;
  font-weight: bold;
}

/* //////////////////// 不要（未使用）となったセレクタ 未チェック ///////////////// */