@charset "UTF-8";
/* 初期設定 */
html {
  font-size: 62.5%;
}

body {
  font-family: '-apple-system', 'BlinkMacSystemFont', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック  Medium', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:root {
  --color-text-green: #2C786C;
  --filter-text-green: brightness(0) saturate(100%) invert(39%) sepia(40%) saturate(570%) hue-rotate(121deg) brightness(94%) contrast(91%);
  --color-dark-green: #0B392A;
  --filter-dark-green: filter: brightness(0) saturate(100%) invert(17%) sepia(30%) saturate(908%) hue-rotate(109deg) brightness(96%) contrast(99%);
  --color-border-dark-green: #2D5D4D;
  --filter-border-dark-green: filter: brightness(0) saturate(100%) invert(27%) sepia(45%) saturate(450%) hue-rotate(109deg) brightness(99%) contrast(86%);
  --color-icon-light-gray: #b4b4b4;
  --filter-icon-light-gray: brightness(0) saturate(100%) invert(78%) sepia(2%) saturate(0%) hue-rotate(139deg) brightness(94%) contrast(87%);
  --color-primary-green: #3AA59E;
  --filter-primary-green: brightness(0) saturate(100%) invert(64%) sepia(11%) saturate(1794%) hue-rotate(127deg) brightness(85%) contrast(99%);
  --color-hover-yellow: #FFF9BC;
  --filter-hover-yellow: brightness(0) saturate(100%) invert(86%) sepia(97%) saturate(235%) hue-rotate(317deg) brightness(107%) contrast(101%);
  --color-icon-gray: #939393;
  --filter-icon-gray: brightness(0) saturate(100%) invert(56%) sepia(87%) saturate(0%) hue-rotate(216deg) brightness(87%) contrast(97%);
  --color-border-gray: #E0E0E0;
  --filter-border-gray: brightness(0) saturate(100%) invert(94%) sepia(1%) saturate(10%) hue-rotate(297deg) brightness(116%) contrast(76%);
  --color-primary-orange: #E8A61D;
  --filter-primary-orange: brightness(0) saturate(100%) invert(73%) sepia(29%) saturate(1291%) hue-rotate(350deg) brightness(96%) contrast(90%);
  --color-signup-main: #ff0000;
  --filter-signup-main: brightness(0) saturate(100%) invert(20%) sepia(94%) saturate(7204%) hue-rotate(0deg) brightness(112%) contrast(119%);
  --color-signup-sub: #ffe5ee;
  --color-login-main: #0067c0;
  --filter-login-main: brightness(0) saturate(100%) invert(25%) sepia(100%) saturate(1371%) hue-rotate(188deg) brightness(97%) contrast(104%);
  --color-login-sub: #effafa;
  --color-dull-green: #A5C7C5;
  --color-beige: #F8F6ED;
  --color-greige: #C1BEB2;
  --color-primary-red: #E31610;
  --color-rank-gold: #d5ba41;
  --color-rank-silver: #999999;
  --color-rank-copper: #b56838;
  --color-rakuten: #AF2418;
  --color-yahoo: #EA413E;
  --color-white: #FFF;
  --filter-greige: brightness(0) saturate(100%) invert(90%) sepia(13%) saturate(184%) hue-rotate(11deg) brightness(84%) contrast(87%);
  --filter-rank-gold: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(2887%) hue-rotate(5deg) brightness(95%) contrast(83%);
  --filter-rank-silver: brightness(0) saturate(100%) invert(69%) sepia(14%) saturate(3%) hue-rotate(327deg) brightness(85%) contrast(93%);
  --filter-rank-copper: brightness(0) saturate(100%) invert(48%) sepia(39%) saturate(668%) hue-rotate(339deg) brightness(88%) contrast(101%);
  --filter-rakuten: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(2775%) hue-rotate(355deg) brightness(79%) contrast(88%);
  --filter-yahoo: brightness(0) saturate(100%) invert(42%) sepia(63%) saturate(1686%) hue-rotate(332deg) brightness(90%) contrast(105%);
  --filter-white: brightness(0) invert(1);
  --wrapper-shadow: 0 0 10px #E2E1D9;
  --duration-hover: 0.2s;
  --opacity-hover: 0.8;
}

.layoutFooterMobile_registerButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 15px 10px;
}

.layoutFooterMobile_registerButtons__register {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 44px;
  padding: 10px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 5px;
  background-color: #EA3323;
  box-sizing: border-box;
}

.layoutFooterMobile_registerButtons__login {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 44px;
  padding: 10px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 5px;
  background-color: #2B65BA;
  box-sizing: border-box;
}

.layoutFooterMobile_registerButtons__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.layoutFooterMobile_registerButtons__icon img {
  filter: var(--filter-white);
}

.pcHeader *,
.global_header *,
.global_header_mobile *,
.global_footer *,
.global_footer_mobile * {
  box-sizing: border-box;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.pcHeader .material-icons,
.global_header .material-icons,
.global_header_mobile .material-icons,
.global_footer .material-icons,
.global_footer_mobile .material-icons {
  font-family: 'Material Icons' !important;
}

figure {
  margin: 0;
  padding: 0;
}

/*----------------------------------------------------------------------------------------------------
	Init
----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------
	Reset
--------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, blockquote, div, th, td, a {
  margin: 0;
  padding: 0;
  word-break: break-all;
}

/*-- for iOS --*/
input[type='submit'],
input[type='button'] {
  -webkit-appearance: button;
  appearance: button;
}

input[type='submit']::-webkit-search-decoration,
input[type='button']::-webkit-search-decoration {
  display: none;
}

input[type='submit']::focus,
input[type='button']::focus {
  outline-offset: -2px;
}

/*--------------------------------------------------
	Some Tags Setting
--------------------------------------------------*/
/*-- 全体 --*/
html {
  overflow-y: scroll;
}

body {
  font-size: 1.4rem;
  line-height: 17px;
  font-family: '-apple-system', 'BlinkMacSystemFont', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック  Medium', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*-- リスト --*/
ul {
  list-style-type: none;
}

/*-- テーブル --*/
table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}

th {
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ddd;
  background: #f5f5f5;
}

td {
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ddd;
  background: #fff;
}

@media (max-width: 640px) {
  table {
    display: block;
  }
  tbody {
    display: block;
    width: 100%;
  }
  tr {
    display: block;
    width: 100%;
  }
  th {
    display: block;
    width: 100%;
    margin-top: -1px;
  }
  td {
    display: block;
    width: 100%;
    margin-top: -1px;
  }
  tr:first-child th {
    margin-top: 0;
  }
}

/*-- リンク common.css適用分をこちらに移行 --*/
a {
  text-decoration: none;
  font-size: 1.4rem;
  /*color: #4a89c9;*/
  color: #0066cb;
}

a:hover {
  text-decoration: underline;
  /*color: #4a89c9;*/
  color: #ea6767;
}

/*-- 画像 --*/
img {
  vertical-align: bottom;
  border: 0;
}

/*--------------------------------------------------
	Form Parts Setting
--------------------------------------------------*/
/*-- 全体 --*/
input, select, option, textarea {
  box-sizing: border-box;
  font-family: '-apple-system', 'BlinkMacSystemFont', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック  Medium', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*-- テキスト系（各フォーム） --*/
input[type='text'],
input[type='password'],
input[type='email'] {
  width: 100%;
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ddd;
}

/*-- ボタン系(登録内容変更) --*/
input[type='submit'],
input[type='button'],
button {
  cursor: pointer;
  padding: 5px 10px;
  font-size: 1.4rem;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
}

input[type='submit']:hover,
input[type='button']:hover,
button:hover {
  background: #f5f5f5;
}

/*-- ラジオボタン、チェックボックス --*/
input[type='checkbox'],
input[type='radio'] {
  cursor: pointer;
  margin-right: 5px;
  vertical-align: middle;
}

/*-- ラベル --*/
label {
  cursor: pointer;
  font-size: 1.4rem;
  vertical-align: middle;
}

/*-- プルダウン --*/
select {
  cursor: pointer;
  font-size: 1.4rem;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
}

option {
  padding: 10px;
}

/*-- テキストエリア --*/
textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ddd;
}

/*-- プレースホルダー --*/
::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #bbb;
}

:placeholder-shown {
  color: #bbb;
}

/*----------------------------------------------------------------------------------------------------
	Common
----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------
	Site 
--------------------------------------------------*/
/*-- サイトインナー(通常盤の横幅はここで制御) 404,clickpoint_rule.html --*/
/*-- パーツインナー(シンプル版の横幅はここで制御) 404,clickpoint_rule.html --*/
/*-- 見出し(大) clickpoint_rule.html --*/
/*-- 見出し(中) clickpoint_rule.html --*/
/*-- 見出し(小) 該当なし --*/
/*-- 見出しオプション 該当なし --*/
/*-- 段落(親) clickpoint_rule.html --*/
/*-- 段落(子) clickpoint_rule.html --*/
/*--------------------------------------------------
	Module 
--------------------------------------------------*/
/*-- Clearfix --*/
.cf::after {
  clear: both;
  content: '';
  display: block;
}

/*-- JavaScriptなし fortune/detail,fortune/graph --*/
/*-- 壁 404,clickpoint_rule.html --*/
/*-- パンくず 該当なし --*/
/*-- モーダル modal_test.html --*/
/*-- ボタン 404,kaujiquiz_check,kaujiquiz_end,kaujiquiz_play,checckpoint_rule.html --*/
/* color 該当なし */
/*-- ポイント 該当なし --*/
/*-- 追尾ラッパー 該当なし --*/
/*-- インラインお知らせ 該当なし --*/
/*-- リスト clickpoint_rule.html --*/
/*-- ★★★旧版から踏襲↓★★★ --*/
/*-- メモ fortune/detail,clickpoint_rule.html --*/
/*-- 箇条書き 該当なし --*/
/*-- 注意事項 attention,bp_form,confirm,form,coution.html,game_test.html,hidingpoint.html, --*/
/*-- right column 該当なし --*/
/*-- ★★★旧版から踏襲↑★★★ --*/
/*--------------------------------------------------
	Extention
--------------------------------------------------*/
/*-- 枠線なしtable 該当なし --*/
/*-- レスポンシブしないtable 該当なし --*/
/*--------------------------------------------------
	Header
--------------------------------------------------*/
/*-- クロスリスティング --*/
/*-- ヘッダー 404,clickpoint_rule --*/
/*-- 簡易ヘッダー 404,clickpoint_rule.html --*/
/*-- グロナビ --*/
/*.nav .nav_group { position: relative; padding-left: 60px; border-width: 2px 0; border-style: solid; border-color: #fff; background: linear-gradient(to bottom, #fff, #eee); }
.nav .nav_item { position: relative; float: left; width: 14%; }
.nav .nav_item_top { position: absolute; left: 0; top: 0; width: 60px; }*/
/*-- ユーザーメニュー 旧mobile_headerで使われていたが、必要なくなったためコメントアウト --*/
/*-- ドロワー(ライブラリ) 旧mobile_headerで使われていたが、必要なくなったためコメントアウト --*/
/*-- ドロワー(カスタマイズ) 旧mobile_headerで使われていたが、必要なくなったためコメントアウト --*/
/*-- ドロワー(ユーザーメニュー) 旧mobile_headerで使われていたが、必要なくなったためコメントアウト --*/
/*--------------------------------------------------
	Main
--------------------------------------------------*/
/*-- 親要素をテーブル化 404,clickpoint_rule.html --*/
/*-- 子要素をセル化 404,clickpoint_rule.html --*/
/*-- 最初と最後のセルから不要な余白を削除 404,clickpoint_rule.html --*/
/*-- 画面幅が小さい時は縦積み 404,clickpoint_rule.html --*/
/*-- 個別に調整 該当なし --*/
/*-- シンプル版 404,clickpoint_rule.html --*/
/*--------------------------------------------------
	Right Before Login
--------------------------------------------------*/
/*--------------------------------------------------
	Right After Login
--------------------------------------------------*/
/*--- ライトインフォメーション 該当なし ---*/
/*--- ポイント情報 該当なし ---*/
/*--------------------------------------------------
	Footer
--------------------------------------------------*/
@media screen and (max-width: 640px) {
  footer {
    padding-bottom: 100px;
  }
}

/*-- シンプル版のフッター 404,clickpoint_rule.html --*/
/* 1-3.フッター(旧) component/footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/*----------------------------------------------------------------------------------------------------
	Ad
----------------------------------------------------------------------------------------------------*/
/*-- rightInfo 該当なし --*/
/*----------------------------------------------------------------------------------------------------
	Rule
----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------
	その他
----------------------------------------------------------------------------------------------------*/
/*-- 広告枠 --*/
/*-- ページ上部へ 該当なし --*/
/*-- 余白 ほぼ全部mT10,mB10となっている --*/
/*-- 強調 --*/
/*-- 非表示制御 fortune/detail,fortune/graph --*/
/*-- 位置制御 該当なし --*/
/*-- エラー maintenance,_form,_index,test_fmail_login.html --*/
/*-- 並列レイアウト fortune/detail --*/
/*-- ★★★旧版から踏襲↓★★★ --*/
/*-- 基本表示(SPのみ変更) 該当なし --*/
/* 検索非表示 */
/*-- ADNW 該当なし --*/
/*-- ★★★旧版から踏襲↑★★★ --*/
/*-- おわり --*/
/*--------------------------------------
	Reset & Hack
--------------------------------------*/
html, body, div,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
dl, dt, dd, ul, ol, li,
form, legend, fieldset,
input, textarea,
th, td,
address {
  margin: 0;
  padding: 0;
}

body,
h1, h2, h3, h4, h5, h6,
input, textarea, select, option, div {
  font-size: 12px;
}

a,
img,
fieldset {
  border: 0;
}

a {
  outline: 0;
}

a:hover {
  outline: 0;
}

li {
  list-style: none;
}

* > html input,
* > html textarea {
  font-family: verdana;
}

/*
============================ Base CSS ==============================

   基本設定
    0.共通スタイル
    1.枠組み
     1-1.ヘッダー
     1-2.グローバルナビ
     1-3.フッター
    2.二階層目以降
     2-1.メインカラム
     2-2.右カラム
    3.広告
     3-1.アドネット
	4.ポイント有効期限延長キャンペーン 
    99.noDocument

====================================================================
*/
/* 0.共通
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ �� */
/*--- New Clear Fix ---*/
.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
}

/* For IE 6/7 (trigger hasLayout) */
/*--- フォントサイズ game_test.html,game.html,book-books_nocp.html,pointguide.html,stage_medal.html ---*/
/*--- フォントカラー ---*/
/* フォント */
/*--- リンク ---*/
/*--- ポイント表記 該当なし ---*/
/*--- margin bp_form,主にstaticpages全般で使用 ---*/
.mT05 {
  margin-top: 5px;
}

.mT10 {
  margin-top: 10px;
}

.mT15 {
  margin-top: 15px;
}

.mT20 {
  margin-top: 20px;
}

.mT25 {
  margin-top: 25px;
}

.mT30 {
  margin-top: 30px;
}

.mB05 {
  margin-bottom: 5px;
}

.mB10 {
  margin-bottom: 10px;
}

.mB15 {
  margin-bottom: 15px;
}

.mB20 {
  margin-bottom: 20px;
}

.mB25 {
  margin-bottom: 25px;
}

.mB30 {
  margin-bottom: 30px;
}

.mL05 {
  margin-left: 5px;
}

.mL10 {
  margin-left: 10px;
}

.mL15 {
  margin-left: 15px;
}

.mL20 {
  margin-left: 20px;
}

.mL25 {
  margin-left: 25px;
}

.mL30 {
  margin-left: 30px;
}

.mR05 {
  margin-right: 5px;
}

.mR10 {
  margin-right: 10px;
}

.mR15 {
  margin-right: 15px;
}

.mR20 {
  margin-right: 20px;
}

.mR25 {
  margin-right: 25px;
}

.mR30 {
  margin-right: 30px;
}

/*--- padding ---*/
.pT05 {
  padding-top: 5px;
}

.pT10 {
  padding-top: 10px;
}

.pT15 {
  padding-top: 15px;
}

.pT20 {
  padding-top: 20px;
}

.pT25 {
  padding-top: 25px;
}

.pT30 {
  padding-top: 30px;
}

.pB05 {
  padding-bottom: 5px;
}

.pB10 {
  padding-bottom: 10px;
}

.pB15 {
  padding-bottom: 15px;
}

.pB20 {
  padding-bottom: 20px;
}

.pB25 {
  padding-bottom: 25px;
}

.pB30 {
  padding-bottom: 30px;
}

.pL05 {
  padding-left: 5px;
}

.pL10 {
  padding-left: 10px;
}

.pL15 {
  padding-left: 15px;
}

.pL20 {
  padding-left: 20px;
}

.pL25 {
  padding-left: 25px;
}

.pL30 {
  padding-left: 30px;
}

.pR05 {
  padding-right: 5px;
}

.pR10 {
  padding-right: 10px;
}

.pR15 {
  padding-right: 15px;
}

.pR20 {
  padding-right: 20px;
}

.pR25 {
  padding-right: 25px;
}

.pR30 {
  padding-right: 30px;
}

/*--- arrow 該当なし ---*/
/* IE8,7 huck */
/* IE9 huck */
/*--- お知らせ・メンテナンス _form,_index,book-books_nocp.html ---*/
.fmInfo {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  background-color: #fffec5;
}

/*--- no javascript ほぼstaticpages ---*/
#no_js_script {
  padding: 10px 0;
  width: 100%;
  text-align: center;
  background: #fdf9cc;
}

.no_js_script_text {
  text-align: left;
  width: 600px;
  line-height: 18px;
  margin: 0px auto;
  font-size: 12px;
}

.no_js_script_title_text {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}

/* 1.枠組み 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ �� */
/* smartphoneへの切替 該当なし */
/* 1-1.ヘッダー _index.twig,test_fmail_login.html
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ �� */
/*--- FMlogo right icon ---*/
/*--- search --- */
#searchBlock {
  background-color: #f0f0f0;
  padding: 5px;
  height: 23px;
  margin-bottom: 5px;
}

#searchBlock li {
  float: left;
}

#searchBlock .searchTitle {
  position: relative;
  top: 3px;
  margin-right: 5px;
}

#searchBlock .yahooLogo {
  width: 240px;
  border: 1px solid #7f9db9;
  height: 23px;
  padding: 0px;
  line-height: 20px;
  background: #ffffff url(/fruit/img/header/search_yahoo_bg.gif) no-repeat right 3px;
}

#searchBlock .btn {
  margin: 0px 5px;
}

#searchBlock .webSearchHead {
  width: 240px;
  border: 1px solid #7f9db9;
  height: 22px;
  padding: 2px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  top: -2px;
  color: #666;
}

#searchBlock .searchBtnHead {
  position: relative;
  top: -2px;
  margin: 0px 5px;
}

#searchBlock .rule {
  position: relative;
  top: 4px;
  margin-right: 5px;
  margin-top: 1px;
}

#searchBlock .keywords {
  float: left;
  position: relative;
  top: 3px;
  _top: 5px;
  font-size: 11px;
  width: 400px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#searchBlock .keywords a {
  font-size: 12px;
}

/*--- xsearch 該当なし ---*/
/*--- adnet test_fmail_login.html,logged_header ---*/
/*--- path 該当なし ---*/
/* 1-2.グローバルナビ 旧ヘッダー要素（logged_header）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ �� */
/* backup 20141212---------------------
#globalNavi { background:url(/fruit/img/header/global_navi.gif) no-repeat; height:42px; width:950px; margin:0px auto 0px auto; position:relative; z-index:200; }
#globalNavi li { position:relative; float:left; margin:0; text-indent:-9999px; }
#globalNavi li a:hover { display:block; }
#globalNavi li ul { display:none; position:absolute; top:30px; left:-10px; padding:7px; width:215px; background:#fff; border:solid 1px #ccc; }
#globalNavi li.top a { width:96px; height:42px; display:block; background-position:0px 0px; }
#globalNavi li.top:hover { background:url(/fruit/img/header/global_navi.gif) 0px -42px no-repeat; }
#globalNavi li.pointList a { width:170px; height:42px; display:block; }
#globalNavi li.pointList:hover { background:url(/fruit/img/header/global_navi.gif) -96px -42px no-repeat; }
#globalNavi li.research a { width:180px; height:42px; display:block; }
#globalNavi li.research:hover { background:url(/fruit/img/header/global_navi.gif) -266px -42px no-repeat; }
#globalNavi li.game a { width:149px; height:42px; display:block; }
#globalNavi li.game:hover { background:url(/fruit/img/header/global_navi.gif) -446px -42px no-repeat; }
#globalNavi li.present a { width:164px; height:42px; display:block; }
#globalNavi li.present:hover { background:url(/fruit/img/header/global_navi.gif) -595px -42px no-repeat; }
#globalNavi li.fruitshopping a { width:190px; height:42px; display:block; }
#globalNavi li.fruitshopping:hover { background:url(/fruit/img/header/global_navi.gif) -759px -42px no-repeat; }
*/
/* アイコン位置調整 */
/* 1-3.フッター
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ �� */
/* 2-1.メインカラム
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ �� */
#mainContents {
  width: 950px;
  margin-right: -250px;
}

#contentsLeft {
  width: 690px;
  float: left;
}

/*--- ログイン前　コンテンツ紹介 ---*/
/* 2-2.右カラム 該当なし
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ �� */
/*--- ログイン前 ---*/
/* #contentsRight .fruitAbout { width:238px; overflow:hidden; background:#ffffff; text-align:left; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0 0; margin-bottom:10px; behavior: url(https://img.fruitmail.net/fruit/css/common/PIE.htc); } */
/*--- ログイン後 default,popup,__layout ---*/
#subRightArea {
  width: 250px;
  padding-left: 10px;
}

#subRightArea h3 {
  font-size: 14px;
  font-weight: bold;
  color: #6e4529;
  border-bottom: 1px dotted #b3b3b3;
  padding-bottom: 5px;
}

/*--- rightBox 該当なし ---*/
/*--- rightInfo default,popup,__layout ---*/
/* #subRightArea #rightInfo { width:240px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:5px 4px; margin-bottom:10px; behavior: url(https://img.fruitmail.net/fruit/css/common/PIE.htc); } */
#subRightArea #rightInfo {
  width: 240px;
  overflow: hidden;
  border-top: 4px solid #ffa81e;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 5px 4px;
  margin-bottom: 10px;
}

/*--- exciteKwは該当なし ---*/
/* #subRightArea #exciteKw { line-height:18px; width:230px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:10px 9px; margin-bottom:10px; behavior: url(https://img.fruitmail.net/fruit/css/common/PIE.htc); } */
/*--- nandemoqa nandemoqaは該当なし ---*/
/* #subRightArea #nandemoqa { line-height:18px; width:230px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:10px 9px; margin-bottom:10px; behavior: url(https://img.fruitmail.net/fruit/css/common/PIE.htc); } */
/* hot nandemoqaは該当なし */
/*--- recommendedLink recommendedLinkは該当なし ---*/
/* #subRightArea #recommendedLink { line-height:18px; width:230px; overflow:hidden; border-top:4px solid #ffa81e; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:10px 9px; margin-bottom:10px; behavior: url(https://img.fruitmail.net/fruit/css/common/PIE.htc); } */
/*--- adnet ---*/
/* 3-1.アドネット 主にstaticpagesで使用
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ �� */
.adnetIframe {
  text-align: left;
}

/* 4.ポイント有効期限延長キャンペーン 該当なし
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ �� */
/* 99.noDocument 該当なし
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ �� */
/* IE7 huck */
/* IE8 huck */
/* IE9 huck */
/* Chrome huck */
/*--------------------------------------------------
	Modal Information
--------------------------------------------------*/
/*--------------------------------------------------
	Overlay Information
--------------------------------------------------*/
.global_point {
  line-height: 1.2;
}

.global_point__beforeUp {
  display: inline-block;
  margin-right: 5px;
  text-decoration: line-through;
}

@media screen and (max-width: 449px) {
  .global_point__beforeUp {
    font-size: 1.2rem;
  }
}

.global_point__main {
  display: inline-block;
}

.global_point__icon {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 1;
}

@media screen and (max-width: 449px) {
  .global_point__icon {
    bottom: -2px;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 449px) {
  .global_point__icon--large {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 449px) {
  .global_point__icon--small {
    width: 16px;
    height: 16px;
  }
}

.global_point__icon img {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
}

.global_point__reason {
  position: relative;
  top: -2px;
  display: inline-block;
  line-height: 1;
}

@media screen and (max-width: 449px) {
  .global_point__reason {
    font-size: 1.2rem;
  }
}

.global_point__point {
  display: inline-block;
  font-weight: 700;
  color: #e31610;
  line-height: 1;
}

.global_point__pointValue {
  font-size: 1.8rem;
}

@media screen and (max-width: 449px) {
  .global_point__pointValue {
    font-size: 2.0rem;
  }
}

.global_point__pointValue--large {
  font-size: 4rem;
}

@media screen and (max-width: 449px) {
  .global_point__pointValue--large {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointValue--small {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit--large {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit--small {
    font-size: 1.2rem;
  }
}

.global_header__nav {
  position: relative;
  border-top: 1px solid #e4e5e4;
  border-bottom: 1px solid #e4e5e4;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.global_header__navInner {
  display: flex;
  width: 1040px;
  margin: auto;
}

.global_header__mainMenuList {
  flex: 1;
  display: flex;
}

.global_header__mainMenu {
  flex: 1;
  display: flex;
  justify-content: center;
  height: 70px;
  border-right: 1px solid #e5e5e5;
}

.global_header__mainMenu:first-child {
  border-left: 1px solid #e5e5e5;
}

.global_header__mainMenuLink {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  color: #484848;
  font-size: 1.2rem;
  font-weight: 700;
  box-sizing: border-box;
  text-decoration: none;
}

.global_header__mainMenuLink::before {
  position: absolute;
  right: 2px;
  bottom: 2px;
  content: '';
  width: 0;
  height: 0;
  border: 3px solid transparent;
  opacity: 1;
}

@media (hover) {
  .global_header__mainMenuLink::before {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
}

.global_header__mainMenuLink::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  width: 0;
  height: 5px;
  margin: 0 auto;
  background-color: transparent;
}

@media (hover) {
  .global_header__mainMenuLink::after {
    transition-property: width;
    transition-duration: var(--duration-hover);
  }
}

.global_header__mainMenuLink--hasContent::before {
  border-right-color: #b4b4b4;
  border-bottom-color: #b4b4b4;
}

.global_header__mainMenuLink--hasContent.isCurrent::before {
  opacity: 0;
}

.global_header__mainMenuLink figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
}

.global_header__mainMenuLink img {
  width: 100%;
  filter: var(--filter-icon-light-gray);
}

@media (hover) {
  .global_header__mainMenuLink {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .global_header__mainMenuLink:hover {
    color: #e8a61d;
    text-decoration: none;
  }
  .global_header__mainMenuLink:hover::after {
    width: 100%;
    background-color: var(--color-primary-orange);
    transition-property: width;
    transition-duration: 0.6s;
  }
  .global_header__mainMenuLink:hover img {
    filter: var(--filter-primary-orange);
  }
}

.global_header__mainMenuLink.isCurrent {
  color: #e8a61d;
}

.global_header__mainMenuLink.isCurrent img {
  filter: var(--filter-primary-orange);
}

.global_header__mainMenuIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition-property: color;
  transition-duration: 0.2s;
}

.global_header__subMenu {
  width: 1040px;
  margin: auto;
  padding-top: 16px;
}

.global_header__subMenu--none {
  display: none;
}

.global_header__subMenu--myMenu {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.global_header__accountMenu {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 235px;
}

.global_header__contentBox {
  position: absolute;
  top: 71px;
  left: 0;
  z-index: 1000;
  width: 1040px;
  margin: auto;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition-duration: .2s;
}

.global_header__contentBox.isShow {
  visibility: visible;
  opacity: 1;
}

.global_header__contentBoxBody {
  width: 1040px;
  margin: 0 auto;
  padding: 16px;
  padding-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.global_header__contentBoxInner {
  width: 100%;
}

.global_header__contentBoxClose {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1040px;
  margin: 20px auto 0 auto;
  padding: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #484848;
  border: none;
  background-color: #f7f7f7;
}

.global_header__contentBoxClose img {
  width: 18px;
  filter: brightness(0) saturate(100%) invert(24%) sepia(42%) saturate(0%) hue-rotate(224deg) brightness(95%) contrast(87%);
}

@media (any-hover: hover) {
  .global_header__contentBoxClose {
    transition-property: background-color;
    transition-duration: 0.2s;
  }
  .global_header__contentBoxClose:hover {
    background-color: #ffffd5;
  }
}

.global_header__subMenuList {
  display: flex;
  justify-content: space-between;
  gap: 0 15px;
  margin-bottom: 20px;
}

.global_header__subMenuListItem {
  width: 140px;
}

.global_header__subMenuListItem--large {
  flex: 1;
}

.global_header__subMenuLink {
  display: flex;
  align-items: center;
  gap: 0 5px;
  min-height: 40px;
  padding: 5px;
  color: #484848;
  font-size: 1.4rem;
  font-weight: 700;
  border-radius: 10px;
  background-color: #f7f7f7;
  white-space: nowrap;
  transition-property: background-color;
  transition-duration: var(--duration-hover);
}

.global_header__subMenuLink figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--color-icon-light-gray);
  transition-property: background-color;
  transition-duration: var(--duration-hover);
}

.global_header__subMenuLink img {
  width: 13px;
  filter: var(--filter-white);
}

.global_header__subMenuLink:hover {
  text-decoration: none;
  background-color: #ffffd5;
}

.global_header__subMenuLink:hover figure {
  background-color: var(--color-primary-orange);
}

.global_header__menuContent {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 30px;
}

.global_header__setting {
  width: 175px;
}

.global_header__settingIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

.global_header__settingIcon img {
  width: 40px;
  filter: var(--filter-icon-light-gray);
}

.global_header__settingList {
  display: flex;
  flex-flow: column;
  gap: 5px 0;
}

.global_header__guide {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 13px;
  width: 444px;
}

.global_header__guideItem {
  width: calc((100% - 30px) / 3);
  height: 96px;
}

.global_header__guideLink {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 7px 0;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  color: #484848;
  border: 1px solid #e4e5e4;
  border-radius: 10px;
  background-color: #fff;
}

.global_header__guideLink figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.global_header__guideLink img {
  filter: var(--filter-icon-light-gray);
}

@media (hover) {
  .global_header__guideLink {
    transition-property: color border-color;
    transition-duration: var(--duration-hover);
  }
  .global_header__guideLink:hover {
    text-decoration: none;
    color: #e8a61d;
    border-color: #e8a61d;
  }
  .global_header__guideLink:hover img {
    filter: var(--filter-primary-orange);
  }
}

.global_header__logoutBox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}

.global_header__logoutLink {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 2px;
  width: 76px;
  height: 21px;
  padding: 0;
  color: #7b7b7b;
  font-size: 1.0rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #b4b4b4;
  white-space: nowrap;
  transition-property: border-color background-color;
  transition-duration: 0.2s;
}

.global_header__logoutLink:hover {
  color: #7b7b7b;
  border-color: #e8a61d;
  background-color: #ffffd5;
  text-decoration: none;
}

.global_header__logoutLink:hover .global_header__logoutIcon {
  background-color: var(--color-primary-orange);
}

.global_header__logoutIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #b4b4b4;
  transition-property: background-color;
  transition-duration: 0.2s;
}

.global_header__logoutIcon img {
  width: 10px;
  filter: brightness(0) invert(1);
}

.global_header__menuClose {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  color: #484848;
  font-size: 1.4rem;
  font-weight: 700;
  border: none;
  background: #F7F7F7;
}

.global_header__menuClose .material-icons {
  font-size: 1.8rem;
}

.global_header__accountClose {
  display: flex;
  justify-content: center;
  padding: 10px;
  margin-top: 20px;
  color: #484848;
  font-size: 1.4rem;
  font-weight: 700;
  background: #F7F7F7;
}

.global_header__serviceCategory {
  padding: 10px 0;
  box-sizing: border-box;
}

.global_header__pointCategories {
  display: flex;
}

.global_header__pointCategory {
  display: flex;
  flex-direction: column;
  width: calc(100% / 7);
  padding: 0 7px;
  border-left: 1px solid #e0e0e0;
}

.global_header__pointCategory:first-child {
  border-left: none;
}

.global_header__pointCategoryHead {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  font-size: 1.4rem;
  font-weight: 700;
}

.global_header__pointCategoryHead img {
  margin-right: 5px;
  filter: var(--filter-icon-light-gray);
}

.global_header__pointCategoryHeading {
  font-size: 1.4rem;
  color: #484848;
}

.global_header__pointCategoryLink {
  display: block;
  color: #484848;
  padding: 5px 0px;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 10px;
  transition-property: background-color;
  transition-duration: .2s;
}

.global_header__pointCategoryLink:hover {
  color: #484848;
  text-decoration: none;
  background-color: #ffffd5;
}

.global_header__pointCategoryLink img {
  width: 20px;
  filter: var(--filter-icon-light-gray);
}

.global_header__pointCategoryLinkInner {
  display: flex;
}

.global_header__pointCategoryLinkLabel {
  display: flex;
  align-items: center;
  line-height: 1.4;
}

.global_header__loginAccount {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  height: 100%;
  padding: 0 7px;
  box-sizing: border-box;
  border-right: 1px solid #e5e5e5;
}

.global_header__userNameBox {
  display: flex;
  align-items: center;
  gap: 0 5px;
}

.global_header__userRankLink .global_header__userRankIcon {
  transition-property: opacity;
  transition-duration: 0.2s;
}

@media (any-hover: hover) {
  .global_header__userRankLink:hover {
    text-decoration: none;
  }
  .global_header__userRankLink:hover .global_header__userRankIcon {
    opacity: 0.8;
  }
}

.global_header__userName {
  font-size: 1.2rem;
  font-weight: 700;
}

.global_header__userNameUnit {
  font-weight: 500;
}

.global_header__information {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.global_header__information--before {
  width: 100%;
  padding: 2px;
  flex-direction: initial;
  justify-content: space-evenly;
}

.global_header__informationLink {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 21px;
  margin-bottom: 5px;
  padding: 0;
  color: #7b7b7b;
  font-size: 1.0rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #b4b4b4;
  white-space: nowrap;
  transition-property: border-color background-color;
  transition-duration: 0.2s;
}

.global_header__informationLink:hover {
  color: #7b7b7b;
  border-color: #e8a61d;
  background-color: #ffffd5;
  text-decoration: none;
}

.global_header__informationLink:hover img {
  filter: var(--filter-primary-orange);
}

.global_header__informationLink img {
  width: 14px;
  filter: var(--filter-icon-light-gray);
}

.global_header__informationTitle {
  display: flex;
  align-items: center;
  font-size: 1.1rem;
}

.global_header__menuSetting {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-right: 30px;
}

.global_header__menuGuide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 20px;
}

.global_header__menuGuide a {
  color: #484848;
  text-decoration: none;
}

.global_header__menuPoint {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.global_header__menuPoint a {
  color: #484848;
  text-decoration: none;
}

.global_header__pointGuide {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 10px;
  border: 1px solid #E4E5E4;
}

.global_header__pointGuide:hover {
  opacity: 0.5;
  color: #e8a61d;
  background: #ffffd5;
  border: 1px solid #e8a61d;
}

.global_header__pointGuide:hover span {
  color: #e8a61d;
}

.global_header__pointGuide span {
  color: #b4b4b4;
  font-size: 2.4rem;
  margin-bottom: 10px;
}

.global_header__menuQuestion {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #E4E5E4;
}

.global_header__menuQuestion:hover {
  opacity: 0.5;
  color: #e8a61d;
  background: #ffffd5;
  border: 1px solid #e8a61d;
}

.global_header__menuQuestion:hover span {
  color: #e8a61d;
}

.global_header__menuQuestion span {
  color: #b4b4b4;
  font-size: 2.4rem;
  margin-bottom: 10px;
}

.global_header__pointHistory {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  padding: 20px 25px;
  margin-bottom: 15px;
  border-radius: 10px;
  border: 1px solid #E4E5E4;
}

.global_header__pointHistory:hover {
  opacity: 0.5;
  color: #e8a61d;
  background: #ffffd5;
  border: 1px solid #e8a61d;
}

.global_header__pointHistory:hover span {
  color: #e8a61d;
}

.global_header__pointHistory span {
  color: #b4b4b4;
  font-size: 2.4rem;
  margin-bottom: 10px;
}

.global_header__prize {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.global_header__prize::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.global_header__prizeItem {
  position: relative;
  box-sizing: border-box;
  width: calc(100% / 5);
  padding: 22px 18px 10px 18px;
  border-right: 1px solid #e4e5e4;
  border-bottom: 1px solid #e4e5e4;
}

.global_header__prizeItem:nth-child(5n) {
  border-right: none;
}

.global_header__prizeLimit {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 18px * 2);
  height: 22px;
  margin: 0 auto;
  color: #fff;
  background-color: #e8a61d;
}

.global_header__prizeIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.global_header__prizeIcon .material-icons {
  font-size: 9rem;
  color: #e4e5e4;
}

.global_header__userStatus {
  background-color: #effafa;
}

.global_header__userStatusWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1040px;
  height: 66px;
  margin: auto;
  padding: 0 3px;
}

.global_header__loginBonus {
  display: flex;
  align-items: center;
}

/*-------------------------------------
  ** global_userStatus（component）
--------------------------------------*/
.global_pointTarget {
  display: flex;
  align-items: center;
  gap: 5px;
}

.global_pointTarget__nextBox {
  display: flex;
  align-items: center;
  gap: 0 5px;
  height: 100%;
  font-size: 1.2rem;
}

.global_pointTarget__targetText {
  margin: 2px;
  padding: 20px;
  color: #484848;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0px;
  overflow: auto;
  background-color: #fff;
}

.global_pointTarget__nextPoint {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.global_pointTarget__nextValue {
  font-size: 1.4rem;
  font-weight: 700;
}

.global_pointTarget__nextValue .unit {
  font-size: 1.2rem;
}

.global_pointTarget__graph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #a0a0a0;
  border-radius: 50%;
}

.global_pointTarget__iconLink {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid #eab443;
  border-radius: 50%;
  background-color: #fff;
  transition-property: background-color;
  transition-duration: 0.2s;
}

.global_pointTarget__iconLink .material-icons {
  font-size: 2.4rem;
  color: #eab443;
  transition-property: color;
  transition-duration: 0.2s;
}

@media (any-hover: hover) {
  .global_pointTarget__iconLink:hover {
    background-color: #eab443;
    text-decoration: none;
  }
  .global_pointTarget__iconLink:hover .material-icons {
    color: #fff;
  }
}

.global_pointTarget__buttonLink {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #eab443;
  border: 1px solid #eab443;
  border-radius: 15px;
  background-color: #fff;
  transition-property: color background-color;
  transition-duration: 0.2s;
}

.global_pointTarget__buttonLink .material-icons {
  font-size: 1.6rem;
  color: #eab443;
  transition-property: color;
  transition-duration: 0.2s;
}

@media (any-hover: hover) {
  .global_pointTarget__buttonLink:hover {
    color: #fff;
    text-decoration: none;
    background-color: #eab443;
  }
  .global_pointTarget__buttonLink:hover .material-icons {
    color: #fff;
  }
}

.global_pointTarget__setTargetButton {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0 10px 0 5px;
  color: #e8a61d;
  border: 1px solid #eab443;
  border-radius: 18px;
  background-color: #fff;
  transition-property: color background-color;
  transition-duration: 0.2s;
}

.global_pointTarget__setTargetButton .material-icons {
  color: #e8a61d;
}

@media (any-hover: hover) {
  .global_pointTarget__setTargetButton:hover {
    color: #fff;
    background-color: #eab443;
  }
  .global_pointTarget__setTargetButton:hover .material-icons {
    color: #fff;
  }
}

.global_pointTarget__setTargetButtonLabel {
  font-size: 1.1rem;
  line-height: 1.25;
}

.global_pointTarget__targetList {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 220px;
  left: calc(50% - 400px);
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px #00000029;
  opacity: 0;
  visibility: hidden;
  transition-duration: .2s;
}

.global_pointTarget__targetList.isActive {
  opacity: 1;
  visibility: visible;
}

.global_pointTarget__targetListInner {
  width: 370px;
  min-height: 260px;
  background-color: #fff;
  overflow-y: auto;
}

.global_pointTarget__targetListInner select {
  width: 100%;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}

.global_pointTarget__exchangeItemDetail {
  display: flex;
  flex-wrap: wrap;
}

.global_pointTarget__exchangeItemTitle {
  width: 150px;
  font-size: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.global_pointTarget__exchangeItemLabel {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.global_pointTarget__exchangeItemLabel {
  font-size: 1.4rem;
}

.global_pointTarget__exchangeItemLabel .material-icons {
  color: #b4b4b4;
  font-size: 1.0rem;
  font-weight: normal;
}

.global_pointTarget__exchangeItemCategory {
  display: none;
}

.global_pointTarget__exchangeItemCategory.isShow {
  display: flex;
  width: 50%;
  padding: 22px 10px;
  box-sizing: border-box;
}

.global_pointTarget__exchangeItemCategory:hover {
  cursor: pointer;
  background-color: #FFF9BC;
}

.global_pointTarget__exchangeItemCategory .material-icons {
  color: #b4b4b4;
}

.global_pointTarget__exchangeItemList {
  display: none;
  width: 100%;
  flex-wrap: wrap;
  text-align: center;
}

.global_pointTarget__exchangeItemList.isShow {
  display: flex;
}

.global_pointTarget__exchangeItem {
  width: 50%;
  padding: 15px 10px;
  font-size: 1.4rem;
  box-sizing: border-box;
}

.global_pointTarget__exchangeItem:hover {
  cursor: pointer;
  background-color: #FFF9BC;
}

.global_exchangeTarget {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3px;
}

.global_exchangeTarget__itemSetting {
  cursor: pointer;
  position: relative;
}

.global_exchangeTarget__itemSetting:hover .global_exchangeTarget__pointGraphFrame {
  opacity: 70%;
}

.global_exchangeTarget__itemSetting:hover .global_exchangeTarget__itemDisplay {
  opacity: 1;
  visibility: visible;
}

.global_exchangeTarget__settingButton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 200px;
  height: 46px;
  color: #e8a61d;
  padding-left: 20px;
  border-radius: 22px;
  border: 1px solid #eab443;
  background-color: #FFFFFF;
}

.global_exchangeTarget__settingButton img {
  filter: var(--filter-primary-orange);
}

@media (hover) {
  .global_exchangeTarget__settingButton {
    transition-property: color, background-color;
    transition-duration: var(--duration-hover);
  }
  .global_exchangeTarget__settingButton:hover {
    color: #fff;
    background-color: var(--color-primary-orange);
  }
  .global_exchangeTarget__settingButton:hover img {
    filter: var(--filter-white);
  }
}

.global_exchangeTarget__settingButtonLabel {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (hover) {
  .global_exchangeTarget__settingButtonLabel {
    transition-property: filter;
    transition-duration: var(--duration-hover);
  }
}

.global_exchangeTarget__buttonLabelText {
  font-size: 1.2rem;
  line-height: 1.41;
}

.global_exchangeTarget__pointDisplay {
  width: 100%;
}

.global_exchangeTarget__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.global_exchangeTarget__heading img {
  width: 20px;
}

.global_exchangeTarget__headingGoal {
  filter: brightness(0) saturate(100%) invert(27%) sepia(10%) saturate(0%) hue-rotate(216deg) brightness(101%) contrast(98%);
}

.global_exchangeTarget__headingFlag {
  filter: var(--filter-primary-orange);
}

.global_exchangeTarget__itemTitle {
  font-size: 1.2rem;
}

.global_exchangeTarget__pointBarFrame {
  width: 220px;
  padding: 2px;
  border-radius: 30px;
  border: 1px solid #CDD3D6;
  background-color: #FFFFFF;
  position: relative;
}

.global_exchangeTarget__pointBackgroundBar {
  width: 100%;
  border-radius: 30px;
  background-color: #FFFFFF;
  overflow: hidden;
}

.global_exchangeTarget__pointBar {
  height: 22px;
}

.global_exchangeTarget__achievement {
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.global_exchangeTarget__achievementLinkBox {
  width: 100%;
}

.global_exchangeTarget__achievementLink {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  color: #FFFFFF;
}

.global_exchangeTarget__achievementMikkun {
  position: absolute;
  top: -15px;
  right: -10px;
}

.global_exchangeTarget__point {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  gap: 3px;
  font-size: 1.4rem;
  position: absolute;
  top: 5px;
}

.global_exchangeTarget__itemDisplay {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.6s;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  min-width: 370px;
  min-height: 210px;
  background-color: #FFFFFF;
  position: absolute;
  top: 27px;
  left: 0px;
  z-index: 1000;
}

.global_exchangeTarget__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
  font-size: 1.6rem;
  font-weight: bold;
}

.global_exchangeTarget__itemColumn {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  min-width: 370px;
  min-height: 210px;
}

.global_exchangeTarget__itemLabel {
  display: flex;
  align-items: center;
  width: 50%;
  height: 70px;
  padding: 10px;
  box-sizing: border-box;
}

.global_exchangeTarget__itemLabel:hover {
  background-color: #FFF9BC;
}

.global_exchangeTarget__itemLabel.isHidden {
  display: none;
}

.global_exchangeTarget__itemLabel img {
  filter: var(--filter-icon-light-gray);
}

.global_exchangeTarget__mainLabel {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  font-size: 1.4rem;
}

.global_exchangeTarget__subLabel {
  font-size: 1.4rem;
}

.global_exchangeTarget__subLabel:empty {
  display: none;
}

.global_exchangeTarget__itemList {
  display: none;
}

.global_exchangeTarget__itemList.isShow {
  display: flex;
  flex-wrap: wrap;
}

.global_exchangeTarget__itemCategory {
  width: 185px;
  height: 70px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}

.global_exchangeTarget__itemCategory:hover {
  background-color: #FFF9BC;
}

.global_exchangeTarget__itemName {
  max-width: 150px;
  min-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.global_exchangeTarget__itemPoint {
  display: flex;
}

.global_exchangeTarget__LinkWrapper {
  width: 100%;
  position: relative;
  bottom: 0;
}

.global_exchangeTarget__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-top: 1px solid #e4e5e4;
}

.global_exchangeTarget__link:hover {
  background-color: #FFF9BC;
}

.global_loginBonus {
  display: flex;
  align-items: center;
}

.global_loginBonus__getStamp {
  display: flex;
  align-items: center;
  gap: 5px;
}

.global_loginBonus__display {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}

.global_loginBonus__stampDisplay {
  display: flex;
  align-items: center;
}

.global_loginBonus__stampCount {
  font-size: 1.2rem;
  font-weight: bold;
}

.global_loginBonus__title {
  font-size: 1.2rem;
}

.global_loginBonus__confirmButton {
  display: flex;
  align-items: center;
  width: 110px;
  height: 30px;
  color: #E56B77;
  font-size: 1.2rem;
  padding-left: 4px;
  border-radius: 18px;
  background-color: #FFFFFF;
  border: 1px solid #E56B77;
}

.global_loginBonus__confirmButton:hover {
  color: #FFFFFF;
  background-color: #E56B77;
}

.global_loginBonus__confirmButton .material-icons {
  font-size: 16px;
}

.global_loginBonus__modal {
  display: none;
}

.global_loginBonusModal__background {
  width: 450px;
  margin: auto;
  padding: 5px 0;
  border-radius: 10px;
  background-size: 480px 556px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/img/global/login_bonus/background_pc.png");
}

@media (max-width: 1040px) {
  .global_loginBonusModal__background {
    width: 320px;
    background-size: 350px 490px;
    background-image: url("/assets/img/global/login_bonus/background_sp.png");
  }
}

.global_loginBonusModal__header {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0 27px 3px 27px;
}

.global_loginBonusModal__title img {
  height: auto;
}

.global_loginBonusModal__header--campaign {
  padding-left: calc(10px + 99px + 14px);
}

.global_loginBonusModal__campaignIcon {
  position: absolute;
  left: 10px;
  bottom: 3px;
  width: 99px;
}

@media (hover) {
  .global_loginBonusModal__campaignIcon {
    transition-duration: bottom;
    transition-duration: 0.2s;
  }
  .global_loginBonusModal__campaignIcon:hover {
    bottom: 6px;
  }
}

.global_loginBonusModal__campaignIcon img {
  height: auto;
}

.global_loginBonusModal__reward {
  display: none;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  padding: 7px 0;
  background: #F8FF45;
  box-shadow: 0px 0px 6px #F6FF00;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__reward {
    align-items: center;
    padding: 4px 0;
    min-height: 40px;
  }
}

.global_loginBonusModal__reward .exception {
  font-size: 1.4rem;
}

.global_loginBonusModal__reward .exception a {
  display: block;
}

.global_loginBonusModal__receive {
  display: none;
  color: #FFFFFF;
  font-size: 2.0rem;
  padding: 10px 0;
  margin-bottom: 10px;
  background: #333333;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__receive {
    font-size: 1.4rem;
  }
}

.global_loginBonusModal__receive--not a {
  font-size: 2.0rem;
  color: #4BD1C8;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__receive--not a {
    font-size: 1.4rem;
  }
}

.global_loginBonusModal__pointIcon {
  margin-right: 5px;
}

.global_loginBonusModal__pointIcon img {
  width: 20px;
  height: 20px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__pointIcon img {
    width: 18px;
    height: 18px;
  }
}

.global_loginBonusModal__rewardContent {
  display: flex;
  align-items: baseline;
}

.global_loginBonusModal__dailyContent {
  display: flex;
  align-items: baseline;
}

.global_loginBonusModal__dailyTitle {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__dailyTitle {
    font-size: 1.3rem;
    margin-right: 0;
  }
}

.global_loginBonusModal__daily {
  color: #DF4840;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__daily {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__dailyPoint {
  font-size: 3.0rem;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__dailyPoint {
    font-size: 1.8rem;
  }
}

.global_loginBonusModal__symbol {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 3px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__symbol {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__symbol .plus {
  font-size: 2.6rem;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__symbol .plus {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__stampStatus {
  display: flex;
  align-items: center;
}

.global_loginBonusModal__statusTitle {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__statusTitle {
    font-size: 1.3rem;
    margin-right: 0;
  }
}

.global_loginBonusModal__completeBonus {
  display: none;
  color: #DF4840;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__completeBonus {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__completePoint {
  font-size: 3.0rem;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__completePoint {
    font-size: 1.8rem;
  }
}

.global_loginBonusModal__stampBox {
  width: 380px;
  margin: auto;
  margin-bottom: 10px;
  background: #FECC90;
  border: 1px solid #004445;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampBox {
    width: 300px;
  }
}

.global_loginBonusModal__stampCompleteTarget {
  font-size: 1.4rem;
  font-weight: bold;
  color: #F8FF45;
  padding: 4px;
  background-color: #004445;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampCompleteTarget {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__stampRally {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 11px 10px 3px 10px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampRally {
    justify-content: space-between;
  }
}

.global_loginBonusModal__stamp {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
  margin-right: 10px;
}

.global_loginBonusModal__stampTitle {
  color: #004445;
  font-size: 1.4rem;
}

.global_loginBonusModal__stampHistory {
  color: #004445;
  font-size: 2.6rem;
  font-weight: bold;
}

.global_loginBonusModal__stampList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px 0;
  width: 200px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampList {
    gap: 3px;
    width: 152px;
  }
}

.global_loginBonusModal__stampIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #B99E80;
}

.global_loginBonusModal__stampIcon #stampBonus {
  width: 28px;
  height: 28px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampIcon #stampBonus {
    width: 20px;
    height: 20px;
  }
}

.global_loginBonusModal__attention {
  display: flex;
  justify-content: center;
  margin-bottom: 7px;
}

.global_loginBonusModal__stampExpire {
  font-size: 1.2rem;
}

.global_loginBonusModal__question {
  display: flex;
  align-items: center;
  color: #1F7E78;
  font-size: 1.2rem;
}

.global_loginBonusModal__question .material-icons {
  font-size: 12px;
  color: #1F7E78;
  margin-top: 2px;
}

.global_highReturn {
  display: flex;
  flex-direction: column;
  color: #484848;
  max-width: 380px;
  width: 100%;
  margin: auto;
  border-radius: 10px;
}

@media (max-width: 1040px) {
  .global_highReturn {
    max-width: 300px;
  }
}

.global_highReturn__title {
  color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 5px 60px;
  background: #DE3030;
  border-radius: 10px 10px 0px 0px;
}

.global_highReturn__item {
  background-color: #FFFFFF;
  border-radius: 0px 0px 10px 10px;
}

.global_highReturn__item:hover {
  background-color: #FFF9BC;
}

.global_highReturn__itemLink {
  color: #484848;
  text-decoration: none;
}

.global_highReturn__itemLink a:not([class]) {
  text-decoration: none;
}

.global_highReturn__itemLink a:not([class]):hover {
  text-decoration: underline;
}

.global_highReturn__itemThumbnail {
  display: flex;
}

.global_highReturn__itemThumbnail picture {
  padding: 10px;
}

@media (max-width: 1040px) {
  .global_highReturn__itemThumbnail picture {
    padding: 8px;
  }
}

.global_highReturn__itemDetail {
  padding-top: 10px;
}

.global_highReturn__itemText {
  width: 130px;
  font-size: 1.4rem;
  line-height: 1.42;
  text-align: left;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .global_highReturn__itemText {
    width: 110px;
  }
}

.global_highReturn__itemPoint {
  display: flex;
  flex-direction: column;
}

.global_highReturn__itemPoint .global_point {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.global_highReturn__itemPoint .global_point__beforeUp {
  font-size: 1.4rem;
  line-height: 1.42;
}

.global_highReturn__itemPoint .global_point__main {
  display: flex;
  align-items: center;
}

.global_highReturn__itemPoint .global_point__icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_highReturn__itemPoint .global_point__icon {
    margin-right: 0;
  }
}

.global_highReturn__itemPoint .global_point__point {
  display: flex;
  align-items: baseline;
  font-family: 'Noto Sans JP' !important;
}

.global_highReturn__itemPoint .global_point__pointValue {
  font-size: 2.5rem;
}

.global_highReturn__itemPoint .global_point__pointUnit {
  font-size: 1.4rem;
}

.global_rankStatus {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.global_rankStatus__rankUpCondition {
  font-size: 1.2rem;
  text-align: right;
}

.global_rankStatus__userRankIcon {
  width: 28px;
}

.global_rankStatus__nextBox {
  display: flex;
  align-items: center;
  gap: 0 5px;
  height: 100%;
  font-size: 1.2rem;
}

.global_rankStatus__nextText {
  display: flex;
  flex-flow: column;
  font-size: 1.2rem;
}

.global_rankStatus__nextValue {
  font-size: 1.4rem;
  font-weight: 700;
}

.global_rankStatus__nextValue .unit {
  font-size: 1.2rem;
}

.global_rankStatus__graph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #a0a0a0;
  border-radius: 50%;
}

.global_rankStatus__buttonLink {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #eab443;
  border: 1px solid #eab443;
  border-radius: 15px;
  background-color: #fff;
}

.global_rankStatus__buttonLink img {
  width: 16px;
  filter: var(--filter-primary-orange);
}

@media (hover) {
  .global_rankStatus__buttonLink {
    transition-property: color background-color;
    transition-duration: var(--duration-hover);
  }
  .global_rankStatus__buttonLink:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--color-primary-orange);
  }
  .global_rankStatus__buttonLink:hover img {
    filter: var(--filter-white);
  }
}

.global_point {
  line-height: 1.2;
}

.global_point__beforeUp {
  display: inline-block;
  margin-right: 5px;
  text-decoration: line-through;
}

@media screen and (max-width: 449px) {
  .global_point__beforeUp {
    font-size: 1.2rem;
  }
}

.global_point__main {
  display: inline-block;
}

.global_point__icon {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 1;
}

@media screen and (max-width: 449px) {
  .global_point__icon {
    bottom: -2px;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 449px) {
  .global_point__icon--large {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 449px) {
  .global_point__icon--small {
    width: 16px;
    height: 16px;
  }
}

.global_point__icon img {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
}

.global_point__reason {
  position: relative;
  top: -2px;
  display: inline-block;
  line-height: 1;
}

@media screen and (max-width: 449px) {
  .global_point__reason {
    font-size: 1.2rem;
  }
}

.global_point__point {
  display: inline-block;
  font-weight: 700;
  color: #e31610;
  line-height: 1;
}

.global_point__pointValue {
  font-size: 1.8rem;
}

@media screen and (max-width: 449px) {
  .global_point__pointValue {
    font-size: 2.0rem;
  }
}

.global_point__pointValue--large {
  font-size: 4rem;
}

@media screen and (max-width: 449px) {
  .global_point__pointValue--large {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointValue--small {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit--large {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit--small {
    font-size: 1.2rem;
  }
}

.global_mobileHeader__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 51px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
}

.global_mobileHeader__headLeft {
  display: flex;
  justify-content: flex-start;
  height: 100%;
}

.global_mobileHeader__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  border: none;
  background-color: #fff;
}

.global_mobileHeader__buttonIcon {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 20px;
  height: 18px;
}

.global_mobileHeader__buttonIcon span {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #939393;
}

.global_mobileHeader__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.global_mobileHeader__logoLink {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 15px;
}

.global_mobileHeader__logoLink img {
  width: 80px;
}

.global_mobileHeader__headRight {
  display: flex;
  height: 100%;
}

.global_mobileHeader__myPage {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
}

.global_mobileHeader__myPage:hover {
  text-decoration: none;
}

.global_mobileHeader__myPage img {
  width: 30px;
  filter: var(--filter-icon-light-gray);
}

.global_mobileHeader__headerNavigation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  font-size: 1.0rem;
}

.global_mobileHeader__headerNavigation figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  line-height: 1;
}

.global_mobileHeader__headerNavigation img {
  filter: var(--filter-icon-gray);
}

.global_mobileHeader__headerNavigation[data-id="signup"] {
  color: #fff;
  background-color: var(--color-signup-main);
}

.global_mobileHeader__headerNavigation[data-id="signup"] img {
  width: 20px;
  filter: var(--filter-white);
}

.global_mobileHeader__headerNavigation[data-id="login"] {
  color: #fff;
  background-color: var(--color-login-main);
}

.global_mobileHeader__headerNavigation[data-id="login"] img {
  filter: var(--filter-white);
}

.global_mobileHeader__headerNavigationInner {
  display: flex;
  flex-flow: column;
  align-items: center;
  font-size: 1.0rem;
}

.global_mobileHeader__navMenu {
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 50px;
  background-color: #fff;
  transition-property: height;
  transition-duration: .2s;
}

.global_mobileHeader__navMenuList {
  display: flex;
  width: 100%;
  height: 50px;
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.global_mobileHeader__navMenuItem {
  width: calc(100% / 5);
  height: 100%;
}

.global_mobileHeader__navLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  height: 100%;
  padding: 5px 0;
  color: #484848;
  box-sizing: border-box;
}

.global_mobileHeader__navLink figure {
  width: auto;
  height: 23px;
  margin: 0;
}

.global_mobileHeader__navLink img {
  filter: brightness(0) saturate(100%) invert(89%) sepia(0%) saturate(120%) hue-rotate(150deg) brightness(90%) contrast(68%);
}

.global_mobileHeader__navLink.isActive {
  color: #e8a61d;
  background-color: #ffffd5;
}

.global_mobileHeader__navLink.isActive img {
  filter: brightness(0) saturate(100%) invert(81%) sepia(33%) saturate(3315%) hue-rotate(346deg) brightness(95%) contrast(91%);
}

.global_mobileHeader__navLink:hover {
  color: #484848;
  text-decoration: none;
}

.global_mobileHeader__navLink figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  color: #b4b4b4;
}

.global_mobileHeader__navLink img {
  width: 23px;
  filter: var(--filter-icon-light-gray);
}

.global_mobileHeader__navMenuText {
  display: flex;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
}

.global_mobileHeader .svgMainColor {
  fill: currentColor;
}

.global_mobileHeader__summaryBox {
  display: flex;
  justify-content: space-between;
  background-color: #FFF;
}

.global_mobileHeader__userLink {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
}

.global_mobileHeader__user {
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 10px 15px;
}

.global_mobileHeader__userRankIcon {
  width: 18px;
}

.global_mobileHeader__userInfo {
  font-size: 1.3rem;
  color: #484848;
  line-height: 1.4;
}

.global_mobileHeader__userNameUnit {
  display: inline-block;
  font-size: 1.0rem;
}

.global_mobileHeader__rank {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 10px 15px;
  background-color: #effafa;
}

.global_mobileHeader__rankName {
  font-size: 1.0rem;
}

.global_mobileHeader__rankPoint {
  color: #e31610;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: right;
}

.global_mobileHeader__rankPointUnit {
  font-size: 1.4rem;
}

.global_mobileHeader__userLinkArrow img {
  filter: var(--filter-icon-gray);
}

/*-------------------------------------
  ** global_hamburgerMenu (component)
--------------------------------------*/
.global_hamburgerMenu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition-duration: .3s;
}

.global_hamburgerMenu.isActive {
  opacity: 1;
  visibility: visible;
}

.global_hamburgerMenu.isActive .global_hamburgerMenu__inner {
  margin-left: 0;
}

.global_hamburgerMenu__inner {
  width: calc(100% - 75px);
  max-width: 300px;
  height: 100vh;
  margin-left: -100%;
  padding-bottom: 300px;
  background-color: #fff;
  overflow-y: scroll;
  transition-property: margin-left;
  transition-duration: .3s;
}

.global_hamburgerMenu__userBox {
  display: flex;
  align-items: center;
  gap: 0 10px;
  min-height: 72px;
  padding: 15px;
  margin-bottom: 26px;
  border-bottom: 2px solid #e8a61d;
  box-sizing: border-box;
}

.global_hamburgerMenu__userRankIcon {
  width: 32px;
}

.global_hamburgerMenu__userInfo {
  font-size: 1.2rem;
  line-height: 1.4;
}

.global_hamburgerMenu__userNameUnit {
  display: inline-block;
}

.global_hamburgerMenu__userRankName {
  display: inline-block;
}

.global_hamburgerMenu__userRankName--regular {
  color: #3a896c;
}

.global_hamburgerMenu__userRankName--silver {
  color: #a0a0a0;
}

.global_hamburgerMenu__userRankName--gold {
  color: #967200;
}

.global_hamburgerMenu__userRankName--diamond {
  color: #529992;
}

.global_hamburgerMenu__userRankName--platinum {
  color: #427cb1;
}

.global_hamburgerMenu__userRankName--black {
  color: #2b2b2b;
}

.global_hamburgerMenu__heading {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #484848;
  text-align: center;
  border-bottom: 5px solid #faf5e4;
}

.global_hamburgerMenu__body {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 0 15px 32px 15px;
}

.global_hamburgerMenu__rankStatus {
  display: flex;
  flex-direction: column;
  margin-top: 26px;
}

.global_hamburgerMenu__linkItem {
  border-top: 1px solid #e5e5e5;
}

.global_hamburgerMenu__linkItem:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.global_hamburgerMenu__linkList {
  padding-bottom: 180px;
}

.global_hamburgerMenu__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 53px;
  padding: 0 9px 0 13px;
  color: #484848;
  text-decoration: none;
}

.global_hamburgerMenu__link:hover {
  text-decoration: none;
}

.global_hamburgerMenu__link[data-id="signup"] {
  color: #fff;
  background-color: var(--color-signup-main);
}

.global_hamburgerMenu__link[data-id="login"] {
  color: #fff;
  background-color: var(--color-login-main);
}

.global_hamburgerMenu__title {
  display: flex;
  align-items: center;
  gap: 0 5px;
  font-size: 1.4rem;
}

.global_hamburgerMenu__title figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
}

.global_hamburgerMenu__title img {
  filter: var(--filter-icon-light-gray);
}

.global_hamburgerMenu__title img[data-id="signup"], .global_hamburgerMenu__title img[data-id="login"] {
  filter: var(--filter-white);
}

.global_hamburgerMenu__title img[data-id="pointhistory"] {
  filter: var(--filter-primary-orange);
}

.global_hamburgerMenu__title img[data-id="medalhistory"] {
  filter: var(--filter-primary-green);
}

.global_hamburgerMenu__linkIcon {
  color: #fff;
}

.global_hamburgerMenu__linkIcon img {
  max-width: 20px;
  max-height: 20px;
}

.global_hamburgerMenu__linkIcon .material-icons {
  font-size: 2.0rem;
  color: #b4b4b4;
}

.global_hamburgerMenu__linkIcon--point .material-icons {
  color: #e8a61d;
}

.global_hamburgerMenu__linkIcon--medal .material-icons {
  color: #56a78d;
}

.global_hamburgerMenu__rightIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.global_hamburgerMenu__rightIcon img {
  filter: var(--filter-icon-light-gray);
}

.global_hamburgerMenu__rightIcon img[data-id="signup"], .global_hamburgerMenu__rightIcon img[data-id="login"] {
  filter: var(--filter-white);
}

.global_pointHoldingMobile__pointBox {
  margin-bottom: 6px;
}

.global_pointHoldingMobile__pointBoxTitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 10px;
  margin-bottom: 8px;
  font-weight: 700;
}

.global_pointHoldingMobile__pointBoxLabel {
  font-size: 1.4rem;
}

.global_pointHoldingMobile__pointBoxPointValue {
  font-size: 2.6rem;
  font-weight: 500;
  color: #e8a61d;
}

.global_pointHoldingMobile__pointBoxPointUnit {
  font-size: 1.4rem;
  color: #e8a61d;
}

/*-------------------------------------
  ** ポイント交換目標（component）
--------------------------------------*/
.global_pointTargetMobile__statusBox {
  padding: 12px 15px;
  margin-bottom: 10px;
  background-color: #f7f7f7;
}

.global_pointTargetMobile__statusBox--highligt {
  background-color: #faf5e4;
}

.global_pointTargetMobile__nextBox {
  display: flex;
  align-items: center;
}

.global_pointTargetMobile__nextText {
  flex: 1;
  display: flex;
  flex-flow: column;
  padding-left: 30px;
  font-size: 1.2rem;
  white-space: nowrap;
}

.global_pointTargetMobile__nextPoint {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.global_pointTargetMobile__nextValue {
  font-size: 1.4rem;
  font-weight: 700;
}

.global_pointTargetMobile__nextValue .unit {
  font-size: 1.2rem;
  font-weight: normal;
}

.global_pointTargetMobile__nextGraph {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 104px;
}

.global_pointTargetMobile__targetPoint {
  border: 1px solid #b4b4b4;
  border-radius: 7px;
}

.global_pointTargetMobile__targetPoint--highlight {
  background: #FFFFFF;
  border: 1px solid #E8A61D;
}

.global_pointTargetMobile__targetPoint .global_pointTargetMobile__buttonLink {
  border: none;
  background: none;
}

.global_pointTargetMobile__buttonLink {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 5px;
  min-height: 40px;
  padding: 0 4px 0 14px;
  color: #333333;
  font-size: 1.4rem;
  border-radius: 7px;
  border: 1px solid #b4b4b4;
}

.global_pointTargetMobile__buttonLink:hover {
  text-decoration: none;
}

.global_pointTargetMobile__buttonLink .material-icons {
  font-size: 2.0rem;
  color: #b4b4b4;
}

.global_pointTargetMobile__buttonLink--highlight {
  font-weight: 700;
  color: #e8a61d;
  border-color: #e8a61d;
}

.global_pointTargetMobile__buttonLink--highlight .material-icons {
  color: #e8a61d;
}

.global_pointTargetMobile__buttonLinkText {
  display: flex;
  align-items: center;
  gap: 0 8px;
}

.global_pointTargetMobile__buttonLinkLabel--highlight {
  color: #E8A61D;
  font-weight: bold;
}

.global_pointTargetMobile__buttonLinkLeftIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.global_pointTargetMobile__buttonLinkLeftIcon .material-icons {
  color: #e8a61d;
}

.global_pointTargetMobile__buttonLinkRightIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.global_pointTargetMobile__buttonLinkRightIcon.isActive {
  transform: rotate(180deg);
}

.global_pointTargetMobile__buttonLinkRightIcon--highlight .material-icons {
  color: #e8a61d;
}

.global_pointTargetMobile__exchangeItemDetail {
  display: none;
  margin: 0 4px;
}

.global_pointTargetMobile__exchangeItemDetail.isActive {
  display: block;
}

.global_pointTargetMobile__exchangeItemCategory {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0px 15px 5px;
  border-top: 1px solid #b4b4b4;
}

.global_pointTargetMobile__exchangeItemCategory .material-icons {
  font-size: 2.0rem;
  color: #b4b4b4;
}

.global_pointTargetMobile__exchangeItemCategory .material-icons.isActive {
  transform: rotate(180deg);
}

.global_pointTargetMobile__exchangeItemLabel {
  font-size: 1.4rem;
}

.global_pointTargetMobile__exchangeItemList {
  display: none;
}

.global_pointTargetMobile__exchangeItemList.isActive {
  display: block;
}

.global_pointTargetMobile__exchangeItem {
  display: flex;
  align-items: center;
  padding: 18px 0 18px 5px;
}

.global_pointTargetMobile__exchangeItem .material-icons {
  font-size: 2.0rem;
  color: #b4b4b4;
  margin-right: 10px;
}

.global_pointTargetMobile__exchangeItemTitle {
  width: 210px;
  font-size: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.global_pointTargetMobile__exchangeItemPoint {
  font-size: 1.4rem;
}

.global_exchangeTargetMobile__pointDisplay {
  width: 100%;
}

.global_exchangeTargetMobile__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-bottom: 5px;
}

.global_exchangeTargetMobile__itemTitle {
  font-size: 1.4rem;
}

.global_exchangeTargetMobile__pointBarFrame {
  padding: 2px;
  margin-bottom: 15px;
  border-radius: 7px;
  border: 1px solid #b4b4b4;
  position: relative;
}

.global_exchangeTargetMobile__pointBarBackground {
  width: 100%;
  border-radius: 7px;
  background-color: #FFFFFF;
  overflow: hidden;
}

.global_exchangeTargetMobile__pointBar {
  height: 40px;
}

.global_exchangeTargetMobile__achievement {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 2px;
  left: 0;
}

.global_exchangeTargetMobile__achievement img {
  width: 20px;
  filter: var(--filter-white);
  position: absolute;
  right: 5px;
}

.global_exchangeTargetMobile__achievementLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.global_exchangeTargetMobile__achievementTitle {
  color: #FFFFFF;
  font-weight: bold;
}

.global_exchangeTargetMobile__point {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 3px;
  font-weight: bold;
  position: absolute;
  top: 12px;
}

.global_exchangeTargetMobile__itemSetting {
  margin-bottom: 15px;
  border-radius: 7px;
  border: 1px solid #E8A61D;
  background-color: #FFFFFF;
}

.global_exchangeTargetMobile__titleWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  gap: 5px;
  padding-right: 5px;
}

.global_exchangeTargetMobile__titleWrapper.isActive .rightIcon img {
  transform: rotate(180deg);
}

.global_exchangeTargetMobile__titleWrapper .rightIcon img {
  width: 20px;
}

.global_exchangeTargetMobile__titleWrapper .rightIcon img[data-is-cookie="true"] {
  filter: var(--filter-icon-light-gray);
}

.global_exchangeTargetMobile__titleWrapper .rightIcon img[data-is-cookie="false"] {
  filter: var(--filter-primary-orange);
}

.global_exchangeTargetMobile__title {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  font-size: 1.4rem;
}

.global_exchangeTargetMobile__title img {
  width: 20px;
  filter: var(--filter-primary-orange);
}

.global_exchangeTargetMobile__itemColumn {
  display: none;
  padding: 0 5px;
}

.global_exchangeTargetMobile__itemColumn.isShow {
  display: block;
}

.global_exchangeTargetMobile__itemLabel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border-top: 1px solid #b4b4b4;
}

.global_exchangeTargetMobile__itemLabel img {
  width: 20px;
  filter: var(--filter-icon-light-gray);
}

.global_exchangeTargetMobile__itemLabel.isActive img {
  transform: rotate(180deg);
}

.global_exchangeTargetMobile__mainLabel {
  font-size: 1.4rem;
  margin-left: 5px;
}

.global_exchangeTargetMobile__subLabel {
  font-size: 1.4rem;
}

.global_exchangeTargetMobile__subLabel:empty {
  display: none;
}

.global_exchangeTargetMobile__itemList {
  display: none;
}

.global_exchangeTargetMobile__itemCategory {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 16px 0;
}

.global_exchangeTargetMobile__itemCategory img {
  width: 20px;
  filter: var(--filter-icon-light-gray);
}

.global_exchangeTargetMobile__itemName {
  max-width: 220px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.global_exchangeTargetMobile__itemPoint {
  display: flex;
}

.global_exchangeTargetMobile__exchangeLinkBox {
  border-radius: 7px;
  border: 1px solid #b4b4b4;
}

.global_exchangeTargetMobile__exchangeLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  padding-right: 5px;
  color: #484848;
  box-sizing: border-box;
}

.global_exchangeTargetMobile__exchangeLink img {
  width: 20px;
  filter: var(--filter-icon-light-gray);
}

.global_exchangeTargetMobile__exchangeLinkTitle {
  display: flex;
  align-items: center;
  gap: 10px;
}

.global_exchangeTargetMobile__exchangeLinkTitle img {
  width: 20px;
  filter: var(--filter-primary-orange);
}

.global_loginBonusMobile {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 0 15px 32px 15px;
}

.global_loginBonusMobile__wrapper {
  display: flex;
  justify-content: space-between;
}

.global_loginBonusMobile__status {
  width: 50%;
  text-align: left;
  border-right: 1px solid #b4b4b4;
}

.global_loginBonusMobile__statusTitle {
  color: #484848;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.global_loginBonusMobile__statusDisplay {
  display: flex;
  align-items: center;
  text-align: left;
}

.global_loginBonusMobile__stampStatus {
  color: #ED5D66;
  font-size: 1.4rem;
  margin-left: 10px;
}

.global_loginBonusMobile__stampDisplay {
  display: flex;
  flex-direction: column;
  width: 50%;
  text-align: right;
}

.global_loginBonusMobile__stampTotal {
  color: #484848;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 7px;
}

.global_loginBonusMobile__stampCount {
  color: #484848;
  font-size: 1.4rem;
}

.global_loginBonusMobile__stampCount span {
  font-size: 2.0rem;
}

.global_loginBonusMobile__modal {
  display: none;
}

.global_loginBonusMobile__buttonLink {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 5px;
  min-height: 40px;
  padding: 0 4px 0 14px;
  color: #333333;
  font-size: 1.4rem;
  border-radius: 7px;
  border: 1px solid #b4b4b4;
}

.global_loginBonusMobile__buttonLink:hover {
  text-decoration: none;
}

.global_loginBonusMobile__buttonLink img {
  width: 20px;
  filter: var(--filter-icon-light-gray);
}

.global_loginBonusMobile__buttonLink--highlight {
  font-weight: 700;
  color: #e8a61d;
  border-color: #e8a61d;
}

.global_loginBonusMobile__buttonLink--highlight img {
  filter: var(--filter-primary-orange);
}

.global_loginBonusMobile__buttonLinkRightIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.global_loginBonusMobile__buttonLinkRightIcon.isActive {
  transform: rotate(180deg);
}

.global_loginBonusMobile__buttonLinkRightIcon--highlight img {
  filter: var(--filter-primary-orange);
}

.global_loginBonusModal__background {
  width: 450px;
  margin: auto;
  padding: 10px 0;
  border-radius: 10px;
  background-size: 480px 556px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/img/global/login_bonus/background_pc.png");
}

@media (max-width: 1040px) {
  .global_loginBonusModal__background {
    width: 320px;
    background-size: 350px 490px;
    background-image: url("/assets/img/global/login_bonus/background_sp.png");
  }
}

.global_loginBonusModal__header {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0 27px 3px 27px;
}

.global_loginBonusModal__title img {
  height: auto;
}

.global_loginBonusModal__header--campaign {
  padding-left: calc(10px + 99px + 14px);
}

.global_loginBonusModal__campaignIcon {
  position: absolute;
  left: 10px;
  bottom: 3px;
  width: 99px;
}

@media (hover) {
  .global_loginBonusModal__campaignIcon {
    transition-duration: bottom;
    transition-duration: 0.2s;
  }
  .global_loginBonusModal__campaignIcon:hover {
    bottom: 6px;
  }
}

.global_loginBonusModal__campaignIcon img {
  height: auto;
}

.global_loginBonusModal__reward {
  display: none;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  padding: 7px 0;
  background: #F8FF45;
  box-shadow: 0px 0px 6px #F6FF00;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__reward {
    align-items: center;
    padding: 4px 0;
    min-height: 40px;
  }
}

.global_loginBonusModal__reward .exception {
  font-size: 1.4rem;
}

.global_loginBonusModal__reward .exception a {
  display: block;
}

.global_loginBonusModal__receive {
  display: none;
  color: #FFFFFF;
  font-size: 2.0rem;
  padding: 10px 0;
  margin-bottom: 10px;
  background: #333333;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__receive {
    font-size: 1.4rem;
  }
}

.global_loginBonusModal__receive--not a {
  font-size: 2.0rem;
  color: #4BD1C8;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__receive--not a {
    font-size: 1.4rem;
  }
}

.global_loginBonusModal__pointIcon {
  margin-right: 5px;
}

.global_loginBonusModal__pointIcon img {
  width: 20px;
  height: 20px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__pointIcon img {
    width: 18px;
    height: 18px;
  }
}

.global_loginBonusModal__rewardContent {
  display: flex;
  align-items: baseline;
}

.global_loginBonusModal__dailyContent {
  display: flex;
  align-items: baseline;
}

.global_loginBonusModal__dailyTitle {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__dailyTitle {
    font-size: 1.3rem;
    margin-right: 0;
  }
}

.global_loginBonusModal__daily {
  color: #DF4840;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__daily {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__dailyPoint {
  font-size: 3.0rem;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__dailyPoint {
    font-size: 1.8rem;
  }
}

.global_loginBonusModal__symbol {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 3px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__symbol {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__stampStatus {
  display: flex;
  align-items: center;
}

.global_loginBonusModal__statusTitle {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__statusTitle {
    font-size: 1.3rem;
    margin-right: 0;
  }
}

.global_loginBonusModal__completeBonus {
  display: none;
  color: #DF4840;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__completeBonus {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__completePoint {
  font-size: 3.0rem;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__completePoint {
    font-size: 1.8rem;
  }
}

.global_loginBonusModal__stampBox {
  width: 380px;
  margin: auto;
  margin-bottom: 10px;
  background: #FECC90;
  border: 1px solid #004445;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampBox {
    width: 300px;
  }
}

.global_loginBonusModal__stampCompleteTarget {
  font-size: 1.4rem;
  font-weight: bold;
  color: #F8FF45;
  padding: 4px;
  background-color: #004445;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampCompleteTarget {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__stampRally {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 11px 10px 3px 10px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampRally {
    justify-content: space-between;
  }
}

.global_loginBonusModal__stamp {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
  margin-right: 10px;
}

.global_loginBonusModal__stampTitle {
  color: #004445;
  font-size: 1.4rem;
}

.global_loginBonusModal__stampHistory {
  color: #004445;
  font-size: 2.6rem;
  font-weight: bold;
}

.global_loginBonusModal__stampList {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: 200px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampList {
    gap: 3px;
    width: 152px;
  }
}

.global_loginBonusModal__stampIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #B99E80;
}

.global_loginBonusModal__stampIcon #stampBonus {
  width: 28px;
  height: 28px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampIcon #stampBonus {
    width: 20px;
    height: 20px;
  }
}

.global_loginBonusModal__attention {
  display: flex;
  justify-content: center;
  margin-bottom: 7px;
}

.global_loginBonusModal__stampExpire {
  font-size: 1.2rem;
}

.global_loginBonusModal__question {
  display: flex;
  align-items: center;
  color: #1F7E78;
  font-size: 1.2rem;
}

.global_loginBonusModal__question .material-icons {
  font-size: 12px;
  color: #1F7E78;
  margin-top: 2px;
}

.global_highReturn {
  display: flex;
  flex-direction: column;
  color: #484848;
  max-width: 380px;
  width: 100%;
  margin: auto;
  border-radius: 10px;
}

@media (max-width: 1040px) {
  .global_highReturn {
    max-width: 300px;
  }
}

.global_highReturn__title {
  color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 5px 60px;
  background: #DE3030;
  border-radius: 10px 10px 0px 0px;
}

.global_highReturn__item {
  background-color: #FFFFFF;
  border-radius: 0px 0px 10px 10px;
}

.global_highReturn__item:hover {
  background-color: #FFF9BC;
}

.global_highReturn__itemLink {
  color: #484848 !important;
  text-decoration: none !important;
}

.global_highReturn__itemLink a:not([class]) {
  text-decoration: none;
}

.global_highReturn__itemLink a:not([class]):hover {
  text-decoration: underline;
}

.global_highReturn__itemThumbnail {
  display: flex;
}

.global_highReturn__itemThumbnail picture {
  padding: 10px;
}

@media (max-width: 1040px) {
  .global_highReturn__itemThumbnail picture {
    padding: 8px;
  }
}

.global_highReturn__itemDetail {
  padding-top: 10px;
}

.global_highReturn__itemText {
  width: 130px;
  font-size: 1.4rem;
  line-height: 1.42;
  text-align: left;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .global_highReturn__itemText {
    width: 110px;
  }
}

.global_highReturn__itemPoint {
  display: flex;
  flex-direction: column;
}

.global_highReturn__itemPoint .global_point {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.global_highReturn__itemPoint .global_point__beforeUp {
  font-size: 1.4rem;
  line-height: 1.42;
}

.global_highReturn__itemPoint .global_point__main {
  display: flex;
  align-items: center;
}

.global_highReturn__itemPoint .global_point__icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_highReturn__itemPoint .global_point__icon {
    margin-right: 0;
  }
}

.global_highReturn__itemPoint .global_point__point {
  display: flex;
  align-items: baseline;
  font-family: 'Noto Sans JP' !important;
}

.global_highReturn__itemPoint .global_point__pointValue {
  font-size: 2.5rem;
}

.global_highReturn__itemPoint .global_point__pointUnit {
  font-size: 1.4rem;
}

/*-------------------------------------
  ** global_rankStatusMobile（component）
--------------------------------------*/
.global_rankStatusMobile {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 0 15px 32px 15px;
}

.global_rankStatusMobile__statusBox {
  padding: 12px 15px;
  margin-bottom: 10px;
  background-color: #f7f7f7;
}

.global_rankStatusMobile__statusBox--highligt {
  background-color: #faf5e4;
}

.global_rankStatusMobile__statusBoxList {
  display: flex;
  flex-flow: column;
}

.global_rankStatusMobile__status {
  display: flex;
  justify-content: space-between;
  gap: 0 5px;
  margin-bottom: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
}

.global_rankStatusMobile__statusIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
}

.global_rankStatusMobile__statusTitle {
  display: flex;
  gap: 0 10px;
  font-size: 1.4rem;
  font-weight: 500;
  white-space: nowrap;
}

.global_rankStatusMobile__statusValue {
  font-size: 1.4rem;
  font-weight: 700;
}

.global_rankStatusMobile__statusUnit {
  font-size: 1.2rem;
}

.global_rankStatusMobile__graphIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.global_rankStatusMobile__graphIcon .material-icons {
  font-size: 1.6rem;
  color: #fff;
}

.global_rankStatusMobile__graphIcon--medal {
  background-color: #56a78d;
}

.global_rankStatusMobile__graphIcon--point {
  background-color: #eab443;
}

.global_rankStatusMobile__nextBox {
  display: flex;
  align-items: center;
}

.global_rankStatusMobile__nextText {
  flex: 1;
  display: flex;
  flex-flow: column;
  padding-left: 15px;
  font-size: 1.2rem;
  white-space: nowrap;
}

.global_rankStatusMobile__nextPoint {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.global_rankStatusMobile__nextValue {
  font-size: 1.4rem;
  font-weight: 700;
}

.global_rankStatusMobile__nextValue .unit {
  font-size: 1.2rem;
  font-weight: normal;
}

.global_rankStatusMobile__nextGraph {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 104px;
}

.global_rankStatusMobile__graph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #a0a0a0;
  border-radius: 50%;
}

.layoutHeader_campaign {
  container-type: inline-size;
  background-color: #d80111;
}

.layoutHeader_campaign__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

@container (max-width: 767px) {
  .layoutHeader_campaign__link img {
    width: 100%;
  }
}

.layoutHeader_error {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  color: #DF4840;
  line-height: 1.6;
  font-size: 1.4rem;
  text-align: center;
  background-color: #FAEBEA;
}

.layoutHeader_special {
  container-type: inline-size;
}

.layoutHeader_special__main {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1040px;
  height: 50px;
  background-color: #F51631;
  overflow: hidden;
}

@container (max-width: 767px) {
  .layoutHeader_special__main {
    min-width: auto;
    border-bottom: 1px solid #CDD3D6;
  }
}

@media (hover) {
  .layoutHeader_special__main {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .layoutHeader_special__main:hover {
    opacity: 0.8;
  }
}

.layoutHeader_special__body {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 100%;
}

.layoutHeader_special__icon {
  width: 114px;
}

.layoutHeader_special__icon img {
  max-width: 100%;
}

.layoutHeader_special__label {
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

@container (max-width: 767px) {
  .layoutHeader_special__label {
    font-size: 2.0rem;
  }
}

@container (min-width: 768px) {
  .layoutHeader_special__labelSp {
    display: none;
  }
}

@container (max-width: 767px) {
  .layoutHeader_special__labelPc {
    display: none;
  }
}

.layoutHeader_special__button {
  display: flex;
  min-height: 32px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #FFF;
}

@container (max-width: 767px) {
  .layoutHeader_special__button {
    min-height: auto;
    padding: 4px;
  }
}

.layoutHeader_special__button figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
}

.layoutHeader_special__button img {
  filter: var(--filter-white);
}

@container (max-width: 767px) {
  .layoutHeader_special__buttonLabel {
    display: none;
  }
}

.layoutHeaderPc_logoArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1040px;
  min-height: 104px;
  margin: 0 auto;
}

.layoutHeaderPc_logoArea__logo {
  max-width: 150px;
  margin-top: 4px;
}

.layoutHeaderPc_logoArea__logo img {
  max-width: 100%;
}

.layoutHeaderPc_logoArea__logoLink {
  display: block;
}

@media (hover) {
  .layoutHeaderPc_logoArea__logoLink {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .layoutHeaderPc_logoArea__logoLink:hover {
    opacity: var(--opacity-hover);
  }
}

.layoutHeaderPc_logoArea__ad {
  height: 90px;
  margin: 5px 0 7px 0;
}

.layoutHeader_logoArea__logoLink img {
  max-width: 100%;
}

.layoutHeaderPc_pointStatus {
  display: flex;
  align-items: center;
  gap: 15px;
}

.layoutHeaderPc_pointStatus__pointWrapper {
  display: flex;
  align-items: center;
  gap: 0 5px;
}

.layoutHeaderPc_pointStatus__point {
  display: flex;
  flex-direction: column;
}

.layoutHeaderPc_pointStatus__pointTitle {
  font-size: 1.2rem;
}

.layoutHeaderPc_pointStatus__pointBody {
  display: flex;
  gap: 5px;
  font-weight: 700;
}

.layoutHeaderPc_pointStatus__links {
  display: flex;
  gap: 5px;
}

.layoutHeaderPc_pointStatus__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  font-size: 1.2rem;
}

.layoutHeaderPc_pointStatus__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--color-primary-orange);
  border-radius: 50%;
  background-color: #fff;
}

.layoutHeaderPc_pointStatus__icon img {
  width: 24px;
  filter: var(--filter-primary-orange);
  transition-property: filter;
  transition-duration: var(--duration-hover);
}

@media (hover) {
  .layoutHeaderPc_pointStatus__icon {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .layoutHeaderPc_pointStatus__icon:hover {
    background-color: var(--color-primary-orange);
    text-decoration: none;
  }
  .layoutHeaderPc_pointStatus__icon:hover img {
    filter: var(--filter-white);
  }
}

.layoutHeaderPc_registerNav {
  display: flex;
  width: 100%;
  height: 100%;
}

.layoutHeaderPc_registerNav__item {
  flex: 1;
  height: 100%;
  border-right: 1px solid #e5e5e5;
}

.layoutHeaderPc_registerNav__item:last-child {
  border-left: none;
}

.layoutHeaderPc_registerNav__link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  box-sizing: border-box;
  text-decoration: none;
}

.layoutHeaderPc_registerNav__link::before {
  position: absolute;
  right: 2px;
  bottom: 2px;
  content: '';
  width: 0;
  height: 0;
  border: 3px solid transparent;
  opacity: 1;
}

@media (hover) {
  .layoutHeaderPc_registerNav__link::before {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
}

.layoutHeaderPc_registerNav__link::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  width: 0;
  height: 5px;
  margin: 0 auto;
  background-color: transparent;
}

@media (hover) {
  .layoutHeaderPc_registerNav__link::after {
    transition-property: width;
    transition-duration: var(--duration-hover);
  }
}

.layoutHeaderPc_registerNav__link figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
}

.layoutHeaderPc_registerNav__link img {
  filter: brightness(0) invert(1);
  transition-property: filter;
  transition-duration: var(--duration-hover);
}

@media (hover) {
  .layoutHeaderPc_registerNav__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .layoutHeaderPc_registerNav__link:hover {
    text-decoration: none;
  }
  .layoutHeaderPc_registerNav__link:hover::after {
    width: 100%;
  }
}

.layoutHeaderPc_registerNav__link[data-type="signup"] {
  background-color: var(--color-signup-main);
}

@media (hover) {
  .layoutHeaderPc_registerNav__link[data-type="signup"]:hover {
    color: var(--color-signup-main);
    background-color: var(--color-signup-sub);
  }
  .layoutHeaderPc_registerNav__link[data-type="signup"]:hover::after {
    background-color: var(--color-signup-main);
  }
  .layoutHeaderPc_registerNav__link[data-type="signup"]:hover img {
    filter: var(--filter-signup-main);
  }
}

.layoutHeaderPc_registerNav__link[data-type="login"] {
  background-color: var(--color-login-main);
}

@media (hover) {
  .layoutHeaderPc_registerNav__link[data-type="login"]:hover {
    color: var(--color-login-main);
    background-color: var(--color-login-sub);
  }
  .layoutHeaderPc_registerNav__link[data-type="login"]:hover::after {
    background-color: var(--color-login-main);
  }
  .layoutHeaderPc_registerNav__link[data-type="login"]:hover img {
    filter: var(--filter-login-main);
  }
}

.layoutFooter_sns {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.layoutFooter_sns__item {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}

.layoutFooter_sns__item img {
  width: auto;
  height: 26px;
}

@media (hover) {
  .layoutFooter_sns__item {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .layoutFooter_sns__item:hover {
    opacity: 0.8;
  }
}

.layoutFooterMobile_main {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: var(--color-dark-green);
  padding-bottom: 51px;
}

.layoutFooterMobile_main__pageTop {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  color: #fff;
  background-color: var(--color-primary-orange);
}

.layoutFooterMobile_main__pageTop img {
  filter: var(--filter-white);
}

.layoutFooterMobile_main__guideList {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.layoutFooterMobile_main__guideList::before, .layoutFooterMobile_main__guideList::after {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-border-dark-green);
}

.layoutFooterMobile_main__guideList::before {
  top: 0;
}

.layoutFooterMobile_main__guideList::after {
  bottom: 0;
}

.layoutFooterMobile_main__guideItem {
  box-sizing: border-box;
  width: 50%;
  border-bottom: 1px solid var(--color-border-dark-green);
}

.layoutFooterMobile_main__guideItem:nth-child(odd) {
  border-right: 1px solid var(--color-border-dark-green);
}

.layoutFooterMobile_main__guideLink {
  display: flex;
  gap: 0 4px;
  align-items: center;
  height: 100%;
  min-height: 45px;
  padding: 12px 10px 12px 15px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1;
  box-sizing: border-box;
}

@media screen and (max-width: 374px) {
  .layoutFooterMobile_main__guideLink {
    max-height: none;
  }
}

.layoutFooterMobile_main__guideLink img {
  width: 15px;
  filter: var(--filter-white);
}

.layoutFooterMobile_main__guideLinkText {
  flex: 1;
  line-height: 1.4;
}

.layoutFooterMobile_main__stickers {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}

.layoutFooterMobile_main__pmark {
  flex-shrink: 0;
  width: 70px;
  background-color: #fff;
}

.layoutFooterMobile_main__pmark img {
  width: 100%;
}

.layoutFooterMobile_main__isms {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 120px;
}

.layoutFooterMobile_main__isms span {
  font-size: 1.0rem;
  color: #FFF;
  line-height: 1.7;
}

.layoutFooterMobile_main__siteList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px 0;
}

.layoutFooterMobile_main__siteItem {
  position: relative;
  padding: 0 11px;
}

.layoutFooterMobile_main__siteItem::after {
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-border-dark-green);
}

.layoutFooterMobile_main__siteItem:last-child::after {
  content: none;
}

.layoutFooterMobile_main__siteLink {
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
}

.layoutFooterMobile_main__copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 51px;
  font-size: 1.0rem;
  color: #356c59;
  border-top: 1px solid #356c59;
}

.layoutFooterPc_contents__list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 0;
  width: 150px;
}

.layoutFooterPc_contents__item {
  width: 150px;
}

.layoutFooterPc_contents__link {
  font-size: 1.2rem;
  color: #fff;
}

@media (any-hover: hover) {
  .layoutFooterPc_contents__link:hover {
    color: #fff;
    text-decoration: underline;
  }
}

.layoutFooterPc_main__body {
  background-color: #0b392a;
}

.layoutFooterPc_main__inner {
  position: relative;
  max-width: 1040px;
  margin: auto;
  padding: 24px 0 20px 0;
}

.layoutFooterPc_main__pageTop {
  position: absolute;
  right: 0;
  top: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #e8a61d;
  transition-property: background-color;
  transition-duration: 0.2s;
}

.layoutFooterPc_main__pageTop img {
  width: 25px;
  filter: var(--filter-white);
}

@media (any-hover: hover) {
  .layoutFooterPc_main__pageTop:hover {
    text-decoration: none;
    background-color: #78542d;
  }
}

.layoutFooterPc_main__contentsBoxList {
  display: flex;
  gap: 0 24px;
  margin-bottom: 24px;
}

.layoutFooterPc_main__contentsBox {
  display: flex;
  flex-flow: column;
  gap: 24px;
}

.layoutFooterPc_main__contentsBoxHeading {
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
}

.layoutFooterPc_main__mikkun {
  width: 170px;
  min-width: 100px;
  margin: 0;
  padding-top: 17px;
}

.layoutFooterPc_main__mikkun img {
  width: 100%;
}

.layoutFooterPc_main__guide {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid #6e7a7b;
}

.layoutFooterPc_main__guideLinks {
  display: flex;
  flex-flow: column;
  gap: 5px 0;
}

.layoutFooterPc_main__guideList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}

.layoutFooterPc_main__guideLink {
  font-size: 1.1rem;
  color: #fff;
}

.layoutFooterPc_main__guideLink:hover {
  color: #fff;
  text-decoration: underline;
}

.layoutFooterPc_main__copyright small {
  font-size: 1.2rem;
  color: #fff;
}

.layoutFooterPc_main__stickers {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.layoutFooterPc_main__pmark {
  flex-shrink: 0;
  width: 70px;
  background-color: #fff;
}

.layoutFooterPc_main__pmark img {
  width: 100%;
}

.layoutFooterPc_main__isms {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 120px;
}

.layoutFooterPc_main__isms span {
  font-size: 1.0rem;
  color: #FFF;
  line-height: 1.7;
}

.layoutFooterPc_main__site {
  max-width: 1040px;
  margin: 12px auto 0 auto;
  padding-bottom: 20px;
  background-color: #fff;
}

.layoutFooterPc_main__siteHeading {
  font-size: 1.2rem;
  font-weight: 700;
  color: #778092;
}

.layoutFooterPc_main__siteList {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px 12px;
}

.layoutFooterPc_main__siteLink {
  font-size: 1.1rem;
  color: #778092;
}

.layoutFooterPc_main__siteLink:hover {
  text-decoration: underline;
}

.grobal_bannerLink {
  display: flex;
  justify-content: center;
  align-items: center;
  transition-property: opacity;
  transition-duration: 0.2s;
}

.grobal_bannerLink:hover {
  opacity: 0.8;
}

.global_modal {
  position: relative;
  z-index: 9999;
  display: none;
}

.global_modal__inner {
  position: fixed;
  left: 0;
  right: 0;
  top: 20px;
  bottom: 20px;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: calc(100% - 24px * 2);
  height: 100%;
  max-width: 600px;
  margin: auto;
}

.global_modal__bodyWrapper {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: auto;
  max-height: 80vh;
  padding: 20px;
  border-radius: 8px;
  background-color: #fff;
}

.global_modal__body {
  height: 100%;
  max-height: calc(80vh - 20px * 2);
  padding: 10px 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.global_modal__close {
  position: absolute;
  right: -20px;
  top: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 4px solid #fff;
  border-radius: 50%;
  background-color: #333;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.global_modal__close:hover {
  background-color: #ffa81e;
}

.global_modal__closeIcon {
  position: relative;
  display: block;
  width: 20px;
  height: 4px;
}

.global_modal__closeIcon::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 20px;
  height: 4px;
  background-color: #fff;
  transform: rotate(45deg);
}

.global_modal__closeIcon::after {
  content: '';
  display: block;
  width: 20px;
  height: 4px;
  background-color: #fff;
  transform: rotate(-45deg);
}

.global_modal__overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.global_prizeItem__link {
  display: block;
}

@media (any-hover: hover) {
  .global_prizeItem__link:hover {
    text-decoration: none;
  }
  .global_prizeItem__link:hover .global_prizeItem__image {
    opacity: 0.8;
  }
}

.global_prizeItem__imageBox {
  position: relative;
  display: block;
  border: 1px solid #e8a61d;
}

.global_prizeItem__finishMark {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin: auto;
  font-size: 2.0rem;
  font-weight: 700;
  color: #b4b4b4;
  border: 3px solid #b4b4b4;
  border-radius: 50%;
  background-color: #fff;
}

@media screen and (max-width: 449px) {
  .global_prizeItem__finishMark {
    width: 35px;
    height: 35px;
  }
}

.global_prizeItem__finishFilter {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(180, 180, 180, 0.2);
}

.global_prizeItem__image {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  transition-property: opacity;
  transition-duration: 0.2s;
}

.global_prizeItem__name {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  border-radius: 0 0 5px 5px;
  background-color: #e8a61d;
}

@media screen and (max-width: 449px) {
  .global_prizeItem__name {
    padding: 9px;
  }
}

@media screen and (max-width: 374px) {
  .global_prizeItem__name {
    min-height: 50px;
  }
}

.global_prizeItem--finish .global_prizeItem__imageBox {
  border-color: #b4b4b4;
}

.global_prizeItem--finish .global_prizeItem__name {
  background-color: #b4b4b4;
}

.global_prizeItem__inner--header .global_prizeItem__imageBox {
  border: none;
}

.global_prizeItem__inner--header .global_prizeItem__name {
  padding: 3px 0 0 0;
  font-size: 1.6rem;
  color: #484848;
  background-color: transparent;
}

.global_landing {
  padding: 47px 0px 0px 0px;
  background-color: #FFF871;
  /*-------------------------------------
  ** swiper
--------------------------------------*/
}

@media (max-width: 1040px) {
  .global_landing {
    max-width: 720px;
    margin: auto;
    padding: 37px 0px 0px 0px;
  }
}

.global_landing__contents {
  max-width: 1040px;
  margin: auto;
}

@media (max-width: 1040px) {
  .global_landing__contents {
    width: 100%;
  }
}

.global_landing__titleImage {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.global_landing__swiperTabMenu {
  width: 100%;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .global_landing__swiperTabMenu {
    padding: 15px;
    box-sizing: border-box;
  }
}

.global_landing__swiperMenuList {
  margin: auto;
}

.global_landing__swiperMenuList--large {
  width: 1040px;
  height: 46px;
  margin-bottom: 15px;
}

.global_landing__swiperMenuList--medium {
  width: 910px;
  height: 40px;
  margin-bottom: 10px;
}

.global_landing__swiperMenuList--small {
  width: 617px;
  height: 40px;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .global_landing__swiperMenuList {
    width: 100%;
    margin-bottom: 0;
    display: none;
  }
}

.global_landing__tabName {
  font-weight: 700;
  text-align: center;
  border-radius: 50px;
  background: #FFFFFF;
  box-shadow: 0px 3px 3px #291E1729;
  cursor: pointer;
}

.global_landing__tabName--large {
  width: 255px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 2.2rem;
}

.global_landing__tabName--medium {
  width: 220px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.4rem;
}

.global_landing__tabName--small {
  width: 145px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.4rem;
}

.global_landing__swiperContentList {
  border-radius: 10px;
  box-shadow: 0px 0px 10px #E2E1D9;
}

.global_landing__swiperContentList--large {
  width: 1040px;
  height: 280px;
  margin: auto;
  margin-bottom: 20px;
}

.global_landing__swiperContentList--medium {
  width: 910px;
  height: 208px;
  margin: auto;
  margin-bottom: 0px;
}

.global_landing__swiperContentList--small {
  width: 617px;
  height: 431px;
  margin: auto;
  margin-bottom: 0px;
}

@media (max-width: 1040px) {
  .global_landing__swiperContentList {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border-radius: initial;
    box-shadow: none;
  }
}

.global_landing__tabContent {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  background: #FFFFFF;
  border-radius: 10px;
  box-sizing: border-box;
}

.global_landing__tabContent--large {
  width: 1040px;
  height: 280px;
  margin: auto;
  padding: 30px;
}

.global_landing__tabContent--medium {
  width: 910px;
  height: 208px;
  margin: auto;
  padding: 20px;
  align-items: center;
}

.global_landing__tabContent--medium#exchange {
  padding-bottom: 10px;
}

.global_landing__tabContent--small {
  width: 617px;
  height: 431px;
  margin: auto;
  padding: 20px;
  flex-direction: column;
}

@media (max-width: 1040px) {
  .global_landing__tabContent {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    margin-bottom: 20px;
  }
  .global_landing__tabContent#siteIntroduce {
    margin-bottom: 0;
  }
}

.global_landing__tabWrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.global_landing__contentTitle {
  display: flex;
  align-items: baseline;
  color: #333333;
  font-size: 2.6rem;
  font-weight: bold;
}

.global_landing__contentTitle--large {
  font-size: 2.6rem;
  margin-bottom: 20px;
}

.global_landing__contentTitle--large#charge {
  margin-bottom: 24px;
}

.global_landing__contentTitle--large#exchange {
  margin-bottom: 14px;
}

.global_landing__contentTitle--medium {
  font-size: 2.0rem;
  margin-bottom: 10px;
}

.global_landing__contentTitle--medium#exchange {
  margin-bottom: 0px;
}

.global_landing__contentTitle--small {
  display: block;
  line-height: 1.6;
  font-size: 2.0rem;
  margin-bottom: 10px;
}

.global_landing__contentTitle--small#prize {
  white-space: nowrap;
  letter-spacing: -1px;
}

@media (max-width: 1040px) {
  .global_landing__contentTitle {
    display: block;
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.8px;
    white-space: initial !important;
    margin-bottom: 10px;
  }
}

.global_landing__titleMarker {
  display: block;
  margin: 0 5px;
  color: #333333;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.0;
  background: #FFF200;
}

.global_landing__titleMarker:first-child {
  margin-left: 0;
}

.global_landing__titleMarker--large {
  font-size: 3.0rem;
  padding: 5px 0;
}

.global_landing__titleMarker--medium {
  font-size: 2.6rem;
  padding: 5px 0;
}

.global_landing__titleMarker--small {
  display: inline-block;
  font-size: 2.6rem;
  padding: 5px 0;
}

@media (max-width: 1040px) {
  .global_landing__titleMarker {
    display: inline;
    font-size: 2.0rem;
    line-height: 1.6;
    padding: 0;
    margin-bottom: 5px;
  }
}

@media (max-width: 1040px) {
  .global_landing__pointContent {
    margin-bottom: 20px;
  }
}

.global_landing__pointItemList {
  width: 510px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}

.global_landing__pointItemList--large {
  gap: 20px 10px;
}

.global_landing__pointItemList--medium {
  gap: 10px 10px;
}

.global_landing__pointItemList--small {
  width: 100%;
  gap: 20px 32px;
}

@media (max-width: 1040px) {
  .global_landing__pointItemList {
    justify-content: center;
    width: 100%;
    gap: 10px 17px;
  }
}

@media (max-width: 360px) {
  .global_landing__pointItemList {
    gap: 10px;
  }
}

.global_landing__pointItem {
  width: 120px;
  height: 60px;
}

@media (max-width: 1040px) {
  .global_landing__pointItem {
    width: 90px;
    height: 45px;
  }
}

.global_landing__freeContent--large {
  width: 410px;
}

.global_landing__freeContent--medium {
  width: 305px;
}

.global_landing__freeContent--small {
  width: 577px;
}

@media (max-width: 1040px) {
  .global_landing__freeContent {
    width: 100%;
  }
}

.global_landing__freeItemTitle {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  color: #333333;
  font-size: 2.0rem;
  font-weight: bold;
}

.global_landing__freeItemTitle--large {
  font-size: 2.0rem;
  margin-bottom: 20px;
}

.global_landing__freeItemTitle--medium {
  font-size: 2.0rem;
  margin-bottom: 10px;
}

.global_landing__freeItemTitle--medium span {
  display: none;
}

.global_landing__freeItemTitle--small {
  font-size: 2.0rem;
  margin-bottom: 10px;
}

.global_landing__freeItemTitle--small span {
  display: none;
}

@media (max-width: 1040px) {
  .global_landing__freeItemTitle {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}

.global_landing__freeTitleIcon {
  width: 80px;
}

.global_landing__freeTitleIcon--large {
  width: 80px;
}

.global_landing__freeTitleIcon--medium {
  width: 60px;
}

.global_landing__freeTitleIcon--small {
  width: 60px;
}

@media (max-width: 1040px) {
  .global_landing__freeTitleIcon {
    width: 50px;
  }
}

.global_landing__freeItemList {
  display: flex;
  flex-wrap: wrap;
}

.global_landing__freeItemList--large {
  gap: 20px 10px;
}

.global_landing__freeItemList--medium {
  gap: 20px 15px;
}

.global_landing__freeItemList--small {
  gap: 20px 17px;
}

@media (max-width: 1040px) {
  .global_landing__freeItemList {
    gap: 10px 15px;
    justify-content: center;
  }
}

.global_landing__freeItem {
  border-radius: 10px;
  background: #F7B946;
}

.global_landing__freeItem#game {
  background: #51B9E6;
}

.global_landing__freeItem#mail {
  background: #F270A2;
}

.global_landing__freeItem#click {
  background: #6CD553;
}

@media (max-width: 1040px) {
  .global_landing__freeItem {
    width: 145px;
    height: 50px;
  }
}

.global_landing__freeItemBox {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  white-space: nowrap;
}

.global_landing__freeItemBox--large {
  width: 200px;
  height: 60px;
  font-size: 1.8rem;
  padding: 17px 20px;
  box-sizing: border-box;
}

.global_landing__freeItemBox--large br {
  display: none;
}

.global_landing__freeItemBox--medium {
  width: 145px;
  height: 50px;
  font-size: 1.4rem;
  padding: 15px 22px;
  box-sizing: border-box;
}

.global_landing__freeItemBox--medium .material-icons {
  font-size: 2.0rem;
}

.global_landing__freeItemBox--medium br {
  display: block;
}

.global_landing__freeItemBox--small {
  width: 280px;
  height: 50px;
  font-size: 1.4rem;
  padding: 15px 22px;
  box-sizing: border-box;
}

.global_landing__freeItemBox--small .material-icons {
  font-size: 2.0rem;
}

.global_landing__freeItemBox--small br {
  display: none;
}

.global_landing__freeItemBox .material-icons {
  margin-right: 10px;
}

@media (max-width: 1040px) {
  .global_landing__freeItemBox .material-icons {
    font-size: 20px;
    margin-right: 14px;
  }
}

.global_landing__freeItemBox img {
  margin-right: 10px;
}

@media (max-width: 1040px) {
  .global_landing__freeItemBox img {
    width: 20px;
    margin-right: 14px;
  }
}

@media (max-width: 1040px) {
  .global_landing__freeItemBox br {
    display: block;
  }
}

@media (max-width: 1040px) {
  .global_landing__freeItemBox {
    width: 145px;
    height: 50px;
    font-size: 1.4rem;
    padding: 15px 20px;
  }
}

.global_landing__exchangeContent {
  margin-bottom: 0;
}

@media (max-width: 1040px) {
  .global_landing__exchangeImage {
    display: block;
    margin: auto;
  }
}

.global_landing__prizeItemList {
  display: flex;
  justify-content: center;
}

.global_landing__prizeItemList--large {
  gap: 22px;
}

.global_landing__prizeItemList--medium {
  gap: 18px;
}

.global_landing__prizeItemList--small {
  gap: 44px;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 1040px) {
  .global_landing__prizeItemList {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.global_landing__prizeItem {
  display: flex;
  align-items: center;
  justify-content: center;
  /** prizeコンポネート **/
}

.global_landing__prizeItem--large {
  /** prizeコンポネート **/
}

.global_landing__prizeItem--large .global_prizeItem {
  width: 145px;
  text-align: center;
}

.global_landing__prizeItem--large .global_prizeItem__name {
  font-size: 1.3rem;
  white-space: nowrap;
  border-radius: 5px 5px 0 0;
}

.global_landing__prizeItem--large .global_prizeItem__image {
  width: 120px;
  margin: 5px 0;
}

.global_landing__prizeItem--medium {
  /** prizeコンポネート **/
}

.global_landing__prizeItem--medium .global_prizeItem {
  width: 130px;
  text-align: center;
}

.global_landing__prizeItem--medium .global_prizeItem__name {
  padding: 4px;
  font-size: 1.2rem;
  white-space: nowrap;
  border-radius: 5px 5px 0 0;
}

.global_landing__prizeItem--medium .global_prizeItem__image {
  width: 90px;
  margin: 5px 0;
}

.global_landing__prizeItem--small {
  /** prizeコンポネート **/
}

.global_landing__prizeItem--small .global_prizeItem {
  width: 145px;
  text-align: center;
}

.global_landing__prizeItem--small .global_prizeItem__name {
  padding: 4px;
  font-size: 1.2rem;
  white-space: nowrap;
  border-radius: 5px 5px 0 0;
}

.global_landing__prizeItem--small .global_prizeItem__image {
  width: 113px;
  margin: 5px 0;
}

.global_landing__prizeItem .global_prizeItem__link {
  display: flex;
  flex-direction: column-reverse;
  pointer-events: none;
}

.global_landing__prizeItem .global_prizeItem__imageBox {
  border-radius: 0px 0px 5px 5px;
}

@media (max-width: 1040px) {
  .global_landing__prizeItem .global_prizeItem {
    width: 145px !important;
  }
  .global_landing__prizeItem .global_prizeItem__name {
    padding: 0;
    min-height: 27px;
    font-weight: normal;
  }
  .global_landing__prizeItem .global_prizeItem__image {
    width: 120px;
    margin: 5px 0;
  }
}

@media (max-width: 360px) {
  .global_landing__prizeItem {
    width: 135px !important;
  }
}

.global_landing__siteIntroduce {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1040px) {
  .global_landing__siteIntroduce {
    margin-bottom: 0;
  }
}

.global_landing__siteIntroduceList {
  width: 100%;
}

.global_landing__siteIntroduceList--large {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.global_landing__siteIntroduceList--medium {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.global_landing__siteIntroduceList--small {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 39px 37px;
}

@media (max-width: 1040px) {
  .global_landing__siteIntroduceList {
    flex-wrap: wrap;
    gap: 10px 15px;
  }
}

@media (max-width: 280px) {
  .global_landing__siteIntroduceList {
    justify-content: center;
  }
}

.global_landing__siteDescription {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.global_landing__siteDescription--large {
  width: calc(100% / 4);
}

.global_landing__siteDescription--medium {
  width: calc(100% / 4);
}

.global_landing__siteDescription--small {
  height: 140px;
  width: calc(100% / 2 - 20px);
}

@media (max-width: 1040px) {
  .global_landing__siteDescription {
    width: 145px;
  }
}

@media (max-width: 360px) {
  .global_landing__siteDescription {
    width: 135px;
  }
}

.global_landing__descriptionTitle {
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: bold;
  background: #E8A61D;
  border-radius: 10px 10px 0px 0px;
}

.global_landing__descriptionTitle--large {
  font-size: 1.6rem;
  padding: 14px 0;
}

.global_landing__descriptionTitle--medium {
  font-size: 1.3rem;
  padding: 10px 0;
}

.global_landing__descriptionTitle--small {
  font-size: 1.6rem;
  padding: 15px 0;
  white-space: nowrap;
}

.global_landing__descriptionTitle#privacy {
  background: #51B9E6;
}

.global_landing__descriptionTitle#rank {
  background: #F270A2;
}

.global_landing__descriptionTitle#campaign {
  background: #6CD553;
}

.global_landing__descriptionTitle br {
  display: none;
}

@media (max-width: 1040px) {
  .global_landing__descriptionTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    line-height: 1.5;
    font-size: 1.3rem;
    padding: 2px 10px;
  }
  .global_landing__descriptionTitle br {
    display: block;
  }
}

.global_landing__descriptionContent {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 0 0 10px 10px;
  border: 1px solid #E8A61D;
}

.global_landing__descriptionContent--large {
  height: 112px;
}

.global_landing__descriptionContent--large#campaign {
  background-size: 193px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/img/global/landing/camp.png");
}

@media (max-width: 1040px) {
  .global_landing__descriptionContent--large#campaign {
    background-size: auto;
    background-image: url("/assets/img/global/landing/mv_camp.png");
  }
}

.global_landing__descriptionContent--medium {
  height: 90px;
}

.global_landing__descriptionContent--medium#campaign {
  background-size: 153px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/img/global/landing/camp.png");
}

@media (max-width: 1040px) {
  .global_landing__descriptionContent--medium#campaign {
    background-size: auto;
    background-image: url("/assets/img/global/landing/mv_camp.png");
  }
}

.global_landing__descriptionContent--small {
  height: 90px;
}

.global_landing__descriptionContent--small#campaign {
  background-size: 119px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/img/global/landing/camp.png");
}

@media (max-width: 1040px) {
  .global_landing__descriptionContent--small#campaign {
    background-size: auto;
    background-image: url("/assets/img/global/landing/mv_camp.png");
  }
}

.global_landing__descriptionContent#privacy {
  border: 1px solid #51B9E6;
}

.global_landing__descriptionContent#rank {
  border: 1px solid #F270A2;
}

.global_landing__descriptionContent#campaign {
  border: 1px solid #6CD553;
}

.global_landing__descriptionContent strong {
  font-size: 2.6rem;
}

.global_landing__descriptionContent br {
  display: none;
}

@media (max-width: 1040px) {
  .global_landing__descriptionContent strong {
    font-size: 2.6rem;
  }
  .global_landing__descriptionContent span {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .global_landing__descriptionContent br {
    display: block;
  }
}

/*-------------------------------------
  ** memberRegisterButton(CTA)
--------------------------------------*/
.global_memberRegisterButton {
  max-width: 676px;
  width: 100%;
  margin: auto;
  margin-bottom: 15px;
  position: relative;
  border: none;
  /**
     * 右カラム用の会員登録ボタン(rightColumn)
     */
  /**
     * セクション用の会員登録ボタン(section)
     */
}

.global_memberRegisterButton:hover {
  background-color: transparent;
}

.global_memberRegisterButton:hover .global_memberRegisterButton__wrapper {
  color: #EA3323;
  background-color: #FFFFFF;
  transform: scale(1.02);
}

.global_memberRegisterButton:hover .global_memberRegisterButton__label {
  color: #FFFFFF;
  background-color: #EA3323;
}

.global_memberRegisterButton:hover .global_memberRegisterButton__nextIcon {
  color: #EA3323;
  transform: scale(1.02);
}

@media (max-width: 1040px) {
  .global_memberRegisterButton {
    max-width: 345px;
    margin-bottom: 5px;
  }
}

.global_memberRegisterButton__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFFFFF;
  padding: 17px 38px;
  border-radius: 50px;
  background-color: #EA3323;
  border: 3px solid #EA3323;
  box-shadow: 0px 6px 6px #291E1729;
  text-decoration: none !important;
  overflow: hidden;
  transition: 0.2s;
  position: relative;
  z-index: 1;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__wrapper {
    padding: 10px 34px 12px;
    white-space: nowrap;
  }
}

.global_memberRegisterButton__wrapper::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 60px;
  background-color: #fff;
  transition: 0.2s;
  animation: shiny 2.0s ease-in-out infinite;
}

@keyframes shiny {
  0% {
    opacity: 0;
    transform: scale(0) rotate(135deg);
  }
  50% {
    opacity: 0.5;
    transform: scale(0) rotate(135deg);
  }
  51% {
    opacity: 1;
    transform: scale(1) rotate(135deg);
  }
  100% {
    opacity: 0;
    transform: scale(50) rotate(135deg);
  }
}

.global_memberRegisterButton__label {
  align-items: center;
  justify-content: center;
  max-width: 300px;
  width: 100%;
  height: 42px;
  color: #EA3323;
  font-size: 2.0rem;
  font-weight: bold;
  border-radius: 30px;
  border: 2px solid #EA3323;
  background-color: #FFFFFF;
  position: absolute;
  top: -24px;
  left: calc(100% / 2 - 150px);
  z-index: 2;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__label {
    max-width: 239px;
    height: 33px;
    font-size: 1.4rem;
    top: -20px;
    left: calc(100% / 2 - 120px);
  }
}

.global_memberRegisterButton__label .pickup {
  font-size: 2.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__label .pickup {
    font-size: 1.6rem;
  }
}

.global_memberRegisterButton__label .unit {
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__label .unit {
    font-size: 1.4rem;
  }
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__label {
    display: flex;
  }
}

.global_memberRegisterButton__title {
  display: flex;
  align-items: baseline;
  font-size: 3.6rem;
  font-weight: 900;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__title {
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 1.6rem;
  }
}

.global_memberRegisterButton__title .minutes {
  width: 34px;
  font-size: 4.0rem;
  text-align: center;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__title .minutes {
    width: 21px;
    font-size: 2.0rem;
  }
}

.global_memberRegisterButton__nextIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  color: #FFFFFF;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__nextIcon {
    width: 28px;
    height: 28px;
  }
}

.global_memberRegisterButton__nextIcon img {
  width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
}

.global_memberRegisterButton--rightColumn {
  max-width: 290px;
  margin: auto;
  margin-bottom: 10px;
  padding: 0 !important;
  color: initial !important;
  border: initial !important;
  background-color: initial !important;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__wrapper {
  padding: 8px 12px 4px;
  border-radius: 50px;
  border: 2px solid #EA3323;
  background-color: #EA3323;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__wrapper:hover {
  color: #EA3323;
  background-color: #FFFFFF;
  transform: scale(1.02);
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__wrapper:hover .global_memberRegisterButton__nextIcon {
  color: #EA3323;
  transform: scale(1.02);
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__label {
  max-width: 150px;
  height: 21px;
  align-items: center;
  color: #EA3323;
  font-size: 1.2rem;
  top: -15px;
  left: calc(100% / 2 - 75px);
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__label .pickup {
  font-size: 1.3rem;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__label .unit {
  margin-right: 2px;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__title {
  font-size: 1.6rem;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__title .minutes {
  width: 12px;
  font-size: 1.8rem;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__nextIcon .material-icons {
  font-size: 2.4rem;
}

.global_memberRegisterButton--section {
  max-width: 562px;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton--section {
    max-width: 345px;
  }
}

.global_memberRegisterButton--section .global_memberRegisterButton__wrapper {
  padding: 8px 16px;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton--section .global_memberRegisterButton__wrapper {
    align-items: center;
    padding: 10px 34px 12px;
    white-space: nowrap;
  }
}

.global_memberRegisterButton--section .global_memberRegisterButton__wrapper .minutes {
  width: 24px;
  font-size: 2.4rem;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton--section .global_memberRegisterButton__wrapper .minutes {
    width: 21px;
    font-size: 2.0rem;
  }
}

.global_memberRegisterButton--section .global_memberRegisterButton__title {
  align-items: center;
  font-size: 2.2rem;
  min-height: 36px;
  margin: auto;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton--section .global_memberRegisterButton__title {
    width: 100%;
    font-size: 1.6rem;
  }
}

.global_memberRegisterButton--section .global_memberRegisterButton__nextIcon img {
  width: 36px;
  height: auto;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton--section .global_memberRegisterButton__nextIcon img {
    width: 28px;
    height: auto;
  }
}

/*-------------------------------------
  ** memberLoginLink(CTA)
--------------------------------------*/
.global_memberLoginLink {
  display: flex;
  justify-content: center;
  color: #484848;
  font-size: 1.4rem;
}

.global_memberLoginLink .toLogin {
  color: #3aa59e;
  font-size: 1.4rem;
  text-decoration: none !important;
}

/*-------------------------------------
  ** memberPromotion(LPO)
--------------------------------------*/
.global_memberPromotion {
  width: 100%;
  padding-top: 3px;
  padding-bottom: 20px;
  position: relative;
}

@media (max-width: 1040px) {
  .global_memberPromotion {
    margin-bottom: 0;
  }
}

.global_memberPromotion__background {
  padding: 20px 0;
  background-color: #FFFFFF;
  background-image: url("/assets/img/member-promotion/mv_bg.png");
  background-repeat: no-repeat;
  background-position: 50% 0px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__background {
    padding: 20px 0 15px;
    background-color: #fff79d;
    background-image: url("/assets/img/member-promotion/sp_mv_top_bg.svg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.global_memberPromotion__wrapper {
  max-width: 1040px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 0;
}

.global_memberPromotion__mikkun {
  max-width: 199px;
  max-height: 170px;
  position: absolute;
  z-index: 1;
  top: -4px;
  right: -32px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__mikkun {
    display: none;
  }
}

.global_memberPromotion__mikkun img {
  width: 100%;
  object-fit: contain;
}

.global_memberPromotion__subTitleWrapper {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 12px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__subTitleWrapper {
    margin-bottom: 5px;
  }
}

.global_memberPromotion__subTitleWrapper .backSlash, .global_memberPromotion__subTitleWrapper .slash {
  width: 15px;
  position: relative;
}

.global_memberPromotion__subTitleWrapper .backSlash::before, .global_memberPromotion__subTitleWrapper .backSlash::after {
  position: absolute;
  content: "";
  display: block;
  transform: matrix(-0.87, 0.5, -0.5, -0.87, 0, 0);
  background-color: #6B4117;
  width: 2px;
  height: 16px;
}

.global_memberPromotion__subTitleWrapper .backSlash::before {
  top: 3px;
  left: 5px;
}

.global_memberPromotion__subTitleWrapper .backSlash::after {
  top: 3px;
  left: 10px;
}

.global_memberPromotion__subTitleWrapper .slash::before, .global_memberPromotion__subTitleWrapper .slash::after {
  position: absolute;
  content: "";
  display: block;
  transform: matrix(0.87, 0.5, -0.5, 0.87, 0, 0);
  background-color: #6B4117;
  width: 2px;
  height: 16px;
}

.global_memberPromotion__subTitleWrapper .slash::before {
  top: 3px;
  right: 5px;
}

.global_memberPromotion__subTitleWrapper .slash::after {
  top: 3px;
  right: 10px;
}

.global_memberPromotion__subTitle {
  color: #6B4117;
  font-size: 1.8rem;
  letter-spacing: 0.2px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__subTitle {
    font-size: 1.5rem;
  }
}

.global_memberPromotion__titleWrapper {
  display: flex;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

@media (max-width: 1040px) {
  .global_memberPromotion__titleWrapper {
    max-width: 320px;
    justify-content: center;
    margin: auto;
    margin-bottom: 20px;
  }
}

.global_memberPromotion__title {
  display: flex;
  align-items: baseline;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title {
    flex-direction: column;
    position: relative;
  }
  .global_memberPromotion__title::before {
    content: "";
    width: 26px;
    height: 27px;
    background-image: url("/assets/img/member-promotion/sp_mv_point_left.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    left: -27px;
  }
  .global_memberPromotion__title::after {
    content: "";
    width: 29px;
    height: 25px;
    background-image: url("/assets/img/member-promotion/sp_mv_point_right.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: -23px;
  }
}

.global_memberPromotion__title .fruitmail {
  color: #582F06;
  font-size: 3.6rem;
  font-weight: 800;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title .fruitmail {
    font-size: 3.0rem;
    width: 100%;
    text-align: center;
  }
}

.global_memberPromotion__title .fruitmail strong {
  font-size: 5.4rem;
  font-weight: 800;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title .fruitmail strong {
    font-size: 3.6rem;
  }
}

.global_memberPromotion__title .lifeStyle {
  display: flex;
}

.global_memberPromotion__title .lifeStyle .poikatsu {
  color: #FFFFFF;
  font-size: 5.4rem;
  font-weight: 800;
  padding: 5px;
  background-color: #3FC128;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title .lifeStyle .poikatsu {
    font-size: 3.6rem;
    padding: 2px 5px;
  }
}

.global_memberPromotion__title .lifeStyle .plus {
  color: #3FC128;
  font-size: 5.4rem;
  font-weight: 800;
  padding: 0 15px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title .lifeStyle .plus {
    font-size: 3.6rem;
    padding: 0 10px;
  }
}

.global_memberPromotion__title .lifeStyle .prize {
  color: #FFFFFF;
  font-size: 5.4rem;
  font-weight: 800;
  padding: 5px;
  background-color: #3FC128;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title .lifeStyle .prize {
    font-size: 3.6rem;
    padding: 2px 5px;
  }
}

.global_memberPromotion__fruitmail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__fruitmail {
    align-items: center;
    flex-direction: column;
    gap: 15px;
    padding: 0 17px 0 18px;
  }
}

.global_memberPromotion__fruitmailContents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 490px;
  width: 100%;
  height: 240px;
  border-radius: 10px;
  border: 3px solid #E8C01E;
  background-color: #FFFFFF;
  position: relative;
  z-index: 2;
}

@media (max-width: 1040px) {
  .global_memberPromotion__fruitmailContents:nth-child(1) {
    height: 321px;
  }
  .global_memberPromotion__fruitmailContents:nth-child(2) {
    height: 339px;
  }
}

.global_memberPromotion__contentsTitle {
  color: #6B4117;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

.global_memberPromotion__contentsTitle br {
  display: none;
}

@media (max-width: 1040px) {
  .global_memberPromotion__contentsTitle br {
    display: block;
  }
}

.global_memberPromotion__contentsImage {
  max-width: 408px;
  max-height: 81px;
  text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__contentsImage {
    max-width: 202px;
    max-height: 157px;
    margin-bottom: 15px;
  }
}

.global_memberPromotion__contentsImage img {
  width: 100%;
  object-fit: contain;
}

.global_memberPromotion__paragraph {
  color: #6B4117;
  font-size: 1.4rem;
  line-height: 1.714;
  text-align: center;
}

.global_memberPromotion__contentsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}

.global_memberPromotion__contentsItem {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 140px;
  max-height: 40px;
  width: 100%;
  color: #FFFFFF;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
}

.global_memberPromotion__contentsItem img {
  filter: brightness(0) invert(1);
}

.global_memberPromotion__contentsItem--app {
  background-color: #F55D7C;
}

.global_memberPromotion__contentsItem--shopping {
  background-color: #35BE5F;
}

.global_memberPromotion__contentsItem--enquete {
  background-color: #5085D0;
}

.global_memberPromotion__contentsItem--game {
  background-color: #A6CB0E;
}

.global_memberPromotion__contentsItem--receipt {
  background-color: #49B5EF;
}

.global_memberPromotion__contentsItem--prize {
  background-color: #F2A905;
}

.global_memberPromotion__nextIcon {
  display: flex;
  border-radius: 50%;
  background-color: #FFFFFF;
}

.global_memberPromotion__nextIcon .material-icons {
  color: #D20012;
}

.global_memberPromotion__achievementList {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 18px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementList {
    align-items: center;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
  }
}

.global_memberPromotion__achievement {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.global_memberPromotion__achievement .featuresLeft {
  max-width: 18px;
  max-height: 44px;
  object-fit: contain;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievement .featuresLeft {
    max-width: 11px;
    max-height: 26px;
  }
}

.global_memberPromotion__achievement .featuresRight {
  max-width: 18px;
  max-height: 44px;
  object-fit: contain;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievement .featuresRight {
    max-width: 11px;
    max-height: 26px;
  }
}

.global_memberPromotion__achievementWrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementWrapper {
    align-items: baseline;
    flex-direction: row;
    gap: 5px;
  }
}

.global_memberPromotion__achievementTitle {
  color: #6B4117;
  font-size: 1.6rem;
  margin-bottom: 5px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementTitle {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__achievementDescription {
  color: #6B4117;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementDescription {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__achievementDescription strong {
  font-size: 2.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementDescription strong {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__achievementDescription span {
  font-size: 1.6rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementDescription span {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__achievementDescription--money {
  font-size: 1.6rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementDescription--money {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__achievementDescription--money strong {
  font-size: 2.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementDescription--money strong {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__callToAction {
  display: flex;
  flex-direction: column;
}

.global_memberPromotion__callToAction--rightColumn {
  padding-top: 10px;
}

.global_memberPromotion__callToAction--rightColumn .global_memberLoginLink,
.global_memberPromotion__callToAction--rightColumn .global_memberLoginLink .toLogin {
  font-size: 1.2rem;
}

.global_memberPromotion__callToAction--section {
  padding: 10px;
}

.global_memberPromotion__callToAction--mobile {
  display: none;
}

@media (max-width: 1040px) {
  .global_memberPromotion__callToAction--mobile {
    display: flex;
    margin-bottom: 30px;
  }
}

.global_memberPromotion__campaignInfo {
  display: flex;
  flex-flow: column;
  gap: 10px;
  align-items: center;
  padding: 20px 0 45px 0;
}

@media (max-width: 1040px) {
  .global_memberPromotion__campaignInfo {
    padding: 4px 0 40px 0;
  }
}

.global_memberPromotion__campaignInfo p {
  font-size: 2.0rem;
  font-weight: 700;
  color: #F51631;
  line-height: 1.2;
}

@media (max-width: 1040px) {
  .global_memberPromotion__campaignInfo p {
    font-size: 1.6rem;
  }
}

.global_memberPromotion__campaignInfo img {
  width: 100%;
  height: auto;
}

.global_memberPromotion__campaignInfo.isMobileOnly {
  display: none;
}

@media (max-width: 1040px) {
  .global_memberPromotion__campaignInfo.isMobileOnly {
    display: flex;
  }
}

.global_trademarkNotation {
  max-width: 1040px;
  width: 100%;
  margin: auto;
  color: #939393;
  font-size: 1.0rem;
  line-height: 1.7;
  letter-spacing: 0px;
}

@media (max-width: 1040px) {
  .global_trademarkNotation {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: #F8F6ED;
  }
}

.global_trademarkNotation__title {
  font-size: 1.0rem;
}

.global_trademarkNotation__text a:not([class]) {
  color: #3aa59e;
  font-size: 1.0rem;
  text-decoration: none;
}

.global_trademarkNotation__pre {
  white-space: pre-wrap;
}

.global_trademarkNotation__pre a:not([class]) {
  color: #3aa59e;
  font-size: 1.0rem;
  text-decoration: none;
}

@media (max-width: 1040px) {
  .global_trademarkNotation {
    margin: 40px 0;
    padding: 0 15px;
  }
}

/*-------------------------------------
  ** rank_index（top_page）
--------------------------------------*/
.rank_index {
  width: 950px;
}

@media screen and (max-width: 800px) {
  .rank_index {
    width: 100%;
  }
}

.rank_index__specialLink {
  width: 115px;
  height: 25px;
  color: white !important;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none !important;
  background-image: url(/assets/img/rank/common/special-button.svg);
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  transform: scale(1.1);
}

.rank_index__specialLink span {
  font-size: 1.5rem !important;
  margin: 0 !important;
  margin-left: 2px !important;
}

.rank_index__nextMonthRank {
  color: white;
  font-size: 1.5rem;
  background-color: #57be8a;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rank_index__nextMonthRank strong {
  margin-left: 6px;
}

.rank_index__nextMonthRank span {
  font-size: 1.2rem;
  margin-left: 8px;
}

@media (max-width: 800px) {
  .rank_index__nextMonthRank {
    display: block;
    text-align: center;
  }
  .rank_index__nextMonthRank a {
    margin: 0 auto;
    margin-bottom: 8px;
  }
  .rank_index__nextMonthRank span {
    text-align: center;
    display: block;
    margin-top: 8px;
  }
}

.rank_index__nav {
  height: 46px;
  display: flex;
  align-items: center;
  font-weight: bold;
  background: #EFFAFA;
  padding: 0 8px;
  box-sizing: border-box;
  margin-bottom: 24px;
}

.rank_index__point {
  display: flex;
  align-items: center;
  margin-right: 100px;
}

.rank_index__medal {
  display: flex;
  align-items: center;
  margin-right: 100px;
}

.rank_index__value {
  color: #3e3e3e;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}

.rank_index__value span {
  display: inline-block;
}

.rank_index__unit {
  position: relative;
  top: 1px;
  font-size: 1.1rem;
}

.rank_index__historyIcon {
  font-size: 1.8rem;
  padding: 2px;
  color: #ffbb2e;
  border: 1px #ffbb2e solid;
  border-radius: 100%;
  margin: 0 4px;
}

.rank_index__pointIcon {
  margin-right: 3px;
}

.rank_index__pointIcon img {
  width: 18px;
}

.rank_index__medalIcon {
  margin-right: 3px;
}

.rank_index__medalIcon img {
  width: 18px;
}

.rank_index__pointInterchange {
  padding: 3px 22px 3px 14px;
  border-radius: 15px;
  border: 1px solid #ffbb2e;
  background-color: #ffffff;
}

.rank_index__pointInterchange a {
  position: relative;
  color: #ffbb2e;
  font-size: 1.1rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.rank_index__pointInterchange a::before {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  border-top: solid 1px #ffbb2e;
  border-right: solid 1px #ffbb2e;
  right: -10px;
  transform: rotate(45deg);
}

.rank_index__nextRank {
  display: flex;
  align-items: center;
  color: #e3a32c;
  font-size: 1.2rem;
}

.rank_index__fixedRank {
  display: flex;
  padding: 2px 9px;
  margin-right: 13px;
  color: #FFFFFF;
  font-size: 1.1rem;
  background: #e3a32c;
  position: relative;
}

.rank_index__fixedRank::after {
  content: ' ';
  top: -12px;
  right: -17px;
  position: absolute;
  border: 7px transparent solid;
  border-left: 15px #e3a32c solid;
  transform: translateY(100%);
}

.rank_index__judge {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  border-radius: 100%;
  border: solid 4px #e3a32c;
}

.rank_index__nextPrivilege {
  padding: 2px 22px 2px 14px;
  border-radius: 15px;
  border: 1px solid #ffbb2e;
  background-color: #ffffff;
}

.rank_index__nextPrivilege a {
  position: relative;
  color: #ffbb2e;
  font-size: 1.1rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.rank_index__nextPrivilege a::before {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  border-top: solid 1px #ffbb2e;
  border-right: solid 1px #ffbb2e;
  right: -10px;
  transform: rotate(45deg);
}

.rank_index__confirmation {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
}

.rank_index__title {
  color: #464646;
  font-size: 1.6rem;
  font-weight: bold;
}

@media (max-width: 800px) {
  .rank_index__title {
    display: none;
  }
}

.rank_index__confirmationList {
  position: absolute;
  right: 0;
  height: 100%;
  display: flex;
}

.rank_index__confirmationList a {
  color: #464646;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
}

@media (max-width: 800px) {
  .rank_index__confirmationList {
    width: 100%;
  }
}

.rank_index__confirmationLink {
  color: #464646;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0 40px;
}

.rank_index__confirmationLink a {
  color: #464646 !important;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none !important;
}

.rank_index__confirmationLink a:hover {
  color: #0066cb;
  text-decoration: underline;
}

.rank_index__confirmationLink--selected {
  background: #FEFFD4;
}

@media (max-width: 800px) {
  .rank_index__confirmationLink {
    width: calc(100% / 4);
    justify-content: center;
    padding: 0;
  }
}

.rank_index__statusListSpace {
  position: relative;
  padding-bottom: 80px;
  overflow: hidden;
}

.rank_index__statusListBackgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 20px 0;
}

.rank_index__statusListBackgroundColor {
  position: absolute;
  width: 100%;
  height: 110%;
  top: 0;
  left: 0;
  transform: skew(0deg, -3deg) translateY(-15%);
}

.rank_index__statusList {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-evenly;
}

@media screen and (max-width: 800px) {
  .rank_index__statusList {
    padding: 10px;
    align-items: center;
    flex-direction: column;
  }
}

.rank_index__privilege {
  position: relative;
  padding-top: 16px;
  padding-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .rank_index__privilege {
    padding-top: 0;
  }
}

.rank_index__privilegeBackgroundColor {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: skew(0deg, 2deg);
  transform-origin: bottom left;
}

@media screen and (max-width: 800px) {
  .rank_index__privilegeBackgroundColor {
    top: -15px;
  }
}

.rank_index__privilegeBackgroundColor--leftDown {
  transform: skew(0deg, -3deg);
}

.rank_index__privilegeTitle {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 800px) {
  .rank_index__privilegeTitle {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}

.rank_index__privilegeTitle span {
  font-size: 2.8rem;
}

@media screen and (max-width: 800px) {
  .rank_index__privilegeTitle span {
    font-size: 1.8rem;
  }
}

.rank_index__privilegeItemList {
  display: flex;
  gap: 13px;
  flex-wrap: wrap;
  padding: 0 5px;
}

.rank_index__expensive {
  padding-top: 60px;
  margin-bottom: 40px;
}

.rank_index__expensiveTitle {
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}

@media screen and (max-width: 800px) {
  .rank_index__expensiveTitle {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}

.rank_index__expensiveItemList {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

@media screen and (max-width: 800px) {
  .rank_index__expensiveItemList {
    grid-template-columns: 50% 50%;
  }
}

.rank_index__clickItemTitle {
  margin-bottom: 20px;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .rank_index__clickItemTitle {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}

.rank_index__clickItemContents {
  margin: 15px;
  margin-bottom: 0;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 5px;
  padding: 8px;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .rank_index__clickItemContents {
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
  }
}

.rank_index__mainClickItemList {
  display: flex;
  text-align: center;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .rank_index__mainClickItemList {
    display: initial;
  }
}

.rank_index__otherClickItemList {
  margin: 10px;
  display: grid;
  justify-items: start;
  grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
}

@media screen and (max-width: 800px) {
  .rank_index__otherClickItemList {
    margin: 0;
    display: initial;
  }
}

.rank_index__otherClickItemTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  margin: 0 10px;
  margin-top: 16px;
  background: #EDDF95;
}

@media screen and (max-width: 800px) {
  .rank_index__otherClickItemTitle {
    margin: 0;
  }
}

.rank_index__otherClickItemIcon {
  margin-right: 25px;
}

.rank_index__otherClickItemMark {
  width: 270px;
  padding: 7px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  background: #FFFFFF;
  position: relative;
}

@media screen and (max-width: 800px) {
  .rank_index__otherClickItemMark {
    width: 220px;
    font-size: 1.2rem;
  }
}

.rank_index__otherClickItemMark::before {
  content: ' ';
  top: -14px;
  left: -23px;
  position: absolute;
  border: 10px transparent solid;
  border-right: 15px #FFFFFF solid;
  transform: translateY(100%);
}

/*-------------------------------------
  ** rank/status（component）
--------------------------------------*/
.rank_status {
  width: 53%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

@media screen and (max-width: 800px) {
  .rank_status {
    width: 100%;
    padding: 15px 0px;
    box-sizing: border-box;
    justify-content: space-between;
  }
}

.rank_status__badge {
  width: 220px;
  height: 320px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}

@media screen and (max-width: 800px) {
  .rank_status__badge {
    padding: 5px;
    width: 110px;
    height: 250px;
  }
}

.rank_status__badge img {
  width: 110px;
  height: auto;
}

@media screen and (max-width: 800px) {
  .rank_status__badge img {
    width: 90px;
    padding: 10px;
  }
}

.rank_status__detail {
  width: initial;
}

@media screen and (max-width: 800px) {
  .rank_status__detail {
    width: 100%;
  }
}

.rank_status__title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .rank_status__title {
    font-size: 1.5rem;
  }
}

.rank_status__historyLink {
  width: 140px;
  font-size: 1.1rem;
  text-decoration: none;
  background-color: white;
  border: 1px gray solid;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 0;
  padding-left: 4px;
  margin: 0 auto;
  margin-top: 14px;
}

@media screen and (max-width: 800px) {
  .rank_status__historyLink {
    width: 100px;
    padding: 0 5px;
    margin-top: 10px;
    font-size: 1.0rem;
    line-height: 1.0rem;
  }
}

.rank_status__term {
  margin-top: 10px;
}

.rank_status__term br {
  display: none;
}

@media screen and (max-width: 800px) {
  .rank_status__term {
    font-size: 1.1rem;
    margin-bottom: 10px;
  }
  .rank_status__term br {
    display: block;
  }
}

.rank_history {
  padding-top: 24px;
}

.rank_history h2 {
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.rank_history h2 span {
  font-size: 2.4rem;
  margin-right: 4px;
}

.rank_history__keepRanks {
  margin-bottom: 24px;
}

.rank_history__keepRanks div {
  display: flex;
}

.rank_history__keepRanks div img {
  width: 30px;
  margin-right: 10px;
}

.rank_history__rank {
  color: #505050;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rank_history__rank img {
  width: 20px;
  margin-right: 8px;
}

.rank_history__rank span {
  color: orange;
  margin-left: 4px;
  font-size: 1.2rem;
}

@media (max-width: 800px) {
  .rank_history {
    padding: 0 8px;
    box-sizing: border-box;
    padding-top: 24px;
  }
}

/*-------------------------------------
  ** rank/condition（component）
--------------------------------------*/
.rank_condition {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 270px;
  height: 280px;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  padding: 16px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .rank_condition {
    padding: 5px;
    height: 240px;
    max-width: 260px;
    width: 100%;
    justify-content: space-evenly;
  }
}

.rank_condition__title {
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 800px) {
  .rank_condition__title div {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 4px;
    margin-bottom: 10px;
  }
}

.rank_condition__text {
  margin: 10px;
  padding: 10px;
  color: #3e3e3e;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  background: #FFF3B1;
}

@media screen and (max-width: 800px) {
  .rank_condition__text {
    font-size: 1.2rem;
    margin: 10px 5px;
    padding: 10px 5px;
  }
}

.rank_condition__list {
  display: flex;
  justify-content: space-around;
}

.rank_condition__medal {
  color: #56A78D;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .rank_condition__medal {
    font-size: 1.2rem;
  }
}

.rank_condition__medalCircle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 5px;
  border-radius: 50%;
  background-image: radial-gradient(#FFFFFF 63%, transparent 64%), conic-gradient(#56A78D 0% 60%, #d9d9d9 60% 100%);
}

@media screen and (max-width: 800px) {
  .rank_condition__medalCircle {
    width: 85px;
    height: 85px;
    font-size: 1.1rem;
  }
}

.rank_condition__medalCircle strong {
  font-size: 1.5rem;
}

@media screen and (max-width: 800px) {
  .rank_condition__medalCircle strong {
    font-size: 1.1rem;
  }
}

.rank_condition__unit {
  position: relative;
  top: 1px;
  font-size: 1.1rem !important;
}

.rank_condition__point {
  color: #F7BC4D;
  font-weight: bold;
  text-align: center;
}

.rank_condition__point span {
  font-size: 1.6rem;
}

@media screen and (max-width: 800px) {
  .rank_condition__point span {
    font-size: 1.2rem;
  }
}

.rank_condition__pointCircle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 5px;
  border-radius: 50%;
  background-image: radial-gradient(#FFFFFF 62%, transparent 63%), conic-gradient(#C68100 0% 60%, #d9d9d9 60% 100%);
}

@media screen and (max-width: 800px) {
  .rank_condition__pointCircle {
    width: 85px;
    height: 85px;
    font-size: 1.1rem;
  }
}

/*-------------------------------------
  ** rank/detail（component）
--------------------------------------*/
.rank_detail {
  display: flex;
  flex-direction: column;
  align-content: space-around;
  width: 400px;
  height: 280px;
  padding: 15px;
  border-radius: 5px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media screen and (max-width: 800px) {
  .rank_detail {
    width: 100%;
    height: auto;
    padding: 10px;
  }
}

.rank_detail__point {
  padding: 7px;
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 800px) {
  .rank_detail__point {
    padding: 7px 0;
  }
}

.rank_detail__medal {
  padding: 7px;
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 800px) {
  .rank_detail__medal {
    padding: 7px 0;
  }
}

.rank_detail__title {
  width: 100px;
  font-size: 1.3rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.rank_detail__pointValue {
  font-size: 1.8rem;
  color: #E8A61D;
  font-weight: bold;
}

.rank_detail__medalValue {
  font-size: 1.8rem;
  color: #56a78d;
  font-weight: bold;
}

.rank_detail__unit {
  position: relative;
  top: 1px;
  font-size: 1.1rem;
}

.rank_detail__content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 360px;
  height: 90px;
  padding-left: 0;
  padding-right: 10px;
  font-size: 1.0rem;
  margin: auto;
  background: #F4F4F4;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .rank_detail__content {
    display: initial;
    width: 100%;
    height: auto;
    padding: 0;
  }
}

.rank_detail__toggleIcon {
  display: none;
}

@media (max-width: 800px) {
  .rank_detail__toggleIcon {
    display: block;
  }
}

.rank_detail__nav {
  display: block;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .rank_detail__nav {
    display: none;
  }
}

.rank_detail__contentTitle {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin: 5px 10px;
  font-size: 1.1rem;
}

@media (max-width: 800px) {
  .rank_detail__contentTitle {
    display: flex;
  }
}

.rank_detail__pointHistoryList {
  flex: 1;
}

.rank_detail__pointHistoryList li {
  margin: 10px;
  display: flex;
  justify-content: space-between;
}

.rank_detail__pointHistoryList span {
  color: #5c5c5c;
  margin-right: 3px;
}

.rank_detail__pointHistoryList a {
  position: relative;
  color: #5fbfa0;
  font-size: 1.1rem;
  text-decoration: none;
}

.rank_detail__pointHistoryList a::after {
  content: '';
  width: 4px;
  height: 4px;
  border-top: solid 2px #5fbfa0;
  border-right: solid 2px #5fbfa0;
  position: absolute;
  top: 5px;
  right: -8px;
}

.rank_detail__pointHistoryList a::after {
  transform: rotate(45deg);
}

.rank_detail__pointHistory {
  display: flex;
}

.rank_detail__pointHistoryLink {
  position: relative;
  color: #5fbfa0;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .rank_detail__pointHistoryLink {
    font-size: 1.1rem;
  }
  .rank_detail__pointHistoryLink div {
    display: none;
  }
}

.rank_detail__pointHistoryLink::after {
  content: '';
  width: 4px;
  height: 4px;
  border-top: solid 2px #5fbfa0;
  border-right: solid 2px #5fbfa0;
  position: absolute;
  top: 5px;
  right: -8px;
  transform: rotate(45deg);
}

@media screen and (max-width: 800px) {
  .rank_detail__pointHistoryLink::after {
    top: 6px;
    left: -1px;
  }
}

.rank_detail__medalHistoryList {
  flex: 1;
}

.rank_detail__medalHistoryList li {
  margin: 10px;
  display: flex;
  justify-content: space-between;
}

.rank_detail__medalHistoryList span {
  color: #5c5c5c;
  margin-right: 3px;
}

.rank_detail__medalHistoryList a {
  position: relative;
  color: #5fbfa0;
  font-size: 1.1rem;
  text-decoration: none;
}

.rank_detail__medalHistoryList a::after {
  content: '';
  width: 4px;
  height: 4px;
  border-top: solid 2px #5fbfa0;
  border-right: solid 2px #5fbfa0;
  position: absolute;
  top: 5px;
  right: -8px;
}

.rank_detail__medalHistoryList a::after {
  transform: rotate(45deg);
}

.rank_detail__medalHistory {
  display: flex;
}

@media screen and (max-width: 800px) {
  .rank_detail__medalHistory {
    font-size: 0.9rem;
  }
  .rank_detail__medalHistory strong {
    font-size: 1.2rem;
  }
}

.rank_detail__medalHistoryLink {
  position: relative;
  color: #5fbfa0;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .rank_detail__medalHistoryLink {
    font-size: 1.1rem;
  }
  .rank_detail__medalHistoryLink div {
    display: none;
  }
}

.rank_detail__medalHistoryLink::after {
  content: '';
  width: 4px;
  height: 4px;
  border-top: solid 2px #5fbfa0;
  border-right: solid 2px #5fbfa0;
  position: absolute;
  top: 5px;
  left: 27px;
  transform: rotate(45deg);
}

@media screen and (max-width: 800px) {
  .rank_detail__medalHistoryLink::after {
    top: 6px;
    left: -1px;
  }
}

.rank_detail__term {
  margin-right: 10px;
}

@media screen and (max-width: 800px) {
  .rank_detail__term {
    font-size: 1.1rem;
  }
}

/*-------------------------------------
  ** rank/privilegeItem（component）
--------------------------------------*/
.rank_privilegeItem {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: calc((100% - 13px * (4 - 1)) / 4);
  padding-bottom: 12px;
  color: black;
  text-decoration: none !important;
  border-radius: 5px;
  border: 1px solid #2B2B2B;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

.rank_privilegeItem:hover {
  color: black;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem {
    width: calc((100% - 13px * (2 - 1)) / 2);
  }
}

.rank_privilegeItem--doubleDesign {
  width: calc((100% - 13px * (2 - 1)) / 2);
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem--doubleDesign {
    width: 100%;
  }
}

.rank_privilegeItem__icon {
  position: absolute;
  top: -5px;
  right: 10px;
  width: 40px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__icon {
    top: 0;
    width: 30px;
  }
}

.rank_privilegeItem__inline {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__inline {
    justify-content: initial;
  }
}

.rank_privilegeItem__title {
  padding: 12px;
  color: #FEFFD4;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__title {
    font-size: 1.2rem;
  }
}

.rank_privilegeItem__label {
  width: 100%;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1rem;
  padding: 3px 0;
  margin-bottom: 4px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__label {
    font-size: 1.0rem;
    padding: 0;
  }
}

.rank_privilegeItem__message {
  padding-left: 16px;
  color: crimson;
  font-weight: bold;
  font-size: 1.2rem;
}

@media (max-width: 800px) {
  .rank_privilegeItem__message {
    font-size: 1.1rem;
    padding-left: 4px;
  }
}

.rank_privilegeItem__main {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__main {
    font-size: 1.2rem;
    padding: 0 5px;
    margin-bottom: 4px;
  }
}

.rank_privilegeItem__main strong {
  font-size: 2.3rem;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__main strong {
    font-size: 1.6rem;
  }
}

.rank_privilegeItem__main strong span {
  font-size: 1.6rem;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__main strong span {
    font-size: 1.2rem;
  }
}

.rank_privilegeItem__upDesign {
  font-size: 1.7rem;
  text-align: center;
  margin-top: 8px;
}

.rank_privilegeItem__description {
  display: block;
  color: #646464;
  font-size: 1.1rem;
  margin-bottom: 12px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__description {
    font-size: 1.0rem;
    margin-bottom: 6px;
  }
}

.rank_privilegeItem__doubleDesign {
  display: flex;
  min-height: 72px;
}

.rank_privilegeItem__doubleDesignItem {
  position: relative;
  width: 50%;
}

.rank_privilegeItem__doubleDesignCenterBorder {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px;
}

.rank_privilegeItem__doubleDesignCenterBorder span {
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: black;
  border-radius: 100%;
  padding: 5px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__doubleDesignCenterBorder span {
    font-size: 1.0rem !important;
  }
}

.rank_privilegeItem__doubleDesignCenterBorder::before, .rank_privilegeItem__doubleDesignCenterBorder::after {
  content: '';
  position: absolute;
  top: 0;
  width: 1px;
  height: 30%;
  background-color: gray;
}

.rank_privilegeItem__doubleDesignCenterBorder::after {
  top: auto;
  bottom: 0;
}

.rank_privilegeItem__doubleDesignText {
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  text-align: center;
  margin: 5px 0;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__doubleDesignText {
    font-size: 1.2rem;
  }
}

.rank_privilegeItem__doubleDesignText s {
  color: gray;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__doubleDesignText s {
    font-size: 1.2rem;
  }
}

.rank_privilegeItem__doubleDesignSub {
  width: 100%;
  color: #666666;
  font-size: 1.1rem;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__doubleDesignSub {
    font-size: 1.0rem;
  }
}

.rank_privilegeItem__arrowButton {
  position: absolute;
  bottom: 0;
  right: 0;
}

.rank_privilegeItem__arrowButton img {
  width: 32px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__arrowButton img {
    width: 30px;
  }
}

.rank_notRewardPrivilegeItem {
  display: block;
  position: relative;
  width: calc((100% - 13px * (4 - 1)) / 4);
  color: black;
  text-decoration: none !important;
}

.rank_notRewardPrivilegeItem:hover {
  color: black;
}

@media screen and (max-width: 800px) {
  .rank_notRewardPrivilegeItem {
    width: calc((100% - 13px * (2 - 1)) / 2);
  }
}

.rank_notRewardPrivilegeItem__inline {
  height: 150px;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  border: 1px solid #2B2B2B;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  overflow: hidden;
}

.rank_notRewardPrivilegeItem__budges {
  display: flex;
  align-items: center;
  border-bottom: 1px #9b9b9b solid;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

.rank_notRewardPrivilegeItem__label {
  color: white;
  font-size: 1rem;
  font-weight: normal;
  background-color: #959595;
  border-radius: 2px;
  padding: 1px 6px;
  margin-right: 4px;
}

.rank_notRewardPrivilegeItem__budge {
  position: relative;
  padding: 2px;
}

.rank_notRewardPrivilegeItem__budge img {
  width: 11px;
}

.rank_notRewardPrivilegeItem__budgeHideCover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.rank_notRewardPrivilegeItem__title {
  padding: 12px;
  color: #FEFFD4;
  background-color: black;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .rank_notRewardPrivilegeItem__title {
    font-size: 1.2rem;
  }
}

.rank_notRewardPrivilegeItem__main {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .rank_notRewardPrivilegeItem__main {
    padding: 0 5px;
    margin-bottom: 0;
    font-size: 1.4rem;
  }
}

.rank_notRewardPrivilegeItem__main strong {
  font-size: 2.3rem;
  font-weight: bold;
}

.rank_notRewardPrivilegeItem__main strong span {
  font-size: 1.6rem;
}

.rank_notRewardPrivilegeItem__description {
  display: block;
  color: #8f8f8f;
  font-size: 1.1rem;
  margin-bottom: 12px;
}

.rank_notRewardPrivilegeItem__arrowButton {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
}

.rank_notRewardPrivilegeItem__arrowButton img {
  width: 32px;
}

@media screen and (max-width: 800px) {
  .rank_notRewardPrivilegeItem__arrowButton img {
    width: 30px;
  }
}

.rank_notRewardPrivilegeItem__icons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.rank_notRewardPrivilegeItem__icons img {
  width: 38px;
}

@media screen and (max-width: 800px) {
  .rank_notRewardPrivilegeItem__icons img {
    width: 30px;
  }
}

/*-------------------------------------
  ** rank/expensiveItem（component）
--------------------------------------*/
.rank_expensiveItem {
  height: 250px;
  margin: 10px;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #E2E1D9;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: space-around;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem {
    padding: 0;
    height: 150px;
  }
}

.rank_expensiveItem a {
  text-decoration: none;
}

.rank_expensiveItem__thumbnail {
  display: flex;
  align-items: center;
  max-width: 200px;
  max-height: 170px;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__thumbnail {
    height: auto;
  }
}

.rank_expensiveItem__thumbnail img {
  width: 200px;
  height: 170px;
  margin: 0 auto;
  object-fit: contain;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__thumbnail img {
    width: 95px;
    height: 95px;
  }
}

.rank_expensiveItem__detail {
  margin: 5px;
}

.rank_expensiveItem__title {
  color: #4c4c4c;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__title {
    font-size: 1.0rem;
  }
}

.rank_expensiveItem__point {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.rank_expensiveItem__pointBefore {
  color: gray;
  font-size: 1.4rem;
  margin-right: 10px;
  text-decoration: line-through;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__pointBefore {
    font-size: 1.1rem;
  }
}

.rank_expensiveItem__pointAfter {
  color: #E31610;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__pointAfter {
    font-size: 1.8rem;
  }
  .rank_expensiveItem__pointAfter img {
    width: 15px;
  }
}

.rank_expensiveItem__pointAfter span {
  font-size: 1.4rem;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__pointAfter span {
    font-size: 1.0rem;
  }
}

/*-------------------------------------
  ** rank/mainClickItem（component）
--------------------------------------*/
.rank_mainClickItem {
  padding: 15px;
}

.rank_mainClickItem__img {
  width: 280px;
  height: auto;
}

@media screen and (max-width: 800px) {
  .rank_mainClickItem__img {
    background: #FFFFFF;
  }
}

.rank_mainClickItem__attention {
  margin: 5px;
}

/*-------------------------------------
  ** rank/otherClickItem（component）
--------------------------------------*/
.rank_otherClickItem {
  height: 110px;
  max-width: 290px;
  margin: 7px;
}

@media screen and (max-width: 800px) {
  .rank_otherClickItem {
    padding: 10px;
    margin: 10px auto;
    background: #FFFFFF;
  }
}

.rank_otherClickItem a {
  display: flex;
  width: 100%;
  height: 100%;
  color: black;
  text-decoration: none;
}

.rank_otherClickItem__img {
  width: 130px;
  height: auto;
}

.rank_otherClickItem__detail {
  margin-left: 5px;
}

.rank_otherClickItem__text {
  color: #4a4a4a;
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .rank_otherClickItem__text {
    font-size: 1.2rem;
  }
}

.rank_otherClickItem__reward {
  display: flex;
  align-items: flex-end;
}

.rank_otherClickItem__rewardLimit {
  margin-left: 4px;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 3px;
}

.rank_otherClickItem__rewardMedal {
  color: #56A78D;
  font-size: 2.3rem;
  font-weight: bold;
  white-space: nowrap;
}

@media screen and (max-width: 800px) {
  .rank_otherClickItem__rewardMedal {
    font-weight: 500;
  }
}

.rank_otherClickItem__rewardMedal span {
  font-size: 1.2rem;
  font-weight: bold;
  margin-left: 3px;
}

.rank_historyTable {
  width: 100% !important;
  border-collapse: collapse;
  margin-bottom: 0;
}

.rank_historyTable th, .rank_historyTable td {
  font-size: 1.4rem;
  padding: 8px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #ffe5b7 solid;
}

.rank_historyTable th {
  color: white;
  background-color: orange;
}

.rank_historyTable td a {
  font-size: 1.2rem;
}

.rank_historyTable__noneText {
  width: 100%;
  color: #6a6a6a;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  box-sizing: border-box;
  border: 1px #ffe5b7 solid;
  border-top: none;
}

@media (max-width: 800px) {
  .rank_historyTable tr {
    display: flex;
  }
}

.fm_rank-pg-medal {
  margin: 40px 0;
  /** モーダル設定 **/
  /*ボディー*/
  /*閉じるボタン*/
  /*コンテンツ*/
}

.fm_rank-pg-medal__heading {
  color: black;
  font-size: 1.8rem;
  margin-bottom: 12px;
}

.fm_rank-pg-medal__selectDate {
  margin-bottom: 8px;
}

.fm_rank-pg-medal__selectDate select {
  padding: 4px 0;
  box-sizing: border-box;
}

.fm_rank-pg-medal__selectDate select option {
  font-size: 1.2rem;
}

.fm_rank-pg-medal__selectDate input[type="submit"] {
  font-size: 1.2rem;
  padding: 5px 6px;
  box-sizing: border-box;
}

.fm_rank-pg-medal__modalOpen {
  color: #1aa0c9;
  cursor: pointer;
}

.fm_rank-pg-medal__modalContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
  /*擬似要素*/
  /*active化した際の設定*/
}

.fm_rank-pg-medal__modalContainer::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.fm_rank-pg-medal__modalContainer--active {
  opacity: 1;
  z-index: 200;
  visibility: visible;
}

@media (max-width: 800px) {
  .fm_rank-pg-medal__modalContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
  }
}

.fm_rank-pg-medal__modalBody {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
}

.fm_rank-pg-medal__modalClose {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 800px) {
  .fm_rank-pg-medal__modalClose {
    right: 0;
  }
}

.fm_rank-pg-medal__modalContent {
  background: #fff;
  text-align: left;
  padding: 30px;
}

@media (max-width: 800px) {
  .fm_rank-pg-medal {
    margin: 20px 0;
    padding: 0 8px;
    box-sizing: border-box;
  }
}

.fm_rank-c-medalDetail {
  width: 100% !important;
  border-collapse: collapse;
  margin-bottom: 0;
}

.fm_rank-c-medalDetail th {
  color: #000;
  text-align: center;
  background-color: #FCE0E0;
  font-size: 1.2rem;
  padding: 6px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #464646 solid;
}

.fm_rank-c-medalDetail tr {
  border: none;
}

.fm_rank-c-medalDetail td {
  font-size: 1.2rem;
  padding: 6px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #464646 solid;
}

@media (max-width: 800px) {
  .fm_rank-c-medalDetail tr {
    display: flex;
  }
  .fm_rank-c-medalDetail td {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.fm_rank-c-medalHistoryTable {
  width: 100% !important;
  border-collapse: collapse;
  margin-bottom: 0;
}

.fm_rank-c-medalHistoryTable th, .fm_rank-c-medalHistoryTable td {
  font-size: 1.2rem;
  padding: 6px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #464646 solid;
}

.fm_rank-c-medalHistoryTable th {
  color: #000;
  background-color: #FCE0E0;
}

.fm_rank-c-medalHistoryTable td a {
  font-size: 1.2rem;
}

.fm_rank-c-medalHistoryTable__noneText {
  width: 100%;
  color: #FF0000;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 0;
  box-sizing: border-box;
  border: 1px #464646 solid;
  border-top: none;
}

@media (max-width: 800px) {
  .fm_rank-c-medalHistoryTable tr {
    display: flex;
  }
}

/*-----------------------------------------------------------

  *** rank/gift【giftページ】***

  ------------------------------------------------------------*/
.rank_gift {
  padding: 10px 0;
}

.rank_gift__thumbnail {
  margin-bottom: 20px;
}

.rank_gift__thumbnail img {
  width: 100%;
  height: auto;
}

.rank_gift__heading {
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
  background-color: black;
}

@media screen and (max-width: 800px) {
  .rank_gift__heading {
    padding: 10px 5px;
  }
}

.rank_gift__headingList {
  margin-bottom: 10px;
}

.rank_gift__headingList li {
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
}

@media screen and (max-width: 800px) {
  .rank_gift__headingList li {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.rank_gift__exchangeFlowList {
  display: flex;
  justify-content: center;
  margin: 5px 0;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .rank_gift__exchangeFlowList {
    font-size: 1.1rem;
  }
}

.rank_gift__itemList ul {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
}

@media screen and (max-width: 800px) {
  .rank_gift__itemList ul {
    justify-content: center;
    grid-template-columns: calc(100% / 3 - 3px) calc(100% / 3 - 3px) calc(100% / 3 - 3px);
  }
}

.rank_gift__itemList ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 200px;
  padding: 5px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 5px solid #D0D0D0;
  box-shadow: 0 0 5px 1px #d0d0d0;
}

@media screen and (max-width: 800px) {
  .rank_gift__itemList ul li {
    height: auto;
    margin: 5px;
  }
}

.rank_gift__itemList ul li:hover {
  border: 5px solid #bd0000;
}

.rank_gift__itemList ul li:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 800px) {
  .rank_gift__itemList ul li:nth-child(3n) {
    margin-right: 5px;
  }
}

.rank_gift__itemList ul li br {
  display: none;
}

@media screen and (max-width: 800px) {
  .rank_gift__itemList ul li br {
    display: block;
  }
}

.rank_gift__item {
  font-size: 2.2rem;
  font-weight: bold;
  margin-top: 35px;
}

@media screen and (max-width: 800px) {
  .rank_gift__item {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}

.rank_gift__item span {
  display: block;
  margin-top: 20px;
  font-size: 1.8rem;
}

@media screen and (max-width: 800px) {
  .rank_gift__item span {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}

.rank_gift a {
  color: white;
  padding: 20px;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  background-color: black;
  box-shadow: 0 0 8px 1px #8c8c8c;
}

@media screen and (max-width: 800px) {
  .rank_gift a {
    padding: 5px;
    margin-top: 10px;
    font-size: 1.1rem;
  }
}

.rank_gift a:hover {
  opacity: 0.5;
}

.rank_gift__attention {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px #DDD solid;
}

@media screen and (max-width: 800px) {
  .rank_gift__attention {
    padding: 10px 0;
    margin: 10px;
  }
}

.rank_gift__attentionTitle {
  padding: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px #DDD solid;
}

.rank_gift__attentionList {
  width: 100%;
  color: #333;
  padding: 10px 0;
  font-size: 1.6rem;
  font-weight: bold;
  box-sizing: border-box;
}

.rank_gift__attentionList li {
  margin: 10px;
  display: flex;
  font-weight: bold;
}

.rank_gift__attentionList li span {
  font-size: 1.4rem;
  margin-right: 5px;
}

.rank_gift__attentionList li P {
  font-size: 1.4rem;
}

.rank_gift__creditContent {
  padding: 10px;
  margin-bottom: 30px;
  border: 1px #DDD solid;
}

@media screen and (max-width: 800px) {
  .rank_gift__creditContent {
    margin: 10px;
  }
}

.rank_gift__creditContentList {
  width: 100%;
  color: #333;
  font-weight: bold;
  box-sizing: border-box;
}

.rank_gift__creditContentList li {
  margin: 5px;
  display: flex;
}

.rank_gift__creditContentList li span {
  margin-right: 10px;
}

.rank_gift__creditContentList li P {
  font-size: 1.2rem;
}

.rank_gift__otherItem {
  padding: 10px;
}

.rank_gift__otherItem ul {
  display: flex;
  justify-content: space-evenly;
}

.rank_gift__otherItem ul li {
  margin: 10px;
  font-weight: bold;
  text-align: center;
}

.rank_gift__otherItem ul img {
  margin-bottom: 10px;
}

.rankComponent_attention a {
  color: #3AA59E;
}

.rankComponent_attention__heading {
  color: #464646;
  margin-bottom: 30px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 800px) {
  .rankComponent_attention__heading {
    font-size: 1.6rem;
  }
}

.rankComponent_attention__body {
  display: flex;
  flex-flow: column;
  gap: 30px 0;
}

.rankComponent_attention__section {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.rankComponent_attention__sectionTitle {
  padding-bottom: 6px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #484848;
  line-height: 1.4;
  border-bottom: 1px solid #707070;
}

@media (max-width: 800px) {
  .rankComponent_attention__sectionTitle {
    font-size: 1.6rem;
  }
}

.rankComponent_attention__subSectionTitle {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 700;
}

@media (max-width: 800px) {
  .rankComponent_attention__subSectionTitle {
    font-size: 1.4rem;
  }
}

.rankComponent_attention__basicList {
  display: flex;
  flex-flow: column;
  gap: 0;
}

.rankComponent_attention__basicListItem {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.rankComponent_attention__basicListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '・';
  width: 1.4rem;
}

.rankComponent_attention__warnList {
  display: flex;
  flex-flow: column;
  gap: 0;
}

.rankComponent_attention__warnListItem {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.rankComponent_attention__warnListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※';
  width: 1.4rem;
}

.rankComponent_campaignHeader {
  transition-property: filter;
  transition-duration: 0.2s;
}

@media (hover) {
  .rankComponent_campaignHeader:hover {
    filter: brightness(1.1);
  }
}

.rankComponent_campaignHeader img {
  max-width: 100%;
}

.rankComponent_campaignBanner {
  transition-property: filter;
  transition-duration: 0.2s;
}

@media (hover) {
  .rankComponent_campaignBanner:hover {
    filter: brightness(1.1);
  }
}

.rankComponent_campaignBanner img {
  max-width: 100%;
}

.rank_description {
  background-color: #FFFCDB;
}

.rank_description * {
  box-sizing: border-box;
}

.rank_description__commonHeading {
  position: relative;
  top: -10px;
  font-size: 4.0rem;
  font-weight: 700;
  color: #440205;
}

@media (max-width: 800px) {
  .rank_description__commonHeading {
    top: 0;
    font-size: 2.0rem;
  }
}

.rank_description__commonSummary {
  font-size: 1.8rem;
  font-weight: 500;
  color: #484848;
  line-height: 1.45;
}

@media (max-width: 800px) {
  .rank_description__commonSummary {
    font-size: 1.4rem;
  }
}

.rank_description__header {
  padding: 34px 15px 0 15px;
  background-image: url("/assets/img/rank/common/bg_gold.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 800px) {
  .rank_description__header {
    background-size: initial;
  }
}

.rank_description__headerIcons {
  display: flex;
  justify-content: center;
  margin-bottom: 23px;
}

.rank_description__headerIcons img {
  width: 367.67px;
}

@media (max-width: 800px) {
  .rank_description__headerIcons img {
    width: 215px;
  }
}

.rank_description__headerTitle {
  display: flex;
  justify-content: center;
  margin-bottom: 27px;
}

.rank_description__headerTitle img {
  width: 399px;
}

@media (max-width: 800px) {
  .rank_description__headerTitle img {
    width: 215px;
  }
}

.rank_description__headerSummary {
  margin-bottom: 18px;
  font-size: 2.0rem;
  font-weight: 500;
  color: #440205;
  line-height: 1.45;
  text-align: center;
}

@media (max-width: 800px) {
  .rank_description__headerSummary {
    font-size: 1.4rem;
  }
}

.rank_description__navigation {
  padding: 0 15px;
  border-bottom: 1px solid #e4e5e4;
  background-color: #fff;
}

.rank_description__navigationInner {
  display: flex;
  max-width: 1046px;
  margin: 0 auto;
}

.rank_description__navigationItem {
  flex: 1;
  position: relative;
}

.rank_description__navigationItem:first-child::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  content: '';
  background-color: #e4e5e4;
}

.rank_description__navigationItem::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  content: '';
  background-color: #e4e5e4;
}

.rank_description__navigationLink {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 8px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #484848;
  text-align: center;
  transition-property: background-color, color;
  transition-duration: 0.2s;
}

@media (hover) {
  .rank_description__navigationLink:hover {
    color: #fff;
    text-decoration: none;
    background-color: #f08404;
  }
}

@media (min-width: 801px) {
  .rank_description__navigationLink br {
    display: none;
  }
}

@media (max-width: 800px) {
  .rank_description__navigationLink {
    font-size: 1.4rem;
  }
}

.rank_description__about {
  padding-top: 10px;
}

.rank_description__aboutTopSeparator {
  width: 100%;
  aspect-ratio: 1400 / 120;
  background: linear-gradient(atan2(-120, 1400), #fff 0%, #fff 50%, #fffcdb 50%, #fffcdb 100%);
}

.rank_description__aboutInner {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 10px 15px;
  background-color: #fff;
}

.rank_description__aboutHead {
  display: flex;
  align-items: flex-end;
  width: 446px;
  height: 140px;
  background-image: url("/assets/img/rank/description/about-title-pc.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 800px) {
  .rank_description__aboutHead {
    width: 191px;
    height: 60px;
    background-image: url("/assets/img/rank/description/about-title-sp.png");
  }
}

.rank_description__aboutSummaryWrapper {
  padding-right: 11vw;
}

@media (max-width: 800px) {
  .rank_description__aboutSummaryWrapper {
    padding-right: 0;
  }
}

.rank_description__aboutCampaign {
  position: relative;
  z-index: 1;
  margin: 20px auto 40px auto;
}

@media (max-width: 800px) {
  .rank_description__aboutCampaign {
    margin: 20px auto 20px auto;
  }
}

.rank_description__aboutStep {
  position: relative;
  top: -60px;
  margin-bottom: 15px;
}

.rank_description__aboutStep img {
  max-width: 100%;
}

@media (max-width: 800px) {
  .rank_description__aboutStep {
    top: 0;
  }
}

.rank_description__ruleHead {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}

.rank_description__ruleHead::before, .rank_description__ruleHead::after {
  position: absolute;
  top: calc(50% - 1px / 2);
  width: calc((100% - 274px) / 2);
  height: 1px;
  content: '';
  background-color: #ff9d02;
}

@media (max-width: 800px) {
  .rank_description__ruleHead::before, .rank_description__ruleHead::after {
    width: calc((100% - 144px) / 2);
  }
}

.rank_description__ruleHead::before {
  left: 0;
}

.rank_description__ruleHead::after {
  right: 0;
}

.rank_description__ruleLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  aspect-ratio: 160 / 34;
  font-size: 2.0rem;
  font-weight: 700;
  color: #fff;
  background: transparent linear-gradient(90deg, #FF9E00 0%, #F06A2F 100%);
  clip-path: polygon(7.5% 0, 92.5% 0, 100% 50%, 92.5% 100%, 7.5% 100%, 0 50%);
}

@media (max-width: 800px) {
  .rank_description__ruleLabel {
    width: 102px;
    font-size: 1.2rem;
    font-weight: 500;
  }
}

.rank_description__ruleSummary {
  margin-bottom: 12px;
  font-size: 2.6rem;
  font-weight: 700;
  color: #440205;
  line-height: 1.6;
  text-align: center;
}

@media (max-width: 800px) {
  .rank_description__ruleSummary {
    font-size: 1.6rem;
  }
  .rank_description__ruleSummary br {
    display: none;
  }
}

.rank_description__rulePoint {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.rank_description__rulePointItem {
  display: flex;
  flex-flow: column;
  gap: 12px 0;
  align-items: center;
  width: calc((100% - 13px * (3 - 1)) / 3);
  padding: 20px;
  background-color: #ffea93;
}

@media (max-width: 800px) {
  .rank_description__rulePointItem {
    gap: 8px 0;
    width: 100%;
  }
}

.rank_description__rulePointItem img {
  width: 100px;
}

@media (max-width: 800px) {
  .rank_description__rulePointItem img {
    width: 72px;
  }
}

.rank_description__rulePointTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 74px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #440205;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 800px) {
  .rank_description__rulePointTitle {
    min-height: auto;
    font-size: 1.6rem;
  }
}

.rank_description__rulePointSummary {
  font-size: 1.6rem;
  color: #484848;
  line-height: 1.5;
}

@media (max-width: 800px) {
  .rank_description__rulePointSummary {
    font-size: 1.2rem;
  }
}

.rank_description__privilegeTopSeparator {
  width: 100%;
  aspect-ratio: 1400 / 120;
  background: linear-gradient(atan2(-120, 1400), #fffcdb 0%, #fffcdb 50%, #fff 50%, #fff 100%);
}

.rank_description__privilegeInner {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 10px 15px;
  background-color: #fffcdb;
}

.rank_description__privilegeHead {
  align-self: flex-end;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 575px;
  height: 140px;
  background-image: url("/assets/img/rank/description/privilege-title-pc.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 800px) {
  .rank_description__privilegeHead {
    width: 246px;
    height: 62.33px;
    background-image: url("/assets/img/rank/description/privilege-title-sp.png");
  }
}

.rank_description__privilegeBody {
  overflow: auto;
}

.rank_description__privilegeTable {
  width: 100%;
  min-width: 900px;
}

.rank_description__mechanismTopSeparator {
  width: 100%;
  aspect-ratio: 1400 / 120;
  background: linear-gradient(atan2(-120, 1400), #fff 0%, #fff 50%, #fffcdb 50%, #fffcdb 100%);
}

.rank_description__mechanismInner {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 10px 15px;
  background-color: #fff;
}

.rank_description__mechanismHead {
  display: flex;
  align-items: flex-end;
  width: 689px;
  height: 140px;
  background-image: url("/assets/img/rank/description/mechanism-title-pc.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 800px) {
  .rank_description__mechanismHead {
    width: 332.8px;
    height: 60px;
    background-image: url("/assets/img/rank/description/mechanism-title-sp.png");
  }
}

.rank_description__mechanismHeadLabel {
  position: relative;
  top: -10px;
  font-size: 4.0rem;
  font-weight: 700;
  color: #440205;
}

.rank_description__mechanismBody {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  background-color: #fff;
}

.rank_description__mechanismSection {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.rank_description__mechanismFigure {
  max-width: 100%;
}

.rank_description__mechanismRule {
  display: flex;
  flex-flow: column;
  gap: 6px 0;
}

.rank_description__mechanismRule + .rank_description__mechanismRule {
  margin-top: 6px;
}

.rank_description__mechanismRuleHeading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 102px;
  aspect-ratio: 160 / 34;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  background: transparent linear-gradient(90deg, #FF9E00 0%, #F06A2F 100%);
  clip-path: polygon(7.5% 0, 92.5% 0, 100% 50%, 92.5% 100%, 7.5% 100%, 0 50%);
}

.rank_description__attentionInner {
  padding: 15px;
}

.rank_description__attentionSeparator {
  width: 100%;
  aspect-ratio: 1400 / 120;
  background: linear-gradient(atan2(-120, 1400), #fffcdb 0%, #fffcdb 50%, #fff 50%, #fff 100%);
}

/*-------------------------------------
  ** sp_index（トップページ）
--------------------------------------*/
.sp_carousel {
  /* cssはpoint.scssを参考 */
  margin-top: 15px;
}

@media (max-width: 800px) {
  .sp_carousel .carousel_slide img {
    width: 100%;
    height: 120px;
  }
}

.sp_carousel .carousel_dot__list {
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}

.sp_carousel .carousel_dot__button {
  display: flex;
  padding: 2px;
  margin: 5px 15px;
  color: #333;
  border: 2px solid #ddd;
  background-color: #fff;
  position: relative;
}

.sp_carousel .carousel_dot__button--active {
  border: 3px solid #ffb000;
}

.sp_carousel .carousel_dot__button--active::before {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 7px solid #ffb000;
  position: absolute;
  left: 17px;
  top: -15px;
  z-index: 1;
}

.sp_index {
  width: 950px;
}

@media (max-width: 800px) {
  .sp_index {
    width: 100%;
  }
}

.sp_index__header {
  width: 100%;
}

.sp_index__nav {
  width: 100%;
}

.sp_index__iconList {
  display: flex;
  margin-bottom: 10px;
}

.sp_index__iconItem {
  width: 25%;
  padding: 0 1px;
}

.sp_index__iconItem:first-child {
  padding-left: 0;
}

.sp_index__iconItem:last-child {
  padding-right: 0;
}

.sp_index__iconItem a {
  display: inline-block;
  color: #fff;
  width: 100%;
  background: #f58d06;
  box-shadow: 0 1vw #c67104;
  -moz-box-shadow: 0 1vw #c67104;
  -webkit-box-shadow: 0 1vw #c67104;
}

.sp_index__iconItem a:hover {
  opacity: 50%;
}

.sp_index__icon {
  padding: 5px 0;
  font-size: 2rem;
  text-align: center;
}

.sp_index__iconTitle {
  padding: 5px 0;
  text-align: center;
}

.sp_index__mainContents {
  width: 100%;
}

.sp_index__contentsLabel {
  color: #fff;
  padding: 10px 5px;
  margin-bottom: 10px;
  background-color: #f58d06;
}

.sp_index__contentsLabel--affiliate {
  margin-bottom: 0;
}

.sp_index__contentsTitle {
  font-size: 1.6rem;
}

.sp_index__contentsIcon {
  display: inline-block;
  width: 25px;
  height: 25px;
  padding-top: 3px;
  margin-right: 5px;
  color: #f58d06;
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #fff;
}

.sp_index__category {
  padding: 0 5px;
  margin-bottom: 10px;
}

.sp_index__categoryTitle {
  margin-bottom: 10px;
  padding: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  border-radius: 4px;
  background: #ffebd0;
}

.sp_index__pointNews {
  width: 100%;
  margin-bottom: 10px;
}

.sp_index__pointNewsImage {
  width: 100%;
}

.sp_index__applicationItemList {
  margin: 7px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.sp_index__applicationItemLink {
  display: block;
  text-align: right;
  margin-bottom: 15px;
}

.sp_index__applicationWallList {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(2, 1fr);
}

.sp_index__prizeItem {
  width: 100%;
  margin-bottom: 10px;
}

.sp_index__prizeItemTop {
  padding: 10px;
}

.sp_index__prizeTopImage {
  width: 100%;
}

.sp_index__prizeItemList {
  padding: 5px;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(3, 1fr);
}

.sp_index__pointItemList {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(2, 1fr);
}

.sp_index__fruitFarmAttention {
  padding: 0 10px;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 15px;
  box-sizing: border-box;
  font-family: "Avenir", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "Roboto", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sp_index__affiliateItemList {
  background-color: #ffebd0;
  padding-top: 7px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 120px);
}

.sp_index__affiliateItemList--other {
  padding-top: 0;
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: repeat(3, 80px);
}

.sp_index__banner {
  width: 100%;
  margin: 20px 0;
  display: flex;
  justify-content: space-around;
}

.sp_index__bannerImage {
  width: 100%;
  padding: 0 7px;
  box-sizing: border-box;
}

.sp_applicationItem {
  margin: 3px;
  border: 1px solid #ddd;
}

.sp_applicationItem__detail {
  margin: 3px;
  text-align: center;
}

.sp_applicationItem__image img {
  width: 100%;
}

@media (max-width: 800px) {
  .sp_applicationItem__image img.lazyloaded {
    height: auto;
  }
}

.sp_applicationItem__value {
  color: #ff0000;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  white-space: nowrap;
}

.sp_applicationItem__point {
  font-size: 1.8rem;
  font-weight: 500;
}

.sp_applicationItem__unit {
  font-size: 1.4rem;
}

.sp_applicationWall__item {
  margin-bottom: 20px;
}

.sp_applicationWall__item:nth-child(odd) {
  margin-left: 25px;
}

.sp_applicationWall__item:nth-child(even) {
  margin-right: 25px;
}

.sp_applicationWall__link {
  font-size: 1.2rem;
}

.sp_applicationWall__image {
  width: 100%;
  max-width: 100px;
}

.sp_prizeItem {
  margin-bottom: 10px;
}

.sp_prizeItem__link {
  font-size: 1.2rem;
}

.sp_prizeItem__image {
  width: 100%;
  max-width: 100px;
}

.sp_pointItem {
  margin-bottom: 20px;
}

.sp_pointItem__link {
  font-size: 1.2rem;
}

.sp_pointItem__image {
  width: 100%;
  max-width: 100px;
}

.sp_affiliateItem {
  margin: 3px;
}

.sp_affiliateItem img {
  width: 100%;
  max-width: 120px;
}

.sp_affiliateItem--other {
  margin: 3px;
}

.sp_affiliateItem--other img {
  width: 100%;
  max-width: 80px;
}

.sp_affiliateItem__link {
  font-size: 1.2rem;
}

.sp_affiliateItem__image {
  width: 100%;
  max-width: 100px;
}

/*-------------------------------------
  ** sp_appList(一覧ページ)
--------------------------------------*/
.sp_appList {
  width: 950px;
}

@media (max-width: 800px) {
  .sp_appList {
    width: 100%;
  }
}

.sp_appList__pagination {
  margin: 24px 0;
}

.sp_appList__pagination .pagination {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.sp_appList__pagination .previous,
.sp_appList__pagination .next,
.sp_appList__pagination .previous-inactive,
.sp_appList__pagination .next-inactive {
  display: none;
}

.sp_appList__pagination span {
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px #4892EF solid;
  margin-right: 8px;
}

.sp_appList__pagination span a {
  display: block;
  width: 100%;
  height: 100%;
  color: #4892EF;
  font-size: 1.4rem;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sp_appList__pagination .active {
  background-color: #4892EF;
}

.sp_appList__pagination .active a {
  color: white;
}

.sp_appList__listItem {
  padding: 10px 5px;
  background-color: #f2f2f2;
}

.sp_appList__title {
  font-size: 1.6rem;
  padding: 10px 5px;
  margin-top: 10px;
  background-color: #fff;
  border-top: 4px solid #0099c5;
}

.sp_appList__icon {
  margin-right: 5px;
  color: #0099c5;
}

.appList_listItem {
  width: 100%;
  background-color: #fff;
}

.appList_listItem__link {
  width: 100%;
  margin: 5px 0;
  display: flex;
  text-decoration: none !important;
  position: relative;
}

.appList_listItem__link::before {
  position: absolute;
  right: 10px;
  top: 50%;
  content: "";
  width: 2px;
  height: 8px;
  margin-top: -2px;
  background-color: #aaa;
  transform: rotate(45deg);
}

.appList_listItem__link::after {
  position: absolute;
  right: 10px;
  bottom: 50%;
  content: "";
  width: 2px;
  height: 8px;
  margin-bottom: -2px;
  background-color: #aaa;
  transform: rotate(315deg);
}

.appList_listItem__detail {
  width: 100%;
  margin: 5px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.appList_listItem__image {
  width: 60px;
  padding: 5px;
  display: block;
}

.appList_listItem__title {
  width: 100%;
  color: #333;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.appList_listItem__description {
  width: 100%;
  font-size: 1.2rem;
  display: flex;
  justify-content: space-between;
}

.appList_listItem__condition {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.appList_listItem__text {
  color: #aaa;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.appList_listItem__additionMark {
  width: 50px;
  color: #fff;
  text-align: center;
  font-size: 1.1rem;
  border-radius: 3px;
  display: inline-block;
  background-color: #f58d06;
}

.appList_listItem__value {
  width: 100px;
  margin-right: 20px;
  color: #ff0000;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
}

/*-------------------------------------
  ** sp_appDetail(詳細ページ)
--------------------------------------*/
.sp_appDetail {
  width: 950px;
}

@media (max-width: 800px) {
  .sp_appDetail {
    width: 100%;
  }
}

.sp_appDetail__attention {
  margin: 15px;
  padding: 10px;
  font-size: 1.2rem;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.sp_appDetail__attentionText {
  margin-top: 5px;
}

.sp_appDetail__attentionText a {
  font-size: 1.2rem;
}

.sp_appDetail__detailItem {
  margin: 0 5px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background-color: #fff;
}

.sp_appDetail__postForm {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.sp_appDetail__submitButton {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 8px 11px 8px 18px;
  font-size: 1.8rem;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
  color: #fff;
  border-color: #E8A61D;
  background-color: #E8A61D;
}

.sp_appDetail__submitButton img {
  filter: brightness(0) invert(1);
}

.sp_appDetail__submitButton:hover {
  color: #fff;
  text-decoration: none;
}

.sp_appDetail__tab {
  width: 100%;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  border: 1px solid #ddd;
  border-bottom: none;
  position: relative;
}

.sp_appDetail__tab--description:hover {
  cursor: pointer;
  background-color: #2a7fb8;
  border: 1px solid #ddd;
  border-bottom: none;
}

.sp_appDetail__tab--description:hover div {
  color: white;
  font-size: 2rem;
  font-weight: bold;
}

.sp_appDetail__tab--precautions:hover {
  cursor: pointer;
  background-color: #dd4646;
  border: 1px solid #ddd;
  border-bottom: none;
}

.sp_appDetail__tab--precautions:hover div {
  color: white;
  font-size: 2rem;
  font-weight: bold;
}

.sp_appDetail__tab--activedescription {
  background-color: #2a7fb8;
}

.sp_appDetail__tab--activedescription div {
  color: white;
  font-size: 2rem;
  font-weight: bold;
}

.sp_appDetail__tab--activedescription::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  border: 10px transparent solid;
  border-top: 10px #2a7fb8 solid;
  transform: translateY(100%);
}

.sp_appDetail__tab--activeprecautions {
  background-color: #dd4646;
}

.sp_appDetail__tab--activeprecautions div {
  color: white;
  font-size: 2rem;
  font-weight: bold;
}

.sp_appDetail__tab--activeprecautions::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  border: 10px transparent solid;
  border-top: 10px #dd4646 solid;
  transform: translateY(100%);
}

.sp_appDetail__tabSpace {
  display: flex;
  margin: 0 10px;
}

.sp_appDetail__tabText {
  color: #333;
  font-size: 2rem;
  font-weight: bold;
}

.sp_appDetail__tabContentsList {
  padding: 10px;
  margin: 0 10px;
  padding-top: 0;
  border: 1px solid #ddd;
}

.sp_appDetail__tabContent {
  display: none;
}

.sp_appDetail__tabContent--active {
  display: block;
}

.sp_appDetail__default {
  line-height: 1.6;
  margin: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #eee;
}

.sp_appDetail__description {
  white-space: pre-line;
}

.sp_appDetail__precautions {
  white-space: pre-line;
}

.appDetail_detailItem {
  padding: 5px;
}

.appDetail_detailItem__title {
  margin: 7px 0;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

.appDetail_detailItem__description {
  display: flex;
  justify-content: space-between;
}

.appDetail_detailItem__image {
  width: 30%;
  height: 100%;
  padding: 5px;
  border: 1px solid #ddd;
}

.appDetail_detailItem__contents {
  width: 70%;
  margin-left: 5px;
  padding-bottom: 5px;
}

.appDetail_detailItem__additionMark {
  margin-top: 7px;
  width: 50px;
  color: #fff;
  text-align: center;
  font-size: 1.1rem;
  border-radius: 3px;
  display: inline-block;
  background-color: #f58d06;
}

.appDetail_detailItem__textList {
  color: #666;
  margin-top: 5px;
}

.appDetail_detailItem__textList li {
  display: flex;
  border: 1px solid #ddd;
}

.appDetail_detailItem__textList li:last-child {
  border-top: none;
}

.appDetail_detailItem__text {
  width: 50px;
  padding: 3px;
  text-align: center;
  border-right: 1px solid #ddd;
  background-color: #f5f5f5;
}

.appDetail_detailItem__condition {
  width: 70%;
  padding: 3px;
}

.appDetail_detailItem__term {
  width: 70%;
  padding: 3px;
}

.appDetail_detailItem__value {
  display: flex;
  justify-content: center;
}

.appDetail_detailItem__getComment {
  margin-top: 3px;
  margin-right: 5px;
  color: #aaa;
}

.appDetail_detailItem__point {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ff0000;
}

.appDetail_detailItem__unit {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ff0000;
}

/*------------------------------
    ** クリックゲーム
------------------------------*/
.clickgame_index {
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
  font-family: Verdana;
  background: #6db456;
  position: relative;
}

.clickgame_index__header {
  position: relative;
}

.clickgame_index__taskAlert {
  background-color: #fff;
}

.clickgame_index__rewardImage {
  width: 100%;
}

.clickgame_index__hiddenPointMikkun {
  width: 100%;
}

.clickgame_index__skyscraperAds {
  position: fixed;
  top: 0;
}

.clickgame_index__skyscraperAds--left {
  position: absolute;
  left: -190px;
}

.clickgame_index__skyscraperAds--right {
  position: absolute;
  right: -740px;
}

.clickgame_index__headerAttention {
  padding: 10px;
  border-radius: 5px;
  border: 1px dotted #333333;
  background-color: #ffc0cb;
}

.clickgame_index__mainContents {
  text-align: center;
  margin: 10px 7px 5px 7px;
  padding: 0 30px 10px 30px;
  background-color: #fff;
}

@media (max-width: 1040px) {
  .clickgame_index__mainContents {
    padding: 7px;
  }
}

.clickgame_index__plea {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #d9f2d0;
}

.clickgame_index__clickPoint {
  background: url("https://img.fruitmail.net/fruit/img/game/clickpoint/bg.gif") -133px 0px no-repeat;
  color: #fff;
  margin: 5px 0;
  padding: 2px 0px 2px 17px;
  width: 95px;
  height: 18px;
  float: right;
}

.clickgame_index__textBannerImage {
  display: flex;
  margin-top: 10px;
  margin-bottom: 3px;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1040px) {
  .clickgame_index__textBannerImage {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

.clickgame_index__textBannerList {
  border: 1px solid #ccc;
  padding: 5px;
  margin-top: 3px;
}

@media (max-width: 1040px) {
  .clickgame_index__textBannerList {
    padding: 3px;
  }
}

.clickgame_index__mainAd {
  margin: 10px 0;
}

.clickgame_index__lotteryBannerList {
  display: flex;
  margin-top: 5px;
  margin-bottom: 20px;
  justify-content: space-around;
}

@media (max-width: 1040px) {
  .clickgame_index__lotteryBannerList {
    margin-bottom: 30px;
  }
}

.clickgame_index__pointAttention {
  text-align: right;
}

.clickgame_index__pointAttention a {
  color: #fff;
  font-size: 1.2rem;
  margin-right: 7px;
}

.clickgame_index__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.clickgame_index__footerImage {
  padding: 10px;
  text-align: center;
}

.clickgame_index__footerTextImage {
  width: 100%;
}

.clickgame_index__iframAd {
  text-align: center;
}

.clickgame_index__closeButton {
  text-align: center;
  background: url("https://img.fruitmail.net/fruit/img/game/clickpoint/end_btn.gif") no-repeat;
  width: 154px;
  height: 42px;
  border: 0px;
  cursor: pointer;
}

.clickgame_index__topButtonBox {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.clickgame_index__topButton {
  display: inline-block;
  padding: 15px 20px;
  color: #fff;
  border-bottom: 4px solid #dd1a51;
  border-radius: 6px;
  background-color: #eb386d;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.clickgame_index__topButton:hover {
  color: #fff;
  text-decoration: none;
  background-color: #dd1a51;
}

.clickgame_recommend {
  display: flex;
  justify-content: flex-end;
}

.clickgame_recommend__item {
  color: #0066cb;
  font-size: 1.4rem;
}

.clickgame_recommend__iconTitle {
  width: 335px;
  margin: 10px 0 5px 0;
  padding: 2px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
  background-color: #eb396d;
}

.clickgame_recommend__icon {
  width: 16px;
  margin-right: 4px;
}

.clickgame_recommend__item {
  border: 1px solid #ccc;
  padding: 5px;
}

.clickgame_recommend__detail:hover {
  background: #fffcc9;
}

.clickgame_recommend__text {
  padding-left: 23px;
  text-align: left;
  background: url("https://img.fruitmail.net/fruit/img/common/arrow.gif") 0px 7px no-repeat;
}

.clickgame_recommend__off {
  height: 23px;
  color: #6b7b00;
  font-size: 1.3rem;
  background-color: #e5f674;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  white-space: nowrap;
  width: 88px;
  padding-right: 6px;
  box-sizing: border-box;
  margin-left: 4px;
}

.clickgame_recommend__off img {
  margin-right: 2px;
}

.clickgame_recommend__ad {
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

.clickgame_recommend__ad:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.clickgame_textBanner__item {
  color: #333;
  text-decoration: none;
  font-size: 12px;
  padding: 7px 0px 7px 0px;
  border-bottom: 1px dotted #ccc;
}

.clickgame_textBanner__item:hover {
  background: #fffcc9;
}

.clickgame_textBanner__item:last-child {
  border-bottom: none;
}

.clickgame_textBanner__detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.clickgame_textBanner__text {
  background: url("https://img.fruitmail.net/fruit/img/common/arrow.gif") 0px 3px no-repeat;
  padding-left: 20px;
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .clickgame_textBanner__text {
    padding-left: 12px;
    font-size: 1.3rem;
    background-size: 10px;
  }
}

.clickgame_textBanner__get {
  display: inline-flex;
  align-items: center;
  width: 40px;
  height: 22px;
  padding-left: 23px;
  background: url("https://img.fruitmail.net/fruit/img/game/clickpoint/bg.gif") -182px -107px no-repeat;
  color: #547b00;
}

@media (max-width: 1040px) {
  .clickgame_textBanner__get {
    width: 30px;
    height: 20px;
    background-position: -186px -108px;
  }
  .clickgame_textBanner__get .txtBold {
    font-size: 1.1rem;
  }
}

.clickgame_textBanner__onePoint {
  height: 23px;
  color: #6b7b00;
  font-size: 1.3rem;
  background-color: #e5f674;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  white-space: nowrap;
  width: 61px;
  padding-right: 6px;
  box-sizing: border-box;
  margin-left: 4px;
}

@media (max-width: 1040px) {
  .clickgame_textBanner__onePoint {
    font-size: 1.2rem;
    padding-right: 3px;
    margin-left: 2px;
    width: 54px;
    height: 20px;
  }
  .clickgame_textBanner__onePoint .txtBold {
    font-size: 1.2rem !important;
  }
}

.clickgame_textBanner__onePoint img {
  margin-right: 2px;
}

.clickgame_lotteryBanner__imageLink {
  max-width: 120px;
  max-height: 60px;
  margin-bottom: 5px;
}

.clickgame_lotteryBanner__imageLink img {
  object-fit: contain;
}

.clickgame_lotteryBanner__result {
  font-size: 1.4rem;
  font-weight: bold;
  background: url("https://img.fruitmail.net/fruit/img/common/arrow.gif") 20px 2px no-repeat;
  padding-left: 5px;
}

.clickgame_lotteryBanner__result--hit {
  padding: 5px;
  background: #ffef97;
}

.clickgame_lotteryBanner__result--hit span {
  background: url(https://img.fruitmail.net/fruit/img/game/clickpoint/bg.gif) 0px -3px no-repeat;
  padding-left: 32px;
  color: #d50000;
}

.clickgame_lotteryBanner__clickLink {
  font-size: 1.4rem;
  font-weight: bold;
  background: url("https://img.fruitmail.net/fruit/img/common/arrow.gif") 20px 2px no-repeat;
  padding-left: 5px;
}

/*------------------------------
    ** 隠しポイント
------------------------------*/
.hidden_index {
  width: 770px;
  margin: 0 auto;
  background: #dfc495;
  color: #4d4d4d;
  text-align: center;
  position: relative;
}

@media (max-width: 1040px) {
  .hidden_index {
    width: 100%;
  }
}

.hidden_index__headerImage {
  text-align: center;
}

@media (max-width: 1040px) {
  .hidden_index__headerImage img {
    width: 100%;
    object-fit: contain;
  }
}

.hidden_index__mainContents {
  margin-top: 20px;
}

.hidden_index__clickItemList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 15px;
}

@media (max-width: 1040px) {
  .hidden_index__clickItemList {
    gap: 3px;
    margin-bottom: 30px;
  }
}

.hidden_index__bottomAd {
  display: flex;
  justify-content: space-around;
  margin: 30px auto;
}

.hidden_index__attention {
  display: flex;
  justify-content: center;
  margin: 10px;
  margin-bottom: 20px;
}

.hidden_index__attentionImage {
  width: 30px;
}

.hidden_index__attentionText {
  padding: 7px;
  text-align: left;
  background-color: #fef4df;
  border: 1px solid #4b4b4b;
}

@media (max-width: 1040px) {
  .hidden_index__attentionText {
    font-size: 1.0rem;
  }
}

.hidden_index__attentionText span::before {
  content: "・";
  visibility: hidden;
}

.hidden_index__closeButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}

.hidden_index__closeButton a {
  width: 100px;
  color: #484848;
  padding: 8px;
  border-radius: 6px;
  background-color: #ebebeb;
  text-decoration: none !important;
}

.hidden_index__backgroundImage {
  width: 650px;
  height: 70px;
}

.hidden_clickItem {
  position: relative;
  width: 315px;
  margin: 5px;
  border-radius: 3px;
  background-color: #ffffff;
  padding-bottom: 24px;
}

.hidden_clickItem__description {
  margin: 5px 7px;
  display: flex;
  justify-content: flex-start;
}

.hidden_clickItem__image {
  max-width: 120px;
  max-height: 60px;
}

.hidden_clickItem__image img {
  object-fit: contain;
}

.hidden_clickItem__title {
  text-align: left;
  margin: 3px 7px;
}

.hidden_clickItem__title a {
  color: #0066cb;
  font-size: 1.2rem;
  white-space: nowrap;
}

.hidden_clickItem__title a:hover {
  color: #ea6767;
}

.hidden_clickItem__point {
  width: 175px;
  text-align: left;
  margin-left: 5px;
}

.hidden_clickItem__pointBefore {
  margin: 3px 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.hidden_clickItem__pointImg {
  margin-right: 3px;
  margin-bottom: 3px;
}

.hidden_clickItem__arrow {
  margin: 0 2px;
}

.hidden_clickItem__upImage {
  margin-right: 2px;
  margin-bottom: 2px;
}

.hidden_clickItem__pointAfter, .hidden_clickItem__pointNormal {
  font-size: 1.8rem;
  font-weight: bold;
  color: #d50000;
}

.hidden_clickItem__pointNormal {
  display: flex;
  align-items: center;
}

.hidden_clickItem__pointNormal img {
  margin-right: 4px;
}

.hidden_clickItem__detailLink a {
  color: #0066cb;
  font-size: 1.1rem;
  text-decoration: underline;
}

.hidden_clickItem__detailLink a:hover {
  color: #ea6767;
}

.hidden_clickItem__pointCaption {
  font-size: 1.1rem;
}

.hidden_clickItem__winningResult {
  position: absolute;
  bottom: 0;
  left: 0;
}

.hidden_clickItem__winningIcon {
  width: 316px;
  height: 23px;
}

.point_news {
  width: 950px;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.point_news__contents {
  width: 20%;
  color: #333;
  margin-right: 15px;
}

.point_news__title {
  font-size: 1.2rem;
}

.point_news__heading {
  display: flex;
  padding: 5px;
  align-items: center;
  border-left: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-top: 3px solid #0f6299;
  background: -moz-linear-gradient(top, #f1efef, #fff);
  background: -webkit-linear-gradient(top, #f1efef, #fff);
  background: linear-gradient(to top, #e6e6e6, #fff);
}

.point_news__markerLine {
  width: 4px;
  height: 17px;
  margin-left: 5px;
  background-color: #0f6299;
}

.point_news__text {
  font-weight: bold;
  font-size: 1.5rem;
  margin-left: 10px;
}

.point_news__wrapper {
  width: 80%;
  background-color: #fff;
}

.point_news__category {
  clear: both;
  padding: 0 10px;
  border: 1px solid #b3b3b3;
  border-top: none;
  background-color: #fff;
}

.point_news__itemList {
  overflow: hidden;
  border: 1px solid #b3b3b3;
  border-top: none;
}

.point_news__attention {
  padding: 100px;
  text-align: center;
}

.point_newsCategory__item {
  padding: 5px 5px 5px 10px;
  border-bottom: 1px dotted #b3b3b3;
  background: url(https://img.fruitmail.net/fruit/img/point/fmpoint.gif) top no-repeat;
  background-position: 0px -580px;
}

.point_newsCategory__item:last-child {
  border-bottom: none;
}

.point_newsCategory__link {
  font-size: 1.2rem;
}

.point_newsItem {
  padding: 10px;
  margin-bottom: 20px;
}

.point_newsItem__banner {
  display: flex;
  padding: 8px;
  background-color: #eaeaea;
}

.point_newsItem__date {
  padding: 0 10px;
  background: url(https://img.fruitmail.net/fruit/img/point/fmpoint.gif) top no-repeat;
  background-position: 0px -584px;
  color: #0066cb;
  pointer-events: none;
  text-decoration: none;
}

.point_newsItem__item {
  overflow: hidden;
}

.point_newsItem__title {
  font-size: 1.2rem;
}

.point_newsItem__link {
  font-size: 1.2rem;
}

.point_newsItem__detail {
  padding: 10px;
}

.point_newsItem__image {
  float: left;
  padding: 10px;
}

.point_newsItem__text {
  font-size: 1.2rem;
}

.point_newsItem__description {
  padding: 10px;
}

.point_newsItem__detailButton {
  margin: 10px 0;
  text-align: right;
}

.point_index {
  width: 950px;
  display: flex;
}

@media screen and (max-width: 800px) {
  .point_index {
    width: 100%;
    flex-direction: column;
    position: relative;
    margin-top: 240px;
  }
}

.point_index__message {
  font-size: 1.2rem;
  text-align: right;
  color: #666666;
}

@media screen and (max-width: 800px) {
  .point_index__message {
    display: none;
  }
}

.point_index__leftColum {
  width: 67%;
}

@media screen and (max-width: 800px) {
  .point_index__leftColum {
    width: 100%;
  }
}

.point_index__header {
  width: 100%;
}

.point_index__asp {
  background: #FAF5E4;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .point_index__aspContents {
    display: block;
    padding: 10px;
    margin-bottom: 20px;
  }
}

.point_index__aspContents h3 {
  color: #484848;
  font-size: 1.6rem;
  margin: 10px 0;
}

@media (max-width: 800px) {
  .point_index__personalizeAspContents {
    display: block;
    margin-bottom: 20px;
  }
}

.point_index__personalizeAspContents h3 {
  color: #484848;
  font-size: 1.6rem;
  padding: 0 10px;
  margin: 10px 0;
}

.point_index__recommendAppItem {
  width: 100%;
  position: relative;
  padding: 15px;
  box-sizing: border-box;
  background: linear-gradient(150deg, #ff9e00 0%, #ff3232 100%);
}

.point_index__personalizeRecommendAppItem {
  width: 100%;
  min-height: 216px;
  position: relative;
  padding: 15px;
  box-sizing: border-box;
  background: linear-gradient(150deg, #ff9e00 0%, #ff3232 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.point_index__aspItemList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 10px;
}

.point_index__aspItemList .sp_applicationItem__detail {
  padding: 10px;
  margin-bottom: 5px;
  text-align: center;
  background: #FFFFFF;
}

.point_index__aspItemList .sp_applicationItem {
  margin: 3px;
  border: none;
}

.point_index__aspItemList .sp_applicationItem__value {
  padding-top: 10px;
  padding-bottom: 0;
}

.point_index__carousel {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .point_index__carousel {
    display: none;
  }
}

.point_index__carousel .carousel_dots__list {
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}

.point_index__carousel .carousel_dots__list .carousel_dot__slide {
  margin: 5px 15px;
}

.point_index__carousel .carousel_dots__list .carousel_dot__button {
  display: flex;
  width: 150px;
  height: 55px;
  padding: 5px;
  color: #333;
  border: 3px solid #ddd;
  background-color: #fff;
  position: relative;
}

.point_index__carousel .carousel_dots__list .carousel_dot__button--active {
  border: 3px solid #ffb000;
}

.point_index__carousel .carousel_dots__list .carousel_dot__button--active::before {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 7px solid #ffb000;
  position: absolute;
  left: 70px;
  top: -15px;
  z-index: 1;
}

.point_index__carousel .carousel_dots__list .carousel_dot__button .carousel_dot__text {
  margin: auto;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.2;
}

.point_index__main {
  display: flex;
}

@media screen and (max-width: 800px) {
  .point_index__main {
    flex-direction: column;
  }
}

.point_index__left {
  width: 30%;
  padding: 0 10px 40px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .point_index__left {
    width: 100%;
    padding: 0;
  }
}

.point_index__pickupImg {
  padding: 5px;
  padding-left: 0;
  display: flex;
  background-color: #f1f1f1f1;
  border: 1px solid #b7b7b7;
  border-top: 3px solid #b7b7b7;
  border-bottom: none;
}

.point_index__pickup {
  margin: 0 auto;
  padding: 0 5px;
  text-align: center;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
}

@media screen and (max-width: 800px) {
  .point_index__pickup {
    padding: 0;
  }
}

.point_index__recommend {
  margin: 5px;
  margin-top: 0;
}

.point_index__category {
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #b7b7b7;
  border-top: none;
}

@media screen and (max-width: 800px) {
  .point_index__category {
    display: none;
    border: none;
    border-radius: 10px;
  }
}

.point_index__center {
  width: 70%;
}

@media screen and (max-width: 800px) {
  .point_index__center {
    width: 100%;
    padding: 0;
  }
}

.point_index__searchForm {
  display: block;
}

.point_index__searchForm--detail {
  display: none;
}

@media screen and (max-width: 800px) {
  .point_index__searchForm--detail {
    display: block;
  }
}

.point_index__modalAccordion {
  width: 100%;
}

.point_index__modalAccordion--detail {
  display: none;
}

@media screen and (max-width: 800px) {
  .point_index__modalAccordion--detail {
    display: block;
  }
}

.point_index__modalCategoryList {
  display: block;
}

@media screen and (max-width: 800px) {
  .point_index__modalCategoryList {
    display: none;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: scroll;
    background: #FFFFFF;
  }
}

.point_index__categoryTitle {
  display: none;
}

@media screen and (max-width: 800px) {
  .point_index__categoryTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    color: #484848;
    font-size: 2.0rem;
    font-weight: bold;
  }
}

.point_index__modalClose {
  display: none;
  color: #B4B4B4;
}

@media screen and (max-width: 800px) {
  .point_index__modalClose {
    display: block;
    padding: 10px;
    text-align: right;
  }
}

.point_index__contents {
  color: #333;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .point_index__contents {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 800px) {
  .point_index__contents--ichioshi {
    display: none;
  }
}

.point_index__contents--leftSide {
  margin-left: auto;
}

@media screen and (max-width: 800px) {
  .point_index__contents--leftSide {
    margin-bottom: 20px;
  }
}

.point_index__contents--mobile {
  display: none;
}

@media screen and (max-width: 800px) {
  .point_index__contents--modal {
    margin-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #B7B7B7;
  }
}

.point_index__contents--ranking {
  margin-bottom: 0;
}

.point_index__title {
  display: flex;
  padding: 3px 0;
  background-color: #f1f1f1;
  border: 1px solid #bcbcbc;
  border-top: 3px solid #bcbcbc;
  position: relative;
}

.point_index__title--leftSide {
  padding: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: none;
}

.point_index__title--rightSide {
  border-bottom: none;
}

@media screen and (max-width: 800px) {
  .point_index__title--rightSide {
    display: none;
  }
}

.point_index__title--accordion {
  padding: 10px;
  border: none;
  color: #484848;
  text-align: left;
  font-size: 1.3rem;
  font-weight: bold;
  border-radius: 10px;
  background: #FFFFFF !important;
  position: relative;
}

.point_index__title--accordion img {
  margin-right: 5px;
}

.point_index__title--accordion::after {
  content: '';
  position: absolute;
  top: 13px;
  right: 20px;
  width: 5px;
  height: 5px;
  border: 2px solid;
  border-color: #B4B4B4 #B4B4B4 transparent transparent;
  transform: rotate(135deg);
}

.point_index__title--accordion.isActive::after {
  top: 17px;
  transform: rotate(-45deg);
}

.point_index__title--ranking {
  background: #f1f1f1 url(https://img.fruitmail.net/fruit/img/point/point_icon.gif) no-repeat;
  background-position: 0px -493px;
}

@media screen and (max-width: 800px) {
  .point_index__title--ranking {
    display: none;
  }
}

.point_index__tabList {
  display: none;
}

@media screen and (max-width: 800px) {
  .point_index__tabList {
    display: flex;
    padding: 5px 10px;
    border: none;
    background: none;
  }
}

.point_index__tab {
  width: calc(100% / 4);
  color: #484848;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.4rem;
  text-align: center;
  padding: 10px 7px;
  box-sizing: border-box;
  background: #F1F1F1;
  border-top: 3px solid #bcbcbc;
  border-left: 1px solid #BCBCBC;
  border-bottom: 1px solid #BCBCBC;
}

.point_index__tab:last-child {
  border-right: 1px solid #BCBCBC;
}

.point_index__tab--isActive {
  color: #FFFFFF;
  background: #E8A61D;
  border-bottom: 1px solid #E8A61D;
  position: relative;
}

.point_index__tab--isActive::after {
  content: '';
  width: 0px;
  height: 0px;
  border: 7px solid;
  border-color: #E8A61D transparent transparent transparent;
  position: absolute;
  top: 35px;
  left: 36px;
}

@media screen and (max-width: 800px) {
  .point_index__tabContent {
    display: none;
  }
  .point_index__tabContent--isShow {
    display: block;
  }
}

.point_index__serviceIcon {
  position: absolute;
  top: -4px;
  left: 385px;
}

@media screen and (max-width: 800px) {
  .point_index__serviceIcon {
    left: calc(50% / 2 + 225px);
  }
}

.point_index__highpointIcon {
  position: absolute;
  top: -4px;
  left: 385px;
}

@media screen and (max-width: 800px) {
  .point_index__highpointIcon {
    left: calc(50% / 2 + 215px);
  }
}

.point_index__text {
  padding: 7px;
  font-size: 1.7rem;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .point_index__text {
    padding: 5px 10px;
    font-size: 1.5rem;
  }
}

.point_index__text--leftSide {
  padding: 0;
  margin-left: 3px;
  font-size: 1.4rem;
}

.point_index__text--rightSide {
  font-size: 1.4rem;
}

.point_index__text--ranking {
  font-size: 1.4rem;
  margin-left: 40px;
}

.point_index__wrapper {
  padding: 1px;
  background-color: #f1f1f1;
  border: 1px solid #bcbcbc;
  border-top: none;
}

.point_index__wrapper--leftSide {
  padding: 5px;
  padding-top: 0;
}

.point_index__wrapper--recommend {
  background-color: #fff;
}

.point_index__wrapper--rightSide {
  background-color: #fff;
  border: 1px solid #bcbcbc;
  border-top: none;
}

@media screen and (max-width: 800px) {
  .point_index__wrapper--rightSide {
    border: none;
  }
}

.point_index__service {
  margin: 5px;
  padding: 10px 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.point_index__highPoint {
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
  border-radius: 6px;
  background: #e9b821;
  border-bottom: 1px solid #de9c06;
}

@media screen and (max-width: 800px) {
  .point_index__expensive {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}

.point_index__highPointBanner {
  color: #fff;
  padding: 4px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  background-color: #de9c06;
}

@media screen and (max-width: 800px) {
  .point_index__highPointBanner {
    padding: 10px;
  }
}

.point_index__rightColum {
  width: 33%;
  padding: 0 0 40px 10px;
}

@media screen and (max-width: 800px) {
  .point_index__rightColum {
    width: 100%;
    padding: 0;
  }
}

.point_index__rightColum--mobile {
  display: none;
}

.point_index__banner {
  margin-bottom: 15px;
}

.point_index__ads {
  margin-bottom: 8px;
}

.point_index__ads--mobile {
  width: 100%;
  margin: 10px auto;
}

.point_index__scratchAndHidePoint {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 800px) {
  .point_index__scratchAndHidePoint {
    align-items: center;
    flex-direction: initial;
    justify-content: space-around;
  }
}

.point_index__scratch img {
  margin-bottom: 15px;
}

@media screen and (max-width: 800px) {
  .point_index__scratch img.lazyloaded {
    width: 150px;
    height: 125px;
  }
}

.point_index__hidePointBanner img {
  margin-bottom: 15px;
}

@media screen and (max-width: 800px) {
  .point_index__hidePointBanner img.lazyloaded {
    width: 150px;
    height: 125px;
  }
}

.point_index__clickBanner {
  padding: 5px;
  border: 1px solid #b3b3b3;
  text-align: left;
  margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
  .point_index__clickBanner {
    margin: 10px;
  }
}

.point_index__free {
  padding: 10px;
}

@media screen and (max-width: 800px) {
  .point_index__free {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 20px;
  }
}

.point_index__rankingTable {
  width: 100%;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 800px) {
  .point_index__rankingTable {
    padding: 5px 10px;
  }
}

.point_index__freeLink {
  border-top: 1px dotted #b7b7b7;
}

@media screen and (max-width: 800px) {
  .point_index__freeLink {
    border: none;
  }
}

.point_index__campaign {
  margin-bottom: 10px;
}

.point_index__link {
  text-align: right;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .point_index__link {
    text-align: center;
    padding: 0 15px;
  }
}

.point_index__link--rightSide {
  padding: 10px 0;
  margin-bottom: 0;
}

@media screen and (max-width: 800px) {
  .point_index__link--rightSide {
    padding: 15px;
    text-align: center;
  }
  .point_index__link--rightSide a {
    padding: 7px !important;
  }
  .point_index__link--rightSide a::after {
    top: 11px !important;
    left: calc(100% - 25px) !important;
  }
}

.point_index__link a {
  font-size: 1.2rem;
  text-align: right;
  padding: 0 10px 10px 0;
  padding-left: 10px;
  background: url(https://img.fruitmail.net/fruit/img/point/fmpoint.gif) no-repeat;
  background-position: 0px -625px;
}

@media screen and (max-width: 800px) {
  .point_index__link a {
    display: block;
    padding: 10px;
    color: #E8A61D;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    border-radius: 7px;
    border: 2px solid #E8A61D;
    background-image: none;
    position: relative;
  }
  .point_index__link a:hover {
    text-decoration: none;
    opacity: 0.5;
  }
  .point_index__link a::after {
    content: '';
    position: absolute;
    top: 14px;
    left: calc(100% - 25px);
    width: 5px;
    height: 5px;
    border: 2px solid;
    border-color: #E8A61D #E8A61D transparent transparent;
    transform: rotate(45deg);
  }
}

.point_index__landing {
  width: 950px;
  margin-bottom: 25px;
}

@media (max-width: 950px) {
  .point_index__landing {
    width: 100%;
  }
}

.point_index__carouselControllers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 5px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.point_index__carouselPrev, .point_index__carouselNext {
  background-color: transparent !important;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.point_index__carouselDots .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}

.point_index__carouselDots .slick-dots li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  overflow: hidden;
}

.point_index__carouselDots .slick-dots li::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: #e0e0e0;
  border-radius: 50%;
  transition-property: background-color;
  transition-duration: 0.2s;
}

@media (any-hover: hover) {
  .point_index__carouselDots .slick-dots li:hover::before {
    background-color: #484848;
  }
}

.point_index__carouselDots .slick-dots li.slick-active::before {
  background-color: #484848;
}

.point_index__carouselDots .slick-dots button {
  display: none;
}

/*------------------------------
    ** コンポーネント部分
------------------------------*/
.point_breadcrumb {
  margin: 10px;
  margin-left: 0;
}

@media screen and (max-width: 800px) {
  .point_breadcrumb {
    margin: 10px;
  }
}

.point_breadcrumb__lists {
  display: flex;
}

.point_breadcrumb__lists li:first-child::after {
  content: ">";
  margin: 0 3px;
}

.point_breadcrumb__lists li:first-child a {
  font-size: 1.2rem;
  cursor: pointer;
}

.point_breadcrumb__lists li:last-child {
  font-weight: bold;
}

.point_breadcrumb__lists li:last-child a {
  color: black;
  font-size: 1.2rem;
  pointer-events: none;
}

.point_value__item {
  text-align: center;
  margin-bottom: 2px;
}

@media screen and (max-width: 800px) {
  .point_value__item {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
}

.point_value__before {
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .point_value__before {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.point_value__denial {
  color: #555;
  font-size: 1.2rem;
}

.point_value__arrow {
  margin-left: 5px;
}

@media screen and (max-width: 800px) {
  .point_value__arrow {
    margin: 0 5px;
  }
}

.point_value__after {
  display: flex;
  margin-bottom: 5px;
  justify-content: center;
}

.point_value__upImg {
  width: 30px;
}

.point_value__pointImg {
  margin-left: 2px;
}

.point_value__pointUp {
  font-style: normal;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
  color: #E31610;
  margin-left: 2px;
}

.point_value__unit {
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  color: #E31610;
  margin-top: 3px;
}

.point_value__normal {
  display: flex;
  margin-bottom: 5px;
  align-items: flex-end;
  justify-content: center;
}

.point_value__point {
  font-style: normal;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: 2px;
  color: #E31610;
}

.point_value__detail {
  margin-top: 15px;
}

.point_value__detailImg {
  padding-bottom: 10px;
}

.point_pickup {
  margin-bottom: 15px;
}

.point_pickup__icon {
  padding: 5px;
  padding-left: 0;
  display: flex;
  background-color: #f1f1f1f1;
  border: 1px solid #b7b7b7;
  border-top: 3px solid #b7b7b7;
  border-bottom: none;
}

.point_pickup__text {
  font-size: 1.4rem;
  margin-left: 5px;
}

.point_pickup__contents {
  padding: 5px;
  background-color: #f1f1f1;
  border: 1px solid #b7b7b7;
  border-top: none;
}

.point_pickup__list {
  margin: 0 auto;
  padding: 0 5px;
  text-align: center;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.point_pickup__item {
  padding-top: 10px;
  border-bottom: 1px dotted #3b3b3b;
}

@media screen and (max-width: 800px) {
  .point_pickup__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: none;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
  }
  .point_pickup__item a {
    display: block;
    text-align: left;
  }
}

.point_pickup__item:last-child {
  border: none;
}

@media screen and (max-width: 800px) {
  .point_pickup__item:last-child {
    margin-bottom: 5px;
  }
}

.point_pickup__image {
  margin-bottom: 4px;
}

@media screen and (max-width: 800px) {
  .point_pickup__image {
    margin-bottom: 0;
  }
}

.point_pickup__titleValue {
  display: block;
}

.point_pickup__titleValue .point_value__point {
  font-size: 1.8rem;
}

@media screen and (max-width: 800px) {
  .point_pickup__titleValue {
    display: flex;
    flex-direction: column;
    width: calc(100% - 120px);
  }
  .point_pickup__titleValue .point_value__point {
    font-size: 1.6rem;
  }
  .point_pickup__titleValue .point_value__pointUp {
    font-size: 1.6rem;
  }
  .point_pickup__titleValue .point_value__pointImg {
    margin-bottom: 0;
  }
  .point_pickup__titleValue .point_value__denial {
    display: inline-block;
    text-align: right;
  }
}

.point_pickup__title {
  margin-bottom: 5px;
}

@media screen and (max-width: 800px) {
  .point_pickup__title {
    width: 100%;
    text-align: left;
  }
}

.point_pickup__title a {
  font-size: 1.2rem;
  color: #0066cb;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .point_pickup__title a {
    display: block;
    color: #3AA59E;
    font-size: 1.3rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    margin-bottom: 10px;
  }
}

.point_pickup__detail {
  margin: 10px 0;
}

@media screen and (max-width: 800px) {
  .point_pickup__detail img {
    display: none;
  }
}

.point_sharing__title {
  font-weight: bolder;
  margin-bottom: 5px;
}

.point_sharing__link {
  font-size: 1.2rem;
}

.point_sharing__item {
  background-color: #eaeaea;
  border-radius: 5px;
  padding: 5px;
  font-size: 1.1rem;
  text-align: left;
}

.point_sharing__value {
  color: #d50000;
  font-size: 1.5rem;
  font-weight: bold;
}

.point_sharing__value::after {
  content: "に！";
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
}

.point_sharing__dayLimit {
  color: #d50000;
  text-align: center;
  font-size: 1.1rem;
  margin-top: 5px;
}

.point_sharing__dayLimit::before {
  content: ">>";
}

.point_sharing__dayLimit::after {
  content: "<<";
}

.point_sharing__detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 5px;
}

.point_sharing__toLink {
  text-align: right;
  padding-top: 3px;
  margin-top: 10px;
  border-top: 1px dotted #b3b3b3;
}

.point_sharing__toLink a {
  font-size: 1.2rem;
  padding-left: 10px;
  background: url(https://img.fruitmail.net/fruit/img/point/fmpoint.gif) no-repeat;
  background-position: 0px -625px;
}

.point_recommend__item {
  margin-top: 15px;
  border-bottom: 1px dotted #b7b7b7;
}

.point_recommend__item:last-child {
  border: none;
  padding-bottom: 5px;
}

.point_recommend__term {
  background-color: #eaeaea;
  border-radius: 5px;
  padding: 3px;
  color: #333;
}

.point_recommend__notice {
  font-size: 1.2rem;
  color: #e73131;
  font-weight: bold;
  margin-right: 5px;
}

.point_recommend__title {
  margin-top: 3px;
}

.point_recommend__link {
  font-size: 1.2rem;
  color: #0066cb;
  text-decoration: none;
}

.point_recommend__icon {
  margin-bottom: 3px;
}

.point_recommend__caption {
  display: inline;
  font-size: 1.1rem;
}

.point_recommend__value {
  margin-bottom: 5px;
}

.point_recommend__before {
  font-weight: bold;
}

.point_recommend__denial {
  color: #555;
  font-size: 1.2rem;
}

.point_recommend__arrow {
  margin-left: 5px;
}

.point_recommend__after {
  display: flex;
  margin-bottom: 5px;
}

.point_recommend__upImg {
  width: 30px;
  margin-top: 1px;
}

.point_recommend__pointImg {
  margin-left: 2px;
}

.point_recommend__pointUp {
  font-style: normal;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
  color: #b5000b;
  margin-left: 2px;
}

.point_recommend__normal {
  display: flex;
  margin-bottom: 5px;
  justify-content: left;
}

.point_recommend__point {
  font-style: normal;
  font-size: 1.8rem;
  font-weight: bold;
  margin-left: 2px;
  color: #b5000b;
}

.point_recommend__unit {
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  color: #b5000b;
  margin-top: 2px;
}

.point_accordion {
  margin-bottom: 15px;
  background: #f1f1f1;
  border: 1px solid #b7b7b7;
  border-top: 3px solid #b7b7b7;
}

@media screen and (max-width: 800px) {
  .point_accordion {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #B7B7B7;
  }
}

.point_accordion__title {
  margin: 7px;
  font-size: 1.4rem;
  font-weight: bold;
  white-space: nowrap;
}

@media screen and (max-width: 800px) {
  .point_accordion__title {
    width: 100%;
    margin: 10px;
    color: #484848;
    text-align: left;
  }
}

.point_accordion__trigger {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: url(https://img.fruitmail.net/fruit/img/point/category_close.gif) top no-repeat !important;
  background-position: 147px 5px !important;
  padding: 0;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  background-color: transparent;
}

@media screen and (max-width: 800px) {
  .point_accordion__trigger {
    border: none;
    border-radius: 10px;
    background: #FFFFFF !important;
    position: relative;
  }
  .point_accordion__trigger::before {
    content: '';
    position: absolute;
    top: 15px;
    right: 20px;
    width: 5px;
    height: 5px;
    border: 2px solid;
    border-color: #B4B4B4 #B4B4B4 transparent transparent;
    transform: rotate(135deg);
  }
}

.point_accordion__trigger--active {
  background: url(https://img.fruitmail.net/fruit/img/point/category_open.gif) top no-repeat !important;
  background-position: 147px 5px !important;
}

@media screen and (max-width: 800px) {
  .point_accordion__trigger--active {
    background: none !important;
  }
  .point_accordion__trigger--active::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 5px;
    height: 5px;
    border: 2px solid;
    border-color: #B4B4B4 #B4B4B4 transparent transparent;
    transform: rotate(-45deg);
  }
}

.point_accordion__list {
  display: none;
  padding: 0 10px;
  background: #fff;
}

@media screen and (max-width: 800px) {
  .point_accordion__list {
    padding: 0;
    margin: 10px;
    margin-top: 0;
    background: none;
  }
}

.point_accordion__item {
  padding: 5px 5px 5px 10px;
  border-bottom: 1px dotted #b3b3b3;
  background: url(https://img.fruitmail.net/fruit/img/point/fmpoint.gif) top no-repeat;
  background-position: 0px -580px;
}

.point_accordion__item:last-child {
  border-bottom: none;
}

.point_accordion__link {
  font-size: 1.2rem;
}

.point_category__item {
  padding: 5px 5px 5px 10px;
  border-bottom: 1px dotted #b3b3b3;
  background: url(https://img.fruitmail.net/fruit/img/point/fmpoint.gif) top no-repeat;
  background-position: 0px -580px;
}

@media screen and (max-width: 800px) {
  .point_category__item {
    border-bottom: none;
    background: none;
    padding-left: 20px;
  }
  .point_category__item:first-child {
    padding-top: 10px;
    border-top: 1px solid #B4B4B4;
  }
}

.point_category__item:last-child {
  border-bottom: none;
}

.point_category__button {
  font-size: 1.2rem;
  padding: 0;
  border: none;
  color: #0066cb;
}

@media screen and (max-width: 800px) {
  .point_category__button {
    color: #484848;
    font-size: 1.3rem;
    font-weight: bold;
    position: relative;
  }
  .point_category__button::before {
    content: '';
    position: absolute;
    top: 5px;
    left: -20px;
    width: 5px;
    height: 5px;
    border: 2px solid;
    border-color: #B4B4B4 #B4B4B4 transparent transparent;
    transform: rotate(45deg);
  }
}

.point_category__button:hover {
  text-decoration: underline;
  text-decoration-color: #0066cb;
  background-color: transparent;
}

@media screen and (max-width: 800px) {
  .point_category__button:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}

.point_service__item {
  display: flex;
  justify-content: space-between;
  padding: 7px 7px 0 7px;
  border-radius: 4px;
  border-bottom: 1px dotted #b7b7b7;
}

.point_service__link {
  font-size: 1.2rem;
  margin-right: 3px;
}

.point_service__value .point_value__point {
  font-size: 1.8rem !important;
}

.point_service__value .point_value__item {
  white-space: nowrap !important;
}

.point_highPoint__item {
  display: flex;
  padding: 5px;
  border-radius: 4px;
  background-color: #fff;
}

@media screen and (max-width: 800px) {
  .point_highPoint__item {
    align-items: center;
    flex-direction: column;
  }
}

.point_highPoint__title {
  font-weight: bold;
  padding: 20px 0 0 5px;
}

@media screen and (max-width: 800px) {
  .point_highPoint__title {
    text-align: center;
  }
}

.point_highPoint__image img {
  height: auto;
}

@media screen and (max-width: 800px) {
  .point_highPoint__image img.lazyloaded {
    width: 300px;
  }
}

.point_highPoint__link {
  font-size: 1.4rem;
}

@media screen and (max-width: 800px) {
  .point_highPoint__link {
    color: #3AA59E;
  }
}

@media screen and (max-width: 800px) {
  .point_highPoint__detail {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

.point_highPoint__caption {
  display: flex;
  margin: 10px 0;
  font-size: 1.1rem;
  font-weight: initial;
  justify-content: flex-start;
}

.point_highPoint__pointImg {
  margin-right: 2px;
  margin-bottom: 3px;
}

@media screen and (max-width: 800px) {
  .point_highPoint__value .point_value__item {
    align-items: center;
  }
}

.point_highPoint__value .point_value__denial {
  font-size: 1.2rem !important;
}

.point_highPoint__value .point_value__before {
  text-align: left !important;
}

.point_highPoint__value .point_value__after {
  justify-content: flex-start !important;
}

.point_expensive__item {
  display: flex;
  padding: 10px 0;
  justify-content: space-around;
  border-bottom: 1px dotted #b7b7b7;
}

@media screen and (max-width: 800px) {
  .point_expensive__item {
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0;
    margin: 5px;
    border: none;
    width: calc(100% / 3 - 10px);
  }
}

.point_expensive__link {
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .point_expensive__link {
    color: #3AA59E;
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.point_expensive__image {
  margin-top: 5px;
  padding-right: 10px;
}

@media screen and (max-width: 800px) {
  .point_expensive__image {
    padding-right: 0;
  }
  .point_expensive__image img {
    width: 100%;
  }
  .point_expensive__image img.lazyloaded {
    height: auto;
  }
}

.point_expensive__detail {
  width: 320px;
  text-align: left;
}

@media screen and (max-width: 800px) {
  .point_expensive__detail {
    width: 100%;
  }
}

.point_expensive__pointImg {
  margin-bottom: 3px;
}

@media screen and (max-width: 800px) {
  .point_expensive__title {
    padding: 0 5px;
    max-width: 120px;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.point_expensive__caption {
  font-size: 1.1rem;
  margin-top: 6px;
}

@media screen and (max-width: 800px) {
  .point_expensive__caption {
    display: none;
  }
}

.point_expensive__value .point_value__item {
  display: flex !important;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .point_expensive__value .point_value__item {
    flex-direction: column;
    justify-content: center;
  }
}

@media screen and (max-width: 800px) {
  .point_expensive__value .point_value__pointImg {
    display: block !important;
    width: 13px !important;
    margin-bottom: 1px;
  }
}

.point_expensive__value .point_value__point {
  font-size: 1.8rem !important;
}

@media screen and (max-width: 800px) {
  .point_expensive__value .point_value__point {
    font-size: 1.4rem !important;
  }
}

@media screen and (max-width: 800px) {
  .point_expensive__value .point_value__pointUp {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 800px) {
  .point_expensive__value .point_value__normal {
    align-items: flex-end;
  }
}

.point_expensive__value .point_value__after {
  align-items: flex-end;
}

@media screen and (max-width: 800px) {
  .point_expensive__value .point_value__after {
    justify-content: center;
    width: 110px;
  }
}

@media screen and (max-width: 800px) {
  .point_expensive__value .point_value__denial {
    font-size: 1.0rem;
  }
}

.point_expensive__value .point_value__arrow {
  margin-left: 3px;
}

@media screen and (max-width: 800px) {
  .point_expensive__value .point_value__arrow {
    display: none;
  }
}

.point_expensive__value .point_value__upImg {
  margin-left: 3px !important;
}

@media screen and (max-width: 800px) {
  .point_expensive__value .point_value__upImg {
    margin-bottom: 2px;
    margin-left: 0 !important;
    width: 25px;
  }
}

.point_expensive__description {
  font-size: 1.2rem;
}

@media screen and (max-width: 800px) {
  .point_expensive__description {
    display: none;
  }
}

.point_expensive__toLink {
  text-align: right;
  margin-bottom: 20px;
}

.point_expensive__toLink a {
  font-size: 1.2rem;
  text-align: right;
  padding: 0 10px 10px 0;
  padding-left: 10px;
  background: url(https://img.fruitmail.net/fruit/img/point/fmpoint.gif) no-repeat;
  background-position: 0px -625px;
}

.point_ascent__list {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px dotted #b7b7b7;
}

@media screen and (max-width: 800px) {
  .point_ascent__list {
    width: 100%;
    border: none;
    padding: 5px;
    box-sizing: border-box;
  }
}

.point_ascent__item {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% / 3);
  align-content: flex-start;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .point_ascent__item {
    padding: 0px;
    margin: 5px;
    align-content: space-between;
  }
}

.point_ascent__image {
  padding: 3px;
}

@media screen and (max-width: 800px) {
  .point_ascent__image img {
    width: 100px;
  }
  .point_ascent__image img.lazyloaded {
    height: auto;
  }
}

.point_ascent__detail {
  text-align: center;
}

@media screen and (max-width: 800px) {
  .point_ascent__detail {
    height: 65px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
}

.point_ascent__title {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.point_ascent__link {
  font-size: 1.2rem;
}

@media screen and (max-width: 800px) {
  .point_ascent__link {
    color: #3AA59E;
    font-weight: bold;
  }
}

.point_ascent__toLink {
  text-align: right;
  margin-bottom: 20px;
}

.point_ascent__toLink a {
  font-size: 1.2rem;
  text-align: right;
  padding: 0 10px 10px 0;
  padding-left: 10px;
  background: url(https://img.fruitmail.net/fruit/img/point/fmpoint.gif) no-repeat;
  background-position: 0px -625px;
}

@media screen and (max-width: 800px) {
  .point_ascent__value .point_value__item {
    flex-direction: column;
  }
}

@media screen and (max-width: 800px) {
  .point_ascent__value .point_value__denial {
    font-size: 1.0rem;
  }
}

.point_ascent__value .point_value__after {
  align-items: center;
}

@media screen and (max-width: 800px) {
  .point_ascent__value .point_value__after {
    justify-content: center;
    align-items: flex-end;
    width: 110px;
  }
}

@media screen and (max-width: 800px) {
  .point_ascent__value .point_value__arrow {
    display: none;
  }
}

.point_ascent__value .point_value__point {
  font-size: 1.8rem;
}

@media screen and (max-width: 800px) {
  .point_ascent__value .point_value__point {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 800px) {
  .point_ascent__value .point_value__pointUp {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 800px) {
  .point_ascent__value .point_value__pointImg {
    width: 13px !important;
    margin-bottom: 1px;
  }
}

@media screen and (max-width: 800px) {
  .point_ascent__value .point_value__upImg {
    width: 25px;
    margin-bottom: 2px;
  }
}

.point_shopping__list {
  display: flex;
  padding: 8px 0 4px;
  border-bottom: 1px dotted #b7b7b7;
}

@media screen and (max-width: 800px) {
  .point_shopping__list {
    padding: 0;
    border: none;
  }
}

.point_shopping__list:last-child {
  border-bottom: none;
}

.point_shopping__item {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% / 3);
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .point_shopping__item {
    margin: 5px 10px;
    width: calc(100% / 3 - 20px);
  }
}

.point_shopping__image {
  padding: 3px;
}

@media screen and (max-width: 800px) {
  .point_shopping__image img {
    width: 100%;
  }
  .point_shopping__image img.lazyloaded {
    height: auto;
  }
}

.point_shopping__value {
  padding: 3px;
}

.point_shopping__value .point_value__point {
  margin-left: 3px !important;
  font-size: 1.8rem;
}

@media screen and (max-width: 800px) {
  .point_shopping__value .point_value__point {
    font-size: 1.6rem;
  }
}

.point_campaign__list {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 1px dotted #b7b7b7;
}

@media screen and (max-width: 800px) {
  .point_campaign__list {
    border: none;
    padding: 5px;
    box-sizing: border-box;
  }
}

.point_campaign__item {
  display: flex;
  width: calc(100% / 2);
}

@media screen and (max-width: 800px) {
  .point_campaign__item {
    padding: 5px 10px;
    box-sizing: border-box;
  }
}

.point_campaign__image {
  padding: 2px;
  margin-right: 5px;
  border: 1px solid #ccc;
}

.point_campaign__link {
  font-size: 1.1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 800px) {
  .point_campaign__link {
    color: #3AA59E;
    font-size: 1.2rem;
    font-weight: bold;
    white-space: initial;
  }
}

@media screen and (max-width: 800px) {
  .point_campaign__content {
    display: none;
  }
}

.point_banner__title {
  padding-bottom: 5px;
  background-color: #f1f1f1;
}

@media screen and (max-width: 800px) {
  .point_banner__title {
    padding: 10px 30px;
  }
}

.point_banner__link {
  font-weight: bold;
}

.point_banner__image {
  width: 100%;
}

@media (max-width: 800px) {
  .point_banner__image img {
    width: 100%;
  }
  .point_banner__image img.lazyloaded {
    height: auto;
  }
}

.point_banner__banner {
  text-align: center;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ddd;
}

.point_banner__caption {
  padding: 2px;
  font-size: 1.1rem;
}

.point_banner__pointImg {
  margin-bottom: 3px;
}

@media screen and (max-width: 800px) {
  .point_banner__pointImg {
    margin-bottom: 0;
  }
}

.point_banner__list {
  text-align: right;
  margin-bottom: 20px;
}

.point_banner__list a {
  font-size: 1.2rem;
}

.point_banner__value {
  text-align: center;
}

.point_banner__value .point_value__item {
  display: flex !important;
  margin-bottom: 0 !important;
  justify-content: center !important;
}

.point_banner__value .point_value__arrow {
  margin-right: 5px !important;
}

.point_newsList__item {
  display: flex;
  padding: 5px;
  border-bottom: 1px dotted #b7b7b7;
}

.point_newsList__year {
  width: 30%;
  color: #666;
  padding-left: 5px;
  font-size: 1.3rem;
}

.point_newsList__link {
  font-size: 1.2rem;
}

.point_newsList__title {
  margin: 0 5px;
}

.point_free__list {
  padding: 10px;
}

.point_free__title {
  text-align: left;
  margin-bottom: 5px;
}

@media screen and (max-width: 800px) {
  .point_free__title {
    display: none;
    width: 100%;
  }
}

.point_free__title--sp {
  display: none;
}

@media screen and (max-width: 800px) {
  .point_free__title--sp {
    display: block;
    text-align: center;
  }
}

.point_free__title a {
  font-size: 1.2rem;
  color: #0066cb;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .point_free__title a {
    color: #3AA59E;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.point_free__item {
  display: flex;
  padding-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .point_free__item {
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
    padding-bottom: 0;
    margin-bottom: 10px;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
}

.point_free__image {
  margin-right: 10px;
}

@media screen and (max-width: 800px) {
  .point_free__image {
    margin-bottom: 5px;
  }
}

.point_free__image img {
  object-fit: contain;
}

@media screen and (max-width: 800px) {
  .point_free__image img {
    width: 100%;
  }
  .point_free__image img.lazyloaded {
    height: 52px;
  }
}

@media screen and (max-width: 800px) {
  .point_free__detail {
    width: 100%;
    height: 65px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
  .point_free__detail div {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.point_free__caption {
  font-size: 1rem;
}

.point_free__caption p {
  display: inline-block;
}

@media screen and (max-width: 800px) {
  .point_free__caption p {
    display: none;
  }
}

.point_free__pointImg {
  margin-bottom: 2px;
}

@media screen and (max-width: 800px) {
  .point_free__pointImg {
    display: none;
  }
}

.point_free__value .point_value__item {
  text-align: left !important;
}

@media screen and (max-width: 800px) {
  .point_free__value .point_value__item {
    flex-direction: column;
  }
}

.point_free__value .point_value__after {
  align-items: center;
  justify-content: flex-start !important;
}

@media screen and (max-width: 800px) {
  .point_free__value .point_value__arrow {
    display: none;
  }
}

.point_free__value .point_value__normal {
  justify-content: flex-start !important;
}

.point_free__value .point_value__point {
  font-size: 1.6rem !important;
}

.point_free__value .point_value__pointUp {
  font-size: 1.6rem !important;
}

@media screen and (max-width: 800px) {
  .point_free__value .point_value__pointImg {
    width: 13px !important;
    margin-bottom: 1px;
  }
}

@media screen and (max-width: 800px) {
  .point_free__value .point_value__upImg {
    width: 25px;
    margin-bottom: 2px;
  }
}

.point_information__item {
  display: flex;
  justify-content: space-between;
  padding: 7px;
  border-radius: 4px;
  border-bottom: 1px dotted #b7b7b7;
}

@media screen and (max-width: 800px) {
  .point_information__item {
    padding: 10px;
    flex-direction: column;
  }
  .point_information__item:last-child {
    margin-bottom: 10px;
  }
}

.point_information__title {
  width: 60%;
}

@media screen and (max-width: 800px) {
  .point_information__title {
    width: 100%;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.point_information__link {
  font-size: 1.2rem;
  margin-right: 3px;
}

@media screen and (max-width: 800px) {
  .point_information__link {
    color: #3AA59E;
    font-weight: bold;
  }
}

.point_information__value {
  width: 40%;
  display: flex;
  font-weight: bold;
  justify-content: flex-end;
}

@media screen and (max-width: 800px) {
  .point_information__value {
    width: 100%;
  }
}

.point_information__point {
  display: flex;
  color: #d50000;
  font-size: 1.8rem;
  margin-left: 5px;
}

@media screen and (max-width: 800px) {
  .point_information__point {
    font-size: 1.6rem;
    font-weight: bold;
  }
}

.point_information__unit {
  color: #d50000;
  font-size: 1.2rem;
}

.point_ranking__item {
  border-left: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b7b7b7;
}

@media screen and (max-width: 800px) {
  .point_ranking__item {
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0;
  }
  .point_ranking__item:nth-child(-n + 3) td:first-child {
    padding: 0;
  }
  .point_ranking__item:nth-child(n + 4) td:first-child {
    background: #F1F1F1;
  }
}

.point_ranking__icon {
  width: 30px;
  padding: 5px;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .point_ranking__icon {
    width: 50px;
    padding: 15px 0px;
  }
}

.point_ranking__link {
  width: 110px;
  padding: 10px 5px;
  border-left: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
}

@media screen and (max-width: 800px) {
  .point_ranking__link {
    width: initial;
    border: none;
    padding: 5px 10px;
  }
}

.point_ranking__link a {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .point_ranking__link a {
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .point_ranking__image img {
    width: 80px;
  }
  .point_ranking__image img.lazyloaded {
    height: 40px;
  }
}

.point_ranking__value {
  width: 120px;
  padding: 5px;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .point_ranking__value {
    width: 100%;
    text-align: left;
  }
  .point_ranking__value div {
    display: flex;
    justify-content: flex-start;
  }
}

.point_ranking__caption {
  display: block;
  font-size: 1.0rem;
  font-weight: normal;
}

@media screen and (max-width: 800px) {
  .point_ranking__caption {
    color: #3AA59E;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 5px;
  }
}

.point_ranking__before {
  font-weight: bold;
}

.point_ranking__denial {
  color: #555;
  font-size: 1.0rem;
}

.point_ranking__arrow {
  margin-left: 5px;
}

@media screen and (max-width: 800px) {
  .point_ranking__arrow {
    margin-left: 3px;
    margin-right: 3px;
  }
}

.point_ranking__after {
  display: flex;
  justify-content: center;
}

.point_ranking__pointImg {
  margin-right: 2px;
}

@media screen and (max-width: 800px) {
  .point_ranking__pointImg {
    margin-bottom: 2px;
  }
}

.point_ranking__normal {
  display: flex;
  justify-content: center;
  color: #d50000;
  font-size: 1.6rem;
  white-space: nowrap;
}

.point_ranking__point {
  font-style: normal;
  font-size: 1.6rem;
  font-weight: bold;
  color: #b5000b;
}

.point_ranking__upUnit {
  color: #d50000;
  font-size: 1.0rem;
  margin-top: 3px;
}

.point_ranking__up {
  font-style: normal;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  color: #b5000b;
}

.point_ranking__unit {
  font-size: 1.0rem;
  font-weight: bold;
  display: inline-block;
  color: #b5000b;
  margin-top: 3px;
}

.point_ranking__term {
  text-align: right;
  font-size: 1.0rem;
  color: #666666;
  display: block;
  margin-top: 5px;
  margin-right: 5px;
}

@media screen and (max-width: 800px) {
  .point_ranking__term {
    font-size: 1.2rem;
    font-weight: bold;
  }
}

.point_list__image {
  width: 100%;
  margin-bottom: 10px;
}

.point_list__pagination {
  width: 100%;
  margin: 15px 0;
}

.point_list__pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.point_list__pagination span:not(.previous):not(.next):not(.active):not(.previous-inactive):not(.next-inactive) a {
  margin: 0 5px;
  padding: 3px 5px;
  border: 1px solid #bcbcbc;
  background-color: #eaeaea;
}

@media screen and (max-width: 800px) {
  .point_list__pagination span:not(.previous):not(.next):not(.active):not(.previous-inactive):not(.next-inactive) a {
    border: none;
    color: #666;
    margin: 7px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #bcbcbc;
  }
  .point_list__pagination span:not(.previous):not(.next):not(.active):not(.previous-inactive):not(.next-inactive) a:hover {
    opacity: 0.5;
    text-decoration: none;
  }
}

.point_list__pagination .active a {
  margin: 0 5px;
  padding: 3px 5px;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid #e5d682;
  background-color: #5b99d6;
}

@media screen and (max-width: 800px) {
  .point_list__pagination .active a {
    border: none;
    margin: 7px;
    padding: 5px 10px;
    border-radius: 3px;
  }
}

.point_list__pagination .previous a {
  font-size: 1.1rem;
}

@media screen and (max-width: 800px) {
  .point_list__pagination .previous a {
    padding: 7px;
    margin-right: 7px;
    border-radius: 5px;
    color: #454343;
    background: #FFFFFF;
    border: 1px solid #bcbcbc;
  }
  .point_list__pagination .previous a:hover {
    opacity: 0.5;
    text-decoration: none;
  }
  .point_list__pagination .previous a span {
    display: none;
  }
}

.point_list__pagination .next a {
  font-size: 1.1rem;
}

@media screen and (max-width: 800px) {
  .point_list__pagination .next a {
    padding: 7px;
    margin-left: 7px;
    border-radius: 5px;
    color: #454343;
    background: #FFFFFF;
    border: 1px solid #bcbcbc;
  }
  .point_list__pagination .next a:hover {
    opacity: 0.5;
    text-decoration: none;
  }
  .point_list__pagination .next a span {
    display: none;
  }
}

.point_list__pagination .previous-inactive a {
  color: #bcbcbc;
  font-size: 1.1rem;
  pointer-events: none;
}

@media screen and (max-width: 800px) {
  .point_list__pagination .previous-inactive a {
    padding: 7px;
    margin-right: 7px;
    border-radius: 5px;
    color: #666;
    background: #eaeaea;
    border: 1px solid #bcbcbc;
  }
  .point_list__pagination .previous-inactive a:hover {
    opacity: 0.5;
    text-decoration: none;
  }
  .point_list__pagination .previous-inactive a span {
    display: none;
  }
}

.point_list__pagination .next-inactive a {
  color: #bcbcbc;
  font-size: 1.1rem;
  pointer-events: none;
}

@media screen and (max-width: 800px) {
  .point_list__pagination .next-inactive a {
    padding: 7px;
    margin-left: 7px;
    border-radius: 5px;
    color: #666;
    background: #eaeaea;
    border: 1px solid #bcbcbc;
  }
  .point_list__pagination .next-inactive a:hover {
    opacity: 0.5;
    text-decoration: none;
  }
  .point_list__pagination .next-inactive a span {
    display: none;
  }
}

.point_list__heading {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  background: linear-gradient(to bottom, transparent, #ffe895);
  border-bottom: 2px #ff711f solid;
  padding: 10px 8px;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.point_list__heading--point {
  border-bottom: none;
  background: url("https://img.fruitmail.net/fruit/img/point/fmpoint.gif") no-repeat;
  background-position: -203px -378px;
}

.point_list__heading--percent {
  border-bottom: none;
  background: url("https://img.fruitmail.net/fruit/img/point/fmpoint.gif") no-repeat;
  background-position: -203px -469px;
}

.point_list__sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .point_list__sub {
    flex-direction: column-reverse;
  }
}

.point_list__count {
  color: #666666;
  font-size: 1.3rem;
}

.point_list__count strong {
  color: #333;
}

.point_list__sort {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .point_list__sort {
    margin-bottom: 20px;
  }
  .point_list__sort span {
    margin-right: 10px;
  }
}

.point_list__sortButton {
  color: #0066cb;
  text-decoration: none;
  background-color: #eaeaea;
  border: 1px solid #bcbcbc;
  padding: 3px 17px;
  margin-left: 10px;
}

@media screen and (max-width: 800px) {
  .point_list__sortButton {
    margin: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 1.2rem;
  }
  .point_list__sortButton:hover {
    opacity: 0.5;
  }
}

.point_list__sortButton button {
  padding: 0;
  border: none;
  background: none;
}

@media screen and (max-width: 800px) {
  .point_list__sortButton button {
    font-size: 1.2rem;
  }
}

.point_list__sortButton button:hover {
  text-decoration: underline;
  color: #0066cb;
}

@media screen and (max-width: 800px) {
  .point_list__sortButton button:hover {
    text-decoration: none;
    color: #666;
  }
}

.point_list__sortButton--selected {
  color: #333333;
  border: 1px solid #e5d682;
  background-color: #fff8c1;
  font-weight: bold;
  font-style: normal;
  pointer-events: none;
}

.point_detail__heading {
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  border: 2px #bdbdbd solid;
  border-radius: 3px;
  background: linear-gradient(white 50%, #e8ecef 50%);
  box-shadow: 0px 2px 4px 1px #b9b9b9;
  padding: 7px 0;
  padding-left: 22px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .point_detail__heading {
    display: block;
    border: none;
    background: none;
    box-shadow: none;
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #484848;
    font-size: 1.6rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.point_detail__heading:before {
  content: "";
  position: absolute;
  left: 8px;
  width: 4px;
  height: 50%;
  background-color: #00579b;
}

@media screen and (max-width: 800px) {
  .point_detail__heading:before {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  .point_detail__main {
    padding: 0 15px;
  }
}

.point_detail__information {
  margin-bottom: 16px;
  display: flex;
}

@media screen and (max-width: 800px) {
  .point_detail__information {
    flex-direction: column;
    margin-bottom: 0;
  }
}

.point_detail__image {
  width: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .point_detail__image {
    display: block;
    width: 120px;
    min-height: 60px;
    margin-bottom: 10px;
  }
}

.point_detail__image img {
  width: 120px;
}

.point_detail__labelSpace {
  display: flex;
  margin-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .point_detail__labelSpace {
    justify-content: space-between;
  }
}

.point_detail__label {
  color: white;
  font-size: 1.0rem;
  background-color: #b9b9b9;
  border: 1px #b9b9b9 groove;
  border-radius: 3px;
  padding: 1px 6px;
  margin-right: 4px;
}

@media screen and (max-width: 800px) {
  .point_detail__label {
    padding: 2px;
    margin-right: 2px;
    letter-spacing: -0.5px;
    box-sizing: border-box;
  }
}

.point_detail__label:last-child {
  margin-right: 0;
}

.point_detail__pointSpace {
  min-height: 24px;
  color: gray;
  font-size: 1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .point_detail__pointSpace {
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.2rem;
    position: absolute;
    top: 40px;
    left: calc(100% - 220px);
  }
}

.point_detail__pointSpace > span {
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-right: 4px;
  transform: translateY(2px);
}

@media screen and (max-width: 800px) {
  .point_detail__pointSpace > span {
    width: 200px;
    display: block;
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.point_detail__pointSpace > span img {
  margin-right: 4px;
}

@media screen and (max-width: 800px) {
  .point_detail__pointSpace > span img {
    width: 15px;
  }
}

.point_detail__pointUp {
  display: flex;
  font-size: 1.9rem;
  font-weight: bold;
  margin: 4px 0;
}

@media screen and (max-width: 800px) {
  .point_detail__pointUp {
    align-items: flex-end;
    margin: 5px 0;
  }
  .point_detail__pointUp s {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 800px) and (max-width: 800px) {
  .point_detail__pointUp s {
    font-size: 1.0rem;
    margin-bottom: 2px;
  }
}

.point_detail__pointUp > span {
  font-size: 2.4rem;
  margin: 0 4px;
}

@media screen and (max-width: 800px) {
  .point_detail__pointUp > span {
    margin: 3px 5px;
    font-size: 1.0rem;
  }
}

.point_detail__point {
  color: #d50000;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .point_detail__point {
    margin-top: 7px;
    margin-bottom: 3px;
    font-size: 1.6rem;
    letter-spacing: 0;
    align-items: flex-end;
  }
}

.point_detail__point img {
  transform: translateY(2px);
  margin-right: 2px;
}

@media screen and (max-width: 800px) {
  .point_detail__point img {
    transform: initial;
    margin-bottom: 2px;
  }
}

.point_detail__point span {
  font-size: 1.6rem;
  letter-spacing: 0;
  margin-left: 1px;
}

@media screen and (max-width: 800px) {
  .point_detail__point span {
    font-size: 1.2rem;
  }
}

.point_detail__subInformation {
  font-size: 1.2rem;
  word-wrap: break-word;
  background-color: #fff8c1;
  border: 1px solid #e5d682;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 800px) {
  .point_detail__subInformation {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }
}

.point_detail__subInformation > div {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.point_detail__subInformation > div a {
  font-size: 1.2rem;
  margin-right: 5px;
}

@media screen and (max-width: 800px) {
  .point_detail__subInformation > div a {
    color: #3AA59E;
  }
}

.point_detail__subInformation > div .material-icons {
  color: gray;
  font-size: 2rem;
}

@media screen and (max-width: 800px) {
  .point_detail__subInformation > div .material-icons {
    display: none;
  }
}

.point_detail__subInformation > div strong {
  margin-right: 8px;
}

@media screen and (max-width: 800px) {
  .point_detail__subInformation > div strong {
    display: flex;
    flex-direction: column;
  }
}

.point_detail__describedTiming {
  display: block;
}

.point_detail__describedTiming span {
  font-weight: initial;
}

.point_detail__text {
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.8;
  padding: 10px;
  padding-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .point_detail__text {
    padding: 0;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 20px;
  }
}

.point_detail__button {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
}

.point_detail__button--mobile {
  display: none;
}

@media screen and (max-width: 800px) {
  .point_detail__button--mobile {
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .point_detail__button img {
    width: 100%;
  }
}

.point_detail__end {
  width: 640px;
  margin-bottom: 10px;
  padding: 10px 0px;
  background: #eaeaea;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .point_detail__end {
    width: 100%;
  }
}

.point_detail__promptText {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
  .point_detail__promptText {
    font-weight: bold;
    text-align: left;
  }
}

.point_detail__loginOrRegisterButtonSpace {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .point_detail__loginOrRegisterButtonSpace {
    margin-bottom: 15px;
  }
}

.point_detail__loginOrRegisterButtonSpace img:first-child {
  margin-right: 8px;
}

.point_detail__rule h3 {
  color: #333333;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0px 0px 5px 10px;
  box-sizing: border-box;
  border-bottom: 1px dotted #666666;
  margin: 20px 0px 10px 0px;
}

@media screen and (max-width: 800px) {
  .point_detail__rule h3 {
    font-size: 1.3rem;
    font-weight: bold;
  }
}

.point_detail__rule h3 .material-icons {
  font-size: 1.9rem;
}

.point_detail__rule ul {
  padding-left: 15px;
}

@media screen and (max-width: 800px) {
  .point_detail__rule ul {
    padding-left: 30px;
    padding-right: 20px;
    font-size: 1.1rem;
    font-weight: bold;
  }
}

.point_detail__rule ul li {
  list-style-type: disc;
  list-style-position: outside;
  color: #333333;
  line-height: 20px;
  padding: 5px 0px;
}

.point_detail__rule ul li a {
  font-size: 1.2rem;
}

.point_detail__recommend {
  background-color: #f1f1f1;
  border-radius: 4px;
  border: 1px double #b7b7b7;
  padding: 5px;
  box-sizing: border-box;
  margin-top: 24px;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .point_detail__recommend {
    margin: 0;
    padding: 0;
    border-radius: initial;
    border-top: 3px solid #b7b7b7;
  }
}

.point_detail__recommendItem {
  border: 2px #bdbdbd solid;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0px 2px 4px 1px #b9b9b9;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .point_detail__recommendItem {
    border: none;
    background: none;
    box-shadow: none;
    padding: 0;
  }
}

.point_detail__recommendItem h3 {
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  margin: 10px 0;
  border-bottom: 1px dotted #ddd;
}

@media screen and (max-width: 800px) {
  .point_detail__recommendItem h3 {
    display: flex;
    flex-direction: column;
    margin: 5px;
    color: #3AA59E;
    border-bottom: none;
  }
}

.point_detail__recommendItem h3:before {
  content: "";
  width: 4px;
  height: 17px;
  margin-right: 3px;
  background-color: #00579b;
}

@media screen and (max-width: 800px) {
  .point_detail__recommendItem h3:before {
    display: none;
  }
}

.point_detail__recommendItem h3 span {
  margin-left: 3px;
  font-size: 1.2rem;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width: 800px) {
  .point_detail__recommendItem h3 span {
    color: #484848;
    font-weight: bold;
    margin-top: 5px;
  }
}

.point_detail__recommendItemList {
  display: flex;
}

@media screen and (max-width: 800px) {
  .point_detail__recommendItemList {
    display: flex;
    flex-wrap: wrap;
    margin: 5px 10px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #DDDDDD;
  }
}

.point_detail__recommendInline {
  background-color: white;
  border-radius: 2px;
  padding: 5px 10px 0;
}

.point_detail__landing {
  width: 640px;
  margin-bottom: 25px;
}

@media (max-width: 640px) {
  .point_detail__landing {
    width: 100%;
  }
}

.point_detailItem__list {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px dotted #b7b7b7;
}

.point_detailItem__item {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  margin: 10px;
  width: calc(100% / 4 - 20px);
}

@media screen and (max-width: 800px) {
  .point_detailItem__item {
    margin: 10px;
    width: calc(100% / 2 - 20px);
    justify-content: flex-start;
  }
}

.point_detailItem__image {
  width: 120px;
  padding: 3px;
}

.point_detailItem__detail {
  text-align: center;
}

@media screen and (max-width: 800px) {
  .point_detailItem__detail {
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media screen and (max-width: 800px) {
  .point_detailItem__title {
    width: 100%;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.point_detailItem__link {
  display: block;
  font-size: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 800px) {
  .point_detailItem__link {
    color: #3AA59E;
    font-weight: bold;
  }
}

.point_detailItem__captionValue {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 5px;
  margin-bottom: 2px;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .point_detailItem__captionValue {
    flex-direction: initial;
    margin-top: 3px;
    margin-bottom: 0;
  }
}

.point_detailItem__captionValue p {
  font-size: 1rem;
  color: #4d4d4d;
}

@media screen and (max-width: 800px) {
  .point_detailItem__captionValue p {
    display: none;
  }
}

.point_detailItem__caption {
  display: flex;
  justify-content: center;
}

.point_detailItem__pointImg {
  width: 15px;
  margin-right: 3px;
  margin-bottom: 3px;
}

@media screen and (max-width: 800px) {
  .point_detailItem__pointImg {
    margin-bottom: 0;
  }
}

.point_detailItem__attention a {
  font-size: 1.0rem;
  text-decoration: underline;
}

@media screen and (max-width: 800px) {
  .point_detailItem__attention a {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  .point_detailItem__value .point_value__item {
    flex-direction: column;
  }
}

@media screen and (max-width: 800px) {
  .point_detailItem__value .point_value__arrow {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  .point_detailItem__value .point_value__after {
    align-items: flex-end;
  }
}

.point_detailItem__value .point_value__point {
  font-size: 2rem;
  font-weight: bold;
  color: #d5000b;
}

@media screen and (max-width: 800px) {
  .point_detailItem__value .point_value__point {
    font-size: 1.8rem;
  }
}

.point_detailItem__value .point_value__pointUp {
  font-size: 2rem;
  font-weight: bold;
  color: #b5000b;
}

@media screen and (max-width: 800px) {
  .point_detailItem__value .point_value__pointUp {
    font-size: 1.8rem;
  }
}

.point_detailItem__value .point_value__unit {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  color: #b5000b;
  margin-top: 2px;
}

@media screen and (max-width: 800px) {
  .point_detailItem__value .point_value__unit {
    font-size: 1.0rem;
  }
}

.point_listItem {
  padding: 5px 0;
  border-bottom: 1px dotted #666666;
}

@media screen and (max-width: 800px) {
  .point_listItem {
    padding: 10px 0;
  }
}

.point_listItem__attention {
  width: 100%;
  padding: 100px 0;
  text-align: center;
}

.point_listItem__header {
  background-color: #eaeaea;
  padding: 5px 10px;
  margin-bottom: 8px;
}

.point_listItem__title {
  color: #0066cb;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 4px;
}

@media screen and (max-width: 800px) {
  .point_listItem__title {
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .point_listItem__title a {
    color: #3AA59E;
    font-size: 1.2rem;
  }
}

.point_listItem__title:hover {
  color: #ea6767;
  text-decoration: underline;
}

.point_listItem__labelSpace {
  display: flex;
}

@media screen and (max-width: 800px) {
  .point_listItem__labelSpace {
    display: none;
  }
}

.point_listItem__label {
  color: white;
  font-size: 1rem;
  font-weight: bold;
  background-color: #b9b9b9;
  border: 1px #b9b9b9 groove;
  border-radius: 3px;
  padding: 1px 5px;
  margin-right: 4px;
}

.point_listItem__label:last-child {
  margin-right: 0;
}

.point_listItem__main {
  display: flex;
  margin-bottom: 14px;
}

@media screen and (max-width: 800px) {
  .point_listItem__main {
    justify-content: center;
    padding: 0 10px;
  }
}

.point_listItem__image {
  width: 120px;
  margin-right: 10px;
}

.point_listItem__image img {
  width: 120px;
}

.point_listItem__information table {
  margin-bottom: 0;
}

.point_listItem__information table th,
.point_listItem__information table td {
  border: none;
  padding-bottom: 4px;
}

@media screen and (max-width: 800px) {
  .point_listItem__information table th,
  .point_listItem__information table td {
    padding-bottom: 5px;
  }
}

.point_listItem__information table tr:first-child th, .point_listItem__information table tr:first-child td {
  padding-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .point_listItem__information table tr:first-child th, .point_listItem__information table tr:first-child td {
    padding-bottom: 5px;
  }
}

@media screen and (max-width: 800px) {
  .point_listItem__information table tr:first-child th {
    display: none;
  }
}

.point_listItem__information table tr:last-child th, .point_listItem__information table tr:last-child td {
  padding-bottom: 0;
}

.point_listItem__information table tr:nth-child(n + 2) td {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 800px) {
  .point_listItem__information table tr {
    display: flex;
  }
}

.point_listItem__information table th {
  width: 90px;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left;
}

.point_listItem__information table th span {
  display: none;
}

@media screen and (max-width: 800px) {
  .point_listItem__information table th {
    display: flex;
    width: 70px;
  }
  .point_listItem__information table th span {
    display: block;
    margin-left: 7px;
  }
}

.point_listItem__information table td {
  font-size: 1.2rem;
}

.point_listItem__pointUp {
  display: flex;
  font-size: 1.4rem;
}

@media screen and (max-width: 800px) {
  .point_listItem__pointUp {
    font-size: 1.2rem;
  }
}

.point_listItem__pointUp > span {
  margin: 0 4px;
}

.point_listItem__point {
  color: #d50000;
  font-size: 1.9rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .point_listItem__point {
    font-size: 1.8rem;
  }
}

.point_listItem__point img {
  margin-right: 2px;
}

@media screen and (max-width: 800px) {
  .point_listItem__point img {
    margin-right: 5px;
  }
}

.point_listItem__point span {
  font-size: 1.2rem;
  letter-spacing: 0;
  margin-left: 1px;
}

.point_listItem__description {
  color: #666666;
  font-size: 1.2rem;
  line-height: 1.4;
}

@media screen and (max-width: 800px) {
  .point_listItem__description {
    padding: 0 10px;
  }
}

.point_recommendItem,
.point_personalizeRecommendItem {
  position: relative;
  border-radius: 7px;
  background-color: #fff;
}

.point_recommendItem img,
.point_personalizeRecommendItem img {
  max-width: 100%;
}

.point_recommendItem__head,
.point_personalizeRecommendItem__head {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  padding: 7px 0;
  border-radius: 7px 7px 0 0;
  background-color: #ff3232;
}

.point_recommendItem__head .material-icons,
.point_personalizeRecommendItem__head .material-icons {
  font-size: 2.0rem;
}

.point_recommendItem__link,
.point_personalizeRecommendItem__link {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0 10px;
  padding: 15px;
  border-radius: 10px;
  background-color: #fff;
  transition-property: background-color;
  transition-duration: 0.2s;
}

@media (any-hover: hover) {
  .point_recommendItem__link:hover,
  .point_personalizeRecommendItem__link:hover {
    background-color: #fff9bc;
  }
}

@media (max-width: 319px) {
  .point_recommendItem__link,
  .point_personalizeRecommendItem__link {
    display: block;
  }
}

.point_recommendItem__banner,
.point_personalizeRecommendItem__banner {
  width: 100px;
}

.point_recommendItem__banner img,
.point_personalizeRecommendItem__banner img {
  width: 100px;
  object-fit: contain;
}

@media (max-width: 319px) {
  .point_recommendItem__banner,
  .point_personalizeRecommendItem__banner {
    width: 100%;
    margin-bottom: 8px;
  }
}

.point_recommendItem__info,
.point_personalizeRecommendItem__info {
  flex: 1;
  padding-bottom: 30px;
}

@media (max-width: 319px) {
  .point_recommendItem__info,
  .point_personalizeRecommendItem__info {
    padding-bottom: 0;
  }
}

.point_recommendItem__text,
.point_personalizeRecommendItem__text {
  color: #222;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4;
}

@media (max-width: 319px) {
  .point_recommendItem__point,
  .point_personalizeRecommendItem__point {
    width: calc(100% - 80px + 15px);
  }
}

.point_recommendItem__mikkun,
.point_personalizeRecommendItem__mikkun {
  position: absolute;
  right: -22px;
  bottom: -15px;
  width: 96px;
}

@media (max-width: 319px) {
  .point_recommendItem__mikkun,
  .point_personalizeRecommendItem__mikkun {
    width: 80px;
  }
}

.point_personalizeRecommendItem {
  width: 90%;
}

@media (max-width: 800px) {
  .point_personalizeRecommendItem {
    width: 100%;
  }
}

.point_searchForm {
  padding: 10px 15px;
  margin-bottom: 20px;
  border-top: 3px solid #b7b7b7;
  border-left: 1px solid #b7b7b7;
  border-right: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  background-color: #f1f1f1;
}

@media screen and (max-width: 800px) {
  .point_searchForm {
    position: absolute;
    top: -125px;
    width: 100%;
    margin-bottom: 15px;
    padding: 5px 10px 10px;
    box-sizing: border-box;
  }
}

.point_searchForm form {
  display: flex;
  width: 430px;
  margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
  .point_searchForm form {
    align-items: center;
    width: 100%;
    margin-left: 5px;
    margin-bottom: 0;
  }
}

.point_searchForm form input {
  width: 305px;
  height: 27px;
  padding: 3px 5px;
  border: 1px solid #999;
  font-size: 1.6rem;
}

@media screen and (max-width: 800px) {
  .point_searchForm form input {
    width: 270px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    font-size: 1.2rem;
    border-radius: 5px 0 0 5px;
    border: 2px solid #DEA941;
  }
}

.point_searchForm__searchButton {
  width: 100px;
  height: 27px;
  margin-left: 7px;
  padding: initial;
  display: block;
  cursor: pointer;
  font-weight: bold;
  color: #333;
  background-color: #ddd;
  border: 1px solid #333;
}

@media screen and (max-width: 800px) {
  .point_searchForm__searchButton {
    width: initial;
    height: auto;
    padding: 4px;
    margin-left: 0;
    color: #ffffff;
    background: #E8A61D;
    border: none;
    border-top: 3px solid #E8A61D;
    border-radius: 0px 5px 5px 0px;
    position: relative;
    top: 0px;
    right: 2px;
  }
  .point_searchForm__searchButton:hover {
    background: #E8A61D !important;
    opacity: 0.7;
  }
}

@media screen and (max-width: 800px) {
  .point_searchForm__searchButton div {
    display: none;
  }
}

.point_searchForm__searchButton .material-icons {
  display: none;
}

@media screen and (max-width: 800px) {
  .point_searchForm__searchButton .material-icons {
    display: block;
    color: #FFFFFF;
  }
}

.point_searchForm__label {
  display: none;
}

@media screen and (max-width: 800px) {
  .point_searchForm__label {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 70px;
    padding: 5px;
    color: #FFFFFF;
    font-size: 1.0rem;
    transform: scale(0.7, 0.7);
    border-radius: 5px;
    background: #E8A61D;
  }
}

.point_searchForm__popular {
  margin: auto;
}

.point_searchForm__popularItem {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 800px) {
  .point_searchForm__popularItem {
    font-weight: bold;
  }
}

.point_searchForm__popularItem span a {
  margin: 0 3px;
  font-size: 1.2rem;
}

@media screen and (max-width: 800px) {
  .point_searchForm__popularItem span a {
    color: #3AA59E;
    font-size: 1.1rem;
  }
}

.global_point {
  line-height: 1.2;
}

.global_point__beforeUp {
  display: inline-block;
  margin-right: 5px;
  text-decoration: line-through;
}

@media screen and (max-width: 449px) {
  .global_point__beforeUp {
    font-size: 1.2rem;
  }
}

.global_point__main {
  display: inline-block;
}

.global_point__icon {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 1;
}

@media screen and (max-width: 449px) {
  .global_point__icon {
    bottom: -2px;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 449px) {
  .global_point__icon--large {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 449px) {
  .global_point__icon--small {
    width: 16px;
    height: 16px;
  }
}

.global_point__icon img {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
}

.global_point__reason {
  position: relative;
  top: -2px;
  display: inline-block;
  line-height: 1;
}

@media screen and (max-width: 449px) {
  .global_point__reason {
    font-size: 1.2rem;
  }
}

.global_point__point {
  display: inline-block;
  font-weight: 700;
  color: #e31610;
  line-height: 1;
}

.global_point__pointValue {
  font-size: 1.8rem;
}

@media screen and (max-width: 449px) {
  .global_point__pointValue {
    font-size: 2.0rem;
  }
}

.global_point__pointValue--large {
  font-size: 4rem;
}

@media screen and (max-width: 449px) {
  .global_point__pointValue--large {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointValue--small {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit--large {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit--small {
    font-size: 1.2rem;
  }
}

.exchange_layoutTop__clickPoint {
  margin-bottom: 20px;
}

.exchange_layoutTop__adBlock {
  margin-bottom: 20px;
}

.exchange_navigationComponent {
  display: flex;
  gap: 1px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.exchange_navigationComponent__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 46px;
  padding: 0 20px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  border-width: 1px 0;
  border-style: solid;
  border-color: #3AA59E;
  background-color: #3AA59E;
}

.exchange_navigationComponent__link .material-icons {
  font-size: 2.6rem;
}

@media (any-hover: hover) {
  body[data-device="pc"] .exchange_navigationComponent__item {
    flex: 1;
  }
  body[data-device="pc"] .exchange_navigationComponent__item:first-child .exchange_navigationComponent__link {
    border-width: 1px 0 1px 1px;
    border-radius: 5px 0 0 5px;
  }
  body[data-device="pc"] .exchange_navigationComponent__item:last-child .exchange_navigationComponent__link {
    border-width: 1px 1px 1px 0;
    border-radius: 0 5px 5px 0;
  }
}

@media (any-hover: hover) {
  body[data-device="pc"] .exchange_navigationComponent__link {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .exchange_navigationComponent__link:hover {
    color: #3AA59E;
    background-color: #fff;
  }
}

body[data-device="mobile"] .exchange_navigationComponent {
  border-radius: 5px;
  overflow: hidden;
}

body[data-device="mobile"] .exchange_navigationComponent__item {
  width: calc((100% - 1px * 1) / 2);
}

body[data-device="mobile"] .exchange_navigationComponent__item:last-child .exchange_navigationComponent__link {
  border-radius: 0 0 5px 0;
}

body[data-device="mobile"] .exchange_navigationComponent__link {
  font-size: 1.4rem;
}

body[data-device="mobile"] .exchange_navigationComponent__link .material-icons {
  font-size: 2.0rem;
}

body[data-device="mobile"] .exchange_rankComponent {
  padding: 0;
  background-color: initial;
  box-shadow: none;
}

body[data-device="mobile"] .exchange_rankComponent__heading {
  margin-bottom: 0;
  border-bottom: 0;
}

body[data-device="mobile"] .exchange_rankComponent__title {
  font-size: 1.4rem;
}

body[data-device="mobile"] .exchange_rankComponent__statusWrapper {
  border-radius: 5px;
}

body[data-device="mobile"] .exchange_rankComponent__currentStatus {
  margin-bottom: 7px;
  gap: 10px;
}

body[data-device="mobile"] .exchange_rankComponent__currentBadge {
  margin-bottom: 5px;
}

body[data-device="mobile"] .exchange_rankComponent__currentBadge img {
  width: 30px;
  height: 42px;
}

body[data-device="mobile"] .exchange_rankComponent__currentNow {
  margin-left: 0;
}

body[data-device="mobile"] .exchange_rankComponent__currentNowTitle {
  font-weight: initial;
}

body[data-device="mobile"] .exchange_rankComponent__currentName {
  font-size: 1.6rem;
  font-weight: bold;
}

body[data-device="mobile"] .exchange_rankComponent__currentBonus {
  gap: 5px;
  min-width: 200px;
  padding-left: 10px;
}

body[data-device="mobile"] .exchange_rankComponent__linkBox .material-icons {
  font-size: 2.0rem;
}

body[data-device="mobile"] .exchange_rankComponent__link {
  padding: 4px 10px;
}

body[data-device="mobile"] .exchange_rankComponent__linkTitle {
  font-size: 1.4rem;
  margin-right: 0;
}

body[data-device="mobile"] .exchange_rankComponent__caption {
  font-size: 1.1rem;
}

.exchange_rankComponent {
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  display: flex;
}

.exchange_rankComponent__heading {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E0E0E0;
}

.exchange_rankComponent__title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-left: 5px;
}

.exchange_rankComponent__statusWrapper {
  padding: 0;
  width: 100%;
}

.exchange_rankComponent__statusBackground {
  border-radius: 5px;
  display: flex;
  justify-content: space-around;
  height: 110px;
  padding: 24px 0;
}

.exchange_rankComponent__currentStatus {
  width: 50%;
  display: flex;
  align-items: center;
  border-right: 1px solid #E0E0E0;
  justify-content: center;
  gap: 18px;
}

.exchange_rankComponent__currentBudge {
  max-width: 50px;
  max-height: 105px;
}

@media (max-width: 640px) {
  .exchange_rankComponent__currentBudge {
    max-width: 40px;
  }
}

.exchange_rankComponent__currentNow {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 16px;
}

.exchange_rankComponent__currentNowTitle {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.92;
}

.exchange_rankComponent__currentName {
  color: #3A896C;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: calc(27 / 18);
}

.exchange_rankComponent__bonus {
  width: 50%;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.exchange_rankComponent__linkBox {
  width: 158px;
  height: 36px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border-color: #E9EBED;
  display: flex;
  align-content: center;
  justify-content: center;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 640px) {
  .exchange_rankComponent__linkBox {
    width: auto;
    max-width: 100%;
  }
}

.exchange_rankComponent__linkBox .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

.exchange_rankComponent__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #939393;
}

.exchange_rankComponent__link:hover {
  color: #484848;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.exchange_rankComponent__link:hover .material-icons {
  color: #3AA59E;
}

.exchange_rankComponent__link .material-icons {
  color: #939393;
}

.exchange_rankComponent__linkTitle {
  font-size: 1.4rem;
}

/**
  新しいTOPページ
 */
.exchange_top__titleSection {
  font-size: 3.0rem;
  height: 44px;
  margin-bottom: 20px;
}

@media screen and (max-width: 719px) {
  .exchange_top__titleSection {
    margin-bottom: 10px;
  }
}

.exchange_top__informationSection {
  margin-bottom: 20px;
}

.exchange_top__sliderSection {
  margin-bottom: 20px;
  max-width: 720px;
  overflow: hidden;
}

@media screen and (max-width: 719px) {
  .exchange_top__sliderSection {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.exchange_top__catalogSection {
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 10px #E2E1D9;
}

.exchange_top__rankSection {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
  gap: 20px;
}

.exchange_top__rankStatus {
  width: 100%;
}

.exchange_top__exchangeAction {
  min-width: 138px;
}

.exchange_top__exchangeActionBody {
  height: 100%;
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-content: center;
  gap: 10px;
  align-items: center;
  justify-content: space-evenly;
}

@media screen and (max-width: 719px) {
  .exchange_top__exchangeActionBody {
    flex-direction: row;
    flex-direction: row;
    display: flex;
    justify-content: center;
    padding: 12px;
  }
}

.exchange_top__exchangeActionBody span {
  background: #939393;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  display: flex;
  color: white;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 719px) {
  .exchange_top__exchangeActionBody span {
    border-radius: 10px;
    width: 20px;
    height: 20px;
  }
}

.exchange_top__exchangeActionBody p {
  font-size: 1.4rem;
}

.exchange_top__bonusBannerSection {
  margin-bottom: 30px;
}

@media screen and (max-width: 719px) {
  .exchange_top__bonusBannerSection {
    padding: 0 15px;
  }
}

.exchange_top__mobileNavigationSection {
  margin: 0 15px;
  margin-bottom: 20px;
}

.exchange_top__wall {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  box-sizing: border-box;
}

.exchange_top__wallTitle {
  font-size: 1.8rem;
  font-weight円分: bold;
  margin-bottom: 10px;
}

.exchange_top__tile {
  width: 233px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15px;
  align-items: stretch;
  border-bottom: 1px solid #CDD3D6;
  border-right: 1px solid #CDD3D6;
}

.exchange_top__tile img {
  width: 203px;
  height: 130px;
  margin-bottom: 10px;
}

.exchange_top__tile:nth-child(3n) {
  border-right: 0px;
}

.exchange_top__tile:nth-child(-n+3) {
  border-top: 1px solid #CDD3D6;
}

.exchange_top__tile:nth-child(n+4) {
  border-top: 0px solid #CDD3D6;
}

.exchange_top__tile a {
  display: inline-flex;
  justify-content: center;
}

.exchange_top__tile a div {
  height: 36px;
  flex-direction: row;
  padding: 20px;
  background-color: #3AA59E;
  border-radius: 10px;
  color: #fff;
  display: flex;
  margin-top: 8px;
  margin-bottom: 8px;
  align-items: center;
}

.exchange_top__tile a:hover {
  text-decoration: none;
}

.exchange_top__tile a:hover div {
  color: #3AA59E;
  background-color: #fff;
  outline: 1px solid;
}

.exchange_top__exchangeName {
  font-size: 1.8rem;
  font-weigth: bold;
  line-height: calc(27 / 18);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.exchange_top__exchangeName--condensed {
  font-size: 1.4rem;
  line-height: calc(27 / 14);
}

.exchange_top__exchangeName span {
  font-size: 1.4rem;
}

.exchange_top__pointInfo {
  width: 100%;
  line-height: 2.4rem;
  margin-top: 10px;
  margin-bottom: 10px;
}

.exchange_top__pointInfo dt {
  width: 56px;
  margin-right: 24px;
  color: #484848;
  font-weight: normal;
}

.exchange_top__pointInfo dd {
  color: #E31610;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}

.exchange_top__pointInfo dd span {
  font-size: 1.4rem;
}

.exchange_top__pointInfo dd p {
  font-weight: normal;
  font-size: 1.4rem;
  color: #939393;
}

.exchange_top__deliveryInfo {
  line-height: 2.4rem;
  width: 100%;
  margin-top: auto;
}

.exchange_top__deliveryInfo dt {
  font-weight: normal;
  width: 70px;
  margin-right: 10px;
}

.exchange_top__deliveryInfo dd {
  font-weight: normal;
}

.exchange_top__campaignAndFeatureSection {
  margin-bottom: 20px;
}

.exchange_top__attentionsSection {
  font-size: 1.0rem;
  line-height: 1.7;
  color: #939393;
  margin-bottom: 20px;
}

.exchange_top__attentionsSection pre {
  white-space: pre-wrap;
}

@media screen and (max-width: 719px) {
  .exchange_top__attentionsSection {
    margin: 0 15px;
  }
  .exchange_top__attentionsSection .global_trademarkNotation {
    padding: 0;
  }
}

.exchange_top .mypage_rank {
  padding: 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank {
    padding: 0;
    background-color: initial;
    box-shadow: none;
  }
}

.exchange_top .mypage_rank__heading {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E0E0E0;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__heading {
    margin-bottom: 0;
    border-bottom: 0;
  }
}

.exchange_top .mypage_rank__title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-left: 5px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__title {
    font-size: 1.4rem;
  }
}

.exchange_top .mypage_rank__statusWrapper {
  padding: 0;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__statusWrapper {
    padding: 10px;
    border-radius: 5px;
    background-color: #FFFFFF;
  }
}

.exchange_top .mypage_rank__statusBackground {
  border-radius: 5px;
  padding: 20px 30px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__statusBackground {
    padding: 10px 18px;
  }
}

.exchange_top .mypage_rank__currentStatus {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__currentStatus {
    flex-direction: column;
    margin-bottom: 7px;
  }
}

.exchange_top .mypage_rank__currentBudge {
  max-width: 85px;
  max-height: 105px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__currentBudge {
    margin-bottom: 5px;
  }
  .exchange_top .mypage_rank__currentBudge img {
    width: 61px;
    height: 76px;
  }
}

.exchange_top .mypage_rank__currentNow {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__currentNow {
    margin-left: 0;
  }
}

.exchange_top .mypage_rank__currentNowTitle {
  font-size: 1.4rem;
  line-height: calc(20 / 14);
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__currentNowTitle {
    font-size: 1.0rem;
    font-weight: initial;
  }
}

.exchange_top .mypage_rank__currentName {
  color: #3A896C;
  font-size: 3.0rem;
  font-weight: bold;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__currentName {
    font-size: 1.6rem;
    font-weight: bold;
  }
}

.exchange_top .mypage_rank__caption {
  font-size: 1.4rem;
  line-height: calc(20 / 14);
}

.exchange_top .mypage_rank__linkBox {
  width: 270px;
  border-radius: 5px;
  background-color: #3AA59E;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__linkBox {
    width: 100%;
  }
}

.exchange_top .mypage_rank__linkBox .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__linkBox .material-icons {
    font-size: 2.0rem;
  }
}

.exchange_top .mypage_rank__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  padding: 10px 20px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__link {
    padding: 4px 10px;
  }
}

.exchange_top .mypage_rank__link:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  outline: 2px solid;
}

.exchange_top .mypage_rank__link:hover .material-icons {
  color: #3AA59E;
}

.exchange_top .mypage_rank__linkTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 8px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__linkTitle {
    font-size: 1.4rem;
    margin-right: 0;
  }
}

body[data-device="mobile"] .exchange_top__rankSection {
  flex-direction: column;
  padding: 0 15px;
  gap: 10px;
}

body[data-device="mobile"] .exchange_top__catalogSection {
  background-color: unset;
  width: 100%;
  padding: unset;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: unset;
}

body[data-device="mobile"] .exchange_top__exchangeAction {
  width: 100%;
}

body[data-device="mobile"] .exchange_top__wallTitle {
  margin-bottom: 10px;
}

body[data-device="mobile"] .exchange_top__wall {
  justify-content: space-between;
}

body[data-device="mobile"] .exchange_top__tile {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #E2E1D9;
  width: calc(98% / 2);
  padding: 7px;
  margin-bottom: 10px;
}

body[data-device="mobile"] .exchange_top__tile:nth-child(n) {
  border-top: 0;
}

body[data-device="mobile"] .exchange_top__tile img {
  margin: 0 auto;
  object-fit: contain;
}

body[data-device="mobile"] .exchange_top__exchangeName {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: calc(21 / 14);
  align-items: center;
  align-items: flex-start;
}

body[data-device="mobile"] .exchange_top__pointInfo {
  flex-direction: column;
}

body[data-device="mobile"] .exchange_top__pointInfo dt {
  width: 100%;
}

body[data-device="mobile"] .exchange_top__pointInfo dd {
  width: 100%;
}

body[data-device="mobile"] .exchange_top__deliveryInfo {
  flex-direction: column;
}

body[data-device="mobile"] .exchange_top__deliveryInfo dt {
  width: 100%;
}

body[data-device="mobile"] .exchange_top__deliveryInfo dd {
  width: 100%;
}

.exchange_informationList__header {
  font-size: 1.8rem;
  line-height: calc(27 / 18);
}

@media screen and (max-width: 719px) {
  .exchange_informationList__header {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.exchange_informationList__list {
  background: white;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__list {
    background: unset;
  }
}

.exchange_informationList__item {
  margin-bottom: 0;
}

.exchange_informationList__item:last-child {
  margin-bottom: 0px;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__item {
    display: block;
    background: white;
    border-radius: 10px;
    margin-bottom: 10px;
  }
}

@media (any-hover: hover) {
  .exchange_informationList__link {
    transition-property: background-color;
    transition-duration: 0.2s;
  }
  .exchange_informationList__link:hover {
    background-color: #fff9bc;
  }
}

.exchange_informationList__itemWrapper {
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 10px 0px 10px 0px;
  position: relative;
  border-bottom: 1px solid #CDD3D6;
  margin: 0px 10px 0 10px;
}

.exchange_informationList__itemWrapper:first-child {
  border-top: 1px solid #CDD3D6;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__itemWrapper:first-child {
    border-top: 0;
  }
}

.exchange_informationList__itemWrapper--noRecord {
  text-align: center;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__itemWrapper {
    display: block;
    border: 0px;
  }
}

.exchange_informationList__itemWrapper:hover {
  background-color: #FFF9BC;
}

.exchange_informationList__status {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin-left: 10px;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__status {
    margin-bottom: 10px;
  }
}

.exchange_informationList__category {
  display: inline-block;
  width: 100px;
  font-size: 1.4rem;
  padding: 2px;
  text-align: center;
  border: 1px solid #707070;
  height: 24px;
}

.exchange_informationList__category--information {
  color: #2C786C;
}

.exchange_informationList__category--campaign {
  color: #E8A61D;
}

.exchange_informationList__category--alert {
  color: red;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__date {
    width: 120px;
  }
}

.exchange_informationList__title {
  flex: 1;
  font-size: 1.4rem;
}

/*
ここまで新しいTOP
*/
/*------------------------------
  ** ナビゲーション(交換カテゴリ)
------------------------------*/
body[data-device="pc"] .exchange_anchorLinks__container {
  padding-bottom: 22px;
}

body[data-device="pc"] .exchange_anchorLinks__title {
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 5px;
}

body[data-device="pc"] .exchange_anchorLinks__category {
  position: relative;
  cursor: pointer;
}

body[data-device="pc"] .exchange_anchorLinks__category:hover {
  background-color: #EAE8DF;
}

body[data-device="pc"] .exchange_anchorLinks__link {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

body[data-device="pc"] .exchange_anchorLinks__nameWrapper {
  display: flex;
  align-items: center;
  gap: 7px;
}

body[data-device="pc"] .exchange_anchorLinks__nameWrapper .material-icons {
  color: #3AA59E;
  font-size: 20px;
}

body[data-device="pc"] .exchange_anchorLinks__name {
  color: #484848;
  font-size: 1.4rem;
  line-height: 1.5;
}

body[data-device="pc"] .exchange_anchorLinks__name br {
  display: none;
}

/**
 * フローステップ部分のコンポーネント
 */
.exchange_flowStep {
  display: flex;
  justify-content: space-between;
  margin: 24px 0;
  /**
  かなりややこしいが、ここでは初期値が設定されていて、
  @includeする際に変数名と値をセットで渡さないと初期値の設定で全て上書きされてしまう、、
  なので、下記のような形で「変数名＋値」で指定してあげないとスタイルが正しく適用されない仕様になってます。
  
  // How to use: 詳しくは橋本さんに直接聞いてみてください
  // TODO: 三角関数が使えないので微妙な角度調整は一旦スルー
  &__fooBar {
    @import "./../component/_step_navigation.scss";
    @include step_navigation(
      $width: 180px,
      $height: 60px,
      $wrapper-width: 130px,
    );
 */
}

.exchange_flowStep__item {
  position: relative;
  color: #777;
  width: 200px;
  filter: grayscale(0.7);
}

.exchange_flowStep__item.isActive {
  color: #444;
  filter: grayscale(0);
}

.exchange_flowStep__wrapper {
  display: flex;
  align-items: center;
  width: 200px;
  height: 60px;
  background-color: #EEB158;
  clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}

.exchange_flowStep__wrapper:nth-child(n+2) {
  margin-right: 0px;
}

.exchange_flowStep__wrapper.lastChild {
  clip-path: polygon(0 0, 100% 0%, 100% 50%, 100% 100%, 0% 100%);
}

.exchange_flowStep__hiLight {
  clip-path: polygon(1% 3.33333%, 89% 3.33333%, calc(100% - 1% - 1px) 50%, 89% 96.66667%, 1% 96.66667%);
}

.exchange_flowStep__hiLight.lastChild {
  clip-path: polygon(1% 3.33333%, 99% 3.33333%, 99% 50%, 99% 96.66667%, 1% 96.66667%);
}

.exchange_flowStep__draw {
  width: 200px;
  height: 60px;
  background-color: #FEEBB9;
  clip-path: polygon(3% 10%, calc(89% - 2px) 10%, calc(100% - 3% - 1px) 50%, calc(89% - 2px) 90%, 3% 90%);
}

.exchange_flowStep__draw.lastChild {
  clip-path: polygon(3% 10%, 97% 10%, 97% 50%, 97% 90%, 3% 90%);
}

.exchange_flowStep__contents {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4%;
  position: absolute;
}

.exchange_flowStep__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  width: 24px;
  height: 24px;
  padding: 4%;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #EEB158;
}

.exchange_flowStep__reverseMargin {
  width: 10px;
}

.exchange_flowStep__text {
  font-size: 1.6rem;
  font-weight: 600;
}

@media screen and (max-width: 719px) {
  .exchange_flowStep {
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__item {
    display: flex;
    width: calc(100% / 5);
  }
  .exchange_flowStep__item::after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #EEB158;
    position: absolute;
    top: calc(50% - 2px);
    right: 0;
    z-index: 1;
  }
  .exchange_flowStep__item.isActive::after {
    background-color: #EEB158;
  }
  .exchange_flowStep__item:last-child {
    width: auto;
  }
  .exchange_flowStep__item:last-child::after {
    width: 0%;
    position: relative;
  }
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__wrapper {
    width: 100%;
    height: auto;
    background-color: initial;
    clip-path: none !important;
    position: relative;
    z-index: 2;
  }
}

.exchange_flowStep__hiLight {
  background-color: #FFFFFF;
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__hiLight {
    clip-path: none;
  }
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__draw {
    width: auto;
    height: auto;
    clip-path: none;
  }
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__contents {
    gap: 0;
    padding: 0;
    width: 100%;
    position: relative;
  }
}

.exchange_flowStep__badge {
  margin-left: 5px;
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__badge {
    width: 30px;
    height: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__text {
    font-size: 1.2rem;
    white-space: nowrap;
    position: absolute;
    top: 35px;
    left: -10px;
  }
  .exchange_flowStep__text span {
    display: none;
  }
}

.exchange_flow__heading {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 8px 24px;
  box-sizing: border-box;
}

@media screen and (max-width: 719px) {
  .exchange_flow__heading {
    font-size: 1.4rem;
    padding: 8px 20px;
  }
}

.exchange_flow__heading::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 6px;
  height: 64%;
  background-color: #F4A838;
}

.exchange_flow__title {
  position: relative;
  margin-bottom: 20px;
  z-index: 1;
  overflow: hidden;
}

@media screen and (max-width: 719px) {
  .exchange_flow__title {
    margin-bottom: 10px;
  }
}

.exchange_flow__titleCaption {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 2.2rem;
  font-weight: 600;
  padding: 10px;
  background-color: #E8E8E8;
}

@media screen and (max-width: 719px) {
  .exchange_flow__titleCaption {
    gap: 5px;
    font-size: 1.4rem;
  }
}

.exchange_flow__titleSubLink {
  position: absolute;
  right: 16px;
}

.exchange_flow__titleSubLink:hover {
  opacity: 0.8;
}

.exchange_flow__banner {
  margin-top: 16px;
  margin-bottom: 24px;
}

.exchange_flow__explain {
  font-size: 1.3rem;
  border: 1px solid #ccc;
  padding: 12px;
}

.exchange_flow__explain h2 {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px dotted #999;
  padding: 8px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 24px;
}

@media screen and (max-width: 719px) {
  .exchange_flow__explain h2 {
    font-size: 1.4rem;
    padding: 8px 20px;
  }
}

.exchange_flow__explain h2:first-child {
  margin-top: 0;
}

.exchange_flow__explain h2::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 6px;
  height: 64%;
  background-color: #F4A838;
}

.exchange_flow__explain ul {
  padding-left: 20px;
}

.exchange_flow__explain ul li {
  font-size: 1.3rem;
  list-style-type: disc;
  line-height: 25px;
  letter-spacing: -0.3px;
}

.exchange_flow__returnButton {
  max-width: 1040px;
  width: 100%;
  margin: 32px 0;
  border-radius: 5px;
  background-color: #3AA59E;
}

@media screen and (max-width: 719px) {
  .exchange_flow__returnButton {
    width: 95%;
    margin: 32px auto;
  }
}

.exchange_flow__returnButton--error {
  max-width: 500px;
  margin: auto;
}

.exchange_flow__returnButton--finished {
  max-width: 345px;
  margin: auto;
}

.exchange_flow__returnLink {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 25px;
  padding: 13px 0;
  color: #3AA59E;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #3AA59E;
}

.exchange_flow__returnLink:hover {
  background-color: #FFF9BC;
}

.exchange_flow__returnLink--error:hover {
  color: #3AA59E;
  text-decoration: none;
}

.exchange_flow__returnLink--finished {
  margin-bottom: 0;
}

.exchange_submitButton__action {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  color: #FFFFFF;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #3AA59E;
}

.exchange_submitButton__action:hover {
  color: #3AA59E;
  outline: 2px solid;
  background-color: #FFFFFF;
}

.exchange_submitButton__action .material-icons {
  font-weight: bold;
}

.exchange_submitButton__action--prev {
  color: #939393;
  outline: 2px solid #CDD3D6;
  background-color: #FFFFFF;
}

.exchange_submitButton__action--prev:hover {
  color: #484848;
  background-color: #F7F7F7;
}

.exchange_submitButton__title {
  font-size: 1.8rem;
  font-weight: bold;
}

.exchange_information__message {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 3px double #ccc;
  padding-bottom: 10px;
  margin-bottom: 32px;
}

.exchange_information__message span {
  color: #e33838;
}

.exchange_information__message a {
  font-size: 2rem;
}

.exchange_information__tableTitle {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 719px) {
  .exchange_information__tableTitle {
    margin-left: 5px;
  }
}

.exchange_information__table {
  width: 1040px;
  border: 3px solid #c5c5c5;
  border-spacing: 0;
  margin-bottom: 30px;
}

@media screen and (max-width: 719px) {
  .exchange_information__table {
    width: 100%;
  }
}

.exchange_information__table th, .exchange_information__table td {
  font-size: 1.4rem;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 8px 3px;
  font-weight: bold;
}

.exchange_information__table th {
  text-align: center;
  background: #004b96;
  color: #fff;
}

@media screen and (max-width: 719px) {
  .exchange_information__table th {
    width: calc(100% / 3);
  }
  .exchange_information__table th:first-child {
    width: 100px;
  }
}

.exchange_information__table td {
  color: #333;
  font-size: 1.5rem;
  text-align: center;
  line-height: 20px;
  background-color: #FFFFFF;
}

@media screen and (max-width: 719px) {
  .exchange_information__table td {
    vertical-align: middle;
  }
}

.exchange_information__table .td-wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.exchange_information__table .td-wrap small {
  font-weight: normal;
}

@media screen and (max-width: 719px) {
  .exchange_information__table .td-wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}

.exchange_information__checkbox {
  display: block;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
  margin: 30px 0;
}

.exchange_information__checkbox input {
  margin-right: 15px;
}

.exchange_information__submit {
  max-width: 345px;
  display: flex;
  justify-content: center;
  margin: auto;
  margin-bottom: 20px;
}

.exchange_information__submit--hidden {
  display: none;
}

.exchange_authorize__caution {
  color: white;
  font-size: 1.4rem;
  line-height: 1.8;
  background-color: crimson;
  padding: 16px;
  margin: 14px 0;
}

.exchange_authorize__onetimePasswordSubmit {
  display: block;
  position: relative;
  width: 210px;
  color: white;
  font-size: 1.6rem !important;
  text-align: center;
  background-color: #E69533 !important;
  border: none !important;
  outline: none !important;
  padding: 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  cursor: pointer !important;
}

.exchange_authorize__onetimePasswordSubmit--gray {
  background-color: gray;
}

.exchange_authorize__onetimePasswordSubmit span {
  margin-right: 4px;
}

.exchange_authorize__heading {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 8px 24px;
  box-sizing: border-box;
  margin-top: 24px;
  margin-bottom: 10px;
  position: relative;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__heading {
    font-size: 1.4rem;
    padding: 8px 20px;
    border-bottom: 0;
  }
}

.exchange_authorize__heading::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 6px;
  height: 64%;
  background-color: #F4A838;
}

.exchange_authorize__item {
  display: flex;
  width: 100%;
  border-spacing: 0;
  margin: 0px auto 10px;
  border: 3px solid #c5c5c5;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item {
    width: unset;
  }
}

.exchange_authorize__item tbody, .exchange_authorize__item tr {
  width: 100%;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item tr {
    display: flex;
    flex-wrap: wrap;
  }
}

.exchange_authorize__item th, .exchange_authorize__item td {
  font-size: 1.4rem;
  font-weight: bold;
  padding: 8px 12px;
  box-sizing: border-box;
}

.exchange_authorize__item th {
  width: 400px;
  color: #333;
  text-align: right;
  vertical-align: middle;
  background-color: #eaeaea;
  border-right: 1px solid #c5c5c5;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item th {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #c5c5c5;
    text-align: center;
  }
  .exchange_authorize__item th span {
    display: none;
  }
}

.exchange_authorize__item td {
  width: 640px;
  vertical-align: bottom;
  background-color: #FFFFFF;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item td {
    text-align: center;
  }
}

.exchange_authorize__item td input[type="text"] {
  padding: 6px;
  border-radius: 2px;
  border: 1px #959595 solid;
}

.exchange_authorize__item td input[name="postal_code_left"] {
  width: 70px;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item td input[name="postal_code_left"] {
    width: 60px;
  }
}

.exchange_authorize__item td input[name="postal_code_right"] {
  width: 140px;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item td input[name="postal_code_right"] {
    width: 120px;
  }
}

.exchange_authorize__item td input[type="password"] {
  width: 100%;
  padding: 6px;
  border-radius: 2px;
  border: 1px #959595 solid;
}

.exchange_authorize__item td span {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 4px;
}

.exchange_authorize__newPasswordLink {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.exchange_authorize__newPasswordLink a {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-size: 1.4rem;
  text-decoration: none !important;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__newPasswordLink a {
    font-size: 1.2rem;
  }
}

.exchange_authorize__newPasswordLink .material-icons {
  color: #FFFFFF;
  font-size: 12px;
  border-radius: 50%;
  background-color: #F4A838;
}

.exchange_authorize__submit {
  display: flex;
  justify-content: center;
  max-width: 345px;
  margin: auto;
  margin-bottom: 30px;
}

.ezchange_zipAddress__attemntion {
  color: #d10000;
}

.exchange_form__heading {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 8px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 10px;
}

@media screen and (max-width: 719px) {
  .exchange_form__heading {
    flex-wrap: wrap;
    font-size: 1.4rem;
    border-bottom: 0;
  }
}

.exchange_form__heading::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 6px;
  height: 64%;
  background-color: #F4A838;
}

.exchange_form__heading span {
  font-size: 1.4rem;
}

@media screen and (max-width: 719px) {
  .exchange_form__heading span {
    font-size: 1.2rem;
  }
}

.exchange_form__item {
  width: 100%;
  border-spacing: 0;
  margin: 0px auto 20px;
  border: 3px solid #c5c5c5;
}

@media screen and (max-width: 719px) {
  .exchange_form__item tr {
    display: flex;
    flex-wrap: wrap;
  }
}

.exchange_form__item th, .exchange_form__item td {
  padding: 8px 12px;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 1px solid #c5c5c5;
}

@media screen and (max-width: 719px) {
  .exchange_form__item th, .exchange_form__item td {
    padding: 6px 10px;
  }
}

.exchange_form__item th {
  width: 400px;
  background: #eaeaea;
  color: #333;
  text-align: right;
  vertical-align: middle;
  border-right: 1px solid #c5c5c5;
}

@media screen and (max-width: 719px) {
  .exchange_form__item th {
    width: 100%;
    text-align: center;
    border-right: 0;
  }
}

.exchange_form__item th span {
  color: gray;
  font-size: 1.3rem;
}

.exchange_form__item td {
  width: 640px;
  font-size: 1.5rem;
  background-color: #FFFFFF;
}

@media screen and (max-width: 719px) {
  .exchange_form__item td {
    width: 100%;
    text-align: center;
  }
}

.exchange_form__item td > div {
  font-size: 1.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
}

.exchange_form__item td > div > span {
  min-width: 50px;
}

@media screen and (max-width: 719px) {
  .exchange_form__item td > div {
    flex-wrap: initial;
  }
}

.exchange_form__item td select {
  max-width: 400px;
  width: 100%;
  font-size: 1.4rem;
  border: 1px #959595 solid;
  border-radius: 2px;
  padding: 6px;
}

.exchange_form__item td input {
  max-width: 500px;
  width: 100%;
  padding: 6px;
  border-radius: 2px;
  border: 1px #959595 solid;
}

.exchange_form__item td input[readonly] {
  background-color: #E5E5E5;
}

.exchange_form__item td strong {
  color: #E33838;
  font-size: 1.8rem;
}

.exchange_form__rakutenpoint {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}

.exchange_form__rakutenpoint .numberFlow {
  width: 600px;
}

.exchange_form__rakutenpointDescription {
  color: #E33838;
  font-weight: 600;
  text-align: center;
  margin: 10px;
  font-size: 1.2em;
}

.exchange_form__rakutenpointDescription a {
  color: #E33838;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.exchange_form__message {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 24px;
}

@media screen and (max-width: 719px) {
  .exchange_form__message {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.2rem;
  }
}

.exchange_form__message a {
  font-size: 1.4rem;
}

.exchange_form__sub {
  color: #5C5C5C;
  font-size: 1.2rem !important;
  margin-top: 16px;
}

.exchange_form__numberFormLayout {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.exchange_form__numberFormLayout input {
  max-width: 120px !important;
}

@media screen and (max-width: 719px) {
  .exchange_form__numberFormLayout input {
    max-width: 100px !important;
  }
}

.exchange_form__numberFormLayout span {
  font-size: 1.8rem;
  margin: 0 8px;
}

.exchange_form__numberFormLayout a {
  font-size: 1.4rem;
  margin-left: 8px;
}

@media screen and (max-width: 719px) {
  .exchange_form__numberFormLayout a {
    font-size: 1.2rem;
  }
}

.exchange_form__errorMessage {
  width: 100%;
  color: crimson;
  font-size: 1.4rem;
  border: 1px crimson dashed;
  padding: 4px 8px;
  box-sizing: border-box;
  margin-top: 8px;
}

.exchange_form__submit {
  display: flex;
  justify-content: center;
  max-width: 345px;
  margin: auto;
  margin-bottom: 30px;
}

.exchange_finished__button {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.exchange_finished__main {
  width: 100%;
  padding: 24px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: white;
}

@media screen and (max-width: 719px) {
  .exchange_finished__main {
    padding: 16px;
  }
}

.exchange_finished__title {
  display: flex;
  flex-direction: column;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 16px;
}

@media screen and (max-width: 719px) {
  .exchange_finished__title {
    gap: 10px;
    font-size: 2.0rem;
  }
}

.exchange_finished__receptNumber {
  display: flex;
  font-size: 2.0rem;
}

@media screen and (max-width: 719px) {
  .exchange_finished__receptNumber {
    font-size: 1.6rem;
    align-items: center;
    flex-direction: column;
  }
}

.exchange_finished__receptNumber span {
  display: inline-flex;
  align-items: center;
}

.exchange_finished__receptNumber span::after {
  content: ':';
  margin: 0 5px;
}

@media screen and (max-width: 719px) {
  .exchange_finished__receptNumber span::after {
    display: none;
  }
}

.exchange_finished__mailAddress {
  color: #d10000;
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 10px;
}

@media screen and (max-width: 719px) {
  .exchange_finished__mailAddress {
    font-size: 1.4rem;
  }
}

.exchange_finished__mailAddress strong {
  font-size: 2.2rem;
}

@media screen and (max-width: 719px) {
  .exchange_finished__mailAddress strong {
    font-size: 1.8rem;
  }
}

.exchange_finished__body {
  width: 100%;
  margin: auto;
}

.exchange_finished__attention {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}

@media screen and (max-width: 719px) {
  .exchange_finished__attention {
    gap: 5px;
  }
}

.exchange_finished__modalLink {
  display: block;
  margin-top: 24px;
}

.exchange_jpbankExplain {
  display: flex;
  justify-content: space-between;
  padding: 20px 40px;
  margin-bottom: 20px;
  background-color: #E5F6F9;
}

@media screen and (max-width: 719px) {
  .exchange_jpbankExplain {
    flex-direction: column;
    padding: 16px;
  }
}

.exchange_jpbankExplain__explain {
  font-size: 1.4rem;
  max-width: 400px;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.exchange_jpbankExplain h4 {
  display: flex;
  align-items: baseline;
  gap: 5px;
  color: #1F5FA8;
  font-size: 1.4rem;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #999;
}

.exchange_jpbankExplain h4 span {
  color: #fff;
  padding: 3px 6px;
  margin-right: 5px;
  border-radius: 5px;
  background-color: #1F5FA8;
}

.exchange_jpbankExplain ul {
  margin-left: 30px;
}

@media screen and (max-width: 719px) {
  .exchange_jpbankExplain ul {
    margin-left: 16px;
  }
}

.exchange_jpbankExplain ul li {
  list-style-type: decimal;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 30px;
}

@media screen and (max-width: 719px) {
  .exchange_jpbankExplain ul li {
    margin-bottom: 20px;
  }
  .exchange_jpbankExplain ul li br {
    display: none;
  }
}

.exchange_jpbankExplain__link {
  display: block;
  max-width: 300px;
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 10px;
  margin-top: 20px;
  text-align: center;
  border-radius: 10px;
  background-color: #0066FF;
  border-bottom: 3px solid #002b6c;
}

.exchange_jpbankExplain__link:hover {
  color: white;
  text-decoration: none;
  opacity: 0.8;
}

.exchange_jpbankExplain img {
  max-width: 400px;
  width: 100%;
}

.exchange_cataloggiftItems {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
}

@media screen and (max-width: 719px) {
  .exchange_cataloggiftItems {
    gap: 40px;
    justify-content: center;
  }
}

.exchange_cataloggiftItems__item {
  max-width: 320px;
  width: 100%;
}

.exchange_cataloggiftItems__thumbnail {
  position: relative;
  border: 1px solid #ccc;
  margin-bottom: 8px;
}

.exchange_cataloggiftItems__thumbnail:hover {
  opacity: 0.8;
  cursor: pointer;
}

.exchange_cataloggiftItems__thumbnail img {
  width: 100%;
}

.exchange_cataloggiftItems__zoomIcon {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  background: #999;
  width: 30px;
  padding: 5px;
  box-sizing: border-box;
  opacity: 0.8;
}

.exchange_cataloggiftItems__title {
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 5px;
  margin-bottom: 8px;
}

.exchange_cataloggiftItems__information {
  font-size: 1.4rem;
  margin-bottom: 8px;
}

.exchange_cataloggiftItems__price {
  background: #004b96;
  color: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
}

.exchange_cataloggiftItems__price span {
  border-radius: 5px;
  padding: 3px 6px;
  background: #fff;
  display: inline-block;
  margin-right: 10px;
  color: #e33838;
  font-size: 1.4rem;
  font-weight: bold;
  vertical-align: bottom;
}

.exchange_cataloggiftItems__price s {
  font-size: 1.4rem;
  font-weight: normal;
  margin-right: 8px;
}

.exchange_cataloggiftItems__price strong {
  font-size: 2rem;
  transform: translateY(-1px);
}

.exchange_cataloggiftItems__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.exchange_cataloggiftItems__modal--hidden {
  display: none;
}

.exchange_cataloggiftItems__modalCloseBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.exchange_cataloggiftItems__modalMain {
  position: relative;
  width: 800px;
  height: 540px;
  background-color: white;
  border-radius: 10px;
  padding: 16px 8px;
  box-sizing: border-box;
}

.exchange_cataloggiftItems__modalCloseIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  transform: translate(50%, -50%);
}

.exchange_cataloggiftItems__modalCloseIcon .material-icons {
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  cursor: pointer;
}

.exchange_cataloggiftItems__modalTitle {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.exchange_cataloggiftItems__modalImages {
  height: 90%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  overflow-y: scroll;
  margin-bottom: 8px;
}

.exchange_cataloggiftItems__modalImages img {
  width: 100%;
}

.exchange_cataloggiftItems__modalExplain {
  color: #787878;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

.exchange_attention {
  margin: 0px auto 10px auto;
  background: #FFEEEE;
  border-top: 2px dotted #FFB3B3;
  border-bottom: 2px dotted #FFB3B3;
  padding: 16px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.exchange_attention--sppoint {
  display: none;
}

.exchange_rank_advantage {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 1.6rem;
  padding: 6px;
  margin-bottom: 10px;
}

@media screen and (max-width: 719px) {
  .exchange_rank_advantage {
    gap: 3px;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .exchange_rank_advantage img {
    margin-right: 3px;
  }
}

.exchange_rank_advantage__memo {
  font-size: 1.2rem;
}

.exchange_list__table {
  border: 3px solid #c5c5c5;
  border-spacing: 0;
  margin-bottom: 30px;
}

.exchange_list__table th, .exchange_list__table td {
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 8px 3px;
}

.exchange_list__table th:nth-of-type(2), .exchange_list__table td:nth-of-type(2) {
  width: 200px;
}

.exchange_list__table th:nth-of-type(3), .exchange_list__table td:nth-of-type(3) {
  width: 100px;
}

.exchange_list__table th {
  text-align: center;
  font-weight: normal;
  padding: 1px;
  background: #004b96;
  color: #fff;
  font-size: 1.2rem;
}

.exchange_list__table td {
  font-size: 1.5rem;
  text-align: center;
}

.exchange_list__table td a {
  font-size: 1.6rem;
  font-weight: bold;
}

.exchange_list__table tr:hover td {
  background-color: #ffffce;
  cursor: pointer;
}

.exchange_list__itemName {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.exchange_list__itemName span {
  font-size: 1.2rem;
}

.exchange_giftcodeExplain {
  background: #fffbe2;
  padding: 20px;
  border-radius: 10px;
}

@media screen and (max-width: 719px) {
  .exchange_giftcodeExplain {
    padding: 16px;
  }
}

.exchange_giftcodeExplain__title {
  background: #c93a02;
  border-radius: 10px 10px 0 0px;
  padding: 10px 0;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.exchange_giftcodeExplain__main {
  background: #ffffff;
  padding-bottom: 20px;
  border-radius: 10px;
}

.exchange_giftcodeExplain__items {
  display: flex;
  font-size: 1.4rem;
}

@media screen and (max-width: 719px) {
  .exchange_giftcodeExplain__items {
    flex-direction: column;
  }
}

.exchange_giftcodeExplain__item {
  width: 100%;
  border-right: 1px #cccccc dotted;
  padding: 0 10px;
}

@media screen and (max-width: 719px) {
  .exchange_giftcodeExplain__item {
    border-right: 0;
  }
}

.exchange_giftcodeExplain__item h3 {
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin: 20px 0;
}

.exchange_giftcodeExplain__item h3 span {
  background: #333333;
  font-size: 1.2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  color: #ffffff;
  border-radius: 50%;
}

.exchange_giftcodeExplain__item p {
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1.5;
  margin-bottom: 40px;
}

.exchange_giftcodeExplain__item img {
  display: block;
  width: 100px;
  margin: 10px auto;
  opacity: .3;
}

.exchange_giftcodeExplain__message {
  margin-bottom: 16px;
}

.exchange_giftcodeExplain__message p {
  display: flex;
  gap: 3px;
  font-size: 1.2rem;
}

.exchange_giftcodeExplain__message p::before {
  content: '※';
}

.exchange_giftcodeExplain__message p span {
  color: #484848;
}

.exchange_giftcodeExplain__message p a {
  font-size: 1.2rem;
}

.exchange_giftcodeExplain__subInformation {
  margin-top: 20px;
}

.exchange_giftcodeExplain__subInformation h4 {
  font-weight: bold;
  margin-bottom: 10px;
}

.exchange_giftcodeExplain__subInformation p {
  display: flex;
  gap: 3px;
  font-size: 1.2rem;
}

.exchange_giftcodeExplain__subInformation p::before {
  content: '※';
}

.exchange_giftcodeExplain__subInformation p .textRed {
  color: #e50000;
}

.exchange_giftcodeExplain__subInformation ul {
  padding: 10px 0;
}

.exchange_giftcodeExplain__subInformation ul li {
  list-style-type: none;
  font-size: 1.3rem;
}

.exchange_activation {
  margin-bottom: 20px;
}

.exchange_activation__methodList {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  height: 42px;
}

.exchange_activation__methodList li {
  margin: 0 30px;
}

.exchange_activation__methodLabel {
  padding: 10px;
  border: 1px solid;
  border-radius: 8px;
}

.exchange_activation__methodInput {
  padding: 10px;
  border: 1px solid;
  border-radius: 8px;
}

.exchange_activation__methodInput:checked ~ .exchange_activation__methodLabel {
  background-color: #FEEBB9;
}

.exchange_activation__phoneInputGroup {
  margin: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.exchange_activation__phoneCaption {
  font-size: 1.6rem;
  line-height: 24px;
}

.exchange_activation__phoneInput {
  text-align: center;
  font-size: 2.4rem;
  padding: 4px;
  max-width: 300px;
  width: 100%;
  padding: 6px;
  border-radius: 2px;
  border: 1px #959595 solid;
  background-color: #FFFFFF;
}

.exchange_activation__caution {
  color: white;
  font-size: 1.4rem;
  line-height: 1.8;
  background-color: crimson;
  padding: 16px;
  margin: 14px 0;
}

.exchange_activation__description {
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 14px 0;
  border: 1px solid;
  padding: 10px;
}

.exchange_activation__sendPhoneNumberSubmit {
  display: block;
  position: relative;
  max-width: 200px;
  width: 100%;
  color: white;
  font-size: 1.6rem !important;
  text-align: center;
  border-radius: 5px;
  background-color: #E69533 !important;
  border: none !important;
  outline: none !important;
  padding: 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 0 auto;
  cursor: pointer !important;
}

.exchange_activation__sendPhoneNumberSubmit--gray {
  background-color: gray;
}

.exchange_activationConfirm__remainTimer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 20px;
  line-height: 32px;
  padding: 20px 0;
  align-items: baseline;
}

.exchange_activationConfirm__remainSecond {
  font-size: 32px;
  font-weight: bold;
}

.exchange_activationConfirm__ivr {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  align-items: center;
  margin-bottom: 20px;
}

.exchange_activationConfirm__ivrCaption {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.exchange_activationConfirm__ivrPhoneNumber {
  font-size: 32px;
  line-height: 32px;
  border: 1px solid black;
  padding: 10px 60px;
  background-color: #FFFFFF;
  border-radius: 2px;
  border: 1px #959595 solid;
}

.exchange_activationConfirm__sms {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  align-items: center;
  margin-bottom: 20px;
}

.exchange_activationConfirm__codeInputGroup {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.exchange_activationConfirm__codeCaption {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.exchange_activationConfirm__codeInput {
  text-align: center;
  font-size: 24px;
  padding: 4px;
  width: 300px;
  border-radius: 2px;
  border: 1px #959595 solid;
  background-color: #FFFFFF;
}

.exchange_activationConfirm__sendCodeSubmit {
  display: block;
  position: relative;
  max-width: 200px;
  width: 100%;
  color: white;
  font-size: 1.6rem !important;
  text-align: center;
  border-radius: 5px;
  background-color: #E69533 !important;
  border: none !important;
  outline: none !important;
  padding: 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 0 auto;
  cursor: pointer !important;
}

.exchange_activationConfirm__sendCodeSubmit--gray {
  background-color: gray;
}

.campaign_index {
  width: 950px;
}

@media screen and (max-width: 800px) {
  .campaign_index {
    width: 95%;
    margin: auto;
  }
}

.campaign_index__headerContents {
  margin: auto;
  width: 100%;
}

.campaign_index__headerImg {
  width: 100%;
  position: relative;
}

@media screen and (max-width: 800px) {
  .campaign_index__headerImg img {
    width: 100%;
    position: relative;
  }
}

.campaign_index__medalImg {
  position: absolute;
  top: 80px;
  right: 30px;
  width: 12%;
  animation: rotate 2s linear infinite;
}

.campaign_index__medalImg--yahoolp {
  top: 20px;
}

.campaign_index__medalImg--popularlp {
  top: 20px;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(30deg);
  }
}

@media screen and (max-width: 800px) {
  .campaign_index__medalImg {
    position: absolute;
    top: 35px;
    right: 20px;
    animation: rotate 2s linear infinite;
  }
  .campaign_index__medalImg--yahoolp {
    top: 5px;
    right: 5px;
  }
  .campaign_index__medalImg--popularlp {
    top: 5px;
    right: 5px;
  }
}

.campaign_index__itemContents {
  width: 100%;
}

.campaign_index__banner {
  display: flex;
  margin-top: 10px;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .campaign_index__banner {
    display: initial;
  }
}

.campaign_index__mainAffiliate {
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 800px) {
  .campaign_index__mainAffiliate {
    width: 100%;
    margin: auto;
  }
}

.campaign_index__subAffiliate {
  width: 300px;
  margin-top: 10px;
  margin-left: 10px;
}

@media screen and (max-width: 800px) {
  .campaign_index__subAffiliate {
    width: 300px;
    margin: auto;
  }
}

.campaign_index__modal {
  display: none;
  position: fixed;
  /* 表示位置 */
  z-index: 1;
  top: 20%;
  left: 0;
  right: 0;
  margin: auto;
  /* ここまで */
  width: 520px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: white;
  font-family: "Avenir", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "Roboto", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 800px) {
  .campaign_index__modal {
    width: 90%;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.campaign_index__modalAbout {
  z-index: 2;
  width: 500px;
  padding: 10px;
}

@media screen and (max-width: 800px) {
  .campaign_index__modalAbout {
    width: 100%;
    padding: 1px;
  }
}

.campaign_index__modalAbout a {
  color: #0066cb;
}

.campaign_index__modalAbout a:hover {
  color: #bd0000;
  text-decoration: underline;
}

.campaign_index__modalClose {
  position: relative;
  width: 500px;
}

@media screen and (max-width: 800px) {
  .campaign_index__modalClose {
    width: 100%;
    padding: 5px;
  }
}

.campaign_index__modalClose input {
  position: absolute;
  z-index: 3;
  right: 5px;
  top: -25px;
  cursor: pointer;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bolder;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #333;
}

.campaign_index__modalClose input:hover {
  color: #fff;
  background-color: #333;
}

.campaign_index__modalContents {
  height: 300px;
  width: 500px;
  padding: 10px;
  overflow: auto;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .campaign_index__modalContents {
    width: 100%;
    padding: 5px;
  }
}

.campaign_index__modalTitle {
  font-size: 1.42rem;
  font-weight: bold;
  padding-left: 10px;
}

.campaign_index__modalText {
  font-size: 1.4rem;
  display: flex;
  align-items: flex-start;
}

.campaign_index__modalText span {
  display: block;
}

.campaign_index__modalText p {
  flex: 1;
}

.campaign_index__modalAttention {
  font-size: 1.4rem;
  margin-top: 10px;
}

.campaign_index__footerContents {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .campaign_index__footerContents {
    margin-top: 50px;
  }
}

.campaign_index__footerContents h3 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 20px;
}

.campaign_index__FeatureLists {
  display: flex;
  margin-bottom: 200px;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .campaign_index__FeatureLists {
    display: flex;
    flex-wrap: wrap;
  }
  .campaign_index__FeatureLists li {
    width: 35%;
    padding: 15px;
  }
}

.campaign_index__FeatureLists li {
  margin: 10px;
  text-align: center;
}

.campaign_index__FeatureLists p {
  font-size: 1.1rem;
  margin-top: 10px;
}

/*------------------------------
  ** コンポーネント部分
------------------------------*/
.campaign_mainItem {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  margin: 10px 0;
  padding: 10px;
  color: #333;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  border: 5px solid #fef436;
  background-color: #fffbb0;
  transition-property: border-color background-color;
  transition-duration: .1s;
}

.campaign_mainItem:hover {
  color: #333;
  text-decoration: none;
  background: #ffeded;
  border-color: #bd0000;
}

.campaign_mainItem:hover .campaign_mainItem__button {
  opacity: 0.75;
}

.campaign_mainItem--yahoolp:hover {
  background: #ecf4ff;
  border-color: #083d93;
}

.campaign_mainItem--popularlp {
  border-color: #e92b5e;
  background-color: #fddde6;
}

.campaign_mainItem--popularlp:hover {
  border-color: #96f0df;
  background-color: #e0f4f1;
}

@media screen and (max-width: 800px) {
  .campaign_mainItem__thumbnail img {
    width: 100%;
    box-sizing: border-box;
  }
}

.campaign_mainItem__name {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.campaign_mainItem__caption {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 10px 0;
}

.campaign_mainItem__reason {
  position: relative;
  top: -2px;
  display: flex;
  justify-content: center;
}

.campaign_mainItem__reasonIcon {
  position: relative;
  top: 3px;
  margin-right: 3px;
  line-height: 1;
}

.campaign_mainItem__reasonText {
  font-size: 1.1rem;
}

.campaign_mainItem__point {
  position: relative;
  padding: 0 5px;
}

.campaign_mainItem__pointBeforeValue del {
  font-weight: bold;
  color: #333;
  line-height: 1;
}

.campaign_mainItem__pointBeforeValue span {
  display: inline-block;
  margin: 0 5px;
  color: #333;
}

.campaign_mainItem__pointValue {
  color: #bd0000;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}

.campaign_mainItem__pointValue img {
  margin-right: 5px;
}

.campaign_mainItem__pointValue em {
  font-family: Verdana;
  font-size: 2.0rem;
  font-style: normal;
}

.campaign_mainItem__pointValue--up {
  display: flex;
  justify-content: center;
  align-items: center;
}

.campaign_mainItem__button {
  width: 100%;
  max-width: 468px;
  margin: auto;
  padding: 10px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 50px;
  background-color: #bd0000;
  border-bottom: 5px solid #ddd;
  transition-property: opacity;
  transition-duration: .1s;
}

.campaign_mainItem__button:hover {
  color: #fff;
  background-color: #bd0000;
}

.campaign_mainItem__button--yahoolp {
  background-color: #083d93;
}

.campaign_mainItem__button--yahoolp:hover {
  background-color: #083d93;
}

.campaign_mainItem__button--popularlp {
  background-color: #e92b5e;
}

.campaign_mainItem__button--popularlp:hover {
  background-color: #e92b5e;
}

.campaign_mainItem__detail {
  margin: 5px 0 10px 0;
}

.campaign_mainItem__detail a {
  font-size: 1.3rem;
}

@media screen and (max-width: 800px) {
  .campaign_mainItem__detail a {
    display: none;
  }
}

.campaign_itemLists {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 10px;
}

@media screen and (min-width: 801px) {
  .campaign_itemLists li {
    width: calc(25% - 10px * (4 - 1) / 4);
    margin-right: 10px;
  }
  .campaign_itemLists li:nth-child(4n), .campaign_itemLists li:last-child {
    margin-right: 0;
  }
  .campaign_itemLists li:nth-child(n+5) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 800px) {
  .campaign_itemLists li {
    width: calc(50% - 10px * (2 - 1) / 2);
    margin-right: 10px;
  }
  .campaign_itemLists li:nth-child(2n), .campaign_itemLists li:last-child {
    margin-right: 0;
  }
  .campaign_itemLists li:nth-child(n+3) {
    margin-top: 15px;
  }
}

.campaign_item {
  position: relative;
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 10px 15px 20px 15px;
  color: #333;
  text-decoration: none;
  text-align: center;
  border: 5px solid #ddd;
  position: relative;
  transition-property: border-color;
  transition-duration: .1s;
}

.campaign_item:hover {
  color: #333;
  text-decoration: none;
  border-color: #bd0000;
}

.campaign_item--yahoolp:hover {
  border-color: #083d93;
}

.campaign_item--popularlp:hover {
  border-color: #96f0df;
}

.campaign_item__img {
  max-width: 200px;
  min-height: 170px;
  display: flex;
}

.campaign_item__img img {
  max-width: 100%;
  margin: auto;
}

@media screen and (max-width: 800px) {
  .campaign_item__img {
    margin: auto;
    max-width: 70%;
    min-height: 40%;
  }
}

.campaign_item__name {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .campaign_item__name {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 1.2rem;
  }
}

.campaign_item__caption {
  flex-direction: row;
  justify-content: center;
  font-size: 1.3rem;
  margin-bottom: 10px;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .campaign_item__caption {
    margin: 5px;
    font-size: 1.1rem;
  }
}

.campaign_item__reason {
  position: relative;
  display: flex;
  justify-content: center;
}

.campaign_item__reasonIcon {
  position: relative;
  top: 3px;
  margin-right: 3px;
  line-height: 1;
}

.campaign_item__reasonText {
  font-size: 1.1rem;
}

.campaign_item__point {
  position: relative;
  padding: 0 5px;
}

.campaign_item__pointBeforeValue del {
  font-weight: bold;
  color: #333;
  line-height: 1;
}

.campaign_item__pointBeforeValue span {
  display: inline-block;
  margin: 0 5px;
  color: #333;
}

.campaign_item__pointValue {
  color: #bd0000;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}

.campaign_item__pointValue img {
  margin-right: 5px;
}

.campaign_item__pointValue em {
  font-family: Verdana;
  font-size: 2.0rem;
  font-style: normal;
}

.campaign_item__pointValue--up {
  display: flex;
  justify-content: center;
  align-items: center;
}

.campaign_item__detail {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  font-size: 1.2rem;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .campaign_item__detail {
    display: none;
  }
}

.campaign_bannerMedal {
  float: left;
  width: 640px;
  padding: 20px 25px;
  padding-bottom: 12px;
  text-align: center;
  background: #d20605;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal {
    width: 100%;
    display: initial;
    margin-bottom: 50px;
    padding: 20px 15px;
  }
}

.campaign_bannerMedal__inline {
  display: flex;
  gap: 0 10px;
}

.campaign_bannerMedal__head {
  color: #fff;
  margin-right: 15px;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__head {
    margin-right: 0;
  }
}

.campaign_bannerMedal__heading {
  display: flex;
  align-items: center;
  padding: 10px;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__heading {
    flex-flow: column;
    padding: 10px 0;
  }
}

.campaign_bannerMedal__heading img {
  width: 30%;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__heading img {
    width: 60px;
  }
}

.campaign_bannerMedal__heading h2 {
  font-size: 2rem;
  line-height: 1.5;
  margin: 10px;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__heading h2 {
    font-size: 1.5rem;
  }
  .campaign_bannerMedal__heading h2 br {
    display: none;
  }
}

.campaign_bannerMedal__heading span {
  font-size: 2rem;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__heading span {
    font-size: 1.5rem;
  }
}

.campaign_bannerMedal__description {
  padding: 10px;
  font-size: 1.3rem;
  line-height: 1.5;
  margin-bottom: 20px;
  letter-spacing: 0.2rem;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__description {
    font-size: 1.1rem;
    letter-spacing: initial;
    text-align: left;
  }
  .campaign_bannerMedal__description br {
    display: none;
  }
}

.campaign_bannerMedal__rule {
  font-size: 1.3rem;
  color: #fff;
  background: none;
  border: none;
}

.campaign_bannerMedal__rule:hover {
  text-decoration: underline;
  background: none;
  border: none;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__rule {
    margin-bottom: 15px;
  }
}

.campaign_bannerMedal__contents {
  position: relative;
  width: 65%;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__contents {
    width: 50%;
  }
}

.campaign_bannerMedal__item {
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 15px 10px 30px 10px;
  color: #333;
  text-decoration: none;
  border-radius: 10px;
  background-color: #fff;
  transition-property: border-color background-color;
  transition-duration: .1s;
}

.campaign_bannerMedal__item:hover {
  color: #333;
  text-decoration: none;
  background: #ffeded;
  border-color: #bd0000;
}

.campaign_bannerMedal__lead {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.3rem;
  color: #d20605;
}

.campaign_bannerMedal__img {
  padding: 5px 0;
  border: 1px solid #ddd;
}

.campaign_bannerMedal__img img {
  max-width: 100%;
}

.campaign_bannerMedal__name {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__name {
    font-size: 1.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

.campaign_bannerMedal__caption {
  font-size: 1.2rem;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__caption {
    font-size: 1.2rem;
    text-overflow: ellipsis;
  }
}

.campaign_bannerMedal__reason {
  position: relative;
  display: flex;
  justify-content: center;
}

.campaign_bannerMedal__reasonIcon {
  position: relative;
  top: 3px;
  margin-right: 3px;
  line-height: 1;
}

.campaign_bannerMedal__reasonText {
  font-size: 1.1rem;
}

.campaign_bannerMedal__point {
  position: relative;
  padding: 0 5px;
}

.campaign_bannerMedal__pointBeforeValue del {
  font-weight: bold;
  color: #333;
  line-height: 1;
}

.campaign_bannerMedal__pointBeforeValue span {
  display: inline-block;
  margin: 0 5px;
  color: #333;
}

.campaign_bannerMedal__pointValue {
  color: #bd0000;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}

.campaign_bannerMedal__pointValue img {
  margin-right: 5px;
}

.campaign_bannerMedal__pointValue em {
  font-family: Verdana;
  font-size: 2.0rem;
  font-style: normal;
}

.campaign_bannerMedal__pointValue--up {
  display: flex;
  justify-content: center;
  align-items: center;
}

.campaign_bannerMedal__detail {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.campaign_bannerMedal__detail a {
  font-size: 1.2rem;
  color: #333;
}

.campaign_bannerMedal__status {
  color: white;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #970100;
  border-radius: 60px;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 16px;
}

.campaign_bannerMedal__status--rewarded {
  background-color: #2A2A2A;
}

.campaign_bannerMedal__attention {
  display: inline-block;
  color: white;
  font-size: 1.2rem;
  border-radius: 60px;
  padding: 4px 16px;
  box-sizing: border-box;
  margin-top: 4px;
}

.campaign_explains {
  position: relative;
  width: 100%;
  height: auto;
  border: 1px #DDD solid;
  padding: 20px;
  box-sizing: border-box;
}

.campaign_explain__title {
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: 1px #DDD solid;
  padding: 10px 0;
}

.campaign_explain__text {
  color: #333;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0 40px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.campaign_explain__text li {
  list-style-type: disc;
  line-height: 1.6;
  margin: 12px 0;
}

@media (max-width: 800px) {
  .campaign_explain__title {
    font-size: 2rem;
    line-height: 1.2;
  }
  .campaign_explain__text {
    font-size: 1.2rem;
    padding: 0 20px;
  }
}

.campaign_specialBannerLinks {
  text-align: center;
}

.campaign_specialBannerLinks h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.campaign_specialBannerLinks li {
  width: 130px;
  text-align: center;
  vertical-align: top;
  display: inline-block;
}

.campaign_specialBannerLinks a {
  display: inline-block;
  color: #333;
  padding: 10px 6px;
}

.campaign_specialBannerLinks a:hover {
  background: #fff884;
}

.comparisonCampaign__headerImage {
  width: 100%;
  margin-bottom: 16px;
}

.comparisonCampaign__explain {
  margin: 20px 0;
}

.comparisonCampaign__specialBannerLinks {
  margin-top: 56px;
  margin-bottom: 20px;
}

.comparisonCampaign__main table {
  border-collapse: collapse;
  margin-bottom: 32px;
}

.comparisonCampaign__main table:last-child {
  margin-bottom: 0;
}

.comparisonCampaign__main table th,
.comparisonCampaign__main table td {
  color: #484848;
  border: 2px #D3E1FF solid;
  padding: 16px 0;
}

.comparisonCampaign__main table th {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  padding: 16px 0 15px;
}

.comparisonCampaign__main table th img {
  width: 80%;
}

.comparisonCampaign__main table td {
  font-size: 1.7rem;
  line-height: 1.4;
  text-align: center;
}

.comparisonCampaign__main table td:first-child {
  border-left-color: transparent;
}

.comparisonCampaign__main table td:last-child {
  border-right-color: transparent;
}

.comparisonCampaign__title {
  display: block;
  color: #5A5A5A;
  font-size: 1.5rem;
  margin-top: 10px;
}

.comparisonCampaign__own {
  font-weight: bold;
}

.comparisonCampaign__own td {
  font-weight: bold;
}

.comparisonCampaign__own td:not(:first-child) strong {
  color: #ff4367;
  font-size: 3.2rem;
}

.comparisonCampaign__own td:not(:first-child) a {
  display: block;
  padding: 8px;
  background-color: #ff4646;
  width: 50%;
  margin: 0 auto;
  border-radius: 60px;
  font-size: 1.4rem;
  color: white;
  text-decoration: none;
  margin-top: 8px;
}

.comparisonCampaign__own td img {
  display: block;
  width: 120px;
  margin: 0 auto;
  margin-top: 8px;
}

.comparisonCampaign__sub {
  font-size: 1.2rem;
}

.comparisonCampaign__borderNone {
  border: none !important;
}

.comparisonCampaign__message {
  width: 88%;
  color: white;
  font-size: 2.4rem;
  text-align: center;
  background-color: #FF8900;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  margin: 40px auto;
}

.comparisonCampaign__message span {
  font-size: 4rem;
  margin-right: 6px;
}

.comparisonCampaign__button {
  color: white;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #ff3057;
  border-radius: 6px;
  padding: 8px 32px;
}

.comparisonCampaign__button:hover {
  color: white;
  text-decoration: none;
}

@media (max-width: 800px) {
  .comparisonCampaign__main {
    width: 100%;
  }
  .comparisonCampaign__main .js-scrollColumn {
    width: 800px;
    display: table;
  }
  .comparisonCampaign__main .js-scrollColumn tbody {
    display: table-row-group;
  }
  .comparisonCampaign__main .js-scrollColumn tr {
    display: table-row;
  }
  .comparisonCampaign__main .js-scrollColumn th {
    display: table-cell;
  }
  .comparisonCampaign__main .js-scrollColumn th img {
    width: 90%;
  }
  .comparisonCampaign__main .js-scrollColumn td {
    display: table-cell;
    font-size: 1.4rem;
  }
  .comparisonCampaign__own:not(:first-child) td strong {
    font-size: 2.4rem;
  }
  .comparisonCampaign__own:not(:first-child) td a {
    font-size: 1.3rem;
  }
  .comparisonCampaign__button {
    font-size: 1.5rem;
    padding: 8px 24px;
  }
  .comparisonCampaign__message {
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: bold;
    text-align: left;
    padding: 16px 8px;
    box-sizing: border-box;
    margin: 32px auto;
  }
  .comparisonCampaign__message span {
    font-size: 3.2rem;
  }
  .comparisonCampaign__explain {
    padding: 0 8px;
    box-sizing: border-box;
  }
}

.treasure_index {
  width: 1040px;
}

@media (max-width: 1040px) {
  .treasure_index {
    width: 100%;
  }
}

.treasure_index__mainColumn {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 10px 5px;
  margin: auto;
  margin-bottom: 40px;
  box-sizing: border-box;
  background-color: #ebcf9c;
  box-shadow: 2px 2px 4px #4a1802, -2px -2px 4px #4a1802, inset 0px 0px 8px #4a1802;
}

@media (max-width: 1040px) {
  .treasure_index__mainColumn {
    max-width: 720px;
    height: auto;
    flex-direction: column;
  }
}

.treasure_index__leftColumn {
  width: 720px;
}

@media (max-width: 1040px) {
  .treasure_index__leftColumn {
    width: 100%;
  }
}

.treasure_index__rightColumn {
  width: 300px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1040px) {
  .treasure_index__rightColumn {
    width: 100%;
  }
}

.treasure_index__thumbnail {
  margin-bottom: 20px;
}

.treasure_index__titleImage {
  width: 100%;
}

.treasure_index__playRule {
  margin-bottom: 20px;
}

.treasure_index__playRule a {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  background-color: #804915;
}

.treasure_index__selectTitle {
  text-align: center;
  margin-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
}

@media (max-width: 1040px) {
  .treasure_index__selectTitle {
    font-size: 2.0rem;
    margin-bottom: 0;
  }
}

.treasure_index__selectItems {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px 0;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .treasure_index__selectItems {
    gap: 20px 0;
  }
}

.treasure_index__selectItem {
  width: calc(100% / 3);
  display: flex;
  justify-content: center;
}

@media (max-width: 1040px) {
  .treasure_index__selectItem {
    width: calc(100% / 2);
  }
}

.treasure_index__selectBoxTexts {
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 10px;
  text-shadow: 1px 2px 2px #986637, -1px -2px 2px #986637;
}

@media (max-width: 1040px) {
  .treasure_index__selectBoxTexts {
    font-size: 1.6rem;
  }
}

.treasure_index__selectItemTop {
  display: flex;
  justify-content: center;
}

.treasure_index__selectItemCenter {
  margin: 0 35px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.treasure_index__selectItemBottom {
  margin: 0 100px;
  display: flex;
  justify-content: space-around;
}

.treasure_index__selectBox {
  width: 150px;
  height: 150px;
}

.treasure_index__selectBox:hover img {
  display: none;
}

.treasure_index__selectBox:hover a {
  display: block;
  width: 150px;
  height: 150px;
}

.treasure_index__selectBox a {
  display: block;
}

.treasure_index__congratulation {
  padding-right: 20px;
}

@media (max-width: 1040px) {
  .treasure_index__congratulation {
    padding-right: 15px;
  }
}

.treasure_index__rewarded {
  max-width: 600px;
  margin: auto;
  position: relative;
}

.treasure_index__rewardedBackgroundImage {
  width: 100%;
  max-height: 420px;
}

.treasure_index__medalChip {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  position: absolute;
  top: 20%;
  left: 15%;
  /* 画像をコンテナの幅に合わせる */
}

.treasure_index__medalChip img {
  width: calc(100% / 4);
  height: auto;
}

.treasure_index__medalChip--cherry {
  top: 20%;
  left: 5%;
}

.treasure_index__medalChip--peach {
  top: 18%;
  left: 3%;
}

.treasure_index__medalChip--orange {
  top: 17%;
  left: 2%;
}

.treasure_index__medalChip--melon {
  top: 13%;
  left: 3%;
}

.treasure_index__challengeTextImage {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}

@media (max-width: 1040px) {
  .treasure_index__challengeTextImage {
    font-size: 2.0rem;
    margin: 20px 0;
  }
}

.treasure_index__rankUpThumbnail {
  max-width: 500px;
  width: 100%;
  margin: auto;
}

@media (max-width: 1040px) {
  .treasure_index__rankUpThumbnail {
    margin-bottom: 30px;
  }
}

.treasure_index__rankUpImage {
  width: 100%;
}

.treasure_index__adrRightColumn {
  margin: auto;
}

.treasure_index__ruleColumn {
  max-width: 300px;
  width: calc(100% - 30px);
  padding: 24px 12px;
  margin-top: 10px;
  text-align: center;
  background: url(/assets/img/treasure/right_bg.gif) no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 1040px) {
  .treasure_index__ruleColumn {
    width: calc(100% - 40px);
    height: auto;
    margin-top: 0;
  }
}

.treasure_index__ruleTitle {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #804915;
}

.treasure_index__ruleDescription {
  display: flex;
}

.treasure_index__descriptionNo {
  margin: 5px;
  height: 17px;
  width: 17px;
  font-size: 1.2rem;
  border-radius: 3px;
  color: #fff;
  background: #804915;
}

.treasure_index__descriptionText {
  width: 250px;
  margin: 3px;
  font-size: 1.2rem;
  text-align: left;
}

.treasure_index__fruitCategoryIcon {
  margin: 7px;
  margin-bottom: 10px;
  height: 17px;
  width: 100px;
  font-size: 1.2rem;
  border-radius: 3px;
  color: #fff;
  background: #804915;
}

.treasure_index__fruitList {
  text-align: initial;
}

.treasure_index__fruitItem {
  padding: 7px;
  background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 1px);
  /* 幅2の線を作る */
  background-size: 5px 1px;
  /* グラデーションの幅・高さを指定 */
  background-position: top;
  /* 背景の開始位置を指定 */
  background-repeat: repeat-x;
  /* 横向きにのみ繰り返す */
}

.treasure_index__fruitItem:last-child {
  padding: 0;
  padding-top: 10px;
  margin-left: 5px;
}

.treasure_index__adBottomResponsive {
  margin: auto;
}

.treasure_index__adTitle {
  height: 250px;
  padding: 0 1px;
  margin-right: 20px;
  color: #999;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: #faf8f5;
  font-family: Verdana, Tahoma, sans-serif;
  /* 縦書き設定 */
  writing-mode: vertical-lr;
  text-orientation: upright;
}

.treasure_index__adInterstitial {
  margin-bottom: 10px;
}

.treasure_index__adInterstitial--mobile {
  margin-bottom: 10px;
}

.insurance_index {
  width: 640px;
  margin: auto;
}

@media (max-width: 640px) {
  .insurance_index {
    width: 100%;
  }
}

.insurance_index__link {
  display: flex;
  margin: 10px;
  margin-left: 0;
}

.insurance_index__link a {
  font-size: small;
  cursor: pointer;
}

.insurance_index__link li:first-child::after {
  content: ">";
}

.insurance_index__text {
  margin-left: 3px;
  font-size: small;
  font-weight: bold;
}

.insurance_index__buttonWrapper {
  display: flex;
  flex-direction: column;
}

@media (max-width: 640px) {
  .insurance_index__buttonWrapper {
    padding: 0 8px;
  }
}

.insurance_index__contents {
  margin: auto;
}

.insurance_index__tab {
  width: 100%;
}

.insurance_index__tab img {
  width: 100%;
}

.insurance_index__contentsImg img {
  width: 100%;
}

.insurance_index__estimateButton {
  margin-top: 25px;
  width: 100%;
}

.insurance_index__estimateButton:hover {
  opacity: 0.75;
}

@media (max-width: 640px) {
  .insurance_index__estimateButton img {
    width: 100%;
  }
}

.insurance_index__attention {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 1.5rem;
  color: red;
  font-weight: bold;
  margin: 10px 0 55px 0;
  font-family: "メイリオ", "Meiryo", sans-serif;
}

@media (max-width: 640px) {
  .insurance_index__attention {
    align-items: center;
    flex-direction: column;
  }
}

.insurance_index__attentionImg {
  margin-right: 10px;
}

@media (max-width: 640px) {
  .insurance_index__attentionImg {
    margin-right: 0;
    margin-bottom: 5px;
  }
}

.insurance_index__attentionLink {
  padding: 2px;
  text-decoration: none;
}

@media (max-width: 640px) {
  .insurance_index__attentionLink {
    font-size: 1.2rem;
  }
}

.insurance_index__attentionLink a {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .insurance_index__attentionLink a {
    font-size: 1.2rem;
  }
}

.insurance_index__contentsTitle {
  width: 100%;
  margin-bottom: 10px;
}

.insurance_index__contentsLink {
  display: flex;
  width: 100%;
  margin-bottom: 55px;
  justify-content: center;
}

.insurance_index__contentsLink li {
  padding: 0 4px 0 4px;
}

.insurance_index__contentsLink li:hover {
  opacity: 0.75;
}

.insurance_index__overview {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .insurance_index__overview {
    padding: 10px;
  }
}

.insurance_index__overviewTitle {
  width: 100%;
  padding: 5px;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: lighter;
  background-color: #00a1cb;
  box-sizing: border-box;
}

.insurance_index__overviewSentence {
  margin: 10px 0;
}

.insurance_index__overviewTable {
  width: 100%;
  margin-bottom: 10px;
  border-collapse: collapse;
}

.insurance_index__overviewTable tr {
  border: solid 1px #00a1cb;
}

@media (max-width: 640px) {
  .insurance_index__overviewTable tr {
    display: flex;
    border-bottom: none;
  }
  .insurance_index__overviewTable tr:last-child {
    border-bottom: solid 1px #00a1cb;
  }
}

.insurance_index__overviewTable tr td {
  padding: 10px;
  font-size: 1.2rem;
  background-color: white;
  box-sizing: border-box;
}

.insurance_index__overviewTable tr th {
  background-color: #f5f7f9;
  padding: 10px;
  width: 90px;
  text-align: left;
  vertical-align: top;
  border-right: solid 1px #00a1cb;
}

.insurance_index__overviewText {
  margin-bottom: 10px;
}

.insurance_index__targetPerson {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.insurance_index__targetPerson a {
  font-size: 1.2rem;
}

.insurance_index__mark {
  display: block;
}

.insurance_index__matter {
  flex: 1;
}

.insurance_index__prize {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.insurance_index__shipping {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.insurance_index__shippingAttention {
  color: red;
  font-weight: bold;
}

.insurance_index__precautionsImg {
  margin: 25px 10px 0 8px;
}

.insurance_index__precautionsImg img {
  width: 100%;
}

.insurance_index__details {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .insurance_index__details {
    padding: 10px;
  }
}

.insurance_index__details img {
  width: 84px;
  height: 63px;
}

.insurance_index__details a {
  font-size: 1.2rem;
}

.insurance_index__detailsTitle img {
  width: 100%;
  height: 100%;
}

.insurance_index__detailsTable {
  width: 100%;
  border-collapse: collapse;
}

.insurance_index__detailsTable tr {
  border: solid 1px #999;
}

@media (max-width: 640px) {
  .insurance_index__detailsTable tr {
    display: flex;
  }
}

.insurance_index__detailsTable tr td {
  padding: 5px;
  font-size: 1.2rem;
  background-color: white;
  box-sizing: border-box;
}

.insurance_index__detailsTable tr th {
  border-right: solid 1px #999;
  background-color: #f5f7f9;
  padding: 10px;
  width: 90px;
  text-align: left;
  vertical-align: top;
}

.insurance_index__detailsText {
  font-weight: bold;
}

.insurance_index__prizeAbout {
  display: flex;
  flex-direction: column;
}

.insurance_index__prizeAbout li {
  display: flex;
}

.insurance_index__prizeAbout li:not(:last-child)::before {
  content: '・';
}

.insurance_index__prizeAbout li:last-child::before {
  content: '※';
}

.insurance_index__detailsAttention {
  color: red;
  font-weight: bold;
  margin: 5px;
  font-size: 1.4rem;
  font-family: "メイリオ", "Meiryo", sans-serif;
}

.insurance_index__attentionList {
  display: flex;
  flex-wrap: wrap;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
}

.insurance_index__attentionList li {
  width: calc(100% / 3);
  box-sizing: border-box;
  padding: 17px 3px;
  text-align: center;
  line-height: 1.7;
  border-right: solid 1px #999;
  border-bottom: solid 1px #999;
}

@media (max-width: 740px) {
  .insurance_index__attentionList li {
    width: calc(100% / 2);
    padding: 11px 4px;
  }
}

.insurance_index__attentionList li:last-child {
  display: none;
}

@media (max-width: 640px) {
  .insurance_index__attentionList a {
    display: block;
  }
}

.insurance_index__detailsLists {
  margin: 5px 0;
  line-height: 1.5;
}

.insurance_index__detailsLists .description {
  display: flex;
  flex-direction: column;
}

.insurance_index__detailsLists .description li {
  display: flex;
}

.insurance_index__detailsLists .description li::before {
  content: '・';
}

.insurance_index__detailsLists .description .note {
  display: flex;
}

.insurance_index__detailsLists .description .note::before {
  content: '※';
}

.insurance_index__contents {
  width: 100%;
  text-align: right;
}

.insurance_index__contentsAppeal img {
  width: 100%;
}

.fm_tyousatai-l-main__header {
  margin-top: 24px;
  margin-bottom: 8px;
}

.fm_tyousatai-l-main__headerImage {
  margin-bottom: 24px;
}

.fm_tyousatai-l-main__headerImage img {
  width: 100%;
}

.fm_tyousatai-l-main__heading {
  position: relative;
  width: 100%;
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px #BBB solid;
  padding-bottom: 16px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.fm_tyousatai-l-main__banner {
  margin: 32px 0;
}

.fm_tyousatai-l-main__banner img {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.fm_tyousatai-l-main__rules ul {
  padding: 0 24px;
  box-sizing: border-box;
}

.fm_tyousatai-l-main__rules ul li {
  font-size: 1.4rem;
  line-height: 1.4;
  list-style-type: disc;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-detail__lostMessage {
  color: #FF4266;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 40px 0;
}

.fm_tyousatai-pg-detail__newsLink {
  position: relative;
  display: block;
  color: #FF727B;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-detail__heading {
  position: relative;
  width: 100%;
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: 2px #BBB solid;
  padding-bottom: 8px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-detail__heading--sub {
  font-size: 1.8rem;
}

.fm_tyousatai-pg-detail__heading--center {
  text-align: center;
}

.fm_tyousatai-pg-detail__catchPhrase {
  position: relative;
  display: flex;
  padding: 0 8px;
  box-sizing: border-box;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-detail__catchPhraseImage {
  width: 300px;
  margin-right: 16px;
}

.fm_tyousatai-pg-detail__catchPhraseImage img {
  width: 100%;
}

.fm_tyousatai-pg-detail__catchPhraseText {
  width: calc(950px - 300px - 24px);
  font-size: 1.4rem;
  line-height: 1.6;
}

.fm_tyousatai-pg-detail__aboveTheButton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.fm_tyousatai-pg-detail__aboveTheButton span {
  margin-right: 4px;
}

.fm_tyousatai-pg-detail__aboveTheButton b {
  font-size: 1.4rem;
}

.fm_tyousatai-pg-detail__applyButton {
  position: relative;
  width: 560px;
  height: 48px;
  font-size: 2rem;
  margin: 0 auto 16px;
}

.fm_tyousatai-pg-detail__subComment {
  position: relative;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-detail__informationTable {
  font-size: 1.3rem;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-detail__informationTable th {
  width: 180px;
  text-align: right;
  background-color: #DDD5CD;
  padding: 6px 16px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-detail__informationTable td {
  padding: 0 8px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-detail__apealPointInformation {
  color: crimson;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.fm_tyousatai-pg-detail__apealPointInformation img {
  width: 24px;
  margin-right: 4px;
}

.fm_tyousatai-pg-detail__blackText {
  color: #505050;
  font-size: 1.4rem;
  margin-left: 8px;
}

.fm_tyousatai-pg-detail__notes {
  position: relative;
  font-size: 1.2rem;
  background-color: #F5F5F5;
  padding: 16px;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-detail__notesTitle {
  font-weight: bold;
  margin-bottom: 4px;
}

.fm_tyousatai-pg-guide {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
}

.fm_tyousatai-pg-guide__main {
  position: relative;
  width: 640px;
  padding-right: 2%;
  box-sizing: border-box;
}

.fm_tyousatai-pg-guide__mobileOpenIndexesButton {
  display: none;
}

.fm_tyousatai-pg-guide__heading, .fm_tyousatai-pg-guide__mobileOpenIndexesButton {
  color: white;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  background-color: #76C225;
  border-radius: 3px;
  padding: 12px 0px 12px 10px;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-guide__heading--pink, .fm_tyousatai-pg-guide__mobileOpenIndexesButton--pink {
  background-color: #FF46A8;
}

.fm_tyousatai-pg-guide__type {
  position: relative;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 12px;
  padding-left: 12px;
}

.fm_tyousatai-pg-guide__type::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #76C225;
}

.fm_tyousatai-pg-guide__type a {
  margin-left: 4px;
}

.fm_tyousatai-pg-guide__content {
  position: relative;
  border: 1px #C3C3C3 solid;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-guide__title {
  position: relative;
  color: #875D2A;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px #C3C3C3 dashed;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-guide__title span {
  color: crimson;
  font-size: 1.1rem;
  margin-left: 8px;
}

.fm_tyousatai-pg-guide__title img {
  margin-right: 8px;
}

.fm_tyousatai-pg-guide__subTitle {
  font-weight: bold;
  background-color: #E5F8CF;
  border-radius: 3px;
  padding: 4px 2px;
  box-sizing: border-box;
  margin: 12px 0;
}

.fm_tyousatai-pg-guide__subTitle:first-child {
  margin-top: 0;
}

.fm_tyousatai-pg-guide__questions {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.6;
}

.fm_tyousatai-pg-guide__questions p {
  margin: 24px 0;
}

.fm_tyousatai-pg-guide__questions dl dt, .fm_tyousatai-pg-guide__questions dl dd {
  color: #875D2A;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 4px;
}

.fm_tyousatai-pg-guide__questions dl dd {
  color: black;
  border-bottom: 1px dotted #CCC;
  padding-bottom: 8px;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-guide__caution {
  color: crimson;
}

.fm_tyousatai-pg-guide__indent15 {
  margin-left: 15px;
}

.fm_tyousatai-pg-guide__pickupPoint {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #E5F8CF;
  padding: 16px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-guide__pickupPoint img {
  width: 100%;
  margin-top: 16px;
}

.fm_tyousatai-pg-guide__rightInformation {
  position: relative;
  width: calc(100% - 640px);
}

.fm_tyousatai-pg-guide__rightInformation ul {
  margin-bottom: 12px;
}

.fm_tyousatai-pg-guide__rightInformation ul li {
  font-size: 1.4rem;
  margin-bottom: 8px;
}

.fm_tyousatai-pg-guide__rightInformation ul li:last-child {
  margin-bottom: 0;
}

.fm_tyousatai-pg-help {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
}

.fm_tyousatai-pg-help__main {
  position: relative;
  width: 640px;
  padding-right: 2%;
  box-sizing: border-box;
}

.fm_tyousatai-pg-help__mobileOpenIndexesButton {
  display: none;
}

.fm_tyousatai-pg-help__heading, .fm_tyousatai-pg-help__mobileOpenIndexesButton {
  color: white;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  background-color: #76C225;
  border-radius: 3px;
  padding: 12px 0px 12px 10px;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__heading--pink, .fm_tyousatai-pg-help__mobileOpenIndexesButton--pink {
  background-color: #FF46A8;
}

.fm_tyousatai-pg-help__type {
  position: relative;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 12px;
  padding-left: 12px;
}

.fm_tyousatai-pg-help__type::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #76C225;
}

.fm_tyousatai-pg-help__content {
  position: relative;
  border: 1px #C3C3C3 solid;
  padding: 16px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-help__title {
  position: relative;
  color: #875D2A;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px #C3C3C3 dashed;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__title img {
  margin-right: 8px;
}

.fm_tyousatai-pg-help__indexes {
  position: relative;
  font-size: 1.4rem;
  padding-bottom: 12px;
  border-bottom: 1px #C3C3C3 solid;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__indexes li {
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__indexes li:last-child {
  margin-bottom: 0;
}

.fm_tyousatai-pg-help__questions {
  position: relative;
}

.fm_tyousatai-pg-help__questions dt {
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.fm_tyousatai-pg-help__questions dd {
  font-size: 1.4rem;
}

.fm_tyousatai-pg-help__questions dt, .fm_tyousatai-pg-help__questions dd {
  position: relative;
  margin-bottom: 16px;
  line-height: 1.6;
  padding-left: 32px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-help__questions dt img, .fm_tyousatai-pg-help__questions dd img {
  position: absolute;
  left: 0;
}

.fm_tyousatai-pg-help__toIndex {
  position: relative;
  font-size: 1.4rem;
  padding-bottom: 8px;
  border-bottom: 1px #C3C3C3 solid;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__toIndex::before {
  content: '';
  position: absolute;
  right: 80px;
  width: 4px;
  height: 4px;
  border-top: 2px #C3C3C3 solid;
  border-left: 2px #C3C3C3 solid;
  transform: rotateZ(45deg) translateY(50%);
}

.fm_tyousatai-pg-help__rightInformation {
  position: relative;
  width: calc(100% - 640px);
}

.fm_tyousatai-pg-help__rightInformation ul {
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__rightInformation ul li {
  font-size: 1.4rem;
  margin-bottom: 8px;
}

.fm_tyousatai-pg-help__rightInformation ul li:last-child {
  margin-bottom: 0;
}

.fm_tyousatai-pg-iframe_items {
  width: 100%;
  max-width: 800px;
}

.fm_tyousatai-pg-iframe_items__prefecture {
  color: #A7A7A7;
  font-size: 1.4rem;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-iframe_items__noneText {
  font-size: 2rem;
  color: #505050;
  font-weight: bold;
  letter-spacing: 0.2rem;
}

.fm_tyousatai-pg-iframe_items__productItemsMoreButtonSpace {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0;
}

.fm_tyousatai-pg-iframe_items__productItemsMoreButton {
  position: relative;
  color: #000;
  font-size: 1.8rem;
  text-decoration: none !important;
  margin-bottom: 32px;
}

.fm_tyousatai-pg-iframe_items__productItemsMoreButton img {
  display: inline-block;
  margin-left: 4px;
}

.fm_tyousatai-pg-index__title {
  position: relative;
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: 1px #BBB solid;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 12px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-index__recommends {
  margin-bottom: 48px;
  overflow: hidden;
}

.fm_tyousatai-pg-index__recommendItem {
  position: relative;
  height: auto;
  display: flex;
  justify-content: center;
}

.fm_tyousatai-pg-index__recommendItem img {
  width: 210px;
  height: auto;
  margin-right: 2px;
}

.fm_tyousatai-pg-index__popularShops {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-index__popularShopIcon {
  display: flex;
  justify-content: center;
}

.fm_tyousatai-pg-index__popularShopIcon img {
  width: 50px;
  margin-right: 24px;
}

.fm_tyousatai-pg-index__productTitle {
  position: relative;
  width: 100%;
  height: 72px;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_tyousatai-pg-index__tentameNewsLink {
  position: relative;
  display: block;
  color: #3E3EFF;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-index__productMoreLink {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #333;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
  border: 1px #AEAEAE solid;
  border-radius: 7% / 47%;
  padding: 6px 12px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-index__productMoreLink:hover {
  text-decoration: none;
}

.fm_tyousatai-pg-index__productItemsMoreButtonSpace {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-index__productItemsMoreButton {
  position: relative;
  color: #000;
  font-size: 1.8rem;
  text-decoration: none !important;
  margin-bottom: 32px;
}

.fm_tyousatai-pg-index__productItemsMoreButton img {
  display: inline-block;
  margin-left: 4px;
}

.fm_tyousatai-pg-mypage {
  position: relative;
}

.fm_tyousatai-pg-mypage__linkButtonSpace {
  display: flex;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-mypage__linkButton {
  position: relative;
  color: white !important;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 6px 24px 6px 16px;
  border-radius: 20px / 22px;
  margin-right: 16px;
}

.fm_tyousatai-pg-mypage__linkButton:hover {
  text-decoration: none;
}

.fm_tyousatai-pg-mypage__linkButton--pink {
  background-color: #FFAFAF;
}

.fm_tyousatai-pg-mypage__linkButton--brown {
  background-color: #F99154;
}

.fm_tyousatai-pg-mypage__heading {
  color: #5F5F5F;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px #5F5F5F solid;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.fm_tyousatai-pg-mypage iframe {
  width: 100%;
  /*
     * ファンくるのiframeが横幅が狭いと操作できないことがあるのでmin-widthを設定する.
     * iframe内のキャンセルページのモーダル表示時に操作ができない.
     */
  min-width: 950px;
  height: 600px;
  border: none;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-mypage__tentameIframe--mobile {
  display: none;
}

.fm_tyousatai-pg-mypage__tentameIframe--mobile iframe {
  min-width: 100%;
}

.fm_tyousatai-pg-search__productTitle {
  position: relative;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-search__pagination {
  margin-bottom: 24px;
}

.fm_tyousatai-pg-search__pagination .pagination {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.fm_tyousatai-pg-search__pagination .previous,
.fm_tyousatai-pg-search__pagination .next,
.fm_tyousatai-pg-search__pagination .previous-inactive,
.fm_tyousatai-pg-search__pagination .next-inactive {
  display: none;
}

.fm_tyousatai-pg-search__pagination span {
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px #4892EF solid;
  margin-right: 8px;
}

.fm_tyousatai-pg-search__pagination span a {
  display: block;
  width: 100%;
  height: 100%;
  color: #4892EF;
  font-size: 1.4rem;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_tyousatai-pg-search__pagination .active {
  background-color: #4892EF;
}

.fm_tyousatai-pg-search__pagination .active a {
  color: white;
}

.fm_tyousatai-pg-search__tags {
  margin-bottom: 16px;
}

.fm_tyousatai-pg-search__tag {
  display: inline-block;
  color: #333;
  font-size: 1.2rem;
  font-weight: bold;
  border-bottom: 4px #6AC6D8 solid;
  padding: 8px 24px;
  margin: 4px 8px;
}

.fm_tyousatai-pg-search__tagEndText {
  display: inline-block;
  color: #333;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: 16px;
  transform: translateY(16%);
}

.fm_tyousatai-pg-search__noneText {
  color: #C1C1C1;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  text-align: center;
  margin: 80px 0;
}

.fm_tyousatai-pg-fancrewNews {
  padding: 16px 8px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-fancrewNews h1 {
  position: relative;
  font-size: 2.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0;
  margin-bottom: 32px;
}

.fm_tyousatai-pg-fancrewNews__image {
  width: 100%;
}

.fm_tyousatai-pg-tentameNews {
  background-color: #F1F1F1;
  padding: 16px 8px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-tentameNews h1 {
  position: relative;
  font-size: 2.6rem;
  line-height: 1.4;
  margin: 32px 0;
}

.fm_tyousatai-pg-tentameNews p {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6;
  padding: 0 16px;
  box-sizing: border-box;
  margin-bottom: 48px;
}

.fm_tyousatai-pg-tentameNews h2 {
  font-size: 1.8rem;
  line-height: 1.6;
  padding-bottom: 16px;
}

.fm_tyousatai-c-header {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.fm_tyousatai-c-header__logo {
  position: relative;
}

.fm_tyousatai-c-header__nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

.fm_tyousatai-c-header__searchForm {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(calc(100% + 8px));
  z-index: 1;
}

.fm_tyousatai-c-header__searchForm--hidden {
  display: none;
}

.fm_tyousatai-c-nav__item {
  float: left;
  margin-right: 8px;
}

.fm_tyousatai-c-nav__item:last-child {
  margin-right: 0;
}

.fm_tyousatai-c-product_item {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 48px;
  box-sizing: border-box;
}

.fm_tyousatai-c-product_item--wideDesign {
  display: flex;
  height: auto;
  padding-bottom: 64px;
}

.fm_tyousatai-c-product_item__image {
  margin: 0 auto;
  margin-bottom: 12px;
}

.fm_tyousatai-c-product_item__image img {
  width: 100%;
  height: 140px;
  object-fit: contain;
}

.fm_tyousatai-c-product_item__image--mobile {
  display: none;
}

.fm_tyousatai-c-product_item__image--wideDesign {
  margin: 0 8px;
}

.fm_tyousatai-c-product_item__image--wideDesign img {
  width: 160px;
  height: auto;
}

.fm_tyousatai-c-product_item__point {
  color: #D50000;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}

.fm_tyousatai-c-product_item__point img {
  display: block;
  width: 20px;
  margin-right: 4px;
}

.fm_tyousatai-c-product_item__point b {
  display: inline-block;
  font-size: 2.4rem;
  margin: 0 4px;
}

.fm_tyousatai-c-product_item__point--wideDesign {
  justify-content: flex-start;
  margin-bottom: 4px;
}

.fm_tyousatai-c-product_item__title {
  height: 86px;
  font-size: 1.4rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 16px;
}

.fm_tyousatai-c-product_item__title--wideDesign {
  height: auto;
}

.fm_tyousatai-c-product_item__pointTitleBlack {
  color: #484848;
  font-size: 1.2rem;
  margin-left: 4px;
}

.fm_tyousatai-c-product_item table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}

.fm_tyousatai-c-product_item table tr {
  display: block;
  margin-bottom: 4px;
}

.fm_tyousatai-c-product_item table th, .fm_tyousatai-c-product_item table td {
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
  background: white !important;
  border: none !important;
  margin-bottom: 4px;
}

.fm_tyousatai-c-product_item--wideDesign table tr, .fm_tyousatai-c-product_item--wideDesign table th, .fm_tyousatai-c-product_item--wideDesign table td {
  margin-bottom: 0;
}

.fm_tyousatai-c-product_item__subInformation {
  color: #424242;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.fm_tyousatai-c-product_item__subInformation--last {
  margin-bottom: 32px;
}

.fm_tyousatai-c-product_item__subInformation img {
  width: 24px;
  margin-right: 8px;
}

.fm_tyousatai-c-product_item__linkButton {
  position: absolute;
  width: calc(100% - 30px);
  height: 42px;
  bottom: 4%;
  left: 15px;
  font-size: 1.6rem;
}

.fm_tyousatai-c-product_item__linkButton--mobile {
  display: none;
}

.fm_tyousatai-c-product_item__closeButton {
  position: relative;
  width: 100%;
  height: 100%;
  color: #333;
  text-decoration: none;
  background-color: #B5B5B5;
  border-bottom: 2px #ABA5A0 solid;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_tyousatai-c-product_item__closeButton:hover {
  color: #333;
  text-decoration: none;
}

.fm_tyousatai-c-product_items {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.fm_tyousatai-c-product_items--wideDesign {
  display: block;
  height: auto;
}

.fm_tyousatai-c-product_items__item {
  position: relative;
  width: 224px;
  border: 5px #F2F2F2 solid;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 18px;
  margin-right: 18px;
}

.fm_tyousatai-c-product_items__item:nth-of-type(4n) {
  margin-right: 0;
}

.fm_tyousatai-c-product_items__item--wideDesign {
  width: 100%;
  height: auto;
}

.fm_tyousatai-c-product_items__status {
  position: absolute;
  top: 0;
  left: 6px;
  width: 60px;
  font-size: 1.4rem;
  color: #A62700;
  font-weight: bold;
  text-align: center;
  background-color: #EEC05F;
  padding: 4px;
  box-sizing: border-box;
  z-index: 1;
}

.fm_tyousatai-c-product_items__status--blue {
  color: #064549;
  background-color: #96E0E5;
}

.fm_tyousatai-c-product_items__status--gray {
  color: #333;
  background-color: #DDD;
}

.fm_tyousatai-c-product_items__statusText {
  margin-bottom: 4px;
}

.fm_tyousatai-c-product_items__statusRemainderDay {
  color: black;
  background-color: white;
  padding: 4px 0;
}

.fm_tyousatai-c-product_items__statusRemainderDay div {
  text-align: center;
}

.fm_tyousatai-c-product_items__statusRemainderDayText {
  color: #D50000;
  margin-top: 4px;
}

.fm_tyousatai-c-product_items__statusRemainderDayText b {
  display: inline-block;
  font-size: 1.8rem;
  margin-right: 4px;
}

.fm_tyousatai-c-link_button {
  position: relative;
  width: 100%;
  height: 100%;
  color: #333;
  text-decoration: none;
  background-color: #DDD5CD;
  border-bottom: 2px #ABA5A0 solid;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_tyousatai-c-link_button:hover {
  color: #333;
  text-decoration: none;
}

.fm_tyousatai-c-nav_item {
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
  background-color: #EBF9FA;
  border: 1px #ABC8DA solid;
  border-radius: 15% / 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  box-sizing: border-box;
  cursor: pointer;
}

.fm_tyousatai-c-nav_item__icon, .fm_tyousatai-c-nav_item__name {
  color: #064872;
  font-size: 1.4rem;
}

.fm_tyousatai-c-nav_item__icon {
  margin-right: 4px;
}

.fm_tyousatai-c-nav_item__name {
  font-weight: bold;
}

.fm_tyousatai-c-product_title {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_tyousatai-c-product_title .material-icons {
  font-size: 4rem;
  margin-right: 8px;
}

.fm_tyousatai-c-product_title .material-icons--blue {
  color: #A5DDF1;
}

.fm_tyousatai-c-product_title .material-icons--pink {
  color: #EABFBF;
}

.fm_tyousatai-c-product_title .material-icons--orange {
  color: #EAD2A4;
}

.fm_tyousatai-c-product_title .material-icons--green {
  color: #81FFB9;
}

.fm_tyousatai-c-product_title div {
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
}

.fm_tyousatai-c-product_title__sub {
  font-size: 1.4rem;
  font-weight: normal;
  transform: translateY(50%);
}

@media (max-width: 600px) {
  .fm_tyousatai-l-main__header {
    margin: 0;
  }
  .fm_tyousatai-pg-detail {
    padding: 0 4px;
    box-sizing: border-box;
  }
  .fm_tyousatai-pg-detail__heading {
    font-size: 1.6rem;
    padding-bottom: 8px;
  }
  .fm_tyousatai-pg-detail__heading--sub {
    font-size: 1.8rem;
  }
  .fm_tyousatai-pg-detail__catchPhrase {
    display: block;
    font-size: 1.4rem;
  }
  .fm_tyousatai-pg-detail__catchPhraseImage {
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
  }
  .fm_tyousatai-pg-detail__catchPhraseImage img {
    width: 100%;
  }
  .fm_tyousatai-pg-detail__catchPhraseText {
    width: 100%;
  }
  .fm_tyousatai-pg-detail__aboveTheButton {
    flex-wrap: wrap;
    line-height: 1.6;
  }
  .fm_tyousatai-pg-detail__applyButton {
    width: 240px;
  }
  .fm_tyousatai-pg-detail table tr {
    margin-bottom: 16px;
  }
  .fm_tyousatai-pg-detail table th, .fm_tyousatai-pg-detail table td {
    width: 100%;
  }
  .fm_tyousatai-pg-detail table th {
    text-align: left;
    padding: 8px 16px;
    margin-bottom: 8px;
  }
  .fm_tyousatai-pg-guide {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .fm_tyousatai-pg-guide__mobileOpenIndexesButton {
    display: block;
  }
  .fm_tyousatai-pg-guide__indexes {
    display: none;
  }
  .fm_tyousatai-pg-guide__indexes--show {
    display: block;
  }
  .fm_tyousatai-pg-guide__main, .fm_tyousatai-pg-guide__rightInformation {
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .fm_tyousatai-pg-guide__bnr300 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
  }
  .fm_tyousatai-pg-help {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .fm_tyousatai-pg-help__mobileOpenIndexesButton {
    display: block;
  }
  .fm_tyousatai-pg-help__indexes {
    display: none;
  }
  .fm_tyousatai-pg-help__indexes--show {
    display: block;
  }
  .fm_tyousatai-pg-help__main, .fm_tyousatai-pg-help__rightInformation {
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .fm_tyousatai-pg-help__bnr300 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
  }
  .fm_tyousatai-pg-index__productTitle {
    display: block;
    height: auto;
    margin-bottom: 16px;
  }
  .fm_tyousatai-pg-index__productItemsMoreButton {
    margin-top: 16px;
  }
  .fm_tyousatai-pg-index__productMoreLink {
    position: relative;
    right: auto;
    width: 220px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    margin: 0 auto;
    margin-top: 8px;
  }
  .fm_tyousatai-pg-index__recommendItem img {
    width: 97%;
    margin-right: 0;
    object-fit: contain;
  }
  .fm_tyousatai-pg-index__popularShopIcon img {
    width: 50px;
    height: 50px;
    margin-right: 0;
  }
  .fm_tyousatai-pg-mypage {
    padding: 0 2px;
    box-sizing: border-box;
  }
  .fm_tyousatai-pg-mypage__linkButtonSpace {
    display: block;
  }
  .fm_tyousatai-pg-mypage__linkButton {
    white-space: nowrap;
    padding: 6px 16px 6px 8px;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .fm_tyousatai-pg-mypage__tentameIframe--pc {
    display: none;
  }
  .fm_tyousatai-pg-mypage__tentameIframe--mobile {
    display: block;
  }
  .fm_tyousatai-pg-search__tags {
    padding: 0 2px;
    box-sizing: border-box;
  }
  .fm_tyousatai-pg-search__tag {
    font-size: 1.1rem;
    padding: 4px 16px;
    margin: 4px;
  }
  .fm_tyousatai-pg-search__tagEndText {
    font-size: 1.4rem;
  }
  .fm_tyousatai-c-carousel {
    position: relative;
    width: calc(100% - 56px) !important;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  .fm_tyousatai-c-carousel__thumbnail img {
    width: 100%;
  }
  .fm_tyousatai-c-header {
    display: block;
  }
  .fm_tyousatai-c-header__logo {
    width: 160px;
    margin-left: 8px;
    margin-bottom: 16px;
  }
  .fm_tyousatai-c-header__nav {
    position: relative;
  }
  .fm_tyousatai-c-header__searchForm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    z-index: 1;
  }
  .fm_tyousatai-c-header__searchForm--hidden {
    display: none;
  }
  .fm_tyousatai-c-nav {
    background-color: #D8F4F6;
    display: flex;
    justify-content: center;
    padding: 6px 0;
  }
  .fm_tyousatai-c-product_item {
    border: none;
  }
  .fm_tyousatai-c-product_item--wideDesign {
    display: block;
    height: 100%;
    padding-bottom: 48px;
  }
  .fm_tyousatai-c-product_item__image {
    margin: 0 auto;
    margin-bottom: 12px;
  }
  .fm_tyousatai-c-product_item__image img {
    width: 100%;
    height: 140px;
    object-fit: contain;
  }
  .fm_tyousatai-c-product_item__image--pc {
    display: none;
  }
  .fm_tyousatai-c-product_item__image--mobile {
    display: block;
  }
  .fm_tyousatai-c-product_item__image--wideDesign {
    margin: 0 auto;
  }
  .fm_tyousatai-c-product_item__image--wideDesign img {
    width: 100%;
    height: 140px;
  }
  .fm_tyousatai-c-product_item__point {
    color: #D50000;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
  }
  .fm_tyousatai-c-product_item__point img {
    display: block;
    width: 20px;
    margin-right: 4px;
  }
  .fm_tyousatai-c-product_item__point b {
    display: inline-block;
    font-size: 2.4rem;
    margin: 0 4px;
  }
  .fm_tyousatai-c-product_item__point--wideDesign {
    justify-content: center;
    margin-bottom: 12px;
  }
  .fm_tyousatai-c-product_item__title {
    margin-bottom: 16px;
  }
  .fm_tyousatai-c-product_item__title--wideDesign {
    height: 86px;
  }
  .fm_tyousatai-c-product_item table {
    padding-bottom: 14px;
  }
  .fm_tyousatai-c-product_item table tr {
    padding: 8px 0;
    border-top: 1px gray dashed;
    margin: 0;
  }
  .fm_tyousatai-c-product_item table tr:last-child {
    border-bottom: 1px gray dashed;
  }
  .fm_tyousatai-c-product_item table th {
    margin-bottom: 8px;
  }
  .fm_tyousatai-c-product_item table td {
    margin: 0;
  }
  .fm_tyousatai-c-product_item--wideDesign table tr {
    margin: 0;
  }
  .fm_tyousatai-c-product_item--wideDesign table th {
    margin-bottom: 8px;
  }
  .fm_tyousatai-c-product_item--wideDesign table td {
    margin: 0;
  }
  .fm_tyousatai-c-product_item__separate {
    display: none;
  }
  .fm_tyousatai-c-product_item__linkButton {
    position: absolute;
    width: calc(100% - 30px);
    height: 42px;
    bottom: 4%;
    left: 15px;
    font-size: 1.6rem;
  }
  .fm_tyousatai-c-product_item__linkButton--pc {
    display: none;
  }
  .fm_tyousatai-c-product_item__linkButton--mobile {
    display: block;
  }
  .fm_tyousatai-c-product_items {
    padding: 0 2px;
    box-sizing: border-box;
  }
  .fm_tyousatai-c-product_items--wideDesign {
    display: flex;
  }
  .fm_tyousatai-c-product_items__item {
    width: 50%;
    border: 1px #CCC solid;
    margin: 0;
  }
  .fm_tyousatai-c-product_items__item:nth-of-type(even) {
    border-left: none;
  }
  .fm_tyousatai-c-product_items__item--showRemainderStatus {
    padding-top: 48px;
  }
  .fm_tyousatai-c-product_items__item--wideDesign {
    width: 50%;
    height: auto;
  }
  .fm_tyousatai-c-product_items__status {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    margin-bottom: 8px;
  }
  .fm_tyousatai-c-product_items__statusText {
    font-size: 1.6rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-right: 6px;
  }
  .fm_tyousatai-c-product_items__statusRemainderDay {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fm_tyousatai-c-product_items__statusRemainderDay div {
    font-size: 1.6rem;
    margin: 0;
    margin-right: 4px;
  }
  .fm_tyousatai-c-product_items__statusRemainderDayText {
    color: #D50000;
    margin: 0;
  }
  .fm_tyousatai-c-search_form__title {
    font-size: 1.8rem;
  }
  .fm_tyousatai-c-search_form__products {
    display: block;
    margin-bottom: 16px;
  }
  .fm_tyousatai-c-search_form__productButton {
    position: relative;
    width: 100%;
    font-size: 1rem;
    margin-bottom: 8px;
  }
  .fm_tyousatai-c-search_form__selectInformation {
    display: block;
  }
  .fm_tyousatai-c-search_form__selectInformation--hide {
    display: none;
  }
  .fm_tyousatai-c-search_form__selectItem {
    margin-bottom: 16px;
  }
  .fm_tyousatai-c-search_form__selectItem:last-child {
    margin-right: 0;
  }
  .fm_tyousatai-c-search_form__selectItem--hide {
    display: none;
  }
  .fm_tyousatai-c-search_form__selectItem select {
    font-size: 1.6rem;
  }
  .fm_tyousatai-c-search_form__selectItemTitle {
    font-size: 1.2rem;
  }
  .fm_tyousatai-c-search_form__keywords {
    font-size: 1.6rem;
  }
  .fm_tyousatai-c-search_form__submit {
    width: 90%;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .fm_tyousatai-c-nav_item {
    border: 1px #A7CFD2 solid;
  }
  .fm_tyousatai-c-nav_item__icon, .fm_tyousatai-c-nav_item__name {
    color: #333;
    font-size: 1.1rem;
  }
  .fm_tyousatai-c-nav_item__icon {
    display: none;
  }
}

/*------------------------------------------------------------
 ** LPO
 ------------------------------------------------------------*/
.tyousatai_landing {
  width: 950px;
  margin: 20px 0;
}

@media (max-width: 950px) {
  .tyousatai_landing {
    width: 100%;
  }
}

.fortuneLayout {
  display: flex;
}

.fortuneLayout__main {
  width: 640px;
}

.fortuneLayout__aside {
  width: calc(100% - 640px);
  padding-left: 10px;
  box-sizing: border-box;
}

.fortuneLayout__headingBanner {
  position: relative;
  margin-bottom: 10px;
}

.fortuneLayout__latestNewsLink {
  position: absolute;
  left: 5px;
  top: -5px;
  display: inline-block;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  background-color: #ED4E80;
  border-radius: 8px;
  padding: 3px 10px;
}

.fortuneLayout__moreLinks {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.fortuneLayout__more {
  position: relative;
  display: flex;
  align-items: center;
}

.fortuneLayout__more span {
  color: #F45C8E;
  font-size: 4rem;
}

.fortuneLayout__more a {
  font-size: 1.8rem;
}

.fortuneLayout__more--previous {
  left: -20px;
}

.fortuneLayout__more--previous span {
  position: relative;
  left: 10px;
}

.fortuneLayout__more--next {
  right: -20px;
}

.fortuneLayout__more--next span {
  position: relative;
  right: 10px;
}

.fortuneLayout__selfResult {
  background-color: #ffefef;
  border-radius: 6px;
  padding: 24px 54px 16px;
  box-sizing: border-box;
}

.fortuneLayout__baseInformation {
  display: flex;
}

.fortuneLayout__icon {
  margin-right: 40px;
  margin-bottom: 16px;
}

.fortuneLayout__icon img {
  display: block;
  width: 120px;
  background-color: #df9893;
  border-radius: 50%;
  margin: 0 auto 12px;
}

.fortuneLayout__icon span {
  display: block;
  font-size: 1.5rem;
  text-align: center;
  background-color: white;
  border-radius: 6px;
  padding: 6px 12px;
}

.fortuneLayout__termsLabel {
  display: inline-block;
  color: white;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  background-color: #F45C8E;
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 5px;
}

.fortuneLayout__rank {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
}

.fortuneLayout__name {
  font-size: 3rem;
  line-height: 1.5;
  margin-bottom: 10px;
}

.fortuneLayout__snsIcons {
  display: flex;
}

.fortuneLayout__snsIcon {
  padding: 5px;
  border-radius: 50%;
  margin-right: 10px;
}

.fortuneLayout__snsIcon:last-child {
  margin-right: 0;
}

.fortuneLayout__snsIcon--twitter {
  background-color: #10A5DE;
}

.fortuneLayout__snsIcon--facebook {
  background-color: #284A95;
}

.fortuneLayout__snsIcon--google {
  background-color: #D04C3C;
}

.fortuneLayout__snsIcon img {
  width: 20px;
}

.fortuneLayout__stars {
  display: flex;
}

.fortuneLayout__ads {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}

.fortuneLayout__ads > div {
  width: 300px;
}

.fortuneLayout__ads > div:first-child {
  margin-right: 8px;
}

.fortuneLayout__body {
  margin-bottom: 24px;
}

.fortuneLayout__heading {
  color: white;
  font-size: 1.8rem;
  font-weight: normal;
  background: url(https://img.fruitmail.net/fruit/img/fortune/bg_ttl.jpg) no-repeat;
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px;
}

.fortuneLayout__heading span {
  display: inline-block;
  color: white;
  font-size: 1.4rem;
  background-color: #F45B8E;
  border-radius: 6px;
  padding: 4px;
  margin-right: 10px;
}

.fortuneLayout__form {
  position: relative;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.fortuneLayout__form input[type="text"] {
  width: 72px;
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 0px 5px;
}

.fortuneLayout__form select {
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid #ccc;
  padding: 5px 12px;
  margin: 0px 5px;
}

.fortuneLayout__submit {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin-left: 5px;
}

.fortuneLayout__submit--today {
  position: absolute;
  right: 0;
}

.fortuneLayout__recommend {
  display: flex;
  margin-bottom: 40px;
}

.fortuneLayout__recommendItem {
  width: 50%;
  padding: 0 8px;
  box-sizing: border-box;
}

.fortuneLayout__recommendItem img {
  width: 100%;
}

.fortuneLayout__recommendItem a {
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 8px 0;
  border-bottom: 1px solid #EEE;
}

.fortuneLayout__supervise {
  background-color: #EFEFEF;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 20px;
}

.fortuneLayout__superviseName {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 5px;
}

.fortuneLayout__superviseSummary {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 20px;
}

.fortuneLayout__superviseSummary p {
  font-size: 1.4rem;
  line-height: 1.8;
  padding: 5px 0px;
}

.fortuneLayout__asideItem {
  margin-bottom: 8px;
}

.fortuneLayout__ranking {
  margin-bottom: 10px;
}

.fortuneLayout__rankingItem {
  display: block;
  font-size: 1.5rem;
  line-height: 1.5;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
  padding: 5px;
  box-sizing: border-box;
  cursor: pointer;
}

.fortuneLayout__rankingItem img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 6px;
  transition: 0.7s;
  transform: rotateZ(0deg);
}

.fortuneLayout__rankingItem:hover {
  color: #EA6767;
  background-color: #EEE;
  text-decoration: none;
}

.fortuneLayout__rankingItem:hover img {
  transform: rotateZ(-360deg);
}

.fortuneLayout__rankingItem span {
  display: inline-block;
  width: 130px;
  font-size: 1.4rem;
}

.fortuneDetail {
  position: relative;
  background-color: #FFF9FB;
  border: 1px solid #CCC;
  border-radius: 6px;
  padding: 20px;
  box-sizing: border-box;
}

.fortuneDetail__doubleItem {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

.fortuneDetail__item {
  width: 294px;
}

.fortuneDetail__text {
  font-size: 1.4rem;
  line-height: 1.5;
}

.fortuneDetail__text--small {
  width: 260px;
}

.fortuneDetail__point {
  font-size: 1.8rem;
  margin-top: 32px;
}

.fortuneDetail__point strong {
  color: #F45C8E;
  font-size: 5rem;
  font-weight: normal;
}

.fortuneDetail__specialHeading {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.fortuneDetail__specialHeading img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F45A8D;
}

.fortuneDetail__specialHeading span {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #FFE0EA;
  border-radius: 10px;
  padding: 6px;
  padding-left: 48px;
  box-sizing: border-box;
}

.fortuneDetail__table th {
  width: 60px;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
  background-color: #FFE0EA;
  border: 1px solid #F9A7C1;
  padding: 3px 10px;
}

.fortuneDetail__table td {
  font-size: 1.4rem;
  line-height: 1.5;
  border: 1px solid #f9a7c1;
  padding: 3px 10px;
}

.fortuneDetail__partner {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.fortuneDetail__partner > div {
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.fortuneDetail__partnerRank {
  width: 25px;
  height: 25px;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  transform: rotateZ(45deg);
}

.fortuneDetail__partnerRank--best {
  background-color: #F9A7C1;
}

.fortuneDetail__partnerRank--worst {
  background-color: #FFE0EA;
}

.fortuneDetail__partnerRank span {
  display: block;
  transform: rotateZ(-45deg);
}

.fortuneGraph {
  background-color: #FFEFEF;
  border-radius: 6px;
  padding: 16px 10px;
  box-sizing: border-box;
}

.fortuneGraph__item {
  background-color: white;
  border-radius: 10px 10px 0 0;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 24px;
}

.fortuneGraph__item:first-child {
  margin-top: 0;
}

.fortuneGraph__heading {
  color: #F45C8E;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px dotted #CCC;
  padding: 5px 0px 10px 0px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.fortuneGraph__sub {
  font-size: 1.2rem;
  line-height: 1.5;
  background-color: #F5F5F5;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
}

.fortuneGraph__sub span {
  color: #F47200;
}

.fortune_biograph__graph {
  display: block;
  background-color: white;
  border-radius: 0 0 10px 10px;
  display: flex;
  justify-content: center;
}

.fortune_biograph__buttonSpace {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.fortune_biograph__button {
  position: relative;
  width: 15%;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  background-color: white;
  border-radius: 6px;
  padding: 10px;
  margin-right: 6px;
  cursor: pointer;
}

.fortune_biograph__button--selected {
  color: white;
  background-color: #F45C8E;
}

.fortune_biograph__button--selected::before {
  content: '';
  position: absolute;
  top: 0;
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  border-bottom: 10px solid #F45C8E;
  transform: translateY(-100%);
}

.fortune_radargraph__graph {
  display: block;
  background-color: white;
  border-radius: 0 0 10px 10px;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
}

.fortune_heading__heading {
  color: white;
  font-size: 1.8rem;
  font-weight: normal;
  background: url(https://img.fruitmail.net/fruit/img/fortune/bg_ttl.jpg) no-repeat;
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px;
}

.fortune_heading__stars {
  color: #f1dc00;
  font-size: 3rem;
  line-height: 1.0;
  text-shadow: 0px 0px 1px #ed5e00;
  margin-bottom: 10px;
}

.fortune_starLabel {
  width: 120px;
  text-decoration: none;
  background-color: white;
  border: 1px solid #CCC;
  border-radius: 6px;
  padding: 5px 0px;
  box-sizing: border-box;
  margin-right: 16px;
}

.fortune_starLabel:last-child {
  margin-right: 0;
}

.fortune_starLabel span {
  display: block;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
}

.fortune_starLabel div {
  color: #F1DC00;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
  text-shadow: 0px 0px 1px #ed5e00;
}

.fm_pointhistory-l-news {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.6;
  background-color: #FFF98C;
  padding: 8px;
  box-sizing: border-box;
  margin: 8px 0;
}

.fm_pointhistory-l-news h3 {
  font-size: 1.4rem;
  margin-bottom: 4px;
}

.fm_pointhistory-l-main__tabMenu {
  display: flex;
}

.fm_pointhistory-l-main__tab {
  display: block;
  text-decoration: none;
  margin-right: 4px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-l-main__tab {
    width: calc(100% / 3);
    margin-right: 0;
  }
}

.fm_pointhistory-l-main__tab:hover {
  text-decoration: none;
}

.fm_pointhistory-l-main__content {
  position: relative;
  border: 5px gray solid;
  padding: 8px;
  box-sizing: border-box;
}

.fm_pointhistory-l-main__contentHeader {
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-l-main__contentHeader p {
    display: none;
  }
}

.fm_pointhistory-l-main__contentHeader img {
  margin-right: 6px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-l-main__contentHeader img {
    width: 120px;
  }
}

.fm_pointhistory-l-main__ads {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.fm_pointhistory-l-main__ads iframe {
  background-color: gray;
}

.fm_pointhistory-pg-index__pointInformation {
  margin-bottom: 24px;
}

.fm_pointhistory-pg-index__heading {
  position: relative;
  font-size: 1.6rem;
  border-bottom: 1px #B1B1B1 dashed;
  padding-left: 10px;
  padding-bottom: 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__heading {
    padding-left: 0;
  }
}

.fm_pointhistory-pg-index__heading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: calc(100% - 8px);
  background: linear-gradient(crimson, white);
  border: 1px crimson solid;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__heading::before {
    background: none;
    border: none;
  }
}

.fm_pointhistory-pg-index__headingSubText {
  font-size: 1.2rem;
  margin-left: 16px;
  font-weight: normal;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__headingSubText {
    display: none;
  }
}

.fm_pointhistory-pg-index__selectInformation {
  position: relative;
  font-size: 1.4rem;
  padding: 8px 0;
  margin-bottom: 24px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__selectInformation {
    padding-top: 25px;
    padding-bottom: 15px;
    margin-bottom: 0;
  }
}

.fm_pointhistory-pg-index__selectInformation select {
  font-size: 1.6rem;
  padding: 5px;
  padding-right: 0;
  margin-right: 15px;
  background: #FFFFFF;
  border: 1px solid #B4B4B4;
  border-radius: 5px;
}

.fm_pointhistory-pg-index__selectInformation input[type="submit"] {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E8A61D;
  border-radius: 7px;
  color: #E8A61D;
}

.fm_pointhistory-pg-index__search {
  width: 400px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__search {
    width: 100%;
  }
}

.fm_pointhistory-pg-index__search form {
  display: flex;
}

.fm_pointhistory-pg-index__search form input[type="text"] {
  font-size: 1.4rem;
  border: 1px gray solid;
  outline: none;
  padding: 4px;
  margin-right: 8px;
}

.fm_pointhistory-pg-index__search form input[type="submit"] {
  font-size: 1.4rem;
  background: #e1e1e1 !important;
  border: 1px gray solid;
}

.fm_pointhistory-pg-index__searchNoneMessage {
  font-size: 1.4rem;
  text-align: center;
}

.fm_pointhistory-pg-index__numberDisplay {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__numberDisplay {
    left: calc(100% / 2 - 60px);
  }
}

.fm_pointhistory-pg-index__pagination {
  position: relative;
}

.fm_pointhistory-pg-index__pagination .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_pointhistory-pg-index__pagination .pagination span {
  display: block;
  font-size: 1.2rem;
  background-color: #E4E4E4;
  border: 1px #B9B9B9 solid;
  padding: 4px 6px;
  margin-right: 8px;
}

.fm_pointhistory-pg-index__pagination .pagination span:last-child {
  margin-right: 0;
}

.fm_pointhistory-pg-index__pagination .pagination span a, .fm_pointhistory-pg-index__pagination .pagination span a:hover {
  color: #318BAB;
}

.fm_pointhistory-pg-index__pagination .pagination .active {
  color: white !important;
  font-weight: bold;
  background-color: #61ACC7;
  border-color: #B9B9B9;
}

.fm_pointhistory-pg-index__pagination .pagination .active a {
  color: white !important;
}

.fm_pointhistory-pg-index__pagination .pagination .next,
.fm_pointhistory-pg-index__pagination .pagination .previous {
  background-color: transparent;
  border: none;
}

.fm_pointhistory-pg-index__pagination .pagination .next a,
.fm_pointhistory-pg-index__pagination .pagination .previous a {
  color: #61ACC7;
  font-size: 1.2rem;
}

.fm_pointhistory-pg-index__pagination .pagination .next-inactive,
.fm_pointhistory-pg-index__pagination .pagination .previous-inactive {
  background-color: transparent;
  border: none;
}

.fm_pointhistory-pg-index__pagination .pagination .next-inactive a,
.fm_pointhistory-pg-index__pagination .pagination .previous-inactive a {
  color: #CCC;
  font-size: 1.2rem;
  text-decoration: none;
}

.fm_pointhistory-pg-index__pagination .pagination .next-inactive a:hover,
.fm_pointhistory-pg-index__pagination .pagination .previous-inactive a:hover {
  color: #CCC;
}

.fm_pointhistory-pg-index__strong {
  display: block;
  color: crimson;
  font-size: 1.3rem;
  margin-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__strong {
    font-size: 1.1rem;
  }
}

.fm_pointhistory-pg-index__actionDateHelp {
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__actionDateHelp img {
    display: none;
  }
}

.fm_pointhistory-pg-index__actionDateHelpText {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.6;
  text-align: left;
  background-color: white;
  border: 3px #6ca2f3 solid;
  padding: 8px 12px;
  transform: translate(-32%, -100%);
  opacity: 0;
  visibility: hidden;
  transform: .2s;
}

.fm_pointhistory-pg-index__actionDateHelpText strong {
  display: inline-block;
  margin-bottom: 8px;
}

.fm_pointhistory-pg-index__actionDateHelp:hover .fm_pointhistory-pg-index__actionDateHelpText {
  opacity: 1;
  visibility: visible;
}

.fm_pointhistory-pg-index__pointRelatedLinks {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px auto;
}

.fm_pointhistory-pg-index__pointRelatedLink {
  display: block;
  position: relative;
  color: #333;
  font-size: 1.4rem;
  font-weight: bold;
  border: 1px #CCC solid;
  border-radius: 5px;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.3) inset;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  margin-right: 8px;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__pointRelatedLink {
    font-size: 1.2rem;
  }
}

.fm_pointhistory-pg-index__pointRelatedLink:hover {
  color: #333;
  text-decoration: none;
  opacity: .8;
}

.fm_pointhistory-pg-index__pointRelatedLink:last-child {
  margin-right: 0;
}

.fm_pointhistory-pg-index__pointRelatedLink--yellow {
  background-color: #FFE164;
  border-color: #FFE164;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__pointRelatedLink--yellow {
    font-size: 1.2rem;
    background-color: #fff;
    border: 1px #CCC solid;
  }
}

.fm_pointhistory-pg-index__pointRelatedLink span {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__pointRelatedLink span {
    display: none;
  }
}

.fm_pointhistory-pg-index__pointRelatedLink::before {
  content: '\f105';
  position: relative;
  color: #FF5000;
  font-size: 1.6rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__pointRelatedLink::before {
    color: #CCC;
  }
}

.fm_pointhistory-pg-index__historyTable {
  margin-bottom: 24px;
}

.fm_pointhistory-pg-index__item {
  position: relative;
  padding: 12px 8px;
  box-sizing: border-box;
  border-bottom: 1px #d1d1d1 solid;
  cursor: pointer;
}

.fm_pointhistory-pg-index__item h2 {
  position: relative;
  color: #525252;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0;
  padding-right: 50%;
  margin: 0;
}

.fm_pointhistory-pg-index__item h2 span {
  transform: rotateZ(0deg);
  transition: .2s;
  margin-right: 8px;
}

.fm_pointhistory-pg-index__item table {
  display: none !important;
}

.fm_pointhistory-pg-index__item--open h2 {
  margin-bottom: 16px;
}

.fm_pointhistory-pg-index__item--open h2 span {
  transform: rotateZ(90deg);
}

.fm_pointhistory-pg-index__item--open table {
  display: table !important;
}

.fm_pointhistory-pg-index__status {
  position: absolute;
  right: 0;
  color: white;
  font-size: 1.4rem;
  border-radius: 60px;
  padding: 4px 16px;
}

.fm_pointhistory-pg-index__status--action {
  background-color: #61add7;
}

.fm_pointhistory-pg-index__status--recognition {
  background-color: #e3cf57;
}

.fm_pointhistory-pg-index__status--ng {
  background-color: #8b8b8b;
}

.fm_pointhistory-pg-index__explain {
  margin-top: 16px;
}

.fm_pointhistory-pg-index__links {
  margin-top: 16px;
}

.fm_pointhistory-pg-index__ads {
  display: flex;
  justify-content: center;
}

.fm_pointhistory-pg-friend__information {
  background-color: #F5F5F5;
  padding: 4px;
  box-sizing: border-box;
  margin-bottom: 24px;
}

.fm_pointhistory-pg-friend__heading {
  color: white;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #6697B5;
  border-radius: 3px 3px 0 0;
  display: flex;
  align-items: center;
  padding: 6px;
  box-sizing: border-box;
}

.fm_pointhistory-pg-friend__heading img {
  margin-right: 4px;
}

.fm_pointhistory-pg-friend__main {
  background-color: white;
  border: 1px #dadada solid;
  border-top: none;
  padding: 8px 0 16px;
}

.fm_pointhistory-pg-friend__introducation {
  position: relative;
  width: 530px;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #E6F0F2;
  padding: 20px 0 10px;
  padding-left: 24px;
  margin: 0 auto;
}

.fm_pointhistory-pg-friend__introducation span {
  color: #e80000;
  margin-left: 8px;
}

.fm_pointhistory-pg-friend__number {
  font-size: 3.6rem;
}

.fm_pointhistory-pg-friend__introducationBanner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.fm_pointhistory-pg-friend__introducationBanner a:hover {
  opacity: .6;
}

.fm_pointhistory-pg-friend__explain {
  margin-bottom: 24px;
}

.fm_pointhistory-c-relatedLinks__title {
  color: #333;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #D0D0D0;
  padding: 6px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-relatedLinks__title {
    font-size: 1.3rem;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D0D0D0;
  }
}

.fm_pointhistory-c-relatedLinks__main {
  display: flex;
  flex-wrap: wrap;
  border: 1px #D0D0D0 solid;
  border-top: none;
  padding: 6px;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-relatedLinks__main {
    border: none;
  }
}

.fm_pointhistory-c-relatedLinks__link {
  position: relative;
  color: #006BB6;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  margin-right: 24px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-relatedLinks__link {
    color: #3AA59E;
    font-weight: bold;
  }
}

.fm_pointhistory-c-relatedLinks__link::before {
  content: '\f105';
  position: relative;
  width: 13px;
  height: 13px;
  color: #333;
  font-size: 1.2rem;
  background-color: #D2D2D2;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px;
  box-sizing: border-box;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
}

.fm_pointhistory-c-explain {
  font-size: 1.2rem;
  line-height: 1.8;
}

.fm_pointhistory-c-explain div, .fm_pointhistory-c-explain p, .fm_pointhistory-c-explain a {
  font-size: 1.2rem;
}

.fm_pointhistory-c-explain div {
  margin: 6px 0;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-explain div span {
    display: none;
  }
}

.fm_pointhistory-c-explain p {
  display: block;
  text-indent: -1em;
  padding: 6px 0;
  margin-left: 1rem;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-explain p {
    padding: 0;
    margin-left: 0;
    font-size: 1.1rem;
    text-indent: initial;
  }
  .fm_pointhistory-c-explain p:first-child {
    color: #333333;
    font-size: 1.3rem;
    margin-bottom: 10px;
    border-bottom: 2px solid #CCCCCC;
  }
}

.fm_pointhistory-c-explain .txtRed {
  color: #DF0000;
}

.fm_pointhistory-c-historyTable {
  width: 100% !important;
  margin-bottom: 0;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable tbody {
    display: flex;
    flex-direction: column;
    position: relative;
  }
}

.fm_pointhistory-c-historyTable th, .fm_pointhistory-c-historyTable td {
  font-size: 1.4rem;
  padding: 8px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #B5B5B5 solid;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable th, .fm_pointhistory-c-historyTable td {
    font-weight: normal;
    border: none !important;
    width: initial !important;
    background: #FFFFFF !important;
  }
}

.fm_pointhistory-c-historyTable .recognition {
  color: #965604;
  background-color: #F9F4D6;
}

.fm_pointhistory-c-historyTable .recognitionMultiple {
  color: #965604;
  background-color: #F9F4D6;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable .recognitionMultiple {
    display: none;
    width: 45% !important;
    white-space: nowrap;
    overflow: scroll;
  }
}

.fm_pointhistory-c-historyTable .action {
  color: #2477A8;
  background-color: #E0F4FF;
}

.fm_pointhistory-c-historyTable .actionMultiple {
  color: #2477A8 !important;
  background-color: #E0F4FF !important;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable .actionMultiple {
    display: none;
  }
}

.fm_pointhistory-c-historyTable .ng {
  background-color: #E7E7E7;
}

.fm_pointhistory-c-historyTable .ngMultiple {
  background-color: #E7E7E7 !important;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable .ngMultiple {
    display: none;
  }
}

.fm_pointhistory-c-historyTable__th {
  color: #666;
  background-color: #DDD;
  border-top: 2px #999 solid;
  border-bottom: 2px #999 solid;
}

.fm_pointhistory-c-historyTable__th div {
  display: inline-block;
  font-size: 1.4rem;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-historyTable__th div {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__th {
    padding: 0;
  }
  .fm_pointhistory-c-historyTable__th--point:nth-of-type(1) {
    padding: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    width: initial !important;
    background: #EAEAEA !important;
  }
  .fm_pointhistory-c-historyTable__th--point:nth-of-type(2) {
    padding: 3px;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--point:nth-of-type(3) {
    padding: 3px;
    color: #484848;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--point:nth-of-type(4) {
    padding: 3px;
    color: #484848;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--point:nth-of-type(5) {
    padding: 3px;
    font-size: 1.1rem;
    visibility: hidden;
  }
  .fm_pointhistory-c-historyTable__th--point:last-of-type {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--exchange:nth-of-type(1) {
    padding: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    width: initial !important;
    background: #EAEAEA !important;
  }
  .fm_pointhistory-c-historyTable__th--exchange:nth-of-type(2) {
    padding: 3px;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--exchange:nth-of-type(3) {
    padding: 3px;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--exchange:nth-of-type(4) {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--exchange:nth-of-type(5) {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--exchange:last-of-type {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:nth-of-type(1) {
    padding: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    width: initial !important;
    background: #EAEAEA !important;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:nth-of-type(2) {
    padding: 3px;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:nth-of-type(3) {
    padding: 3px;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:nth-of-type(4) {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:nth-of-type(5) {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:last-of-type {
    display: none;
  }
}

.fm_pointhistory-c-historyTable__th a {
  display: block;
}

.fm_pointhistory-c-historyTable__tr span {
  display: none;
}

.fm_pointhistory-c-historyTable__tr--sp {
  display: none;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr {
    display: none;
  }
  .fm_pointhistory-c-historyTable__tr span {
    display: inline-block;
    margin: 0 3px;
  }
  .fm_pointhistory-c-historyTable__tr img {
    display: none;
  }
  .fm_pointhistory-c-historyTable__tr--sp {
    display: block;
    padding-bottom: 5px;
    width: initial !important;
    text-align: left !important;
  }
  .fm_pointhistory-c-historyTable__tr--point {
    display: block;
    position: relative;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr--point td {
    padding: 0;
    border: none !important;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(1) {
    width: 50% !important;
    text-align: left !important;
    background: #EAEAEA !important;
    padding: 3px;
    font-size: 1.6rem;
    font-weight: bold;
    position: absolute;
    top: -122px;
    left: 50px;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(2) {
    width: 55% !important;
    padding: 3px;
    font-size: 1.1rem;
    text-align: left !important;
    position: absolute;
    top: -96px;
    left: 80px;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(3) {
    width: 55% !important;
    padding: 3px;
    color: #484848;
    font-size: 1.1rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: scroll;
    position: absolute;
    top: -73px;
    left: 55px;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(4) {
    width: 95% !important;
    text-align: left !important;
    padding: 3px;
    color: #484848;
    font-size: 1.1rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: scroll;
    position: absolute;
    top: -30px;
    left: 10px;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(5) {
    width: 25% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.8rem;
    font-weight: bold;
    position: absolute;
    top: -97px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(5) div {
    font-size: 1.8rem;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(6) {
    width: 25% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.1rem;
    font-weight: bold;
    position: absolute;
    top: -70px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--point td:last-of-type {
    text-align: right !important;
  }
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr--exchange {
    display: block;
    position: relative;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr--exchange td {
    padding: 0;
    border: none !important;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(1) {
    width: 50% !important;
    text-align: left !important;
    background: #EAEAEA !important;
    padding: 3px;
    font-size: 1.6rem;
    font-weight: bold;
    position: absolute;
    top: -76px;
    left: 50px;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(2) {
    width: 55% !important;
    padding: 3px;
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: scroll;
    position: absolute;
    top: -50px;
    left: 57px;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(3) {
    width: 55% !important;
    padding: 3px;
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: scroll;
    position: absolute;
    top: -27px;
    left: 57px;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(4) {
    width: 25% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.8rem;
    font-weight: bold;
    position: absolute;
    top: -50px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(4) div {
    font-size: 1.8rem;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(5) {
    width: 25% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.1rem;
    position: absolute;
    top: -25px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:last-of-type {
    text-align: right !important;
  }
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr--affiliate {
    display: block;
    position: relative;
  }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr--affiliate td {
    padding: 0;
    border: none !important;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:nth-of-type(1) {
    width: 50% !important;
    text-align: left !important;
    background: #EAEAEA !important;
    padding: 3px;
    font-size: 1.6rem;
    font-weight: bold;
    position: absolute;
    top: -76px;
    left: 50px;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:nth-of-type(2) {
    width: 40% !important;
    padding: 3px;
    font-size: 1.1rem;
    text-align: left !important;
    position: absolute;
    top: -50px;
    left: 80px;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:nth-of-type(3) {
    display: block !important;
    width: 65% !important;
    padding: 3px;
    font-size: 1.1rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: scroll;
    position: relative;
    top: -27px;
    left: 47px;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:nth-of-type(4) {
    width: 25% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.8rem;
    font-weight: bold;
    position: absolute;
    top: -50px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:nth-of-type(5) {
    width: 15% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.1rem;
    font-weight: bold;
    position: absolute;
    top: -25px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:last-of-type {
    text-align: left !important;
    position: absolute;
    top: 0;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:last-of-type a {
    font-size: 1.1rem;
    padding: 3px;
  }
}

.fm_pointhistory-c-historyTable__noneText {
  height: 200px;
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #C5C5C5 solid;
  border-top: none;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-historyTable__noneText {
    border-top: 1px #C5C5C5 solid;
  }
}

.fm_pointhistory-c-historyTable button {
  font-size: 1.2rem;
  background-color: #DEDEDE;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-historyTable button {
    background-color: #EFFAFA;
  }
  .fm_pointhistory-c-historyTable button:hover {
    background-color: #f4c0a9;
  }
}

.fm_pointhistory-c-pointInformation {
  position: relative;
  border: 5px #EFEFEF solid;
  padding: 4px;
  box-sizing: border-box;
  display: flex;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation {
    display: flex;
    flex-direction: column;
    border: none;
    padding: 0;
  }
}

.fm_pointhistory-c-pointInformation__main {
  position: relative;
  width: 600px;
  padding: 6px;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__main {
    width: 100%;
    padding: 5px;
  }
}

.fm_pointhistory-c-pointInformation__title {
  position: relative;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 36px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__title {
    font-size: 1.6rem;
    font-weight: bold;
  }
}

.fm_pointhistory-c-pointInformation__title img {
  width: 32px;
  margin-right: 6px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__title img {
    width: 20px;
  }
}

.fm_pointhistory-c-pointInformation__point {
  color: #E80000;
  font-size: 4.2rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  border-bottom: 1px #CCC solid;
  padding-bottom: 14px;
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__point {
    font-size: 3.2rem;
  }
}

.fm_pointhistory-c-pointInformation__pointSubText {
  font-size: 1.8rem;
}

.fm_pointhistory-c-pointInformation__expires {
  color: #666;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}

.fm_pointhistory-c-pointInformation__expires span {
  color: #E80000;
  margin-left: 8px;
}

.fm_pointhistory-c-pointInformation__news {
  position: relative;
  font-weight: bold;
  text-align: center;
  background-color: #FFF98C;
  padding: 6px;
  margin-bottom: 16px;
}

.fm_pointhistory-c-pointInformation__linkButtonSpace {
  display: flex;
  justify-content: space-around;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__linkButtonSpace {
    flex-direction: column;
  }
}

.fm_pointhistory-c-pointInformation__linkButton {
  width: 47%;
  color: white;
  background-color: gray;
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  box-sizing: border-box;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.3) inset;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__linkButton {
    margin: 5px 0;
    padding: 20px 10px;
    justify-content: flex-start;
  }
}

.fm_pointhistory-c-pointInformation__linkButton:hover {
  color: white;
  text-decoration: none;
  opacity: .8;
}

.fm_pointhistory-c-pointInformation__linkButton::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__linkButton::before {
    margin-right: 10px;
  }
}

.fm_pointhistory-c-pointInformation__linkButton--exchange {
  background-color: #2AA763;
  position: relative;
}

.fm_pointhistory-c-pointInformation__linkButton--exchange span {
  display: none;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__linkButton--exchange {
    width: 100%;
  }
  .fm_pointhistory-c-pointInformation__linkButton--exchange span {
    display: block;
    position: absolute;
    top: 23px;
    left: calc(100% - 30px);
    width: 5px;
    height: 5px;
    border: 3px solid;
    border-color: #FFFFFF #FFFFFF transparent transparent;
    transform: rotate(45deg);
  }
}

.fm_pointhistory-c-pointInformation__linkButton--exchange::before {
  content: '\f2f1';
}

.fm_pointhistory-c-pointInformation__linkButton--prize {
  background-color: #FDB20E;
  position: relative;
}

.fm_pointhistory-c-pointInformation__linkButton--prize span {
  display: none;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__linkButton--prize {
    width: 100%;
  }
  .fm_pointhistory-c-pointInformation__linkButton--prize span {
    display: block;
    position: absolute;
    top: 23px;
    left: calc(100% - 30px);
    width: 5px;
    height: 5px;
    border: 3px solid;
    border-color: #FFFFFF #FFFFFF transparent transparent;
    transform: rotate(45deg);
  }
}

.fm_pointhistory-c-pointInformation__linkButton--prize::before {
  content: '\f06b';
}

.fm_pointhistory-c-pointInformation__ads {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__ads {
    margin: auto;
    justify-content: initial;
  }
}

.fm_pointhistory-c-pointInformation__ads iframe {
  background-color: gray;
}

.fm_pointhistory-c-tab {
  color: #333;
  font-size: 1.6rem;
  background-color: white;
  border: 2px #333 solid;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  padding: 12px 24px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-tab {
    font-size: 1.2rem;
    padding: 10px 5px;
    border: 1px #333 solid;
  }
}

.fm_pointhistory-c-tab--red {
  color: white;
  background-color: #A72A2A;
  border-color: #A72A2A;
}

.fm_pointhistory-c-tab::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
}

.fm_pointhistory-c-tab--pointhistory::before {
  content: '\f51e';
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-tab--pointhistory::before {
    display: none;
  }
}

.fm_pointhistory-c-tab--exchange::before {
  content: '\f2f1';
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-tab--exchange::before {
    display: none;
  }
}

.fm_pointhistory-c-tab--friend::before {
  content: '\f234';
}

.fm_pointhistory-c-tab__text {
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-tab__text span {
    display: none;
  }
}

.fm_pointhistory-c-extraNews {
  overflow: hidden;
  margin-bottom: 15px;
  width: 100%;
  background: #80CEFF;
  border-radius: 5px 5px 0 0;
}

.fm_pointhistory-c-extraNews__title {
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
}

.fm_pointhistory-c-extraNews__icon {
  background: #d10000;
  color: #ffffff;
  margin-right: 10px;
  padding: 3px 5px;
  border-radius: 5px;
}

.fm_pointhistory-c-extraNews__inner {
  border: 4px #80CEFF solid;
  border-top: none;
  padding: 14px 10px;
  background: #ffffff;
}

.fm_pointhistory-c-extraNews__marTop13 {
  margin-top: 13px;
  line-height: 1.5;
}

.fm_pointhistory-c-extraNews__redBoldBig {
  color: #d10000;
  font-size: 14px;
  font-weight: bold;
}

/** パンくず **/
@media screen and (max-width: 800px) {
  .fm_breadcrumb {
    display: none;
  }
}

/*-- 開始時 --*/
.fm_research-layout__monitorTownBanner {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

.fm_research-layout__monitorTownBanner img {
  margin-bottom: 8px;
}

.fm_research-layout__monitorTownBanner a {
  color: #333;
  font-size: 1.4rem;
}

.fm_research-layout__monitorTownBanner a span {
  color: #f71a63;
}

.fm_research-layout__ads {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}

.fm_research-pg-index__news {
  color: #4a89c9;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  background-color: #FFEEEE;
  border-top: 2px dotted #FFB3B3;
  border-bottom: 2px dotted #FFB3B3;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}

.fm_research-pg-index__title {
  font-size: 2.2rem;
  text-align: center;
  border-bottom: 1px #D4D4D4 dashed;
  padding-bottom: 16px;
  margin: 16px 0;
}

.fm_research-pg-index__tabSpace {
  display: flex;
  margin-bottom: 32px;
}

.fm_research-pg-index__tab {
  position: relative;
  width: 100%;
  height: 100px;
  font-size: 1.8rem;
  background-color: #EEE;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.fm_research-pg-index__tab div {
  font-size: 1.6rem;
}

.fm_research-pg-index__tab--minimum {
  height: 70px;
}

.fm_research-pg-index__tab--research:hover {
  background-color: #2A7FB8;
  cursor: pointer;
}

.fm_research-pg-index__tab--research:hover div {
  color: white;
}

.fm_research-pg-index__tab--research:hover div span {
  color: #2A7FB8;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--promotion:hover {
  background-color: #DD4646;
  cursor: pointer;
}

.fm_research-pg-index__tab--promotion:hover div {
  color: white;
}

.fm_research-pg-index__tab--promotion:hover div span {
  color: #DD4646;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--bonus:hover {
  background-color: #24A55A;
  cursor: pointer;
}

.fm_research-pg-index__tab--bonus:hover div {
  color: white;
}

.fm_research-pg-index__tab--bonus:hover div span {
  color: #24A55A;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--tyousatai:hover {
  background-color: #E8A61D;
  cursor: pointer;
}

.fm_research-pg-index__tab--tyousatai:hover div {
  color: white;
}

.fm_research-pg-index__tab--tyousatai:hover div span {
  color: #E8A61D;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--activeresearch {
  background-color: #2A7FB8;
}

.fm_research-pg-index__tab--activeresearch div {
  color: white;
}

.fm_research-pg-index__tab--activeresearch div span {
  color: #2A7FB8;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--activeresearch::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px transparent solid;
  border-top: 10px #2A7FB8 solid;
  transform: translateY(100%);
}

.fm_research-pg-index__tab--activepromotion {
  background-color: #DD4646;
}

.fm_research-pg-index__tab--activepromotion div {
  color: white;
}

.fm_research-pg-index__tab--activepromotion div span {
  color: #DD4646;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--activepromotion::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px transparent solid;
  border-top: 10px #DD4646 solid;
  transform: translateY(100%);
}

.fm_research-pg-index__tab--activebonus {
  background-color: #24A55A;
}

.fm_research-pg-index__tab--activebonus div {
  color: white;
}

.fm_research-pg-index__tab--activebonus div span {
  color: #24A55A;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--activebonus::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px transparent solid;
  border-top: 10px #24A55A solid;
  transform: translateY(100%);
}

.fm_research-pg-index__tab--activetyousatai {
  background-color: #E8A61D;
}

.fm_research-pg-index__tab--activetyousatai div {
  color: white;
}

.fm_research-pg-index__tab--activetyousatai div span {
  color: #E8A61D;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--activetyousatai::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px transparent solid;
  border-top: 10px #E8A61D solid;
  transform: translateY(100%);
}

.fm_research-pg-index__tabText {
  color: #333;
  font-size: 1.5rem;
  text-align: center;
}

.fm_research-pg-index__tabText--mobile {
  display: none;
}

.fm_research-pg-index__tabText span {
  display: inline-block;
  font-size: 1.6rem;
  background-color: #DDD;
  border-radius: 20px;
  padding: 4px 10px;
  margin-top: 16px;
}

.fm_research-pg-index__tabContent {
  display: none;
}

.fm_research-pg-index__tabContent--active {
  display: block;
}

.fm_research-pg-index__enqueteTable {
  margin-bottom: 40px;
}

.fm_research-pg-index__tyousataiHeaderImage {
  display: block;
  width: 100%;
  margin: 20px 0 16px;
}

.fm_research-pg-index__tyousataiNav ul {
  height: 64px;
  display: flex;
  overflow-x: auto;
  overflow-y: visible;
}

.fm_research-pg-index__tyousataiNav ul li {
  position: relative;
  height: 32px;
  color: #A2A2A2;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  background-color: #EEE;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  margin: 4px 4px;
  cursor: pointer;
}

.fm_research-pg-index__tyousataiNav--selected {
  color: white !important;
  background-color: #E8A61D !important;
  border-radius: 3px;
}

.fm_research-pg-index__tyousataiNav--selected:before {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px transparent solid;
  border-top: 10px #E8A61D solid;
  transform: translateY(100%);
}

.fm_research-pg-index__tyousataiIframe {
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}

.fm_research-pg-index__tyousataiIframe--selected {
  display: block !important;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.fm_research-pg-index__tyousataiIframe iframe {
  width: 100%;
  border: none;
}

.fm_research-pg-index__tab--tyousatai iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.fm_research-pg-index__heading {
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #EEE;
  border-bottom: 1px #DDD solid;
  padding: 10px;
  margin-bottom: 10px;
}

.fm_research-pg-index__description {
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 32px;
}

.fm_research-pg-index__description p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 10px;
}

.fm_research-pg-index__description p a {
  font-size: 1.2rem;
}

.fm_research-pg-index__description p:last-child {
  padding-bottom: 0;
}

.fm_research-pg-index__description--alignCenter p {
  display: flex;
  align-items: center;
}

@media (max-width: 800px) {
  .fm_research-pg-index {
    padding: 0 8px;
    box-sizing: border-box;
  }
  .fm_research-pg-index__title {
    font-size: 1.8rem;
  }
  .fm_research-pg-index__tabText {
    font-size: 1.3rem;
  }
  .fm_research-pg-index__tabText--pc {
    display: none;
  }
  .fm_research-pg-index__tabText--mobile {
    display: block;
  }
  .fm_research-pg-index__tabText--mobile span {
    font-size: 1.3rem;
    padding: 2px 12px;
    margin-top: 8px;
  }
}

.fm_research-c-enqueteTable__heading {
  display: block;
  position: relative;
  font-size: 2.2rem;
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}

.fm_research-c-enqueteTable__heading::before, .fm_research-c-enqueteTable__heading::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #DDD;
}

.fm_research-c-enqueteTable__heading::after {
  width: 30%;
}

.fm_research-c-enqueteTable__heading a {
  position: absolute;
  right: 0;
  font-size: 1.2rem;
  font-weight: normal;
  display: flex;
  align-items: center;
}

.fm_research-c-enqueteTable__heading--research {
  color: #2A7FB8;
}

.fm_research-c-enqueteTable__heading--research::after {
  background-color: #2A7FB8;
}

.fm_research-c-enqueteTable__heading--promotion {
  color: #DD4646;
}

.fm_research-c-enqueteTable__heading--promotion::after {
  background-color: #DD4646;
}

.fm_research-c-enqueteTable__heading--bonus {
  color: #24A55A;
}

.fm_research-c-enqueteTable__heading--bonus::after {
  background-color: #24A55A;
}

.fm_research-c-enqueteTable__heading--tyousatai {
  color: #E8A61D;
}

.fm_research-c-enqueteTable__heading--tyousatai::after {
  background-color: #E8A61D;
}

.fm_research-c-enqueteTable__subHeading {
  font-size: 1.4rem;
  border-bottom: 1px #BBB dotted;
  padding: 16px 0;
}

.fm_research-c-enqueteTable__sortButtonSpace {
  position: relative;
  display: flex;
  margin: 16px 0;
}

.fm_research-c-enqueteTable__sortButton {
  color: #0066CB;
  font-size: 1.4rem;
  border: 2px #DDD solid;
  border-radius: 6px;
  padding: 6px;
  margin-right: 8px;
}

.fm_research-c-enqueteTable__sortButton:hover {
  color: white;
  background-color: #2A7FB8;
  text-decoration: none;
}

.fm_research-c-enqueteTable__sortButton--active {
  color: #333 !important;
  font-weight: bold !important;
  background-color: transparent !important;
  cursor: default !important;
}

@media (max-width: 800px) {
  .fm_research-c-enqueteTable__heading {
    font-size: 1.8rem;
  }
  .fm_research-c-enqueteTable__subHeading {
    font-size: 1.2rem;
  }
  .fm_research-c-enqueteTable__sortButton {
    font-size: 1.2rem;
  }
}

.fm_research-c-button {
  position: relative;
  width: 72px;
  height: 27px;
  color: white;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.fm_research-c-button:hover {
  color: white;
  text-decoration: none;
}

.fm_research-c-button--blue {
  background-color: #2A7FB8;
}

.fm_research-c-button--green {
  background-color: #24A55A;
}

.fm_research-c-button--gray {
  background-color: #999;
}

@media (max-width: 800px) {
  .fm_research-c-button {
    width: 100%;
    margin: 6px 0 8px;
  }
}

.fm_research-c-historyTable {
  width: 100% !important;
  margin-bottom: 0;
}

.fm_research-c-historyTable th, .fm_research-c-historyTable td {
  font-size: 1.3rem;
  line-height: 1.4;
  padding: 8px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #DDD solid;
}

.fm_research-c-historyTable th {
  color: #666;
  background-color: #EEE;
}

.fm_research-c-historyTable th a {
  display: block;
}

.fm_research-c-historyTable td span {
  display: block;
  color: #D10000;
  font-size: 1.2rem;
  font-weight: bold;
  transform: translateY(-16%);
  animation: 1s new_text_animation linear infinite alternate;
}

.fm_research-c-historyTable td b {
  color: #D10000;
  margin: 0 2px;
}

.fm_research-c-historyTable tr:hover td {
  background: #FFFFCC !important;
}

.fm_research-c-historyTable__bonusPointText {
  font-size: 1.2rem;
}

.fm_research-c-historyTable__mobilePointText {
  display: none !important;
}

.fm_research-c-historyTable__noneText {
  height: 50px;
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #C5C5C5 solid;
  border-top: none;
}

.fm_research-c-historyTable button {
  font-size: 1.2rem;
  background-color: #DEDEDE;
}

@media (max-width: 800px) {
  .fm_research-c-historyTable tr {
    border: none;
    border-bottom: 1px #CECECE solid;
  }
  .fm_research-c-historyTable tr:first-child {
    display: none;
  }
  .fm_research-c-historyTable td {
    text-align: left !important;
    border: none;
    padding: 2px 0;
  }
  .fm_research-c-historyTable td:first-child {
    margin-top: 8px;
  }
  .fm_research-c-historyTable td span {
    display: inline-block;
    margin-right: 5px;
    transform: none;
  }
  .fm_research-c-historyTable__mobilePointText {
    display: inline-block !important;
    color: #333 !important;
    font-weight: normal !important;
    animation: none !important;
  }
}

@keyframes new_text_animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fm_mailstatus-pg-index__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: normal;
  background: linear-gradient(white, #E8E8E8);
  border-radius: 5px;
  border: 1px #CCC solid;
  padding: 12px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.fm_mailstatus-pg-index__heading::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 5px;
  height: 75%;
  background-color: #F4A838;
}

.fm_mailstatus-pg-index__description {
  font-size: 1.4rem;
  line-height: 1.6;
}

.fm_mailstatus-pg-index__information {
  padding: 16px;
  box-sizing: border-box;
  border-top: 1px #CCC dashed;
  border-bottom: 1px #CCC dashed;
  margin-top: 16px;
}

.fm_mailstatus-pg-index__informationHeader {
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin-bottom: 8px;
}

.fm_mailstatus-pg-index__checkbox {
  margin-bottom: 8px;
}

.fm_mailstatus-pg-index__checkbox label {
  position: relative;
  height: 25px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  padding-left: 34px;
  box-sizing: border-box;
}

.fm_mailstatus-pg-index__checkbox label::before {
  content: '';
  position: absolute;
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px #D2D2D2 solid;
  border-radius: 5px;
}

.fm_mailstatus-pg-index__checkbox label::after {
  content: '';
  position: absolute;
  left: 5px;
  width: 8px;
  height: 8px;
  border-right: 6px #EB841E solid;
  border-bottom: 6px #EB841E solid;
  transform: rotateZ(45deg) translate(-5%, -27%);
  opacity: 0;
  transition: .2s;
}

.fm_mailstatus-pg-index__checkbox input[type="checkbox"] {
  display: none;
}

.fm_mailstatus-pg-index__checkbox input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.fm_mailstatus-pg-index__submit {
  display: block !important;
  width: 240px !important;
  color: white !important;
  font-size: 1.6rem !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  background-color: gray;
  border-radius: 24px !important;
  border: none !important;
  outline: none !important;
  padding: 16px 0 !important;
  box-sizing: border-box !important;
  margin: 24px auto !important;
  cursor: pointer !important;
}

.fm_mailstatus-pg-index__submit:hover {
  color: white !important;
  text-decoration: none !important;
  opacity: .8 !important;
}

.fm_mailstatus-pg-index__submit--blue {
  background-color: #1E4294;
}

.fm_mailstatus-pg-index__submit--orange {
  background-color: #EB841E !important;
  padding: 13px 0 !important;
}

.fm_mailstatus-pg-index__rule {
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #F5F5F5;
  padding: 20px;
}

.fm_mailstatus-pg-index__rule li {
  list-style: inside;
}

.fm_memberchange-l-register {
  padding-top: 32px;
}

@media screen and (max-width: 639px) {
  .fm_memberchange-l-register__title {
    font-size: 1.6em !important;
  }
}

.fm_memberchange-l-register__title {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 32px;
}

.fm_memberchange-l-register__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px #999 dotted;
  padding: 8px 16px;
  margin-bottom: 24px;
}

.fm_memberchange-l-register__heading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 80%;
  background-color: orange;
}

.fm_memberchange-l-register__footer {
  margin-top: 40px;
}

.fm_memberchange-l-register__policy {
  display: flex;
  margin-bottom: 24px;
}

.fm_memberchange-l-register__policyExplain {
  width: calc(100% - 60px - 20px);
  font-size: 1.4rem;
  line-height: 1.6;
  margin-right: 20px;
}

.fm_memberchange-l-register__policyLogo {
  width: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.fm_memberchange-l-register__policyLogo img {
  width: 60px;
}

@media screen and (max-width: 639px) {
  .fm_memberchange-pg-mailform .error_message {
    width: 94%;
    padding: 3%;
  }
  .fm_memberchange-pg-mailform__flow img {
    width: 100%;
  }
  .fm_memberchange-pg-mailform table th {
    text-align: left !important;
    width: auto !important;
  }
  .fm_memberchange-pg-mailform table td {
    padding: 0 !important;
  }
  .fm_memberchange-pg-mailform table td > div {
    margin: 8px;
  }
  .fm_memberchange-pg-mailform table td > div > div:nth-child(1) {
    width: 50%;
  }
  .fm_memberchange-pg-mailform table td > div > div:nth-child(1) input#mail_address1 {
    padding: 4px !important;
    width: 80%;
  }
  .fm_memberchange-pg-mailform table td > div > div:nth-child(2) {
    width: 50%;
  }
  .fm_memberchange-pg-mailform table td > div > div:nth-child(2) input#mail_address2 {
    padding: 4px !important;
    width: 100%;
  }
}

.fm_memberchange-pg-mailform__text {
  height: 100px;
  overflow: scroll;
  border: 1px solid;
  padding: 8px;
  border-color: lightgrey;
  white-space: pre-wrap;
  font-kerning: none;
  line-height: 1.5;
  font-size: 1.4rem;
}

.fm_memberchange-pg-mailform__step_navigation {
  /**
  かなりややこしいが、ここでは初期値が設定されていて、
  @includeする際に変数名と値をセットで渡さないと初期値の設定で全て上書きされてしまう、、
  なので、下記のような形で「変数名＋値」で指定してあげないとスタイルが正しく適用されない仕様になってます。
  
  // How to use: 詳しくは橋本さんに直接聞いてみてください
  // TODO: 三角関数が使えないので微妙な角度調整は一旦スルー
  &__fooBar {
    @import "./../component/_step_navigation.scss";
    @include step_navigation(
      $width: 180px,
      $height: 60px,
      $wrapper-width: 130px,
    );
 */
}

.fm_memberchange-pg-mailform__step_navigation__item {
  position: relative;
  color: #777;
  width: 200px;
  filter: grayscale(0.7);
}

.fm_memberchange-pg-mailform__step_navigation__item.isActive {
  color: #444;
  filter: grayscale(0);
}

.fm_memberchange-pg-mailform__step_navigation__wrapper {
  display: flex;
  align-items: center;
  width: 200px;
  height: 60px;
  background-color: #EEB158;
  clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}

.fm_memberchange-pg-mailform__step_navigation__wrapper:nth-child(n+2) {
  margin-right: 0px;
}

.fm_memberchange-pg-mailform__step_navigation__wrapper.lastChild {
  clip-path: polygon(0 0, 100% 0%, 100% 50%, 100% 100%, 0% 100%);
}

.fm_memberchange-pg-mailform__step_navigation__hiLight {
  clip-path: polygon(1% 3.33333%, 89% 3.33333%, calc(100% - 1% - 1px) 50%, 89% 96.66667%, 1% 96.66667%);
}

.fm_memberchange-pg-mailform__step_navigation__hiLight.lastChild {
  clip-path: polygon(1% 3.33333%, 99% 3.33333%, 99% 50%, 99% 96.66667%, 1% 96.66667%);
}

.fm_memberchange-pg-mailform__step_navigation__draw {
  width: 200px;
  height: 60px;
  background-color: #FEEBB9;
  clip-path: polygon(0% 0%, calc(89% - 2px) 0%, calc(100% - 0% - 1px) 50%, calc(89% - 2px) 100%, 0% 100%);
}

.fm_memberchange-pg-mailform__step_navigation__draw.lastChild {
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 0% 100%);
}

.fm_memberchange-pg-mailform__step_navigation__contents {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 1%;
  position: absolute;
}

.fm_memberchange-pg-mailform__step_navigation__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  width: 24px;
  height: 24px;
  padding: 1%;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #EEB158;
}

.fm_memberchange-pg-mailform__step_navigation__reverseMargin {
  width: 10px;
}

.fm_memberchange-pg-mailform__step_navigation__text {
  font-size: 1.6rem;
  font-weight: 600;
}

.fm_memberchange-pg-mailform__step_navigation__text {
  font-size: 13px;
}

.fm_memberchange-pg-mailform__flow {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

.fm_memberchange-pg-mailform__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px #999 dotted;
  padding: 8px 16px;
  margin-bottom: 24px;
}

.fm_memberchange-pg-mailform__heading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 80%;
  background-color: orange;
}

.fm_memberchange-pg-mailform__form input[type="text"] {
  width: 200px;
  height: 40px;
}

.fm_memberchange-pg-mailform__atSymbol {
  font-size: 2rem;
  margin: 0 4px;
}

.fm_memberchange-pg-mailform__explain {
  font-size: 1.4rem;
  font-weight: normal;
  margin-top: 10px;
}

.fm_memberchange-pg-mailform__errorSpace {
  display: flex;
}

.fm_memberchange-pg-mailform__error {
  width: 38%;
  color: crimson;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 8px;
}

.fm_memberchange-pg-mailform__error:nth-of-type(1) {
  margin-right: 2.4rem;
}

.fm_memberchange-pg-mailform__terms, .fm_memberchange-pg-mailform__policy {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 16px;
}

.fm_memberchange-pg-mailform__terms h2, .fm_memberchange-pg-mailform__policy h2 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}

.fm_memberchange-pg-mailform__terms textarea, .fm_memberchange-pg-mailform__policy textarea {
  height: 80px;
  font-size: 1.4rem;
  padding: 6px;
  box-sizing: border-box;
}

.fm_memberchange-pg-mailform__domainExplain {
  width: 100%;
  max-width: 870px;
  margin: 0 auto 10px auto;
  background: #ffeeee;
  border-top: 2px dotted #ffb3b3;
  border-bottom: 2px dotted #ffb3b3;
  padding: 8px;
  font-size: 1.3rem;
  box-sizing: border-box;
}

.fm_memberchange-pg-mailform__submit {
  width: 100% !important;
  color: #fff !important;
  background: #eb841e !important;
  border: 0 !important;
  border-bottom: 8px solid #be5703 !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  font-size: 2.6rem !important;
  max-width: 430px !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  display: block !important;
  margin: 0 auto !important;
  margin-top: 32px !important;
  cursor: pointer !important;
}

.fm_memberchange-pg-mailform__submit:hover {
  opacity: 0.8;
  text-decoration: none;
}

.fm_memberchange-pg-mailform table {
  width: 100%;
  max-width: 866px;
  border: 3px solid #c5c5c5;
  border-spacing: 0;
  margin: 0 auto 30px auto;
}

.fm_memberchange-pg-mailform table th,
.fm_memberchange-pg-mailform table td {
  font-weight: bold;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 8px 15px;
}

.fm_memberchange-pg-mailform table th {
  color: #333;
  width: 280px;
  text-align: right;
  background: #eaeaea;
}

.fm_memberchange-pg-mailform__require {
  position: relative;
  top: -1px;
  color: #fff;
  font-size: 1.1rem;
  background: #ee3030;
  border-radius: 10px;
  padding: 1px 4px;
  margin-left: 5px;
}

@media screen and (max-width: 639px) {
  .fm_memberchange-pg-provision__message {
    width: 94% !important;
    border: none !important;
    padding: 3% !important;
  }
}

.fm_memberchange-pg-provision__flow {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

.fm_memberchange-pg-provision__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px #999 dotted;
  padding: 8px 16px;
  margin-bottom: 24px;
}

.fm_memberchange-pg-provision__heading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 80%;
  background-color: orange;
}

.fm_memberchange-pg-provision__message {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.6;
  border: 4px solid #c5c5c5;
  padding: 16px;
}

.fm_memberchange-pg-provision__message ul {
  border-top: 1px gray dotted;
  margin-top: 8px;
  padding-top: 8px;
  padding-left: 24px;
}

.fm_memberchange-pg-provision__message ul li {
  list-style-type: disc;
  font-size: 1.4rem;
}

.fm_memberchange-pg-provision__message ul li ul {
  border-top: none;
  margin-top: 0;
  padding-top: 4px;
}

.fm_memberchange-pg-provision__message ul li ul li {
  font-size: 1.2rem;
}

.fm_memberchange-pg-confirm {
  background: #00AE00;
}

@media screen and (max-width: 639px) {
  .fm_memberchange-pg-confirm table td {
    width: 94% !important;
    padding: 3% !important;
  }
  .fm_memberchange-pg-confirm table th {
    text-align: left !important;
    width: 94% !important;
    padding: 3% !important;
  }
  .fm_memberchange-pg-confirm__shortInput input[type="text"] {
    width: 100% !important;
  }
}

.fm_memberchange-pg-confirm__errorSpace {
  display: flex;
}

.fm_memberchange-pg-confirm__error {
  width: 100%;
  color: crimson;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 8px;
}

.fm_memberchange-pg-confirm__error:nth-of-type(1) {
  margin-right: 2.4rem;
}

.fm_memberchange-pg-confirm__submit {
  width: 100% !important;
  color: #fff !important;
  background: #eb841e !important;
  border: 0 !important;
  border-bottom: 8px solid #be5703 !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  font-size: 2.6rem !important;
  max-width: 430px !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  display: block !important;
  margin: 0 auto !important;
  margin-top: 32px !important;
  cursor: pointer !important;
}

.fm_memberchange-pg-confirm__submit--gray {
  color: #333 !important;
  background: #e5e5df !important;
  border-bottom: 8px solid #bbb !important;
}

.fm_memberchange-pg-confirm__submit:hover {
  opacity: 0.8;
  text-decoration: none;
}

.fm_memberchange-pg-confirm__form input[type="text"] {
  width: 200px;
  height: 40px;
}

.fm_memberchange-pg-confirm__explain {
  font-size: 1.4rem;
  font-weight: normal;
  margin-top: 10px;
}

.fm_memberchange-pg-confirm table {
  width: 100%;
  max-width: 866px;
  border: 3px solid #c5c5c5;
  border-spacing: 0;
  margin: 0 auto 30px auto;
}

.fm_memberchange-pg-confirm table th,
.fm_memberchange-pg-confirm table td {
  font-weight: bold;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 8px 15px;
}

.fm_memberchange-pg-confirm table th {
  color: #333;
  width: 280px;
  text-align: right;
  background: #eaeaea;
}

.fm_memberchange-pg-confirm table td {
  width: 100%;
}

.fm_memberchange-pg-confirm select {
  font-size: 1.6rem;
  padding-left: 5px;
  height: 35px;
  border: 1px solid #ccc;
  background: #faf8f7;
  border-radius: 3px;
  margin: 0 4px;
}

.fm_memberchange-pg-confirm select:first-child {
  margin-left: 0;
}

.fm_memberchange-pg-confirm__radio {
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-right: 5px;
  padding: 5px;
  cursor: pointer;
}

.fm_memberchange-pg-confirm__require {
  position: relative;
  top: -1px;
  color: #fff;
  font-size: 1.1rem;
  background: #ee3030;
  border-radius: 10px;
  padding: 1px 4px;
  margin-left: 5px;
}

.fm_memberchange-pg-confirm__shortInput input[type="text"] {
  width: 180px;
}

.fm_memberchange-pg-confirm__shortInput input[type="text"]:first-child {
  margin-right: 16px;
}

.fm_memberchange-pg-confirm__mailaddress {
  font-size: 1.5rem;
  font-weight: bold;
}

.fm_memberchange-pg-confirm__handleName .fm_memberchange-pg-confirm__error {
  width: 31%;
  margin-left: 4%;
}

.fm_memberchange-pg-confirm__handleNameKana .fm_memberchange-pg-confirm__error {
  width: 31%;
  margin-left: 7%;
}

.fm_memberchange-pg-confirm__postalCode .fm_memberchange-pg-confirm__error {
  width: 20%;
  font-size: 1.2rem;
  margin-right: 0;
}

.fm_memberchange-pg-confirm__postalCode input[type="text"] {
  width: 100px;
}

.fm_memberchange-pg-confirm__postalCode input[type="text"]:first-child {
  margin-right: 4px;
}

.fm_memberchange-pg-confirm__postalCode input[type="text"]:nth-of-type(2) {
  margin-left: 4px;
}

.fm_memberchange-pg-confirm__postalCode a {
  font-weight: normal;
  margin-left: 8px;
}

@media screen and (max-width: 639px) {
  .fm_memberchange-pg-registerCompleted__completedTitle {
    text-align: center !important;
    width: 80%  !important;
    line-height: 100%  !important;
    display: flex  !important;
    align-items: center  !important;
    border: none !important;
  }
  .fm_memberchange-pg-registerCompleted__completedTitle img {
    bottom: 0;
  }
  .fm_memberchange-pg-registerCompleted table td {
    width: 94% !important;
    padding: 3% !important;
  }
  .fm_memberchange-pg-registerCompleted table th {
    text-align: left !important;
    width: 94% !important;
    padding: 3% !important;
  }
}

.fm_memberchange-pg-registerCompleted__completedTitle {
  position: relative;
  width: 90%;
  height: 60px;
  display: flex;
  align-items: center;
  border-bottom: 3px double #ed5900;
  font-size: 2.5rem;
  font-weight: bold;
  color: #ed5900;
  margin-bottom: 32px;
}

.fm_memberchange-pg-registerCompleted__completedTitle img {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}

.fm_memberchange-pg-registerCompleted__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px #999 dotted;
  padding: 8px 16px;
  margin-bottom: 24px;
}

.fm_memberchange-pg-registerCompleted__heading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 80%;
  background-color: orange;
}

.fm_memberchange-pg-registerCompleted__fruitIdOnMessage {
  font-size: 1.8rem;
  font-weight: bold;
  color: #079f00;
  background: #cfffaf;
  border-radius: 5px;
  padding: 5px 10px;
  word-break: break-all;
  margin-bottom: 5px;
}

.fm_memberchange-pg-registerCompleted__message {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.6;
  border: 4px solid #c5c5c5;
  padding: 8px;
  box-sizing: border-box;
  margin-bottom: 32px;
}

.fm_memberchange-pg-registerCompleted table {
  width: 100%;
  max-width: 866px;
  border: 3px solid #c5c5c5;
  border-spacing: 0;
  margin: 0 auto 30px auto;
}

.fm_memberchange-pg-registerCompleted table th,
.fm_memberchange-pg-registerCompleted table td {
  font-weight: bold;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 8px 15px;
}

.fm_memberchange-pg-registerCompleted table th {
  color: #333;
  width: 280px;
  text-align: right;
  background: #eaeaea;
}

.fm_memberchange-pg-registerCompleted table td {
  width: 100%;
}

.fm_memberchange-pg-registerCompleted table td input {
  font-size: 1.6rem;
}

.fm_memberchange-pg-registerCompleted__saveCheckBox, .fm_memberchange-pg-registerCompleted__forgotLink {
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0;
}

.fm_memberchange-pg-registerCompleted__saveCheckBox a, .fm_memberchange-pg-registerCompleted__forgotLink a {
  font-size: 1.5rem;
}

.fm_memberchange-pg-registerCompleted__submit {
  width: 100% !important;
  color: #fff !important;
  background: #eb841e !important;
  border: 0 !important;
  border-bottom: 8px solid #be5703 !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  font-size: 2.6rem !important;
  max-width: 430px !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  display: block !important;
  margin: 0 auto !important;
  margin-top: 32px !important;
  cursor: pointer !important;
}

.fm_memberchange-pg-registerCompleted__submit:hover {
  opacity: 0.8;
  text-decoration: none;
}

.fm_memberchange-pg-completed {
  font-size: 1.3rem;
}

.fm_memberchange-pg-completed__title {
  color: #009900;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 40px;
}

.fm_memberchange-pg-completed__buttonSpace {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}

.fm_memberchange-pg-completed__button {
  display: block;
  position: relative;
  color: #312E2E;
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  background-color: #F7F7F7;
  display: inline-block;
  border-radius: 4px;
  border: 1px #cbcbcb solid;
  padding: 8px 16px;
  margin: 0 auto;
  margin-top: 32px;
}

.fm_memberchange-pg-completed__button:hover {
  color: #312E2E;
  text-decoration: none;
}

.fm_memberchange-pg-completed__prizeUserMessage {
  font-size: 1.4rem;
  background: #d3f8d3;
  text-align: center;
  padding: 20px;
  margin-top: 16px;
}

.fm_memberchange-l-default {
  position: relative;
  width: 680px;
  margin: 32px auto;
}

.fm_memberchange-l-default__title {
  width: 100%;
  margin-bottom: 24px;
}

.fm_memberchange-l-default__heading {
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #DEDEDE;
  padding: 8px;
  box-sizing: border-box;
  margin-top: 48px;
  margin-bottom: 8px;
}

.fm_memberchange-l-default__policy {
  display: flex;
  margin-bottom: 24px;
}

.fm_memberchange-l-default__policyExplain {
  width: calc(100% - 60px - 20px);
  font-size: 1.4rem;
  line-height: 1.6;
  margin-right: 20px;
}

.fm_memberchange-l-default__policyLogo {
  width: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.fm_memberchange-l-default__policyLogo img {
  width: 60px;
}

@media (max-width: 800px) {
  .fm_memberchange-l-default {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    margin-top: 24px;
  }
  .fm_memberchange-l-default__title {
    display: none;
  }
}

.fm_memberchange-pg-authorize__onetimePasswordGenerateButton {
  display: block;
  position: relative;
  width: 210px;
  color: white;
  font-size: 1.6rem !important;
  text-align: center;
  background-color: #E69533 !important;
  border: none !important;
  outline: none !important;
  padding: 16px !important;
  display: flex;
  align-items: center;
  margin: 0 auto;
  cursor: pointer !important;
}

.fm_memberchange-pg-authorize__onetimePasswordGenerateButton--gray {
  background-color: gray !important;
}

.fm_memberchange-pg-authorize__onetimePasswordGenerateButton span {
  margin-right: 4px;
}

.fm_memberchange-pg-authorize__onetimePasswordMailSendMessage {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  margin-top: 16px;
}

.fm_memberchange-pg-authorize__main {
  display: flex;
  margin-top: 48px;
}

.fm_memberchange-pg-authorize__explain {
  width: 60%;
  font-size: 1.5rem;
  line-height: 1.5;
  padding-right: 16px;
}

.fm_memberchange-pg-authorize__explainImportant {
  color: crimson;
  font-weight: bold;
  line-height: 1.6;
}

.fm_memberchange-pg-authorize__authForm {
  width: 40%;
  background-color: #85BA5A;
  padding: 8px;
  box-sizing: border-box;
}

.fm_memberchange-pg-authorize__authForm h5 {
  color: white;
  text-align: center;
}

.fm_memberchange-pg-authorize__authFormInline {
  position: relative;
  width: 100%;
  height: 240px;
  background-color: #FFFFCC;
  padding: 8px;
  box-sizing: border-box;
  margin-top: 4px;
}

.fm_memberchange-pg-authorize__row {
  height: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.fm_memberchange-pg-authorize__name {
  width: 48%;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}

.fm_memberchange-pg-authorize__value {
  width: 52%;
  font-size: 1.6rem;
}

.fm_memberchange-pg-authorize__value input {
  height: 24px;
  font-size: 1.6rem;
  border: 1px #3E3E3E solid;
  padding: 4px !important;
  box-sizing: border-box;
}

.fm_memberchange-pg-authorize__submit input {
  display: block;
  position: relative;
  color: #312E2E;
  font-size: 1.4rem;
  letter-spacing: 1px;
  background-color: #D0D0D0;
  margin: 0 auto;
  margin-top: 32px;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-authorize__main {
    display: block;
  }
  .fm_memberchange-pg-authorize__explain {
    width: 100%;
    margin-bottom: 24px;
  }
  .fm_memberchange-pg-authorize__authForm {
    width: 100%;
  }
}

.fm_memberchange-pg-password__title {
  color: #009900;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.fm_memberchange-pg-password__explain {
  margin-bottom: 24px;
}

.fm_memberchange-pg-password table {
  border-collapse: collapse;
}

.fm_memberchange-pg-password table th, .fm_memberchange-pg-password table td {
  background-color: #FFFFC1;
  border: 2px #D0D0D0 solid;
  padding: 8px;
  box-sizing: border-box;
}

.fm_memberchange-pg-password table th {
  width: 30%;
}

.fm_memberchange-pg-password table td input {
  width: 70%;
  height: 24px;
  border: 1px #505050 solid;
  outline: none;
  padding: 0 4px;
  box-sizing: border-box;
}

.fm_memberchange-pg-password table td span {
  font-size: 1rem;
  font-weight: bold;
}

.fm_memberchange-pg-password__submit {
  display: block;
  background-color: #D8D8D8 !important;
  border: 1px gray solid !important;
  outline: none !important;
  margin: 0 auto;
}

.fm_memberchange-pg-password__completedLink {
  display: inline-block;
  color: white !important;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #5D5D5D;
  border-radius: 4px;
  padding: 8px;
  margin-top: 24px;
}

.fm_memberchange-pg-password__attention {
  border: 2px solid crimson;
  font-size: 1.4rem;
  line-height: 200%;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
}

.fm_memberchange-pg-password__attention span {
  color: crimson;
  font-weight: 600;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-password table th, .fm_memberchange-pg-password table td {
    width: 100%;
    border: none;
  }
  .fm_memberchange-pg-password table td input {
    width: 100%;
  }
  .fm_memberchange-pg-password table td span {
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    margin-top: 8px;
  }
}

.fm_memberchange-pg-passwordRequest__heading {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  background: linear-gradient(white, #E8E8E8);
  border-radius: 5px;
  border: 1px #CCC solid;
  padding: 8px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.fm_memberchange-pg-passwordRequest__heading::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 5px;
  height: 75%;
  background-color: #F4A838;
}

.fm_memberchange-pg-passwordRequest__description {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 24px;
}

.fm_memberchange-pg-passwordRequest__description--yellow {
  background-color: #FFEDBB;
  padding: 12px 16px;
  box-sizing: border-box;
}

.fm_memberchange-pg-passwordRequest__email {
  height: 32px;
  font-size: 1.4rem;
  border: 1px #DDD solid;
  display: flex;
  align-items: center;
  padding: 16px 4px;
}

.fm_memberchange-pg-passwordRequest__email input[type="email"] {
  width: 260px;
  height: 100%;
  padding: 4px;
  margin: 0 16px;
}

.fm_memberchange-pg-passwordRequest__email span {
  color: crimson;
  font-weight: bold;
}

.fm_memberchange-pg-passwordRequest__label {
  height: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #D3D3D3;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  box-sizing: border-box;
}

.fm_memberchange-pg-passwordRequest__policy {
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.6;
  margin: 16px 0;
}

.fm_memberchange-pg-passwordRequest__submit {
  display: block;
  width: 148px;
  height: 30px;
  border: none;
  outline: none;
  margin: 0 auto;
  margin-top: 32px;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-passwordRequest__email {
    display: block;
    height: auto;
    text-align: center;
  }
  .fm_memberchange-pg-passwordRequest__email input[type="email"] {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    margin-bottom: 8px;
  }
  .fm_memberchange-pg-passwordRequest__label {
    display: flex;
    justify-content: center;
    padding: 6px;
    margin-bottom: 8px;
  }
}

.fm_memberchange-pg-addressAndFamily h1 {
  color: #00A808;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.fm_memberchange-pg-addressAndFamily p {
  font-size: 1.4rem;
  margin-bottom: 24px;
  line-height: 1.6;
}

.fm_memberchange-pg-addressAndFamily form {
  margin-bottom: 32px;
}

.fm_memberchange-pg-addressAndFamily table {
  border-collapse: collapse;
}

.fm_memberchange-pg-addressAndFamily table th, .fm_memberchange-pg-addressAndFamily table td {
  position: relative;
  border: 2px #CCC solid;
}

.fm_memberchange-pg-addressAndFamily table th {
  width: 30%;
  background-color: #FFF7D3;
  vertical-align: middle;
}

.fm_memberchange-pg-addressAndFamily table td {
  padding: 10px 8px;
}

.fm_memberchange-pg-addressAndFamily table td input {
  margin: 4px;
}

.fm_memberchange-pg-addressAndFamily table td select {
  font-size: 1.4rem;
  padding: 4px;
}

.fm_memberchange-pg-addressAndFamily table td input[type="text"] {
  width: 40%;
  height: 24px;
  border: 1px #464646 solid;
  padding: 4px;
}

.fm_memberchange-pg-addressAndFamily table td p {
  color: crimson;
  margin: 4px 0;
}

.fm_memberchange-pg-addressAndFamily__postalCode input[type="text"] {
  width: 30% !important;
}

.fm_memberchange-pg-addressAndFamily__address input[type="text"] {
  width: 80% !important;
}

.fm_memberchange-pg-addressAndFamily__familyForm {
  display: flex;
  align-items: center;
}

.fm_memberchange-pg-addressAndFamily__familyBirthDay {
  width: 60%;
  display: flex;
  align-items: center;
  margin-right: 16px;
}

.fm_memberchange-pg-addressAndFamily input[type="radio"] {
  margin-left: 16px;
}

.fm_memberchange-pg-addressAndFamily__submitButtonDesign {
  display: block;
  max-width: 180px;
  color: #131313;
  text-align: center;
  background-color: #F5F5F5 !important;
  border: 1px #656565 solid !important;
  padding: 8px 16px !important;
  border-radius: 4px;
  margin: 0 auto;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-addressAndFamily table th {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
  }
  .fm_memberchange-pg-addressAndFamily table td {
    box-sizing: border-box;
  }
  .fm_memberchange-pg-addressAndFamily table td input[type="text"] {
    width: 35%;
  }
  .fm_memberchange-pg-addressAndFamily__familyForm {
    font-size: 1.4rem;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .fm_memberchange-pg-addressAndFamily__familyBirthDay {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4px;
  }
}

.fm_memberchange-pg-list h1 {
  color: #00A808;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.fm_memberchange-pg-list p {
  font-size: 1.4rem;
  margin-bottom: 24px;
  line-height: 1.6;
}

.fm_memberchange-pg-list__main {
  position: relative;
  font-size: 1.4rem;
  border: 2px #BBB solid;
  padding: 16px 4px;
  box-sizing: border-box;
  margin: 40px 0;
}

.fm_memberchange-pg-list__title {
  position: absolute;
  top: 0;
  left: -2px;
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #00AE00;
  padding: 4px 24px;
  box-sizing: border-box;
  transform: translateY(-100%);
}

.fm_memberchange-pg-list table {
  margin-bottom: 0;
}

.fm_memberchange-pg-list table th,
.fm_memberchange-pg-list table td {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.6;
  text-align: left;
  padding: 8px 4px;
  box-sizing: border-box;
}

.fm_memberchange-pg-list table th {
  width: 40%;
}

.fm_memberchange-pg-list table th a {
  font-size: 1.25rem;
  text-decoration: underline;
}

.fm_memberchange-pg-list table td {
  width: 60%;
  color: #FF0000;
}

.fm_memberchange-pg-list__submitButtonDesign {
  display: block;
  max-width: 180px;
  color: #131313;
  text-align: center;
  background-color: #F5F5F5 !important;
  border: 1px #656565 solid !important;
  padding: 6px 4px !important;
  border-radius: 4px;
  margin: 0 auto;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-list table th,
  .fm_memberchange-pg-list table td {
    width: 100%;
  }
  .fm_memberchange-pg-list table th {
    padding: 0 4px;
  }
  .fm_memberchange-pg-list table td {
    padding: 4px 16px 16px;
  }
}

.fm_memberchange-pg-personal h1 {
  color: #00A808;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.fm_memberchange-pg-personal p {
  font-size: 1.4rem;
  margin-bottom: 24px;
  line-height: 1.6;
}

.fm_memberchange-pg-personal__changeMailAddressLink {
  position: absolute;
  top: 10%;
  right: 3%;
  color: white;
  font-size: 1.2rem;
  background-color: #00A808;
  border-radius: 5px;
  padding: 6px 8px;
}

.fm_memberchange-pg-personal form {
  margin-bottom: 24px;
}

.fm_memberchange-pg-personal table {
  border-collapse: collapse;
}

.fm_memberchange-pg-personal table th, .fm_memberchange-pg-personal table td {
  position: relative;
  border: 2px #CCC solid;
}

.fm_memberchange-pg-personal table th {
  width: 30%;
  background-color: #FFF7D3;
  vertical-align: middle;
}

.fm_memberchange-pg-personal table td {
  padding: 10px 8px;
}

.fm_memberchange-pg-personal table td input {
  margin: 4px;
}

.fm_memberchange-pg-personal table td select {
  font-size: 1.4rem;
  padding: 4px;
}

.fm_memberchange-pg-personal table td input[type="text"] {
  width: 40%;
  height: 24px;
  border: 1px #464646 solid;
  padding: 4px;
}

.fm_memberchange-pg-personal table td p {
  color: crimson;
  margin: 4px 0;
}

.fm_memberchange-pg-personal__submitButtonDesign {
  display: block;
  max-width: 180px;
  color: #131313;
  text-align: center;
  background-color: #F5F5F5 !important;
  border: 1px #656565 solid !important;
  padding: 8px 16px !important;
  border-radius: 4px;
  margin: 0 auto;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-personal table th {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
  }
  .fm_memberchange-pg-personal table td {
    box-sizing: border-box;
  }
  .fm_memberchange-pg-personal table td input[type="text"] {
    width: 35%;
  }
}

.fm_memberchange-pg-hobby h1 {
  color: #00A808;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.fm_memberchange-pg-hobby p {
  font-size: 1.4rem;
  margin-bottom: 24px;
  line-height: 1.6;
}

.fm_memberchange-pg-hobby__titleImage {
  display: block;
  margin-bottom: 8px;
}

.fm_memberchange-pg-hobby__items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.fm_memberchange-pg-hobby__input {
  width: calc(100% / 3);
}

.fm_memberchange-pg-hobby__input input {
  margin: 4px;
}

.fm_memberchange-pg-hobby__submitButtonDesign {
  display: block;
  max-width: 180px;
  color: #131313;
  text-align: center;
  background-color: #F5F5F5 !important;
  border: 1px #656565 solid !important;
  padding: 4px 16px !important;
  border-radius: 4px;
  margin: 16px auto;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-hobby__input {
    width: calc(100% / 2);
  }
}

.fm_clickInsentive-l-default {
  padding-top: 16px;
  box-sizing: border-box;
}

.fm_clickInsentive-l-default__main {
  margin: 4px 0;
}

.fm_clickInsentive-l-default__backButton {
  width: 200px;
  color: white;
  font-size: 1.8rem;
  text-align: center;
  background-color: orange;
  padding: 10px 0;
  margin: 0 auto;
  margin-top: 40px;
  cursor: pointer;
}

.fm_clickInsentive-l-default__rule {
  font-size: 1.4rem;
  line-height: 1.8;
  background-color: #dedede;
  border: 3px #b5b5b5 solid;
  padding: 12px;
  box-sizing: border-box;
  margin-top: 40px;
}

.fm_clickInsentive-pg-index__image img {
  width: 100%;
}

.fm_clickInsentive-pg-index__text {
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  margin: 40px 0;
}

.fm_clickInsentive-pg-failed__text {
  color: #464646;
  font-size: 1.6rem;
  text-align: center;
  border-top: 3px #ff6884 dotted;
  border-bottom: 3px #ff6684 dotted;
  padding: 16px;
  box-sizing: border-box;
}

.fm_clickInsentive-c-middleAds__ads {
  display: flex;
  justify-content: space-around;
}

.fm_clickInsentive-c-common__onlyMobile {
  display: none;
}

.fm_clickInsentive-c-common__onlyPC {
  display: block;
}

@media (max-width: 800px) {
  .fm_clickInsentive-c-common__onlyMobile {
    display: block;
  }
  .fm_clickInsentive-c-common__onlyPC {
    display: none;
  }
  .fm_clickInsentive-l-default {
    padding-top: 24px;
  }
  .fm_clickInsentive-l-default__rule {
    font-size: 1.2rem;
    line-height: 1.6;
  }
  .fm_clickInsentive-pg-index__text {
    font-size: 2.8rem;
  }
  .fm_clickInsentive-pg-failed__text {
    font-size: 1.4rem;
  }
}

/*------------------------------------------------------------------------------------------
  ** サイト全体で共通の想定（いったんcontact内に書いておく）
------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------
  ** コンポーネント（ファイルを切ってない系）
------------------------------------------------------------*/
/*------------------------------
  ** ボタン
------------------------------*/
.common_button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: 200px;
  min-height: 50px;
  padding: 10px !important;
  font-size: 1.6rem !important;
  color: #333;
  text-decoration: none;
  border: 1px solid #ccc !important;
  border-bottom-color: #aaa !important;
  border-radius: 4px !important;
  background-color: #eee !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 2px rgba(255, 255, 255, 0.9);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.common_button:hover {
  text-decoration: none;
}

@media screen and (min-width: 641px) {
  .common_button:hover {
    background-color: #f5f5f5 !important;
  }
}

.common_button--green {
  color: #fff !important;
  border-color: #93c900 !important;
  border-bottom-color: #999 !important;
  background-color: #93c900 !important;
}

.common_button--green:hover {
  background-color: #98d304 !important;
}

/*------------------------------------------------------------------------------------------
  ** お問い合わせ
------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------
  ** ユーティリティ
------------------------------------------------------------*/
.contact_isNone {
  display: none;
}

.contact_focusText {
  color: #d10000;
}

/*------------------------------------------------------------
  ** レイアウト
------------------------------------------------------------*/
/*------------------------------
  ** 大枠
------------------------------*/
.contact_index {
  max-width: 800px;
  margin: 0 auto;
}

.contact_index__headingSub {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

/*------------------------------
  ** 余白コントロール
  * 全ページ共通で使用します。
------------------------------*/
.contact_commonItem {
  margin-bottom: 20px;
}

.contact_commonItem:last-child {
  margin-bottom: 0;
}

/*------------------------------------------------------------
  ** コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 休業のお知らせ
------------------------------*/
.contact_holidayInfo {
  padding: 16px;
  border: 1px solid #ccc;
  background-color: #fffec5;
}

.contact_holidayInfo__heading {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 0 8px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.6;
  border-left: 8px solid #fdaf05;
}

.contact_holidayInfo__text {
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.contact_holidayInfo__text:last-child {
  margin-bottom: 0;
}

.contact_holidayInfo__day {
  color: #e33838;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 2px dotted #e33838;
}

.contact_holidayInfo__imageBox {
  margin: 0;
  text-align: center;
}

.contact_holidayInfo__image {
  max-width: 100%;
}

/*------------------------------
  ** 見出し
------------------------------*/
.contact_heading {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 10px 10px 8px 10px;
  font-size: 1.6rem;
  background-color: #fef9dc;
}

/*------------------------------
  ** ドキュメント
------------------------------*/
.contact_document__heading {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.contact_document__text {
  height: 200px;
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  white-space: pre-wrap;
  overflow: scroll;
}

/*------------------------------
  ** 同意して送信
------------------------------*/
.contact_agreement {
  margin-top: 40px;
}

.contact_agreement__checkList {
  margin-top: 10px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
}

.contact_agreement__checkListItem {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.contact_agreement__button {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*------------------------------------------------------------
  ** コンポーネント（ファイルを切ってない系）
  * お問い合わせページ全体で使用します。
------------------------------------------------------------*/
/*------------------------------
  ** メモ
------------------------------*/
.contact_memo {
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #f5f5f5;
}

.contact_memo--focus {
  padding: 10px;
  color: #d10000;
  background-color: #fff9f9;
}

/*------------------------------
  ** エラー
------------------------------*/
.contact_error {
  margin-bottom: 5px;
  padding: 10px;
  font-size: 1.4rem;
  color: #d10000;
  background: #ffeded;
}

/*------------------------------
  ** 説明文
------------------------------*/
.contact_description__check {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  margin-bottom: 5px;
  padding: 4px 8px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1;
  border-radius: 20px;
  background-color: #d10000;
}

.contact_description__text {
  font-size: 1.4rem;
  line-height: 1.6;
}

/*------------------------------
  ** フォーム
  * 入力／確認ページで使用。
------------------------------*/
.contact_form {
  max-width: 800px;
  margin: 0 auto;
}

.contact_form__item {
  display: flex;
  margin-top: -1px;
}

.contact_form__item:first-child {
  margin-top: 0;
}

@media screen and (max-width: 640px) {
  .contact_form__item {
    display: block;
  }
}

.contact_form__itemKey {
  box-sizing: border-box;
  width: 180px;
  padding: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.contact_form__itemKey--must::before {
  content: '*';
  display: inline-block;
  margin-right: 5px;
  color: #d10000;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .contact_form__itemKey {
    width: 100%;
  }
}

.contact_form__itemSubText {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 8px;
}

.contact_form__itemValue {
  flex: 1;
  box-sizing: border-box;
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  border-left: none;
}

@media screen and (max-width: 640px) {
  .contact_form__itemValue {
    margin-top: -1px;
    border: 1px solid #ccc;
  }
}

.contact_form__text {
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.contact_form__text:last-child {
  margin-bottom: 0;
}

.contact_form__selectList {
  padding: 10px;
  font-size: 1.4rem;
}

.contact_form__userText {
  height: 200px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 1.4rem;
}

.contact_form__button {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .contact_form__button {
    display: block;
  }
}

.contact_form__buttonItem {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .contact_form__buttonItem {
    width: 100%;
    margin-bottom: 20px;
  }
  .contact_form__buttonItem:last-child {
    margin-bottom: 0;
  }
}

.contact_form__shortText {
  max-width: 200px;
}

.contact_form__middleText {
  max-width: 400px;
}

/*------------------------------------------------------------------------------------------
  ** プレゼント
------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------
  ** ユーティリティ
------------------------------------------------------------*/
.prize_focus {
  color: #d10000;
}

/*------------------------------------------------------------
  ** レイアウト
------------------------------------------------------------*/
/*------------------------------
  ** 余白コントロール
  * 全ページ共通で使用します。
------------------------------*/
.prize_commonItem {
  margin-top: 10px;
  margin-bottom: 10px;
}

.prize_commonItem--wide {
  margin-top: 30px;
  margin-bottom: 30px;
}

.prize_commonItem:last-child {
  margin-bottom: 0;
}

/*------------------------------------------------------------
  ** コンポーネント（ファイルを切ってない系）
------------------------------------------------------------*/
/*------------------------------
  ** ボタン
------------------------------*/
.prize_button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  min-width: 260px;
  padding: 20px 20px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border: 0;
  border-bottom: 5px solid #ddd;
  border-radius: 50px;
  background-color: #e7474c;
  box-shadow: none;
  cursor: pointer;
  transition-property: border-bottom-color background-color;
  transition-duration: 0.1s;
}

@media screen and (max-width: 960px) {
  .prize_button {
    min-width: auto;
    font-size: 2.0rem;
  }
}

.prize_button:hover {
  color: #fff;
  text-decoration: none;
  border-bottom-color: #ccc;
  background-color: #cf3035;
}

.prize_button--small {
  max-width: 200px;
  font-size: 2.0rem;
}

.prize_button--green {
  border-color: #bae8cf;
  background-color: #46c37f;
}

.prize_button--green:hover {
  border-color: #bae8cf;
  background-color: #2aa763;
}

/*------------------------------
  ** ボタンレイアウト
------------------------------*/
.prize_buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.prize_buttons__item {
  margin: 0 10px;
}

@media screen and (max-width: 720px) {
  .prize_buttons {
    max-width: 300px;
    margin: 0 auto;
  }
  .prize_buttons__item {
    width: 100%;
    margin: 10px;
  }
}

/*------------------------------
  ** メモ
------------------------------*/
.prize_memo {
  padding: 8px;
  font-size: 1.4rem;
  color: #666;
  border: 3px solid #ddd;
  border-radius: 5px;
  background-color: #f6f3ee;
}

.prize_memo__title {
  padding-bottom: 5px;
  font-weight: bold;
  border-bottom: 1px dashed #ccc;
}

.prize_memo__description {
  line-height: 1.6;
}

.prize_memo--blue {
  color: #3a809c;
  border-color: #c7e4f0;
  background-color: #edf4f7;
}

/*------------------------------------------------------------
  ** 各ページ共通コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 見出し
------------------------------*/
.prize_heading {
  padding: 15px 5px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  background-color: #2d426d;
}

/*------------------------------
  ** サブ見出し
------------------------------*/
.prize_subHeading {
  padding-bottom: 10px;
  font-size: 1.8rem;
  font-weight: normal;
  border-bottom: 2px solid #eee;
}

/*------------------------------
  ** ローカルナビ
------------------------------*/
.prize_nav {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 960px) {
  .prize_nav {
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #ac9b81;
  }
}

.prize_nav__item {
  box-sizing: border-box;
  position: relative;
  flex: 1;
  min-height: 37px;
  border-right: 1px solid #ac9b81;
}

@media screen and (min-width: 961px) {
  .prize_nav__item:last-child {
    border-right: none;
  }
}

.prize_nav__item--new::before {
  position: absolute;
  left: 4px;
  top: -8px;
  content: 'NEW';
  padding: 2px;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1;
  border-radius: 4px;
  background-color: #dd1e2e;
}

@media screen and (max-width: 960px) {
  .prize_nav__item--new::before {
    left: 0;
    top: 0;
    font-size: 1.0rem;
    border-radius: 0;
  }
}

@media screen and (max-width: 960px) {
  .prize_nav__item {
    height: auto;
    min-width: 25%;
    border-bottom: 1px solid #ac9b81;
  }
}

.prize_nav__link {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  font-weight: bold;
  color: #333;
  background-color: #efe7dc;
  white-space: nowrap;
}

.prize_nav__link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #b4a180;
}

.prize_nav__link--current {
  color: #fff;
  background-color: #ac9b81;
}

@media screen and (max-width: 960px) {
  .prize_nav__link {
    padding: 16px 5px 5px 5px !important;
    font-size: 1.2rem;
    white-space: normal;
  }
}

.prize_nav__icon {
  display: none;
}

@media screen and (max-width: 960px) {
  .prize_nav__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
  }
}

.prize_nav__circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  border-radius: 50%;
  background-color: #333;
}

/*------------------------------
  ** キャンペーンバナー
------------------------------*/
.prize_campaignBanner__image {
  width: 100%;
}

/*------------------------------
  ** ヘッダー
------------------------------*/
.prize_header {
  position: relative;
}

.prize_header__headingImage {
  width: 100%;
}

.prize_header__clickPoint {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 300px;
  background-color: #fff;
}

@media screen and (max-width: 960px) {
  .prize_header__clickPoint {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    margin-top: 10px;
  }
}

/*------------------------------
  ** 中段バナー群
------------------------------*/
@media screen and (min-width: 961px) {
  .prize_middleBanners {
    display: flex;
    flex-wrap: wrap;
  }
  .prize_middleBanners__item {
    width: calc(33.3334% - 15px * (3 - 1) / 3);
    margin-right: 15px;
  }
  .prize_middleBanners__item:nth-child(3n), .prize_middleBanners__item:last-child {
    margin-right: 0;
  }
  .prize_middleBanners__item:nth-child(n+4) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 960px) {
  .prize_middleBanners__item {
    max-width: 300px;
    margin: 10px auto;
  }
}

/*------------------------------
  ** 下段バナー群
------------------------------*/
@media screen and (min-width: 961px) {
  .prize_bottomBanners {
    display: flex;
    flex-wrap: wrap;
  }
  .prize_bottomBanners__item {
    width: calc(33.3334% - 15px * (3 - 1) / 3);
    margin-right: 15px;
  }
  .prize_bottomBanners__item:nth-child(3n), .prize_bottomBanners__item:last-child {
    margin-right: 0;
  }
  .prize_bottomBanners__item:nth-child(n+4) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 960px) {
  .prize_bottomBanners__item {
    max-width: 300px;
    margin: 10px auto;
  }
}

/*------------------------------
  ** 当選発表リンク
------------------------------*/
.prize_winnerLinkItem__link {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-size: 1.6rem;
  color: #8d6d1f;
  border: 3px solid #d2aa48;
  background-color: #ffe9b3;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_winnerLinkItem__link::after {
  position: absolute;
  right: 10px;
  top: calc(50% - 0.5em);
  content: '→';
}

.prize_winnerLinkItem__link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #d2aa48;
}

@media screen and (max-width: 960px) {
  .prize_winnerLinkItem__link {
    margin: 0 0 10px 0 !important;
  }
}

.prize_winnerLinkItem__icon {
  display: inline-block;
  margin-right: 10px;
}

/*------------------------------
  ** 注意事項
------------------------------*/
.prize_attention__heading {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 1.8rem;
  font-weight: normal;
  border-bottom: 2px solid #eee;
}

.prize_attention__listItem {
  position: relative;
  margin-top: 2px;
  padding-left: 1.2em;
  font-size: 1.4rem;
  line-height: 2;
}

.prize_attention__listItem:last-child {
  margin-bottom: 0;
}

.prize_attention__listItem::before {
  position: absolute;
  left: calc(0.5em - 4px / 2);
  top: calc(0.5em * 2 - 4px / 2);
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #333;
}

/*------------------------------
  ** 賞品一覧（大）
------------------------------*/
.prize_itemListBig__item {
  display: flex;
  padding: 20px;
  border-top: 1px solid #ccc;
}

.prize_itemListBig__item:first-child {
  border-top: none;
}

@media screen and (max-width: 960px) {
  .prize_itemListBig__item {
    display: block;
    padding: 20px 10px;
  }
}

.prize_itemListBig__thumbnail {
  width: 40vw;
  max-width: 360px;
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .prize_itemListBig__thumbnail {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px auto;
  }
}

.prize_itemListBig__image {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
}

.prize_itemListBig__summary {
  margin-bottom: 20px;
}

.prize_itemListBig__text {
  flex: 1;
}

/*------------------------------
  ** 賞品一覧（小）
------------------------------*/
.prize_itemListSmall__item {
  display: flex;
  padding: 20px;
  border-top: 1px solid #ccc;
}

.prize_itemListSmall__item:first-child {
  border-top: none;
}

@media screen and (max-width: 480px) {
  .prize_itemListSmall__item {
    display: block;
  }
}

.prize_itemListSmall__thumbnail {
  width: 200px;
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .prize_itemListSmall__thumbnail {
    width: 140px;
  }
}

@media screen and (max-width: 480px) {
  .prize_itemListSmall__thumbnail {
    margin: 0 auto 10px auto;
  }
}

.prize_itemListSmall__image {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
}

.prize_itemListSmall__information {
  flex: 1;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 720px) {
  .prize_itemListSmall__information {
    display: block;
  }
}

.prize_itemListSmall__summary {
  flex: 1;
  margin-bottom: 10px;
}

.prize_itemListSmall__applyNumber {
  margin-top: 10px;
}

.prize_itemListSmall__apply {
  width: 300px;
  margin-left: 20px;
}

@media screen and (max-width: 960px) {
  .prize_itemListSmall__apply {
    width: 200px;
  }
}

@media screen and (max-width: 720px) {
  .prize_itemListSmall__apply {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
}

/*------------------------------
  ** 押せないボタン
------------------------------*/
.prize_disabledButton {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  min-width: 260px;
  padding: 20px 20px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border: 0;
  border-radius: 50px;
  background-color: #999;
  box-shadow: none;
}

@media screen and (max-width: 960px) {
  .prize_disabledButton {
    min-width: auto;
    font-size: 2.0rem;
  }
}

/*------------------------------------------------------------
  ** トップ用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 懸賞一覧
------------------------------*/
.prize_prizeList {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
}

@media screen and (min-width: 961px) {
  .prize_prizeList__item {
    width: calc(25% - 15px * (4 - 1) / 4);
    margin-right: 15px;
  }
  .prize_prizeList__item:nth-child(4n), .prize_prizeList__item:last-child {
    margin-right: 0;
  }
  .prize_prizeList__item:nth-child(n+5) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 960px) {
  .prize_prizeList__item {
    width: calc(50% - 15px * (2 - 1) / 2);
    margin-right: 15px;
  }
  .prize_prizeList__item:nth-child(2n), .prize_prizeList__item:last-child {
    margin-right: 0;
  }
  .prize_prizeList__item:nth-child(n+3) {
    margin-top: 15px;
  }
}

.prize_prizeList__item--new {
  position: relative;
}

.prize_prizeList__item--new::before {
  position: absolute;
  left: 0;
  top: 0;
  content: 'NEW';
  padding: 2px;
  font-size: 1.1rem;
  color: #fff;
  background-color: #dd1e2e;
}

.prize_prizeList__link {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #333;
  text-align: center;
  border: 1px solid #555;
  border-top-width: 3px;
  background-color: #fff;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_prizeList__link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #fdb20e;
}

.prize_prizeList__link:hover .prize_prizeList__icon {
  color: #fff;
}

.prize_prizeList__link:hover .prize_prizeList__circle {
  color: #fdb20e;
  background-color: #fff;
}

.prize_prizeList__link:hover .prize_prizeList__point {
  color: #eaac27;
  background-color: #fff;
}

.prize_prizeList__link--kenshobox:hover {
  background-color: #e95f8e;
}

.prize_prizeList__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  margin-bottom: 10px;
  font-size: 5.6rem;
  color: #fdb20e;
  transition-property: color;
  transition-duration: 0.1s;
}

.prize_prizeList__circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
  border-radius: 50%;
  background-color: #fdb20e;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_prizeList__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.2;
}

@media screen and (max-width: 960px) {
  .prize_prizeList__title {
    font-size: 2.0rem;
  }
}

.prize_prizeList__description {
  line-height: 1.4;
}

.prize_prizeList__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.prize_prizeList__logoImage {
  width: 100%;
}

.prize_prizeList__point {
  position: absolute;
  left: 50%;
  top: calc(50% + 5px);
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
  line-height: 1;
  border-radius: 50%;
  background-color: #fdb20e;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

/*------------------------------
  ** 応募期間見出し
------------------------------*/
.prize_termHeading {
  padding: 10px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  background-color: #2c416d;
}

.prize_termHeading__heading {
  font-size: 2.8rem;
}

.prize_termHeading__limit {
  display: inline-block;
  font-size: 1.6rem;
}

.prize_termHeading__pointInformation {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  border-top: 1px dashed #4a3718;
}

.prize_termHeading__pointValue {
  display: inline-block;
  margin-right: 4px;
  font-size: 1.8rem;
  color: #cb040c;
}

.prize_termHeading--everyweek {
  font-size: 1.6rem;
  color: #333;
  background-color: #f2af1a;
}

.prize_termHeading--everymonth {
  font-size: 1.6rem;
  color: #0e7c2c;
  background-color: #9cefb0;
}

.prize_termHeading--gorgeous {
  font-size: 1.6rem;
}

.prize_termHeading--gorgeous .prize_termHeading__heading {
  font-size: 2.4rem;
}

.prize_termHeading--pointdeeveryday {
  font-size: 1.6rem;
  color: #333;
  background-color: #f2af1a;
}

.prize_termHeading--pointdegorgeous {
  font-size: 1.6rem;
  color: #333;
  background-color: #f2af1a;
}

.prize_termHeading--exchange {
  font-size: 1.6rem;
  color: #0e7c2c;
  background-color: #9cefb0;
}

/*------------------------------
  ** トップ懸賞情報
------------------------------*/
.prize_topInformation {
  display: flex;
  padding: 0 20px;
}

@media screen and (max-width: 960px) {
  .prize_topInformation {
    display: block;
  }
}

.prize_topInformation__thumbnail {
  width: 40vw;
  max-width: 360px;
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .prize_topInformation__thumbnail {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px auto;
  }
}

.prize_topInformation__image {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
}

.prize_topInformation__summary {
  margin-bottom: 20px;
}

.prize_topInformation__text {
  flex: 1;
}

/*------------------------------
  ** 応募フォーム
------------------------------*/
.prize_applyForm__select {
  max-width: 300px;
  margin: 20px auto;
}

.prize_applyForm__button {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/*------------------------------
  ** 応募口数
------------------------------*/
.prize_applyNumber {
  display: flex;
  color: #333;
}

@media screen and (max-width: 960px) {
  .prize_applyNumber {
    display: block;
    max-width: 300px;
    margin: 0 auto;
  }
}

.prize_applyNumber__key {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  background-color: #b4a180;
}

@media screen and (max-width: 960px) {
  .prize_applyNumber__key {
    width: 100%;
  }
}

.prize_applyNumber__value {
  flex: 1;
  padding: 10px;
  line-height: 1;
  background-color: #efe7dc;
}

@media screen and (max-width: 720px) {
  .prize_applyNumber__value {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
  }
}

.prize_applyNumber__number {
  font-size: 2.4rem;
  font-weight: bold;
}

.prize_applyNumber__unit {
  font-size: 1.4rem;
}

/*------------------------------
  ** 応募口数選択
------------------------------*/
.prize_selectApplyNumber {
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  font-size: 1.4rem;
}

/*------------------------------
  ** 応募制御メッセージ
------------------------------*/
.prize_disabledMessage {
  padding: 10px;
  font-size: 2.1rem;
  color: #666;
  line-height: 1.4;
  text-align: center;
}

/*------------------------------
  ** 賞品概要
------------------------------*/
.prize_itemSummary__name {
  margin-top: 4px;
  margin-bottom: 12px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.4;
}

.prize_itemSummary__description {
  margin-bottom: 16px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_itemSummary__winner {
  font-size: 2.0rem;
}

.prize_itemSummary__winnerUnit {
  font-size: 1.4rem;
}

/*------------------------------
  **  応募口数（ボーナス）
------------------------------*/
.prize_applyNumberBonus__campaigns {
  margin-bottom: 5px;
  border-bottom: 1px dashed #d60019;
}

.prize_applyNumberBonus__campaign {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  animation: mark 6s infinite;
}

.prize_applyNumberBonus__campaignLead {
  flex: 1;
  font-size: 2.0rem;
  font-weight: bold;
  color: #d60019;
  line-height: 1.4;
}

.prize_applyNumberBonus__campaignLink {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  padding: 0 5px;
  font-size: 1.3rem;
  color: #d60019;
  border: 1px solid #d60019;
  border-radius: 5px;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_applyNumberBonus__campaignLink:hover {
  color: #fff;
  text-decoration: none;
  background-color: #d60019;
}

.prize_applyNumberBonus__numberBox {
  display: flex;
}

@media screen and (max-width: 960px) {
  .prize_applyNumberBonus__numberBox {
    display: block;
  }
}

.prize_applyNumberBonus__key {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  padding: 5px 10px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  background-color: #810312;
}

@media screen and (max-width: 960px) {
  .prize_applyNumberBonus__key {
    width: 100%;
  }
}

.prize_applyNumberBonus__value {
  flex: 1;
  padding: 5px 10px;
  color: #fff;
  line-height: 1.4;
  background-color: #d60019;
}

.prize_applyNumberBonus__number {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  margin-right: 2px;
}

.prize_applyNumberBonus__help {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: transparent;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_applyNumberBonus__help:hover {
  color: #d60019;
  background-color: #fff;
}

.prize_applyNumberBonus__attention {
  display: none;
  padding-top: 20px;
}

.prize_applyNumberBonus__attentionHeading {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 1.4rem;
  border-bottom: 2px solid #ddd;
}

.prize_applyNumberBonus__attentionCloser {
  position: absolute;
  right: 0;
  bottom: 5px;
  display: inline-block;
  padding: 0 5px;
  font-size: 1.2rem;
  font-weight: normal;
  color: #666;
  border-radius: 5px;
  background-color: #ddd;
  cursor: pointer;
}

.prize_applyNumberBonus__attentionText {
  font-size: 1.2rem;
}

@keyframes mark {
  80% {
    opacity: 1;
  }
  85% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*------------------------------
  ** 応募から当選者発表まで（レイアウト）
------------------------------*/
.prize_flow__heading {
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 1.8rem;
  font-weight: normal;
  border-bottom: 2px solid #eee;
}

.prize_flow__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
}

@media screen and (max-width: 960px) {
  .prize_flow__list {
    display: block;
  }
}

@media screen and (min-width: 961px) {
  .prize_flow__listItem {
    width: calc(33.3334% - 20px * (3 - 1) / 3);
    margin-right: 20px;
  }
  .prize_flow__listItem:nth-child(3n), .prize_flow__listItem:last-child {
    margin-right: 0;
  }
  .prize_flow__listItem:nth-child(n+4) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 960px) {
  .prize_flow__listItem + .prize_flow__listItem {
    margin-top: 10px;
  }
}

/*------------------------------
  ** 応募から当選者発表まで（アイテム）
------------------------------*/
.prize_flowItem__heading {
  padding: 8px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background-color: #2d426d;
}

.prize_flowItem__body {
  padding: 10px;
  border: 1px solid #ccc;
  border-top: none;
}

.prize_flowItem__description {
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_flowItem__memo {
  margin-top: 10px;
}

/*------------------------------------------------------------
  ** 毎日懸賞用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 過去の賞品一覧
------------------------------*/
.prize_everydayBacknumber {
  padding: 5px;
  background-color: #f3b502;
}

.prize_everydayBacknumber__heading {
  padding: 10px 0;
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .prize_everydayBacknumber__heading {
    font-size: 1.8rem;
  }
}

.prize_everydayBacknumber__list {
  display: flex;
  flex-wrap: wrap;
}

.prize_everydayBacknumber__listItem {
  box-sizing: border-box;
  background-color: #fff;
}

@media screen and (min-width: 961px) {
  .prize_everydayBacknumber__listItem {
    width: calc(14.285% - 1px * (7 - 1) / 7);
    margin-right: 1px;
  }
  .prize_everydayBacknumber__listItem:nth-child(7n), .prize_everydayBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everydayBacknumber__listItem:nth-child(n+8) {
    margin-top: 1px;
  }
}

@media screen and (min-width: 481px) and (max-width: 960px) {
  .prize_everydayBacknumber__listItem {
    width: calc(25% - 1px * (4 - 1) / 4);
    margin-right: 1px;
  }
  .prize_everydayBacknumber__listItem:nth-child(4n), .prize_everydayBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everydayBacknumber__listItem:nth-child(n+5) {
    margin-top: 1px;
  }
}

@media screen and (max-width: 480px) {
  .prize_everydayBacknumber__listItem {
    width: calc(50% - 1px * (2 - 1) / 2);
    margin-right: 1px;
  }
  .prize_everydayBacknumber__listItem:nth-child(2n), .prize_everydayBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everydayBacknumber__listItem:nth-child(n+3) {
    margin-top: 1px;
  }
}

.prize_everydayBacknumber__prize {
  padding: 5px;
}

.prize_everydayBacknumber__date {
  margin-bottom: 10px;
  padding: 3px 4px;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 5px;
  background-color: #efe7dc;
}

.prize_everydayBacknumber__detail {
  position: relative;
}

@media screen and (min-width: 961px) {
  .prize_everydayBacknumber__detail:hover .prize_everydayBacknumber__name {
    opacity: 1;
  }
}

.prize_everydayBacknumber__image {
  width: 100%;
}

.prize_everydayBacknumber__name {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.5;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
}

/*------------------------------------------------------------
  ** 毎週懸賞用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 過去の賞品一覧
------------------------------*/
.prize_everyweekBacknumber {
  padding: 5px;
  background-color: #6ece51;
}

.prize_everyweekBacknumber__heading {
  padding: 10px 0;
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .prize_everyweekBacknumber__heading {
    font-size: 1.8rem;
  }
}

.prize_everyweekBacknumber__list {
  display: flex;
  flex-wrap: wrap;
}

.prize_everyweekBacknumber__listItem {
  box-sizing: border-box;
  background-color: #fff;
}

@media screen and (min-width: 961px) {
  .prize_everyweekBacknumber__listItem {
    width: calc(25% - 1px * (4 - 1) / 4);
    margin-right: 1px;
  }
  .prize_everyweekBacknumber__listItem:nth-child(4n), .prize_everyweekBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everyweekBacknumber__listItem:nth-child(n+5) {
    margin-top: 1px;
  }
}

@media screen and (min-width: 481px) and (max-width: 960px) {
  .prize_everyweekBacknumber__listItem {
    width: calc(25% - 1px * (4 - 1) / 4);
    margin-right: 1px;
  }
  .prize_everyweekBacknumber__listItem:nth-child(4n), .prize_everyweekBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everyweekBacknumber__listItem:nth-child(n+5) {
    margin-top: 1px;
  }
}

@media screen and (max-width: 480px) {
  .prize_everyweekBacknumber__listItem {
    width: calc(50% - 1px * (2 - 1) / 2);
    margin-right: 1px;
  }
  .prize_everyweekBacknumber__listItem:nth-child(2n), .prize_everyweekBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everyweekBacknumber__listItem:nth-child(n+3) {
    margin-top: 1px;
  }
}

.prize_everyweekBacknumber__prize {
  padding: 5px;
}

.prize_everyweekBacknumber__date {
  margin-bottom: 10px;
  padding: 3px 4px;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 5px;
  background-color: #efe7dc;
}

@media screen and (max-width: 720px) {
  .prize_everyweekBacknumber__date {
    font-size: 1.4rem;
  }
}

.prize_everyweekBacknumber__detail {
  position: relative;
}

@media screen and (min-width: 961px) {
  .prize_everyweekBacknumber__detail:hover .prize_everyweekBacknumber__name {
    opacity: 1;
  }
}

.prize_everyweekBacknumber__image {
  width: 100%;
}

.prize_everyweekBacknumber__name {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.5;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
}

/*------------------------------
  ** 応募期間リスト
------------------------------*/
.prize_everyweekTermList {
  display: flex;
  padding-bottom: 10px;
}

@media screen and (max-width: 720px) {
  .prize_everyweekTermList {
    display: none;
  }
}

.prize_everyweekTermList__item {
  width: calc(25% - 10px * (4 - 1) / 4);
  margin-right: 10px;
}

.prize_everyweekTermList__item:nth-child(4n), .prize_everyweekTermList__item:last-child {
  margin-right: 0;
}

.prize_everyweekTermList__itemBody {
  padding: 5px;
  border-radius: 5px;
  background-color: #ddd;
}

.prize_everyweekTermList__itemBody--active {
  position: relative;
  background-color: #f2af1c;
  animation: now_mark 3s infinite;
}

.prize_everyweekTermList__itemBody--active::after {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 23px);
  z-index: 1;
  content: '';
  width: 0;
  height: 0;
  border-width: 13px 23px 0 23px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #f2af1c;
}

.prize_everyweekTermList__status {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 1.6rem;
  border-radius: 5px;
  background-color: #fff;
}

.prize_everyweekTermList__date {
  padding: 8px 0 2px 0;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
}

@keyframes now_mark {
  50% {
    transform: scale(0.95, 0.95);
  }
  100% {
    transform: scale(1, 1);
  }
}

/*------------------------------------------------------------
  ** 毎月懸賞用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 過去の賞品一覧
------------------------------*/
.prize_everymonthBacknumber__monthBox {
  margin-bottom: 10px;
}

.prize_everymonthBacknumber__monthBox:last-child {
  margin-bottom: 0;
}

.prize_everymonthBacknumber__heading {
  padding: 10px 0;
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: center;
  background-color: #f4788b;
}

@media screen and (max-width: 960px) {
  .prize_everymonthBacknumber__heading {
    font-size: 1.8rem;
  }
}

.prize_everymonthBacknumber__list {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #f4788b;
}

.prize_everymonthBacknumber__list:first-child {
  margin-top: 0;
}

.prize_everymonthBacknumber__listItem {
  box-sizing: border-box;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #f4788b;
  background-color: #fff;
}

@media screen and (min-width: 961px) {
  .prize_everymonthBacknumber__listItem {
    flex: 1;
  }
}

@media screen and (max-width: 960px) {
  .prize_everymonthBacknumber__listItem {
    width: 50%;
  }
}

.prize_everymonthBacknumber__month {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  border-radius: 50%;
  background-color: #c62640;
}

@media screen and (max-width: 960px) {
  .prize_everymonthBacknumber__month {
    width: 100%;
    height: 40px;
    border-radius: 0;
  }
  .prize_everymonthBacknumber__month br {
    display: none;
  }
}

.prize_everymonthBacknumber__prize {
  padding: 5px;
}

.prize_everymonthBacknumber__date {
  margin-bottom: 10px;
  padding: 3px 4px;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 5px;
  background-color: #efe7dc;
}

.prize_everymonthBacknumber__detail {
  position: relative;
}

@media screen and (min-width: 961px) {
  .prize_everymonthBacknumber__detail:hover .prize_everymonthBacknumber__name {
    opacity: 1;
  }
}

.prize_everymonthBacknumber__image {
  width: 100%;
}

.prize_everymonthBacknumber__name {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.5;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
}

/*------------------------------------------------------------
  ** ゲーム用コンポーネント
------------------------------------------------------------*/
.prize_gameFlow {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 961px) {
  .prize_gameFlowItem {
    width: calc(33.3334% - 15px * (3 - 1) / 3);
    margin-right: 15px;
  }
  .prize_gameFlowItem:nth-child(3n), .prize_gameFlowItem:last-child {
    margin-right: 0;
  }
  .prize_gameFlowItem:nth-child(n+4) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 960px) {
  .prize_gameFlowItem {
    max-width: 300px;
    margin: 10px auto;
  }
}

.prize_gameFlowItem__image {
  width: 100%;
}

.prize_gameFlowItem__text {
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.4;
}

.prize_gameDescription {
  font-size: 1.4rem;
  line-height: 1.4;
}

/*------------------------------------------------------------
  ** 応募ステップ用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** ヘッダー
------------------------------*/
.prize_applyHeader {
  padding: 5px 0;
  border-bottom: 5px solid #fdaf05;
}

.prize_applyHeader__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prize_applyHeader__logo {
  display: flex;
  align-items: center;
  width: 140px;
  height: 100px;
}

.prize_applyHeader__logoImage {
  width: 100%;
}

/*------------------------------
  ** フッター
------------------------------*/
.prize_applyFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  background-color: #fdaf05;
}

.prize_applyFooter__copyright {
  font-size: 1.2rem;
}

/*------------------------------
  ** 応募ステップ
------------------------------*/
.prize_applyStep {
  display: flex;
  max-width: 700px;
  margin: 0 auto;
  overflow: hidden;
}

.prize_applyStep__item {
  flex: 1;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding: 10px 25px;
  font-size: 1.6rem;
  background-color: #ddd;
}

@media screen and (min-width: 721px) {
  .prize_applyStep__item::before, .prize_applyStep__item::after {
    position: absolute;
    top: calc(50% - 40px);
    z-index: 1;
    content: '';
    width: 0;
    height: 0;
    border-width: 40px 10px;
    border-style: solid;
    border-color: transparent;
  }
  .prize_applyStep__item::before {
    right: -24px;
    border-left-color: #fff;
  }
  .prize_applyStep__item::after {
    right: -20px;
    border-left-color: #ddd;
  }
}

@media screen and (max-width: 720px) {
  .prize_applyStep__item {
    font-size: 1.4rem;
  }
  .prize_applyStep__item::after {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #fff;
  }
  .prize_applyStep__item:last-child::after {
    content: none;
  }
}

.prize_applyStep__item--current {
  font-weight: bold;
  background-color: #fdb20e;
}

.prize_applyStep__item--current::after {
  border-left-color: #fdb20e;
}

/*------------------------------
  ** 応募見出し
------------------------------*/
.prize_applyHeading {
  position: relative;
  padding: 16px 20px;
  font-size: 2.0rem;
  color: #333;
  background-color: #e8e8e8;
}

.prize_applyHeading::after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #ccc;
}

.prize_applyHeading__step {
  margin-right: 5px;
}

.prize_applyHeading__label {
  font-weight: normal;
}

/*------------------------------
  ** サマリー
------------------------------*/
.prize_applySummary {
  font-size: 1.4rem;
}

/*------------------------------
  ** 応募情報
------------------------------*/
.prize_applyInformation {
  display: flex;
  padding: 0 20px;
}

@media screen and (max-width: 960px) {
  .prize_applyInformation {
    display: block;
  }
}

.prize_applyInformation__thumbnail {
  width: 180px;
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .prize_applyInformation__thumbnail {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px auto;
  }
}

.prize_applyInformation__image {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
}

.prize_applyInformation__summary {
  margin-bottom: 20px;
}

.prize_applyInformation__text {
  flex: 1;
}

.prize_applyInformation__name {
  margin-bottom: 20px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.4;
}

.prize_applyInformation__item {
  margin-bottom: 10px;
  font-size: 1.6rem;
  line-height: 1.4;
}

.prize_applyInformation__select {
  max-width: 300px;
  margin: 20px auto;
}

.prize_applyInformation__button {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/*------------------------------
  ** メンバー情報
------------------------------*/
.prize_memberInformation {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.prize_memberInformation th,
.prize_memberInformation td {
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ddd;
}

.prize_memberInformation th {
  width: 178px;
  text-align: right;
  background-color: #f5f5f5;
}

@media screen and (max-width: 960px) {
  .prize_memberInformation {
    display: block;
  }
  .prize_memberInformation tbody,
  .prize_memberInformation tr,
  .prize_memberInformation th,
  .prize_memberInformation td {
    display: block;
    box-sizing: border-box;
  }
  .prize_memberInformation th {
    width: 100%;
    margin-top: -1px;
    text-align: left;
  }
  .prize_memberInformation td {
    margin-top: -1px;
  }
  .prize_memberInformation tr:first-child th {
    margin-top: 0;
  }
}

/*------------------------------
  ** 応募注意事項
------------------------------*/
.prize_applyAttention {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 8px 20px;
  font-size: 1.3rem;
  border-width: 2px 0;
  border-style: dashed;
  border-color: #ffb3b3;
  background-color: #ffeeee;
}

.prize_applyAttention__item {
  padding-left: calc(1em + 0.5em);
  text-indent: calc(1em * -1);
}

.prize_applyAttention__item::before {
  content: '※';
  display: inline-block;
  width: 1em;
  text-align: right;
}

/*------------------------------
  ** 応募注意事項見出し
------------------------------*/
.prize_applyAttentionHeading {
  box-sizing: border-box;
  max-width: 700px;
  margin: 0 auto;
  padding: 5px;
  font-size: 1.6rem;
  background-color: #f7f7f7;
}

/*------------------------------
  ** 登録情報変更ボタン
------------------------------*/
.prize_memberChangeButton {
  padding: 5px;
}

.prize_memberChangeButton--error {
  border: 1px solid #d10000;
  background-color: #ffeeee;
}

.prize_memberChangeButton__item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.prize_memberChangeButton__description {
  font-size: 1.4rem;
}

.prize_memberChangeButton__button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #64615b;
  background: #e6ded2;
  margin: 0 auto;
  padding: 8px 15px;
  font-size: 1.4rem;
  color: #413f3b;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition-property: border-bottom-color background-color;
  transition-duration: 0.1s;
}

.prize_memberChangeButton__button:hover {
  text-decoration: none;
  color: #413f3b;
  background-color: #d0bb9c;
}

.prize_memberChangeButton__button--error {
  color: #fff;
  background-color: #e95559;
}

.prize_memberChangeButton__button--error:hover {
  color: #fff;
  background-color: #cf3035;
}

/*------------------------------
  ** 登録情報変更確認
------------------------------*/
.prize_memberChangeCheck__heading {
  position: relative;
  min-height: 28px;
  margin-bottom: 20px;
  padding: 0 0 5px 0;
  font-size: 1.8rem;
  text-align: center;
  border-bottom: 2px solid #eee;
}

.prize_memberChangeCheck__summary {
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
}

.prize_memberChangeCheck__form {
  margin-bottom: 20px;
}

/*------------------------------
  ** セブンATMの注意事項
------------------------------*/
.prize_sevenATM__heading {
  position: relative;
  min-height: 28px;
  margin-bottom: 20px;
  padding: 0 0 5px 0;
  font-size: 1.8rem;
  text-align: center;
  border-bottom: 2px solid #eee;
}

.prize_sevenATM__summary {
  margin-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
}

.prize_sevenATM__form {
  margin-bottom: 20px;
}

/*------------------------------
  ** 他の懸賞も要チェック！
------------------------------*/
.prize_etcCheck__heading {
  position: relative;
  display: flex;
  justify-content: center;
  width: 700px;
  margin: 0 auto;
}

.prize_etcCheck__heading::after {
  position: absolute;
  left: 0;
  top: calc(50% - 1px / 2);
  z-index: 1;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #333;
}

.prize_etcCheck__headingInner {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background-color: #fff;
}

.prize_etcCheck__headingBaloon {
  position: relative;
  top: -10px;
  display: inline-block;
  margin-right: 10px;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  padding-top: 15px;
  line-height: 1.4;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  background: #fdb20e;
  border-radius: 50%;
  box-sizing: border-box;
  animation: balloon 5s infinite;
}

.prize_etcCheck__headingBaloon::before {
  position: absolute;
  bottom: -8px;
  right: -8px;
  content: '';
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #fdb20e;
  transform: rotate(45deg);
}

.prize_etcCheck__headingLabel {
  font-size: 2.2rem;
}

.prize_etcCheck__summary {
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_etcCheck__list {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 961px) {
  .prize_etcCheck__listItem {
    width: calc(14.285% - 1px * (7 - 1) / 7);
    margin-right: 1px;
  }
  .prize_etcCheck__listItem:nth-child(7n), .prize_etcCheck__listItem:last-child {
    margin-right: 0;
  }
  .prize_etcCheck__listItem:nth-child(n+8) {
    margin-top: 1px;
  }
}

@media (min-width: 691px) and (max-width: 960px) {
  .prize_etcCheck__listItem {
    width: calc(20% - 1px * (5 - 1) / 5);
    margin-right: 1px;
  }
  .prize_etcCheck__listItem:nth-child(5n), .prize_etcCheck__listItem:last-child {
    margin-right: 0;
  }
  .prize_etcCheck__listItem:nth-child(n+6) {
    margin-top: 1px;
  }
}

@media (max-width: 690px) {
  .prize_etcCheck__listItem {
    width: calc(33.3334% - 10px * (3 - 1) / 3);
    margin-right: 10px;
  }
  .prize_etcCheck__listItem:nth-child(3n), .prize_etcCheck__listItem:last-child {
    margin-right: 0;
  }
  .prize_etcCheck__listItem:nth-child(n+4) {
    margin-top: 10px;
  }
}

.prize_etcCheck__link {
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 5px;
  color: #333;
  text-align: center;
  border: 3px solid #fdb20e;
  transition-property: border-color;
  transition-duration: 0.1s;
}

.prize_etcCheck__link:hover {
  text-decoration: none;
  border-color: #c48701;
}

.prize_etcCheck__link:hover .prize_etcCheck__name {
  color: #fff;
  background-color: #c48701;
}

.prize_etcCheck__link--end {
  border-color: #ccc;
}

.prize_etcCheck__link--end .prize_etcCheck__mark {
  display: flex;
  justify-content: center;
  align-items: center;
}

.prize_etcCheck__link--end .prize_etcCheck__name {
  color: #333;
  background-color: #ccc;
}

.prize_etcCheck__link--end:hover {
  border-color: #ccc;
}

.prize_etcCheck__link--end:hover .prize_etcCheck__name {
  color: #333;
  background-color: #ccc;
}

.prize_etcCheck__name {
  margin-bottom: 5px;
  font-size: 1.1rem;
  line-height: 2;
  border-radius: 5px;
  background-color: #fdb20e;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_etcCheck__thumbnail {
  position: relative;
}

.prize_etcCheck__mark {
  display: none;
  position: absolute;
  top: calc(50% - 70px / 2);
  left: calc(50% - 70px / 2);
  z-index: 1;
  width: 70px;
  height: 70px;
  font-size: 5.0rem;
  font-weight: bold;
  color: #e7474c;
  line-height: 1;
  border: 3px solid #e7474c;
  border-radius: 50%;
  background-color: #fff;
  transform: rotate(15deg);
}

.prize_etcCheck__image {
  width: 100%;
}

@keyframes balloon {
  0% {
    transform: rotate(-15deg);
  }
  30% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  80% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-15deg);
  }
}

/*------------------------------
  ** ポイントをもっと貯めて、毎月・毎週懸賞に応募しよう！
------------------------------*/
.prize_pointCheck__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.prize_pointCheck__headingIcon {
  width: 35px;
  margin-right: 10px;
}

.prize_pointCheck__headingLabel {
  font-size: 2.2rem;
  line-height: 1.4;
}

@media screen and (min-width: 721px) {
  .prize_pointCheck__list {
    display: flex;
    flex-wrap: wrap;
  }
}

.prize_pointCheck__listItem {
  box-sizing: border-box;
  padding: 10px;
  border: 3px solid #2a7fb8;
}

@media screen and (min-width: 721px) {
  .prize_pointCheck__listItem {
    width: calc(50% - 15px * (2 - 1) / 2);
    margin-right: 15px;
  }
  .prize_pointCheck__listItem:nth-child(2n), .prize_pointCheck__listItem:last-child {
    margin-right: 0;
  }
  .prize_pointCheck__listItem:nth-child(n+3) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 720px) {
  .prize_pointCheck__listItem {
    margin: 10px auto;
  }
}

.prize_pointCheck__subHeading {
  display: flex;
  align-items: center;
  padding: 0 0 5px 0;
  font-size: 2.1rem;
  border-bottom: 1px dashed #ccc;
}

.prize_pointCheck__icon {
  width: 20px;
  margin-right: 10px;
}

.prize_pointCheck__body {
  margin-top: 10px;
}

.prize_pointCheck__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 8px;
  color: #64615b;
  text-align: center;
  border-radius: 5px;
  background-color: #e6ded2;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.prize_pointCheck__button:hover {
  color: #64615b;
  text-decoration: none;
  background-color: #eee8df;
}

/*------------------------------
  ** アンケート
------------------------------*/
.prize_pointCheckResearch__item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
}

.prize_pointCheckResearch__item:first-child {
  padding-top: 0;
}

.prize_pointCheckResearch__summary {
  flex: 1;
  padding-right: 15px;
}

@media screen and (max-width: 960px) {
  .prize_pointCheckResearch__summary {
    padding: 0;
  }
}

.prize_pointCheckResearch__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  min-height: 36px;
  color: #fff;
  border-radius: 5px;
  background-color: #2a7fb8;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.prize_pointCheckResearch__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #6fa5ce;
}

/*------------------------------
  ** ゲーム
------------------------------*/
.prize_pointCheckGame {
  display: flex;
  flex-wrap: wrap;
}

.prize_pointCheckGame__item {
  width: calc(50% - 15px * (2 - 1) / 2);
  margin-right: 15px;
}

.prize_pointCheckGame__item:nth-child(2n), .prize_pointCheckGame__item:last-child {
  margin-right: 0;
}

.prize_pointCheckGame__item:nth-child(n+3) {
  margin-top: 15px;
}

.prize_pointCheckGame__link {
  transition-property: opacity;
  transition-duration: 0.1s;
}

.prize_pointCheckGame__link:hover {
  opacity: 0.8;
}

.prize_pointCheckGame__image {
  width: 100%;
}

/*------------------------------
  ** モンスターバナー
------------------------------*/
.prize_monsterBanner__banner {
  margin-bottom: 10px;
  text-align: center;
}

.prize_monsterBanner__rule {
  text-align: center;
}

/*------------------------------
  ** ポイントモーダル
------------------------------*/
.prize_pointModal__heading {
  margin-bottom: 40px;
  padding-bottom: 5px;
  font-size: 2.1rem;
  line-height: 1.4;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.prize_pointModal__banners {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 480px) {
  .prize_pointModal__banners {
    display: block;
  }
}

.prize_pointModal__banner {
  text-align: center;
}

@media screen and (min-width: 481px) {
  .prize_pointModal__banner {
    flex: 1;
  }
}

@media screen and (max-width: 480px) {
  .prize_pointModal__banner {
    margin-bottom: 20px;
  }
}

.prize_pointModal__link {
  color: #333;
  transition-property: opacity;
  transition-duration: 0.1s;
}

.prize_pointModal__link:hover {
  color: #333;
  opacity: 0.8;
}

.prize_pointModal__name {
  display: block;
  margin-top: 5px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.prize_pointModal__lead {
  margin-top: 20px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .prize_pointModal__lead {
    font-size: 1.8rem;
  }
}

/*------------------------------------------------------------
  ** 商品交換
------------------------------------------------------------*/
/*------------------------------
  ** ヘッダー
------------------------------*/
.prize_exchangeHeader__headingImage {
  width: 100%;
}

/*------------------------------
  ** 見出し
------------------------------*/
.prize_exchangeHeading {
  padding: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #0e7c2c;
  line-height: 1.4;
  text-align: center;
  background-color: #9cefb0;
}

.prize_exchangeHeading__heading {
  font-size: 2.8rem;
}

.prize_exchangeHeading__pointInformation {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  border-top: 1px dashed #4a3718;
}

.prize_exchangeHeading__pointValue {
  display: inline-block;
  margin-right: 4px;
  font-size: 1.8rem;
  color: #cb040c;
}

/*------------------------------
  ** 賞品
------------------------------*/
.prize_exchangeItemList__item {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  border-top: 1px solid #ccc;
}

.prize_exchangeItemList__item:first-child {
  border-top: none;
}

@media screen and (max-width: 480px) {
  .prize_exchangeItemList__item {
    display: block;
  }
}

.prize_exchangeItemList__thumbnail {
  width: 200px;
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .prize_exchangeItemList__thumbnail {
    width: 140px;
  }
}

@media screen and (max-width: 480px) {
  .prize_exchangeItemList__thumbnail {
    margin: 0 auto 10px auto;
  }
}

.prize_exchangeItemList__image {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
}

.prize_exchangeItemList__information {
  flex: 1;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 720px) {
  .prize_exchangeItemList__information {
    display: block;
  }
}

.prize_exchangeItemList__summary {
  flex: 1;
  margin-bottom: 10px;
}

.prize_exchangeItemList__name {
  margin-bottom: 12px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.4;
}

.prize_exchangeItemList__description {
  margin-bottom: 16px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_exchangeItemList__description {
  margin-bottom: 16px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_exchangeItemList__applyNumber {
  margin-top: 10px;
  font-size: 1.4rem;
}

.prize_exchangeItemList__apply {
  width: 300px;
  margin-left: 20px;
}

@media screen and (max-width: 960px) {
  .prize_exchangeItemList__apply {
    width: 200px;
  }
}

@media screen and (max-width: 720px) {
  .prize_exchangeItemList__apply {
    width: 100%;
    margin: 20px 0 10px 0;
  }
}

/*------------------------------
  ** 応募フォーム
------------------------------*/
.prize_exchangeForm {
  max-width: 300px;
  margin: 0 auto;
}

.prize_exchangeForm__select {
  width: 100%;
  padding: 10px;
  font-size: 1.4rem;
}

.prize_exchangeForm__button {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/*------------------------------------------------------------
  ** 当選者発表
------------------------------------------------------------*/
/*------------------------------
  ** ヘッダー
------------------------------*/
.prize_winnerHeader__image {
  width: 100%;
}

/*------------------------------
  ** 喜びの声
------------------------------*/
.prize_winnerVoice__item {
  padding: 20px 0;
}

.prize_winnerVoice__heading {
  margin-bottom: 5px;
  font-size: 2.1rem;
}

.prize_winnerVoice__main {
  padding: 10px;
  background-color: #eee;
}

.prize_winnerVoice__main--everyday {
  background-color: #fff085;
}

.prize_winnerVoice__main--everyweek {
  background-color: #b5f7a1;
}

.prize_winnerVoice__main--everymonth {
  background-color: #fecfd7;
}

.prize_winnerVoice__prize {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.prize_winnerVoice__thumbnail {
  display: block;
  width: 70px;
  margin-right: 8px;
  border: 1px solid #ccc;
}

.prize_winnerVoice__prizeImage {
  width: 100%;
}

.prize_winnerVoice__name {
  flex: 1;
  display: block;
  font-size: 1.4rem;
}

.prize_winnerVoice__voice {
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #fff;
}

/*------------------------------
  ** 喜びの声バックナンバー
------------------------------*/
.prize_winnerBacknumber__heading {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 5px 0;
  font-size: 1.8rem;
  border-bottom: 2px solid #eee;
}

.prize_winnerBacknumber__list {
  display: flex;
  flex-wrap: wrap;
}

.prize_winnerBacknumber__listItem {
  padding: 0 10px;
  border-left: 1px solid #ccc;
}

.prize_winnerBacknumber__listItem:first-child {
  border-left: none;
}

.prize_winnerBacknumber__current {
  font-size: 1.4rem;
  font-weight: bold;
}

/*------------------------------------------------------------
  ** エラー
------------------------------------------------------------*/
.prize_errorMessage {
  padding: 60px 0;
  text-align: center;
}

.prize_errorMessage__message {
  margin-bottom: 20px;
  font-size: 2.0rem;
  line-height: 1.8;
}

/*------------------------------------------------------------
  ** 旧環境から移植したものの調整
------------------------------------------------------------*/
/*
  高さが潰れる系は、
  https://img.fruitmail.net/fruit/css/common/common.css
  のbodyに指定してあるline-heightの影響ぽい。
*/
/*------------------------------
  ** プレゼントルーレット
------------------------------*/
#roulette_play .btn_set .btn {
  padding: 20px;
}

/*------------------------------
  ** プレゼント漢字クイズ
------------------------------*/
#kanjiquiz_geme_view {
  margin-bottom: 10px;
}

.kanjiquiz_question_text {
  line-height: 1.2;
}

.kanjiquiz_result_item {
  box-sizing: border-box;
  padding: 8px;
  line-height: 1.2;
}

.kanjiquiz .btn_set a.btn {
  padding: 20px;
}

.kanjiquiz_result_text_item {
  line-height: 1.2;
}

.kanjiquiz_result_count {
  line-height: 1.2;
}

.kanjiquiz_lead_item {
  font-size: 1.6rem;
  line-height: 1.2;
}

.prize_kanjiquizResult {
  display: flex;
  flex-wrap: wrap;
}

.prize_kanjiquizResult__item {
  width: 50%;
}

.prize_kanjiquizResult__inner {
  display: flex;
  width: 100%;
}

.prize_kanjiquizResult .kanjiquiz_result_one_question_no {
  width: 60px;
}

.prize_kanjiquizResult .kanjiquiz_result_one_text {
  flex: 1;
}

.prize_kanjiquizResult .kanjiquiz_result_one_result {
  width: 30px;
}

.prize_kanjiquizResult .result_ok {
  color: #d10000;
}

.prize_kanjiquizResult .result_ng {
  color: #1500d1;
}

/*------------------------------------------------------------
  ** LPO
------------------------------------------------------------*/
.prize_landing {
  width: 950px;
  margin-bottom: 20px;
}

@media (max-width: 950px) {
  .prize_landing {
    width: 100%;
  }
}

.adenquete {
  margin: 5px;
}

.adenquete_information {
  margin-bottom: 20px;
  padding: 5px 0;
  text-align: center;
  background-color: #fffbd4;
}

.adenquete_information__label {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
}

.adenquete_title {
  background: #d04040;
  display: block;
  border-radius: 8px;
}

.adenquete_title__caption {
  margin-bottom: 10px;
  padding: 10px;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
}

@media screen and (max-width: 450px) {
  .adenquete_title__caption {
    font-size: 14px;
    text-align: center;
  }
}

.adenquete_information {
  background: #fffbd4;
  margin-bottom: 20px;
  padding: 5px 0;
  border: 1px solid #ccc;
  /*&--strong {
            color : #d10000
        }*/
}

.adenquete_eyecatch {
  background-color: #d04040;
}

.adenquete_eyecatch img {
  width: 100%;
}

.adenquete_campaign {
  width: 100%;
  margin: 10px 0;
}

.adenquete_tabMenu {
  position: relative;
  text-align: center;
  border-bottom: 5px solid #d04040;
}

.adenquete_tabMenu__link {
  text-decoration: none;
  display: inline-block;
  width: 35%;
  padding: 10px 0px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #fff;
  border-radius: 6px 6px 0px 0px;
  background: #aaa;
}

@media screen and (max-width: 640px) {
  .adenquete_tabMenu__link {
    font-size: 10px;
  }
}

.adenquete_tabMenu__link--current {
  cursor: auto;
  font-weight: bold;
  border-bottom: 1px solid #d04040;
  background: #d04040;
}

.adenquete_tabMenu__link:hover {
  background: #e55757;
}

.adenquete_enqueteList {
  display: flex;
  flex-direction: column;
  background: #eee;
  border-width: 0 0px 0 0px;
  box-sizing: border-box;
  border-style: solid;
  border-color: #ccc;
  margin-bottom: 20px;
}

.adenquete_enqueteHeader {
  display: flow-root;
  background: #f5f5f5;
  border-color: #ccc;
  border-style: solid;
  border-width: 0px 1px 0 0;
}

.adenquete_enqueteHeader__nameCell {
  width: calc(100% - 111px);
}

.adenquete_enqueteHeader__name {
  font-size: 14px;
}

.adenquete_enqueteHeader__buttonCell {
  width: 111px;
  text-align: center;
}

.adenquete_enqueteHeader__button {
  font-size: 14px;
}

.adenquete_enqueteHeader__startDateCell {
  width: calc((100% - 111px) / 2);
}

.adenquete_enqueteHeader__startDate {
  font-size: 14px;
}

.adenquete_enqueteHeader__endDateCell {
  width: calc((100% - 111px) / 2);
}

.adenquete_enqueteHeader__endDate {
  font-size: 14px;
}

.adenquete_enqueteHeader__pointCell {
  width: 111px;
}

.adenquete_enqueteHeader__point {
  font-size: 14px;
}

.adenquete_enqueteHeader > div {
  text-align: center;
  font-weight: 700;
  float: left;
  line-height: 1.8;
  padding-top: 2px;
  display: inline-block;
  padding-bottom: 2px;
  font-size: 14px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: #ccc;
}

.adenquete_enqueteItem {
  display: flow-root;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  line-height: 1.0;
  border-width: 0 1px 1px 0;
  border-style: solid;
  box-sizing: border-box;
  border-color: #ccc;
  margin-bottom: 10px;
  background: white;
}

.adenquete_enqueteItem__nameCell {
  width: calc(100% - 111px);
}

.adenquete_enqueteItem__name {
  padding-top: 14px;
  padding-left: 6px;
  font-size: 14px;
}

.adenquete_enqueteItem__buttonCell {
  width: 111px;
  text-align: center;
}

.adenquete_enqueteItem__button {
  text-decoration: none;
  display: inline;
  padding: 8px;
  color: #fff;
  background: #d04040;
  border-radius: 4px;
  line-height: 40px;
}

.adenquete_enqueteItem__startDate {
  padding-top: 14px;
  padding-left: 6px;
  font-size: 14px;
}

.adenquete_enqueteItem__startDateCell {
  width: calc((100% - 111px) / 2);
}

.adenquete_enqueteItem__endDate {
  padding-top: 14px;
  padding-left: 6px;
  font-size: 14px;
}

.adenquete_enqueteItem__endDateCell {
  width: calc((100% - 111px) / 2);
}

.adenquete_enqueteItem__pointCell {
  width: 111px;
  text-align: center;
}

.adenquete_enqueteItem__pointValue {
  font-size: 18px;
  color: #d10000;
  display: inline-block;
  line-height: 1.8;
  padding-top: 4px;
}

.adenquete_enqueteItem__pointUnit {
  line-height: 1.8;
  padding-top: 10px;
}

.adenquete_enqueteItem > div {
  font-size: 14px;
  float: left;
  padding-top: 2px;
  height: 44px;
  padding-bottom: 2px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: #ccc;
}

.adenquete_footerBunner {
  text-align: center;
  margin-bottom: 10px;
}

.adenquete_alert {
  margin-bottom: 10px;
  padding: 10px 10px 0px 10px;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  background: #eee;
}

.adenquete_alert__title {
  padding: 0px 0px 5px 0px;
  margin-bottom: 5px;
  font-size: 16px;
  border-bottom: 1px dotted #ccc;
}

.adenquete_alert__message {
  color: #cc6633;
  padding: 0px 0px 10px 0px;
  line-height: 1.5;
}

.adenquete_error__wrapper, .adenquete_thanks__wrapper {
  border-color: #d04040;
  margin-bottom: 10px;
  padding: 40px 20px;
  text-align: center;
  border-width: 1px 0px;
  border-style: solid;
}

.adenquete_error__message, .adenquete_thanks__message {
  font-size: 16px;
  line-height: 2;
}

.adenquete_enterSummary {
  font-size: 1.4rem;
  border-color: #d04040;
  margin-bottom: 10px;
  border: 3px solid #d04040;
}

.adenquete_enterSummary__rewardWrapper {
  margin: 5px;
}

.adenquete_enterSummary__rewardCaption {
  display: table-cell;
  width: 84px;
  padding: 5px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background: #d04040;
}

.adenquete_enterSummary__rewardMessage {
  display: table-cell;
  padding: 10px;
  line-height: 1.8;
  vertical-align: middle;
  background: #fff;
  margin: 0px;
  font-size: 16px;
}

.adenquete_enterSummary__rewardMessage--strong {
  color: #d10000;
}

.adenquete_enterSummary__alert {
  color: #d04040;
}

.adenquete_enterAttention__title {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  background: #eee;
}

.adenquete_enterAttention__messageWrapper {
  margin-bottom: 20px;
  padding: 10px;
  font-size: 14px;
  line-height: 1.5;
}

.adenquete_enterAttention__messageItem {
  padding: 0px 0px 10px 0px;
  line-height: 1.5;
}

.adenquete_enterAttention__messageList {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.adenquete_enterAttention__messageListItem:before {
  position: absolute;
  left: 0px;
  top: 0px;
  content: '※';
}

.adenquete_enterAttention__messageListItem {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  line-height: 1.8;
}

.adenquete_enterAttention__messageListItem--strong {
  color: #d10000;
}

.adenquete_formGroup {
  text-align: center;
  margin-bottom: 10px;
}

.adenquete_formGroup--gtgt {
  margin-top: 100px;
}

.adenquete_formGroup__button {
  margin: 10px 0px 10px 0px;
  background: #d04040 !important;
  display: inline-block !important;
  cursor: pointer !important;
  min-width: 200px !important;
  margin-bottom: 10px !important;
  padding: 10px !important;
  font-size: 20px !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
}

.adenquete_formGroup__button--invisible {
  opacity: 0;
  visibility: collapse;
}

.adenquete_enterAdvertTrap {
  width: 100%;
  max-width: 728px;
  margin: 0px auto;
  text-align: center;
  display: block;
}

.adenquete_enterAdvertTrap--gtgt {
  display: none;
}

.adenquete_doubleRectangleAdvert__list {
  justify-content: center;
  display: flex;
  flex-flow: row;
}

.adenquete_doubleRectangleAdvert__list--swap {
  flex-flow: row-reverse;
}

.adenquete_doubleRectangleAdvert__item {
  min-height: 250px;
  padding: 0 5px;
}

.adenquete_questionWrapper {
  font-size: 1.4rem;
  border-color: #d04040;
  margin-bottom: 10px;
  border: 3px solid #d04040;
}

.adenquete_questionWrapper__rewardWrapper {
  margin: 5px;
}

.adenquete_questionWrapper__rewardCaption {
  display: table-cell;
  width: 84px;
  padding: 5px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background: #d04040;
}

.adenquete_questionWrapper__rewardMessage {
  display: table-cell;
  padding: 10px;
  line-height: 1.8;
  vertical-align: middle;
  background: #fff;
  margin: 0px;
}

.adenquete_questionWrapper__rewardMessage--strong {
  color: #d10000;
}

.adenquete_questionWrapper__alert {
  color: #d04040;
}

.adenquete_answerArea {
  margin: 8px;
}

.adenquete_selectAnswerInterface {
  border-radius: 4px;
  width: 100%;
  padding: 8px;
  font-size: 24px;
}

.adenquete_singleAnswerInterface__item, .adenquete_multiAnswerInterface__item {
  line-height: 2.2;
}

.adenquete_questionMiddleLeaderboard {
  text-align: center;
}

.adenquete_questionControllInterface {
  text-align: center;
  margin-top: 10px;
}

.adenquete_questionControllInterface--gtgt {
  margin-top: 100px;
}

.adenquete_questionControllInterface__nextButton {
  background-color: #d04040 !important;
  display: inline-block !important;
  cursor: pointer !important;
  min-width: 200px !important;
  margin-bottom: 10px !important;
  padding: 10px !important;
  font-size: 20px !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
}

.adenquete_breadcrumb {
  overflow: hidden;
  width: 100%;
  height: 25px;
  margin: 0px auto;
  padding: 0px;
  border-radius: 0px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #ddd;
  background: #f5f5f5;
  margin-bottom: 20px;
}

.adenquete_breadcrumb__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}

.adenquete_breadcrumb__content {
  padding: 0px 20px;
}

.adenquete_breadcrumb__list {
  display: table;
  line-height: 1.5;
}

.adenquete_breadcrumb__listItem {
  display: table-cell;
  white-space: nowrap;
  line-height: 1.5;
  border-left: 1px solid #ddd;
}

.adenquete_breadcrumb a {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none;
  margin-top: 0px;
  padding: 5px 20px 5px 20px;
  font-size: 1.1rem;
  color: #333;
  line-height: 1.5;
}

.adenquete_breadcrumb__link a:hover {
  background: #eee;
}

.adenquete_breadcrumb__link--current a:hover {
  cursor: auto;
  background: #f5f5f5;
}

.adenquete_header {
  padding: 0px 0px 7px 0px;
  display: flex;
  align-items: center;
  margin: 10px auto 0;
  width: 1000px;
}

@media screen and (max-width: 450px) {
  .adenquete_header {
    width: auto;
    flex-direction: column;
  }
}

.adenquete_header__advert {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.adenquete_footer {
  display: block;
}

.adenquete_footer__wrapper {
  width: 100%;
  height: 50px;
  border-top: 1px solid #ccc;
  background: #fff;
}

.adenquete_footer__inner {
  padding: 15px 0px 0px 0px;
  text-align: center;
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}

.adenquete_footer__contents {
  padding: 0px;
}

.adenquete_footer small {
  font-size: 0.7rem;
  color: #333;
}

.adenquete_moveTop {
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 70;
}

.adenquete_moveTop__link {
  background: #d04040;
  position: relative;
  display: block;
  text-decoration: none;
  width: 50px;
  height: 26px;
  padding-top: 24px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  outline: none;
  cursor: pointer;
}

.adenquete_moveTop__link:before {
  position: absolute;
  left: 50%;
  top: 5px;
  content: '';
  width: 0px;
  height: 0px;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.adenquete_checkOtherEnquete {
  visibility: collapse;
  opacity: 0;
  display: none;
  transition: all 1000ms 0s ease;
  height: 0;
  margin-top: 20px;
}

.adenquete_checkOtherEnquete--open {
  visibility: visible;
  opacity: 1;
  height: auto;
  display: block;
}

.adenquete_layout__adInterstitial {
  margin-bottom: 10px;
}

.adenquete_layout__adInterstitial--mobile {
  margin-bottom: 10px;
}

/*------------------------------------------------------------------------------------------
  ** マイページ
------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------
  ** レイアウト
------------------------------------------------------------*/
/*------------------------------
  ** 大枠
------------------------------*/
.mypage_layout {
  display: flex;
  padding: 10px;
  background-color: #faf8f8;
  font-feature-settings: "palt";
}

@media (max-width: 800px) {
  .mypage_layout {
    display: block;
  }
}

.mypage_layout__main {
  flex: 1;
}

.mypage_layout__sub {
  width: 300px;
  margin-left: 10px;
}

@media (max-width: 800px) {
  .mypage_layout__sub {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}

/*------------------------------
  ** 余白コントロール
------------------------------*/
.mypage_commonItem {
  margin-bottom: 20px;
}

.mypage_commonItem:last-child {
  margin-bottom: 0;
}

/*------------------------------------------------------------
  ** マイページ共通コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 注意事項
------------------------------*/
.mypage_attention {
  padding: 20px;
  background-color: #f5f5f5;
}

.mypage_attention__heading {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.mypage_attention__listItem {
  position: relative;
  margin-top: 2px;
  padding-left: 1.2em;
  font-size: 1.4rem;
  line-height: 1.6;
}

.mypage_attention__listItem:last-child {
  margin-bottom: 0;
}

.mypage_attention__listItem::before {
  position: absolute;
  left: calc(0.5em - 3px / 2);
  top: calc(0.5em * 1.6 - 3px / 2);
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333;
}

/*------------------------------------------------------------
  ** マイページトップ用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** ポイントデータ
------------------------------*/
.mypage_pointData {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.mypage_pointData__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
}

.mypage_pointData__name {
  font-size: 1.8rem;
}

.mypage_pointData__nameUnit {
  margin-left: 5px;
  font-weight: normal;
}

.mypage_pointData__mainButton {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  color: #64615b;
  background-color: #e6ded2;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.mypage_pointData__mainButton:hover {
  color: #64615b;
  text-decoration: none;
  background-color: #d0bb9c;
}

.mypage_pointData__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
}

.mypage_pointData__kind {
  box-sizing: border-box;
  width: 180px;
  padding-left: 20px;
  font-size: 1.4rem;
}

.mypage_pointData__kind--point {
  background-image: url("https://img.fruitmail.net/fruit/img/top/acc/icon-point.png");
  background-repeat: no-repeat;
  background-size: 17px;
}

.mypage_pointData__kind--rank {
  background-image: url("https://img.fruitmail.net/fruit/img/top/acc/icon-rank.png");
  background-repeat: no-repeat;
  background-size: 17px;
}

.mypage_pointData__kind--spPoint {
  background-image: url("https://img.fruitmail.net/fruit/img/top/acc/icon-shopping.png");
  background-repeat: no-repeat;
  background-size: 17px;
}

.mypage_pointData__point {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.mypage_pointData__pointValue {
  display: block;
  margin-right: 5px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #de4040;
}

@media (max-width: 480px) {
  .mypage_pointData__pointValue {
    font-size: 1.8rem;
  }
}

.mypage_pointData__pointUnit {
  display: block;
  width: 60px;
  font-size: 1.6rem;
}

.mypage_pointData__subButtons {
  width: 205px;
  display: flex;
}

@media (max-width: 960px) {
  .mypage_pointData__subButtons {
    width: 100%;
    margin-top: 10px;
  }
}

.mypage_pointData__subButton {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  margin-right: 5px;
  padding: 3px;
  font-size: 1.3rem;
  color: #db8700;
  border: 1px solid #db8700;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.mypage_pointData__subButton:hover {
  color: #fff;
  text-decoration: none;
  background-color: #db8700;
}

.mypage_pointData__subButton:last-child {
  margin-right: 0;
}

.mypage_pointData__date {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  font-size: 1.2rem;
  color: #666;
}

/*------------------------------
  ** スタンプラリー
------------------------------*/
.mypage_stampRally {
  padding: 10px 20px;
  background-color: #2cb5a9;
  background-image: url("https://img.fruitmail.net/fruit/img/mypage/stamp_rally/stamp_bg.png");
}

@media (max-width: 720px) {
  .mypage_stampRally {
    padding: 10px;
  }
}

.mypage_stampRally--newMember {
  background-color: #ffd522;
}

/*-- ヘッド --*/
.mypage_stampRallyHead {
  display: flex;
  align-items: center;
}

@media (max-width: 960px) {
  .mypage_stampRallyHead {
    justify-content: space-between;
  }
}

.mypage_stampRallyHead__heading {
  position: relative;
  width: 327px;
  margin-top: -30px;
  margin-right: 10px;
}

@media (max-width: 960px) {
  .mypage_stampRallyHead__heading {
    margin-top: 0;
  }
}

.mypage_stampRallyHead__lead {
  position: relative;
  animation: leadAnimation 1.0s ease-in-out infinite alternate;
}

@media (max-width: 720px) {
  .mypage_stampRallyHead__lead {
    display: none;
  }
}

.mypage_stampRallyHead__image {
  width: 100%;
}

.mypage_stampRallyHead__buttons {
  width: 40px;
}

.mypage_stampRallyHead__button {
  box-sizing: border-box;
  display: block;
  width: 40px;
  margin-bottom: 4px;
  padding: 4px;
  font-size: 1.2rem;
  color: #0a625a;
  text-align: center;
  border-bottom: 1px solid #0a625a;
  border-radius: 5px;
  background-color: #d5fffb;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.mypage_stampRallyHead__button:last-child {
  margin-bottom: 0;
}

.mypage_stampRallyHead__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0b615a;
}

.mypage_stampRallyHead__buttonImage {
  width: 16px;
}

@keyframes leadAnimation {
  0% {
    top: 5px;
  }
  100% {
    top: -5px;
  }
}

/*-- キャッチ --*/
.mypage_stampRallyCatch__main {
  display: flex;
  margin-bottom: 10px;
}

.mypage_stampRallyCatch__mainLabel {
  flex: 1;
  padding: 5px;
  font-size: 1.7rem;
  color: #f6ff00;
  line-height: 1.3;
  text-align: center;
  background-color: #ee425b;
}

@media (max-width: 720px) {
  .mypage_stampRallyCatch__mainLabel {
    font-size: 1.4rem;
  }
}

.mypage_stampRallyCatch__mainLabel--newMember {
  background-color: #245793;
}

.mypage_stampRallyCatch__mainLabelItem {
  display: block;
  text-align: center;
}

.mypage_stampRallyCatch__mainRibbonLeft {
  position: relative;
  width: 20px;
}

.mypage_stampRallyCatch__mainRibbonLeft::before, .mypage_stampRallyCatch__mainRibbonLeft::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
}

.mypage_stampRallyCatch__mainRibbonLeft::before {
  background: linear-gradient(to bottom left, #ee425b 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonLeft::after {
  background: linear-gradient(to top left, #ee425b 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonLeft--newMember::before {
  background: linear-gradient(to bottom left, #245793 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonLeft--newMember::after {
  background: linear-gradient(to top left, #245793 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonRight {
  position: relative;
  width: 20px;
}

.mypage_stampRallyCatch__mainRibbonRight::before, .mypage_stampRallyCatch__mainRibbonRight::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
}

.mypage_stampRallyCatch__mainRibbonRight::before {
  background: linear-gradient(to bottom right, #ee425b 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonRight::after {
  background: linear-gradient(to top right, #ee425b 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonRight--newMember::before {
  background: linear-gradient(to bottom right, #245793 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonRight--newMember::after {
  background: linear-gradient(to top right, #245793 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainFocus {
  font-size: 2.4rem;
}

@media (max-width: 720px) {
  .mypage_stampRallyCatch__mainFocus {
    font-size: 2.0rem;
  }
}

.mypage_stampRallyCatch__sub {
  font-size: 2.6rem;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 720px) {
  .mypage_stampRallyCatch__sub {
    font-size: 2.2rem;
  }
}

.mypage_stampRallyCatch__subItem {
  display: inline-block;
}

.mypage_stampRallyCatch__subFocus {
  font-size: 1.3em;
}

/*-- スタンプカード --*/
.mypage_stampRallyCard__main {
  display: flex;
}

@media (max-width: 960px) {
  .mypage_stampRallyCard__main {
    display: block;
  }
}

.mypage_stampRallyCard__dayBox {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 170px;
  padding: 5px 10px 10px 10px;
  background-color: #874f17;
}

@media (max-width: 960px) {
  .mypage_stampRallyCard__dayBox {
    width: 100%;
  }
}

.mypage_stampRallyCard__day {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 5px;
  color: #fff;
  line-height: 1;
}

.mypage_stampRallyCard__dayValue {
  font-size: 3.0rem;
  font-weight: bold;
}

.mypage_stampRallyCard__dayUnit {
  position: relative;
  top: -2px;
  font-size: 1.4rem;
}

.mypage_stampRallyCard__heading {
  margin-bottom: 5px;
  padding: 3px 0;
  font-size: 1.2rem;
  font-weight: normal;
  color: #874f17;
  text-align: center;
  background-color: #fff0d8;
}

.mypage_stampRallyCard__button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 8px 5px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border: none;
  border-radius: 10px;
  background-color: #f9444a;
  box-shadow: 0 2px 3px #333;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_stampRallyCard__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0b615a;
}

.mypage_stampRallyCard__stampBox {
  flex: 1;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 25px 15px;
  border-radius: 0 50px 50px 0;
  background-color: #fff;
}

@media (max-width: 960px) {
  .mypage_stampRallyCard__stampBox {
    border-radius: 0;
  }
}

.mypage_stampRallyCard__stamps {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.mypage_stampRallyCard__stamp {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  padding: 10px;
  color: #bababa;
  border: 2px solid #bababa;
  border-radius: 50%;
  background: #fff;
}

@media (min-width: 961px) {
  .mypage_stampRallyCard__stamp {
    width: 70px;
    height: 70px;
    font-size: 3.6rem;
  }
}

@media (min-width: 721px) and (max-width: 960px) {
  .mypage_stampRallyCard__stamp {
    width: 60px;
    height: 60px;
    font-size: 3.2rem;
  }
}

@media (max-width: 720px) {
  .mypage_stampRallyCard__stamp {
    width: 40px;
    height: 40px;
    font-size: 2.8rem;
  }
}

.mypage_stampRallyCard__stampImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  border: 3px solid #7c532b;
  border-radius: 50%;
  animation: stamp 10s infinite;
}

.mypage_stampRallyCard__attention {
  margin-top: 10px;
  padding: 5px;
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #d5fffb;
}

@keyframes stamp {
  10% {
    transform: scale(0.8);
  }
  30% {
    transform: scale(1);
  }
}

/*-- スタンプ対象コンテンツリスト --*/
.mypage_stampRallyContents__heading {
  margin-bottom: 10px;
  font-size: 2.0rem;
  color: #fff;
  line-height: 1.4;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

.mypage_stampRallyContents__list {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 721px) {
  .mypage_stampRallyContents__listItem {
    width: calc(25% - 5px * (4 - 1) / 4);
    margin-right: 5px;
  }
  .mypage_stampRallyContents__listItem:nth-child(4n), .mypage_stampRallyContents__listItem:last-child {
    margin-right: 0;
  }
  .mypage_stampRallyContents__listItem:nth-child(n+5) {
    margin-top: 5px;
  }
}

@media (max-width: 720px) {
  .mypage_stampRallyContents__listItem {
    width: calc(50% - 5px * (2 - 1) / 2);
    margin-right: 5px;
  }
  .mypage_stampRallyContents__listItem:nth-child(2n), .mypage_stampRallyContents__listItem:last-child {
    margin-right: 0;
  }
  .mypage_stampRallyContents__listItem:nth-child(n+3) {
    margin-top: 5px;
  }
}

.mypage_stampRallyContents__link {
  position: relative;
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 10px;
  color: #333;
  text-align: center;
  border: 3px solid #b5e6e2;
  border-radius: 10px;
  background-color: #fff;
  transition-property: border-color background-color;
  transition-duration: 0.1s;
}

.mypage_stampRallyContents__link:hover {
  color: #333;
  text-decoration: none;
  border-color: #e5a530;
  background-color: #e5a530;
}

.mypage_stampRallyContents__link:hover .mypage_stampRallyContents__iconCircle {
  background-color: #fff;
}

.mypage_stampRallyContents__link:hover .mypage_stampRallyContents__name {
  background-color: #fff4e1;
}

.mypage_stampRallyContents__link--newMember {
  border-color: #fadc89;
}

.mypage_stampRallyContents__link--newMember:hover {
  border-color: #6789b1;
  background-color: #93c1f8;
}

.mypage_stampRallyContents__link--newMember:hover .mypage_stampRallyContents__name {
  background-color: #d1dbe6;
}

.mypage_stampRallyContents__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mypage_stampRallyContents__iconCircle {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 10px;
  border-radius: 50%;
  background-color: #2cb5a9;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_stampRallyContents__iconCircle--newMember {
  background-color: #ffbd46;
}

.mypage_stampRallyContents__iconImage {
  width: 100%;
}

.mypage_stampRallyContents__end {
  position: absolute;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 10px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1;
  background-color: #333;
  border-radius: 50%;
}

.mypage_stampRallyContents__name {
  display: block;
  margin: 5px 0;
  padding: 5px 0;
  font-weight: normal;
  background-color: #d5e8e6;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_stampRallyContents__name--newMember {
  background-color: #e8e8d5;
}

.mypage_stampRallyContents__pcIcon {
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  width: 24px;
  padding: 4px;
  border-top-right-radius: 8px;
  background-color: #666;
}

.mypage_stampRallyContents__pcIconImage {
  width: 100%;
}

.mypage_stampRallyContents__reason {
  display: flex;
  align-items: flex-start;
}

.mypage_stampRallyContents__reasonTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 26px;
  margin-right: 4px;
  padding: 2px;
  font-size: 1.1rem;
  border-radius: 5px;
  background-color: #ccc;
}

.mypage_stampRallyContents__reasonDescription {
  flex: 1;
  padding: 2px 0;
  font-size: 1.4rem;
  text-align: left;
}

/*------------------------------
  ** お知らせ
------------------------------*/
.mypage_news {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.mypage_news__heading {
  margin-bottom: 0;
  padding: 5px 5px 10px 25px;
  font-size: 2.0rem;
  border-bottom: 1px dashed #ccc;
  background-image: url("https://img.fruitmail.net/fruit/img/mypage/top/new_icon.png");
  background-position: left 0 top 4px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.mypage_news__listItem {
  padding: 10px 0;
  font-size: 1.4rem;
  border-bottom: 1px dashed #ccc;
}

.mypage_news__listItem:last-of-type {
  padding: 10px 0 0 0;
  border-bottom: none;
}

.mypage_news__date {
  margin-bottom: 5px;
}

.mypage_news__link {
  color: #4a89c9;
}

/*------------------------------
  ** アンケート
------------------------------*/
.mypage_research {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.mypage_research__heading {
  margin-bottom: 0;
  padding: 5px 5px 10px 25px;
  font-size: 2.0rem;
  border-bottom: 1px dashed #ccc;
  background-image: url("https://img.fruitmail.net/fruit/img/mypage/top/research_icon.png");
  background-position: left 0 top 4px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.mypage_research__listItem {
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
}

.mypage_research__listItem:last-of-type {
  border-bottom: none;
}

.mypage_research__date {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.mypage_research__point {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.mypage_research__name {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.mypage_research__button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 5px;
  background-color: #2a7fb8;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_research__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #3095d8;
}

.mypage_research__more {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  color: #64615b;
  border-radius: 5px;
  background: #e6ded2;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_research__more:hover {
  color: #64615b;
  text-decoration: none;
  background-color: #cfbb9c;
}

/*------------------------------------------------------------
  ** スタンプラリーとは？用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** ヘッダー
------------------------------*/
.mypage_aboutMainHeading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 50px;
  background-color: #29b0a3;
}

.mypage_aboutMainHeading__image {
  max-width: 100%;
}

/*------------------------------
  ** サブ見出し
------------------------------*/
.mypage_aboutSubHeading {
  padding-bottom: 5px;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
  border-bottom: 2px solid #333;
}

/*------------------------------
  ** 図
------------------------------*/
.mypage_aboutFigure {
  margin: 0;
  text-align: center;
}

.mypage_aboutFigureImage {
  max-width: 100%;
}

/*------------------------------
  ** 説明
------------------------------*/
.mypage_aboutDescription__item {
  position: relative;
  margin-top: 2px;
  padding-left: 1.2em;
  font-size: 1.4rem;
  line-height: 1.6;
}

.mypage_aboutDescription__item:last-child {
  margin-bottom: 0;
}

.mypage_aboutDescription__item::before {
  position: absolute;
  left: calc(0.5em - 3px / 2);
  top: calc(0.5em * 1.6 - 3px / 2);
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333;
}

/*------------------------------------------------------------
  ** スタンプラリースタンプ獲得履歴用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 見出し
------------------------------*/
.mypage_historyHeading {
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px #ddd dashed;
}

.mypage_historyHeading__heading {
  display: flex;
  justify-content: center;
  padding: 0 110px;
}

@media (max-width: 720px) {
  .mypage_historyHeading__heading {
    display: block;
    padding: 0 110px 0 0;
  }
}

.mypage_historyHeading__headingLabel {
  display: inline-block;
  padding-top: 2px;
  padding-left: 40px;
  font-size: 2.2rem;
  line-height: 1.6;
  background-image: url("https://img.fruitmail.net/fruit/img/mypage/common/stamp_rally_icon.png");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 35px;
}

@media (max-width: 720px) {
  .mypage_historyHeading__headingLabel {
    font-size: 1.8rem;
  }
}

.mypage_historyHeading__button {
  position: absolute;
  bottom: 10px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100px;
  padding: 5px;
  font-size: 1.4rem;
  font-weight: normal;
  color: #64615b;
  border: 1px solid #b9b3a6;
  border-radius: 5px;
  background-color: #e6ded2;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_historyHeading__button:hover {
  color: #64615b;
  text-decoration: none;
  background-color: #cfbb9c;
}

/*------------------------------
  ** 履歴リスト
  * 別のテーブルが入れ子になる場合を想定し、
  * 子要素であることを明示している。
------------------------------*/
.mypage_historyList {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  /*
    https://img.fruitmail.net/fruit/css-v2/common/common.css
    で定義されているレスポンシブを無効化
  */
}

.mypage_historyList > thead > tr > th {
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.mypage_historyList > tbody > tr > td {
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fff;
}

@media (max-width: 640px) {
  .mypage_historyList {
    display: table;
  }
  .mypage_historyList > thead {
    display: table-row-group;
  }
  .mypage_historyList > thead > tr {
    display: table-row;
  }
  .mypage_historyList > thead > tr > th {
    display: table-cell;
    width: auto;
    margin-top: 0;
  }
  .mypage_historyList > tbody {
    display: table-row-group;
  }
  .mypage_historyList > tbody > tr {
    display: table-row;
  }
  .mypage_historyList > tbody > tr > td {
    display: table-cell;
    width: auto;
    margin-top: 0;
  }
}

.mypage_historyList__stamp {
  display: block;
}

.mypage_historyList__complete {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 100px;
  margin-top: 5px;
  padding: 2px 16px;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border-radius: 5px;
  background-color: #3bbaaf;
}

.mypage_historyList__complete::before, .mypage_historyList__complete::after {
  position: absolute;
  top: calc(50% - 16px);
  content: url("https://img.fruitmail.net/fruit/img/mypage/history/star.png");
  display: inline-block;
  transform: scale(0.3) scaleX(-1);
  width: 20px;
}

.mypage_historyList__complete::before {
  left: 2px;
  transform: scale(0.3) scaleX(-1);
}

.mypage_historyList__complete::after {
  right: 2px;
  transform: scale(0.3);
}

@media (max-width: 480px) {
  .mypage_historyList__complete {
    width: 100%;
    max-width: 100px;
    padding: 2px;
  }
  .mypage_historyList__complete::before, .mypage_historyList__complete::after {
    content: none;
  }
}

.mypage_historyList__link {
  padding: 0;
  color: #4a89c9;
  border: none;
}

.mypage_historyList__link:hover {
  text-decoration: underline;
  background-color: transparent;
}

/*------------------------------
  ** 履歴詳細
  * 基本的には上記「履歴」と同じだが、
  * 「履歴」の入れ子になる想定なので、
  * 念のため分けている。
------------------------------*/
.mypage_historyDetail {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  /*
    https://img.fruitmail.net/fruit/css-v2/common/common.css
    で定義されているレスポンシブを無効化
  */
}

.mypage_historyDetail > thead > tr > th {
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.mypage_historyDetail > tbody > tr > td {
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fff;
}

@media (max-width: 640px) {
  .mypage_historyDetail {
    display: table;
  }
  .mypage_historyDetail > thead {
    display: table-row-group;
  }
  .mypage_historyDetail > thead > tr {
    display: table-row;
  }
  .mypage_historyDetail > thead > tr > th {
    display: table-cell;
    width: auto;
    margin-top: 0;
  }
  .mypage_historyDetail > tbody {
    display: table-row-group;
  }
  .mypage_historyDetail > tbody > tr {
    display: table-row;
  }
  .mypage_historyDetail > tbody > tr > td {
    display: table-cell;
    width: auto;
    margin-top: 0;
  }
}

/* 1.Contents
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.fm_c_exchange_attention__description {
  line-height: 22px;
  letter-spacing: -0.3px;
}

@media (max-width: 1040px) {
  .fm_c_exchange_attention__description {
    padding-left: 0;
  }
}

.fm_c_exchange_attention__description--alert {
  color: #E33838;
  font-weight: bold;
}

.fm_c_exchange_attention__description a {
  font-size: 1em;
}

.fm_c_exchange_attention__caption {
  font-size: 1.2rem;
  font-weight: bold;
}

.fm_c_exchange_attention__caption--alert {
  font-size: 1.2rem;
  font-weight: bold;
  color: #E33838;
}

.giftcodeCompleted__wrapper {
  color: #444444;
  background: #C9FFFF;
  padding-top: 20px;
}

.giftcodeCompleted__mainFrame {
  max-width: 820px;
  background: #FFFFFF;
  margin: 0 auto;
  padding: 20px 0;
}

@media screen and (max-width: 640px) {
  .giftcodeCompleted__mainFrame {
    width: 100%;
  }
}

.giftcodeCompleted__mainFrame .text {
  font-size: 14px;
  display: block;
  margin: 10px 0px;
  line-height: 20px;
  padding-left: 10px;
}

.giftcodeCompleted__mainCaptionBackground {
  position: relative;
}

.giftcodeCompleted__mainCaptionBackground img {
  width: 100%;
}

.giftcodeCompleted__mainCaptionText {
  position: absolute;
  line-height: 80px;
  top: 0px;
  font-size: 32px;
  color: white;
  filter: drop-shadow(2px 2px 2px red) drop-shadow(-2px -2px 2px red);
  text-align: center;
  width: 100%;
  transform: scale(1, 0.9);
  font-family: system-ui;
}

.giftcodeCompleted__messages {
  border: 4px solid #ffba00;
  padding: 1.5rem;
  margin: 20px auto;
  width: 90%;
  background: #fffbe2;
  font-size: 1.5rem;
  line-height: 22px;
}

.giftcodeCompleted__captionMessage {
  font-weight: bold;
}

.giftcodeCompleted__alertMessage {
  font-size: 2rem;
  color: #e41212;
}

.giftcodeCompleted__bigAlertMessage {
  color: #e41212;
  font-weight: bold;
  font-size: 18px;
  line-height: 35px;
}

.giftcodeCompleted__howToUse {
  background: #ffc0cb36;
  width: 90%;
  padding: 20px;
  margin: 0 auto;
  line-height: 22px;
  letter-spacing: -0.3px;
  word-break: keep-all;
}

.giftcodeCompleted__howToUse--alert {
  color: #E33838;
  font-weight: bold;
}

.giftcodeCompleted__howToUse a {
  font-size: 1em;
}

.giftcodeCompleted__messages {
  color: #444444;
}

.giftcodeCompleted__footerContent {
  clear: both;
  overflow: hidden;
  background: #efefef;
  text-align: center;
}

.giftcodeCompleted__footerContent a {
  color: #FFFFFF;
  font-size: 12px;
}

.giftcodeCompleted__footerList {
  width: 100%;
  background-color: #333333;
  color: #FFFFFF;
  padding: 5px 0px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}

.giftcodeCompleted__footerListItems {
  float: left;
  margin: 0 5px;
}

.giftcodeCompleted__privacy {
  text-align: right;
  display: block;
  padding: 0 10px 0 0;
  position: relative;
  top: -10px;
}

.friend_refer {
  /*------------------------------------------------------------
  ** LPO
------------------------------------------------------------*/
}

.friend_refer__exceedWrapper {
  width: 100vw;
  height: 100vh;
  background-color: #F8F6ED;
}

.friend_refer__eyecatch {
  width: 100%;
  margin-bottom: 20px;
}

.friend_refer__headMenu {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.friend_refer__headMenu a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  font-size: 18px;
  font-weight: bold;
  color: #484848;
}

@media screen and (max-width: 640px) {
  .friend_refer__headMenu a {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    line-height: 19px;
    display: unset;
    padding-top: 4px;
    font-weight: normal;
  }
  .friend_refer__headMenu a br {
    display: inline-block;
  }
}

.friend_refer__headMenu li {
  /* UI Properties */
  background: #FFFFFF 0% 0%;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 5px;
  opacity: 1;
  width: 32%;
  height: 66px;
  /* UI Properties */
  text-align: left;
  letter-spacing: 0px;
  color: #484848;
  display: flex;
  align-items: center;
  justify-content: center;
}

.friend_refer__headMenu li br {
  display: none;
}

@media screen and (max-width: 640px) {
  .friend_refer__headMenu li {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    line-height: 19px;
    display: unset;
    padding-top: 4px;
    font-weight: normal;
  }
  .friend_refer__headMenu li br {
    display: inline-block;
  }
}

@media screen and (max-width: 640px) {
  .friend_refer__headMenu {
    width: 95%;
    margin: 0 auto 20px;
  }
}

.friend_refer__information {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #E2E1D9;
  border: 4px solid #E8A61D;
  border-radius: 5px;
  opacity: 1;
  margin-bottom: 20px;
  font-size: 1.4rem;
  letter-spacing: 0px;
}

@media screen and (max-width: 640px) {
  .friend_refer__information {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.friend_refer__information p {
  color: #fff;
  font-weight: bold;
  line-height: 21px;
  font-size: 14px;
  background: #E8A61D;
  padding: 12px 32px;
}

@media screen and (max-width: 640px) {
  .friend_refer__information p {
    padding: 8px;
    font-weight: normal;
  }
}

.friend_refer__countWrapper {
  padding: 28px 32px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 640px) {
  .friend_refer__countWrapper {
    padding: 0;
    display: block;
  }
}

.friend_refer__countCaption {
  width: 200px;
  height: 45px;
  background: #E8A61D;
  border-radius: 4px;
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 4px 12px;
  line-height: 29px;
  justify-content: space-around;
}

.friend_refer__countCaption .material-icons {
  font-size: 32px;
  margin: 0 8px;
}

@media screen and (max-width: 640px) {
  .friend_refer__countCaption {
    font-size: 24px;
    padding: 0;
    width: 100%;
    border-radius: 0;
    justify-content: center;
  }
}

.friend_refer__refferDescription {
  width: 100px;
  word-break: initial;
  display: inline-block;
  margin: 10px 20px;
}

@media screen and (min-width: 641px) {
  .friend_refer__refferDescription {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .friend_refer__referContent {
    float: right;
    margin: 10px 20px;
  }
}

.friend_refer__refferCount {
  font-weight: bold;
  font-size: 48px;
  letter-spacing: 1.16px;
  line-height: 48px;
  color: #E8A61D;
}

.friend_refer__refferUnit {
  font-size: 16px;
}

.friend_refer__separator {
  border: 1px solid;
  opacity: 1;
  height: 48px;
}

@media screen and (max-width: 640px) {
  .friend_refer__separator {
    display: none;
  }
}

.friend_refer__inlineLinks {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .friend_refer__inlineLinks {
    display: block;
    clear: both;
  }
}

.friend_refer__inlineLinks span {
  vertical-align: middle;
}

.friend_refer__inlineLinks a {
  cursor: pointer;
  width: 100%;
  color: #484848;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.friend_refer__inlineLinks a:hover {
  text-decoration: none;
}

.friend_refer__inlineLinks li {
  background: #F5F5F5;
  border-radius: 5px;
  line-height: 48px;
  margin: 0 4px;
  padding: 0 20px;
}

@media screen and (max-width: 640px) {
  .friend_refer__inlineLinks li {
    width: auto;
    margin: 0 20px 10px;
  }
}

.friend_refer__conditionList {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionList {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.friend_refer__conditionLess2 {
  color: white;
  height: 49px;
  background: #E8A61D 0% 0% no-repeat padding-box;
  font-weight: bold;
  justify-content: center;
  font-size: 18px;
  display: flex;
  align-items: center;
  border-radius: 0px 0px 5px 5px;
  cursor: pointer;
}

@media screen and (min-width: 641px) {
  .friend_refer__conditionLess2 {
    display: none;
  }
}

.friend_refer__conditionMore {
  display: flex;
}

.friend_refer__conditionListItem {
  margin-bottom: 16px;
}

.friend_refer__conditionRow {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionRow {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}

.friend_refer__conditionRow li {
  font: 1.5rem Source Han Sans JP;
  display: flex;
  align-items: center;
  height: 49px;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionRow li {
    text-align: center;
  }
}

.friend_refer__conditionCaptionPrefix {
  display: none;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionCaptionPrefix {
    display: inline;
  }
}

.friend_refer__conditionCaption {
  min-width: 72px;
  height: 49px;
  background: #56A78D 0% 0% no-repeat padding-box;
  border-radius: 5px 0px 0px 5px;
  opacity: 1;
  color: #FFFFFF;
  justify-content: center;
  position: relative;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionCaption {
    display: flex;
    align-items: center;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    height: 45px;
    font-size: 20px;
  }
}

.friend_refer__conditionCaption p {
  margin: 0 auto;
}

.friend_refer__conditionDescription {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 0;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionDescription {
    display: block;
    width: unset;
    font-size: 18px;
    line-height: 28px;
    padding: 16px;
  }
}

.friend_refer__conditionButtons {
  font-size: 18px;
  min-width: 87px;
  height: 49px;
  background: #E8A61D 0% 0% no-repeat padding-box;
  border-radius: 0px 5px 5px 0px;
  font-weight: bold;
  color: white;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionButtons {
    align-items: center;
    margin-bottom: 0px;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
  }
}

.friend_refer__conditionLess {
  font-size: 16px;
  display: none;
  border-radius: 0px 5px 5px 0px;
  font-weight: bold;
  width: 100%;
  cursor: pointer;
  height: 100%;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionLess {
    align-items: center;
    margin-bottom: 0px;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
  }
}

.friend_refer__conditionMore {
  font-size: 16px;
  border-radius: 0px 5px 5px 0px;
  font-weight: bold;
  display: flex;
  width: 100%;
  cursor: pointer;
  height: 100%;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionMore {
    height: 49px;
    font-size: 18px;
    align-items: center;
    width: 100%;
    justify-content: center;
  }
}

.friend_refer__conditionExpanded {
  flex-direction: column;
  height: 0px;
  overflow: hidden;
}

.friend_refer__conditionExpandedContents {
  display: flex;
  flex-direction: row;
  margin: 24px;
}

.friend_refer__conditionExpandedContents img {
  width: 400px;
}

.friend_refer__conditionExpandedContents p {
  margin-left: 24px;
  font-size: 15px;
  line-height: 24px;
  color: red;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionExpandedContents p {
    margin-left: 0px;
    margin-top: 16px;
  }
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionExpandedContents {
    display: flex;
    flex-direction: column;
    margin: 0px;
    margin-bottom: 16px;
  }
  .friend_refer__conditionExpandedContents img {
    width: 100%;
    min-height: 100px;
  }
}

.friend_refer__conditionExpandedCommentList {
  margin-left: 24px;
  margin-top: 10px;
}

.friend_refer__conditionExpandedCommentList li {
  margin-bottom: 8px;
  line-height: 1.5;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionExpandedCommentList {
    margin-left: 0px;
    margin-top: 10px;
  }
}

.friend_refer__conditionListItem--open .friend_refer__conditionLess2 {
  display: flex;
}

@media screen and (min-width: 641px) {
  .friend_refer__conditionListItem--open .friend_refer__conditionLess2 {
    display: none;
  }
}

.friend_refer__conditionListItem--open .friend_refer__conditionLess {
  display: flex;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionListItem--open .friend_refer__conditionLess {
    display: none;
  }
}

.friend_refer__conditionListItem--open .friend_refer__conditionMore {
  display: none;
}

.friend_refer__conditionListItem--open .friend_refer__conditionExpanded {
  display: flex;
  height: 100%;
}

@media screen and (max-width: 640px) {
  .friend_refer__conditionListItem--open .friend_refer__conditionButtons {
    display: none !important;
  }
}

.friend_refer__methodWrapper {
  padding: 24px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 5px;
  opacity: 1;
}

@media screen and (max-width: 640px) {
  .friend_refer__methodWrapper {
    padding: 12px;
  }
}

.friend_refer__methodMenuList {
  display: flex;
  height: 48px;
  font: 1.5rem Source Han Sans JP;
  justify-content: space-between;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .friend_refer__methodMenuList {
    flex-wrap: wrap;
    height: auto;
    font: 1.3rem Source Han Sans JP;
  }
}

.friend_refer__methodMenuList li {
  background: #56A78D 0% 0% no-repeat padding-box;
  border-radius: 5px;
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .friend_refer__methodMenuList li {
    display: unset;
    width: 32%;
    margin-bottom: 8px;
    padding: 4px 0;
    text-align: center;
  }
  .friend_refer__methodMenuList li .material-icons {
    font-size: 16px;
  }
}

.friend_refer__methodMenuList a {
  color: #fff;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}

@media screen and (max-width: 640px) {
  .friend_refer__methodMenuList a {
    display: unset;
  }
}

.friend_refer__byUrl, .friend_refer__byId {
  font: normal normal bold 16px/24px Source Han Sans JP;
  letter-spacing: 0px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
  line-height: 48px;
}

@media screen and (max-width: 640px) {
  .friend_refer__byUrl, .friend_refer__byId {
    flex-wrap: wrap;
  }
}

.friend_refer__byUrl :nth-child(1), .friend_refer__byId :nth-child(1) {
  min-width: 220px;
  height: 48px;
  background: #E8A61D;
  border-radius: 5px 0px 0px 5px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .friend_refer__byUrl :nth-child(1), .friend_refer__byId :nth-child(1) {
    width: 100%;
    background: none;
    color: black;
    text-align: left;
    justify-content: left;
  }
}

.friend_refer__byUrl > :nth-child(2), .friend_refer__byId > :nth-child(2) {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 5px;
  width: inherit;
  height: 48px;
  padding-left: 12px;
  padding-right: 12px;
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  .friend_refer__byUrl > :nth-child(2), .friend_refer__byId > :nth-child(2) {
    border-radius: 0 5px 5px 0;
    background-color: #F5F5F5;
    width: calc(100% - 163px);
  }
}

.friend_refer__byUrl > :nth-child(3), .friend_refer__byId > :nth-child(3) {
  min-width: 136px;
  height: 48px;
  background: #E8A61D 0% 0% no-repeat padding-box;
  border-radius: 0px 5px 5px 0px;
  cursor: pointer;
  display: flex;
  color: #FFFFFF;
  justify-content: center;
}

.friend_refer__byBanner {
  font: normal normal bold 16px/24px Source Han Sans JP;
  letter-spacing: 0px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .friend_refer__byBanner {
    flex-wrap: wrap;
  }
}

.friend_refer__byBanner > :nth-child(1) {
  min-width: 175px;
  background: #E8A61D;
  border-radius: 5px 0px 0px 5px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .friend_refer__byBanner > :nth-child(1) {
    width: 100%;
    background: none;
    color: black;
    text-align: left;
    justify-content: left;
    height: 48px;
  }
}

.friend_refer__byBanner > :nth-child(2) {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 5px;
  width: inherit;
  padding: 24px;
}

@media screen and (max-width: 640px) {
  .friend_refer__byBanner > :nth-child(2) {
    background-color: #F5F5F5;
    padding: 12px;
  }
}

.friend_refer__bannerListItem {
  position: relative;
  float: left;
  margin-bottom: 20px;
}

.friend_refer__bannerListItem img {
  width: 127px;
  height: 127px;
  border: 1px solid;
  margin-right: 24px;
  margin-bottom: 24px;
  float: left;
}

@media screen and (max-width: 640px) {
  .friend_refer__bannerListItem img {
    margin-right: 12px;
    margin-bottom: 12px;
  }
}

.friend_refer__bannerTitleText {
  margin-bottom: 4px;
  background: #E8A61D;
  font: 14px Source Han Sans JP;
  display: flex;
  align-items: center;
  color: white;
  padding: 4px;
}

@media screen and (max-width: 640px) {
  .friend_refer__bannerTitleText {
    padding: 8px;
    font-size: 12px;
  }
}

.friend_refer__bannerDescriptionText {
  margin-bottom: 4px;
  font: 14px Source Han Sans JP;
  letter-spacing: 0px;
  color: #484848;
}

@media screen and (max-width: 640px) {
  .friend_refer__bannerDescriptionText {
    padding: 8px;
    font-size: 13px;
  }
}

.friend_refer__bannerSizeList {
  float: left;
  width: calc(100% - 162px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media screen and (max-width: 640px) {
  .friend_refer__bannerSizeList {
    clear: both;
    width: 100%;
  }
}

.friend_refer__bannerSizeList li {
  padding: 0px 16px 8px 0px;
}

.friend_refer__bannerSizeList a {
  color: #E31610;
  font-size: 18px;
  text-decoration: underline;
}

.friend_refer__panel {
  padding: 24px;
  margin-bottom: 20px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 5px;
}

@media screen and (max-width: 640px) {
  .friend_refer__panel {
    margin-left: 12px;
    margin-right: 12px;
    padding: 12px;
  }
}

.friend_refer__panelHeader {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #484848;
  margin-bottom: 16px;
  margin-top: 16px;
}

@media screen and (max-width: 640px) {
  .friend_refer__panelHeader {
    font-size: 24px;
  }
}

.friend_refer__attentionText {
  white-space: pre-line;
  font-size: 12px;
  line-height: 22px;
  padding: 0 16px;
}

.friend_refer__popup {
  width: auto !important;
  padding: 20px;
  border: 2px solid #E8A61D !important;
}

.friend_refer__popup button {
  background: 2px #E8A61D !important;
}

.friend_refer__tagCompornent img {
  margin-bottom: 10px;
}

.friend_refer__tagCompornent p {
  font-size: 24px;
  margin-bottom: 10px;
}

.friend_refer__tagCompornent textarea {
  border: 2px solid #E8A61D !important;
  padding: 4px;
  white-space: pre-wrap;
}

.friend_refer__qrCodeCompornent img {
  width: 224px;
  height: 224px;
}

.friend_refer__snsCompornent ul {
  display: flex;
  justify-content: center;
}

.friend_refer__snsCompornent li {
  margin: 5px;
  width: 100px;
}

.friend_refer__snsCompornent p {
  font-size: 18px;
  margin-top: 10px;
}

.friend_refer__snsCompornent img {
  width: 51px;
}

.friend_refer__landing {
  width: 950px;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .friend_refer__landing {
    width: 100%;
  }
}

/*-------------------------------------
  ** landing_monitor
--------------------------------------*/
.landing_monitor {
  width: 950px;
}

@media screen and (max-width: 800px) {
  .landing_monitor {
    width: 100%;
  }
}

.landing_monitor__header {
  background: #FFFFFF;
}

.landing_monitor__registerNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 90px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__registerNav {
    padding: 5px 0px 10px 10px;
  }
}

.landing_monitor__logo {
  display: block;
  width: 140px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__logo {
    width: 90px;
    height: 35px;
  }
}

.landing_monitor__registerList {
  display: flex;
  align-items: center;
}

.landing_monitor__registerList li {
  margin: 10px;
  /** login_button **/
  /** register_button **/
}

.landing_monitor__registerList li:first-child {
  width: 100px;
  padding: 10px 0;
  border-radius: 5px;
  text-align: center;
  background: #E8A61D;
  box-shadow: 0px 0px 2px #00000029;
}

@media screen and (max-width: 800px) {
  .landing_monitor__registerList li:first-child {
    width: 80px;
    padding: 7px 0;
  }
}

.landing_monitor__registerList li:first-child:hover {
  cursor: pointer;
  opacity: 0.5;
}

.landing_monitor__registerList li:last-child {
  width: 100px;
  padding: 10px 0;
  border-radius: 5px;
  text-align: center;
  background: #FF1212;
  box-shadow: 0px 0px 2px #00000029;
}

@media screen and (max-width: 800px) {
  .landing_monitor__registerList li:last-child {
    width: 80px;
    padding: 7px 0;
  }
}

.landing_monitor__registerList li:last-child:hover {
  cursor: pointer;
  opacity: 0.5;
}

.landing_monitor__registerList li a {
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .landing_monitor__registerList li a {
    font-size: 1.0rem;
    font-weight: initial;
  }
}

.landing_monitor__headerBanner {
  padding-bottom: 30px;
  background: #F8F6ED;
}

@media screen and (max-width: 800px) {
  .landing_monitor__headerBanner {
    padding-bottom: 10px;
  }
}

.landing_monitor__headerBanner img {
  width: 100%;
  box-shadow: 0px 0px 3px #00000029;
}

.landing_monitor__bannerImage {
  display: block;
}

@media screen and (max-width: 800px) {
  .landing_monitor__bannerImage {
    display: none;
  }
}

.landing_monitor__bannerImage--sp {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_monitor__bannerImage--sp {
    display: block;
  }
}

.landing_monitor__body {
  background: #F8F6ED;
  border: solid 2px #f5f5f5;
  border-bottom: solid 1px #f5f5f5;
  border-top: none;
}

@media screen and (max-width: 800px) {
  .landing_monitor__body {
    padding: 10px;
    box-sizing: border-box;
  }
}

.landing_monitor__menuList {
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .landing_monitor__menuList {
    display: none;
  }
}

.landing_monitor__menuList--sp {
  display: none;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_monitor__menuList--sp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 330px;
    margin: auto;
    padding-bottom: 70px;
  }
}

.landing_monitor__menuList--sp span {
  position: absolute;
}

.landing_monitor__menuList--sp span:nth-of-type(1) {
  top: 28px;
  left: 70px;
}

.landing_monitor__menuList--sp span:nth-of-type(2) {
  top: 28px;
  left: 238px;
}

.landing_monitor__menuList--sp span:nth-of-type(3) {
  top: 83px;
  left: 70px;
}

.landing_monitor__menuList--sp span:nth-of-type(4) {
  top: 83px;
  left: 238px;
}

.landing_monitor__menu {
  margin: 0px 15px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__menu {
    width: 160px;
    margin: 5px 0;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 1px 6px #00000029;
  }
}

.landing_monitor__menu a {
  display: flex;
  align-items: center;
  padding: 7px 0;
  color: #444444;
  font-size: 1.0rem;
  font-weight: bold;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .landing_monitor__menu a {
    padding: 10px 0 20px 0;
    justify-content: center;
  }
}

.landing_monitor__menu a img {
  width: 15px;
  height: 15px;
  display: block;
  margin-right: 5px;
}

.landing_monitor__menu a .active {
  display: none;
}

.landing_monitor__menu a:focus {
  color: #E8A61D;
  border-bottom: solid 3px #E8A61D;
}

@media screen and (max-width: 800px) {
  .landing_monitor__menu a:focus {
    border: none;
  }
}

.landing_monitor__menu a:focus img {
  display: none;
}

.landing_monitor__menu a:focus .active {
  display: block;
  margin-right: 5px;
}

.landing_monitor__pointPrize {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__pointPrize {
    margin-bottom: 20px;
  }
}

.landing_monitor__serviceFlow {
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__serviceFlow {
    margin-bottom: 20px;
  }
}

.landing_monitor__pointExchange {
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__pointExchange {
    margin-bottom: 20px;
  }
}

.landing_monitor__pointGet {
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__pointGet {
    margin-bottom: 20px;
  }
}

.landing_monitor__fruitFeature {
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__fruitFeature {
    margin-bottom: 20px;
  }
}

.landing_monitor__affiliate {
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__affiliate {
    margin-bottom: 30px;
  }
}

.landing_monitor__attention {
  width: 700px;
  padding: 20px 40px;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 40px auto;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
}

@media screen and (max-width: 800px) {
  .landing_monitor__attention {
    width: 100%;
    padding: 20px;
    margin: 25px auto;
    box-sizing: border-box;
  }
}

.landing_monitor__attention P {
  margin: 10px 0;
}

.landing_monitor__attention span {
  margin: 5px 0;
}

.landing_monitor__attentionTitle {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 15px;
}

.landing_monitor__footer {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding: 12px 0;
  color: #FFFFFF;
  background: #444444;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_monitor__footer {
    padding-bottom: 75px;
    box-sizing: border-box;
  }
}

.landing_monitor__footerTitle {
  font-size: 1.0rem;
}

.landing_monitor__footerTitle span {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_monitor__footerTitle {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 170px;
    width: 100%;
    font-size: 1.5rem;
  }
  .landing_monitor__footerTitle span {
    display: block;
    width: 40px;
    height: 2px;
    margin-bottom: 20px;
    text-align: center;
    background: #FFFFFF;
  }
}

.landing_monitor__footerLinkList {
  display: flex;
  justify-content: space-around;
}

@media screen and (max-width: 800px) {
  .landing_monitor__footerLinkList {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

.landing_monitor__footerLinkList li {
  padding: 0 13px;
  text-align: center;
  border-right: 1px solid;
}

@media screen and (max-width: 800px) {
  .landing_monitor__footerLinkList li {
    border: none;
    margin: 15px 10px;
  }
}

.landing_monitor__footerLinkList a {
  cursor: pointer;
  color: #FFFFFF;
  font-size: 1.0rem;
  text-decoration: none;
}

.landing_monitor__footerLinkList a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 800px) {
  .landing_monitor__footerLinkList a {
    font-size: 1.5rem;
    font-weight: 500;
  }
}

.landing_monitor__toTop {
  position: relative;
  bottom: 68px;
  left: 670px;
  width: 150px;
  padding: 5px;
  text-align: center;
  background: #444444;
  border-radius: 5px 5px 0 0;
  transform: scale(0.8);
}

@media screen and (max-width: 800px) {
  .landing_monitor__toTop {
    bottom: 260px;
    left: 295px;
    width: 0px;
    background: none;
  }
  .landing_monitor__toTop img {
    width: 60px;
    height: 60px;
  }
  .landing_monitor__toTop span {
    display: none;
  }
}

.landing_monitor__toTop a {
  cursor: pointer;
  color: #FFFFFF;
  font-size: 1.0rem;
  text-decoration: none;
}

/*-------------------------------------
  ** _component
--------------------------------------*/
.landing_pointPrize {
  padding: 25px 40px;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize {
    width: 315px;
    padding: 20px 15px;
  }
}

.landing_pointPrize__title {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  margin: auto;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__title {
    letter-spacing: initial;
  }
}

.landing_pointPrize__title span {
  margin: 0 5px;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__title span {
    display: none;
  }
}

.landing_pointPrize__point {
  color: #FF1212;
  font-size: 4.0rem;
  line-height: 4.0rem;
}

.landing_pointPrize__unit {
  margin-right: 5px;
  color: #FF1212;
  font-size: 2.5rem;
  line-height: 3.0rem;
}

.landing_pointPrize__underline {
  position: absolute;
  background: linear-gradient(transparent 70%, #E8A61D40 60%);
}

.landing_pointPrize__underline--introducer {
  top: 30px;
  left: 92px;
  width: 317px;
  height: 35px;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__underline--introducer {
    top: 25px;
    left: 15px;
    width: 310px;
  }
}

.landing_pointPrize__underline--newMember {
  top: 30px;
  left: 103px;
  width: 295px;
  height: 35px;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__underline--newMember {
    top: 25px;
    left: 27px;
    width: 280px;
  }
}

.landing_pointPrize__registrationLink {
  display: flex;
  color: #FFFFFF;
  align-items: center;
  border-radius: 10px;
  background: #FF1212;
  padding: 10px 80px 10px 80px;
  text-decoration: none !important;
  box-shadow: 0px 5px 0px #DBDBDB;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__registrationLink {
    padding: 10px 15px;
  }
}

.landing_pointPrize__registrationLink:active {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  transform: translate(0, 4px);
  border-bottom: none;
}

.landing_pointPrize__registrationIcon {
  color: #FF1212;
  padding: 7px 10px;
  margin-right: 5px;
  font-size: 1.3rem;
  font-weight: bold;
  border-radius: 50%;
  background: #FFFFFF;
}

.landing_pointPrize__registrationText {
  font-size: 2.0rem;
  line-height: 2.0rem;
  font-weight: bold;
  margin: 10px 0px 10px 10px;
  position: relative;
}

.landing_pointPrize__registrationText span {
  display: inline-block;
  font-size: 2.0rem;
  line-height: 2.0rem;
  margin-left: 35px;
}

.landing_pointPrize__arrow {
  position: absolute;
  bottom: 3px;
  left: 235px;
  width: 7px;
  height: 7px;
  border: 3px solid;
  border-color: #FFFFFF #FFFFFF transparent transparent;
  transform: rotate(45deg);
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__arrow {
    bottom: 4px;
    left: 205px;
    border: 2px solid;
    border-color: #FFFFFF #FFFFFF transparent transparent;
  }
}

.landing_serviceFlow {
  width: 700px;
  height: 285px;
  margin: auto;
  overflow: hidden;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow {
    width: 100%;
    height: 635px;
  }
}

.landing_serviceFlow__title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 15px;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__title {
    flex-direction: column;
    font-size: 2.0rem;
    line-height: 2.0rem;
  }
  .landing_serviceFlow__title img {
    width: 50px;
    height: 50px;
  }
}

.landing_serviceFlow__titleUnderline {
  width: 35px;
  height: 3px;
  margin: auto;
  background: #56A78D;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__titleUnderline {
    width: 50px;
  }
}

.landing_serviceFlow__stepList {
  display: grid;
  margin: 0 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__stepList {
    grid-template-columns: 1fr;
  }
}

.landing_serviceFlow__step {
  position: relative;
  margin: 15px;
  height: 170px;
  text-align: center;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__step {
    display: flex;
    align-items: center;
    width: 300px;
    height: auto;
    text-align: left;
    margin: 20px auto;
  }
}

.landing_serviceFlow__step P {
  padding: 12px 3px;
  font-size: 1.0rem;
  line-height: 1.2rem;
  font-weight: bold;
  box-sizing: border-box;
  transform: scale(0.9, 0.9);
}

.landing_serviceFlow__step P br {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__step P {
    font-size: 1.3rem;
    line-height: normal;
    box-sizing: border-box;
    transform: none;
  }
  .landing_serviceFlow__step P br {
    display: block;
  }
}

.landing_serviceFlow__step span {
  position: absolute;
  display: inline-block;
  top: 35px;
  left: -30px;
  width: 200px;
  transform: scale(0.65, 0.65);
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__step span {
    position: initial;
    padding-bottom: 0;
    font-size: 1.0rem;
    font-weight: 100;
    letter-spacing: -1px;
    transform: none;
  }
}

.landing_serviceFlow__step .arrow {
  position: absolute;
  top: 78px;
  left: 149px;
  width: 15px;
  height: auto;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__step .arrow {
    position: relative;
    top: 70px;
    left: -157px;
    width: 20px;
    transform: rotate(90deg);
  }
}

.landing_serviceFlow__step:last-child .arrow {
  display: none;
}

.landing_serviceFlow__stepImage {
  padding: 10px 0;
  box-sizing: border-box;
  border: 1px solid #E2E1D9;
  border-radius: 10px 10px 0px 0px;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__stepImage {
    padding: 10px 5px;
    border: none;
  }
  .landing_serviceFlow__stepImage img {
    width: 80px;
    height: 65px;
    border-radius: 10px;
  }
}

.landing_serviceFlow__backgroundGreen {
  background: #e6f2ee;
  position: relative;
  bottom: 110px;
  height: 200px;
  transform: skew(0deg, -7deg);
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__backgroundGreen {
    bottom: 335px;
    height: 400px;
    transform: skew(0deg, -15deg);
  }
}

.landing_pointExchange {
  width: 700px;
  margin: auto;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange {
    width: 100%;
  }
}

.landing_pointExchange__title {
  padding: 30px 0 15px;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: center;
}

.landing_pointExchange__title br {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__title {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 2.0rem;
    line-height: 3.0rem;
  }
  .landing_pointExchange__title br {
    display: block;
  }
  .landing_pointExchange__title img {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
  }
}

.landing_pointExchange__titleUnderline {
  width: 35px;
  height: 3px;
  margin: auto;
  background: #E8A61D;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__titleUnderline {
    width: 50px;
  }
}

.landing_pointExchange__description {
  padding: 15px 0px;
  font-size: 1.2rem;
  line-height: 1.7rem;
  text-align: center;
}

.landing_pointExchange__description span {
  display: block;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__description {
    padding: 10px 20px;
    font-size: 1.3rem;
    line-height: 2.3rem;
    letter-spacing: 0.5px;
  }
  .landing_pointExchange__description br {
    display: none;
  }
}

.landing_pointExchange__itemList {
  width: 75%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__itemList {
    width: 100%;
    justify-content: center;
  }
}

.landing_pointExchange__itemIcon {
  margin: 10px;
  padding: 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__itemIcon {
    padding: 0;
    margin: 10px 15px;
  }
}

.landing_pointExchange__dotMoneyAbout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 120px;
  height: 65px;
  font-size: 1.0rem;
  line-height: 1.7rem;
  letter-spacing: 1px;
  text-align: center;
  background: #FFFFFF;
  border: 3px solid #E8A61D;
  position: absolute;
  top: 257px;
  left: 450px;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__dotMoneyAbout {
    display: block;
    width: initial;
    height: auto;
    margin: 5px 35px;
    padding: 3px 10px;
    font-size: 1.0rem;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
  }
}

.landing_pointExchange__dotMoneyAbout strong {
  font-size: 1.2rem;
  line-height: 1.2rem;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__dotMoneyAbout strong {
    font-size: 1.0rem;
    line-height: 1.0rem;
  }
  .landing_pointExchange__dotMoneyAbout strong br {
    display: none;
  }
}

.landing_pointExchange__arrow {
  position: relative;
  top: -68px;
  left: 443px;
  width: 13px;
  height: 13px;
  border: 3px solid;
  background: #FFFFFF;
  border-color: transparent transparent #E8A61D #E8A61D;
  transform: rotate(45deg);
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__arrow {
    width: 15px;
    height: 15px;
    border-radius: 5px;
    top: -59px;
    left: calc(100% / 2 + 70px);
    transform: rotate(135deg);
  }
}

.landing_pointGet {
  width: 700px;
  height: 670px;
  margin: auto;
  overflow: hidden;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_pointGet {
    width: 100%;
    height: 880px;
  }
}

.landing_pointGet__title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0 15px;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
}

.landing_pointGet__title br {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__title {
    flex-direction: column;
    font-size: 2.0rem;
    line-height: 3rem;
    text-align: center;
    padding: 20px 0 10px;
  }
  .landing_pointGet__title img {
    width: 50px;
    height: 50px;
  }
  .landing_pointGet__title br {
    display: block;
  }
}

.landing_pointGet__titleUnderline {
  width: 35px;
  height: 3px;
  margin: auto;
  background: #56A78D;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__titleUnderline {
    width: 50px;
  }
}

.landing_pointGet__itemList {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__itemList {
    padding: 5px 10px;
  }
}

.landing_pointGet__item {
  margin: 10px;
  text-align: center;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  width: calc(100% / 3 - 20px);
}

@media screen and (max-width: 800px) {
  .landing_pointGet__item {
    width: 100%;
    display: flex;
    margin: 10px 5px;
  }
}

.landing_pointGet__item p {
  padding: 0 7px;
  font-size: 1.0rem;
  font-weight: 550;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__item p {
    padding: 0;
    text-align: left;
    line-height: 1.5rem;
  }
}

.landing_pointGet__thumbnail {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__thumbnail {
    width: 100px;
  }
  .landing_pointGet__thumbnail#enquete img {
    object-position: -40px;
  }
}

.landing_pointGet__thumbnail img {
  width: 100%;
  height: auto;
  border: 1px solid #E2E1D9;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__thumbnail img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: none;
    border-radius: 10px 0 0 10px;
  }
}

.landing_pointGet__itemTitle {
  margin: 7px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 2px 0px #FFFFFF;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__itemTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    margin-top: 10px;
    padding: 0 5px 0 10px;
    font-size: 1.2rem;
  }
}

.landing_pointGet__itemUnderline {
  width: 20px;
  height: 2px;
  margin: 7px auto;
  background: #56A78D;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__itemUnderline {
    width: 27px;
    margin: 5px 0;
  }
}

.landing_pointGet__backgroundGreen {
  background: #e6f2ee;
  position: relative;
  bottom: 320px;
  height: 470px;
  transform: skew(0deg, -20deg);
  z-index: -1;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__backgroundGreen {
    bottom: 360px;
    transform: skew(0deg, -12deg);
  }
}

.landing_pointGet__balloon {
  width: 330px;
  margin: auto;
  padding: 13px 5px;
  color: #FFFFFF;
  font-size: 1.3rem;
  line-height: 1.3rem;
  font-weight: 500;
  text-align: center;
  background: #56A78D 0% 0% no-repeat padding-box;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__balloon {
    display: none;
  }
}

.landing_pointGet__arrow {
  position: absolute;
  bottom: 37px;
  left: 163px;
  width: 2px;
  border-radius: 3px;
  border: 7px solid transparent;
  border-bottom: 12px solid #56A78D;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__arrow {
    display: none;
  }
}

.landing_fruitFeature {
  width: 700px;
  height: 650px;
  margin: auto;
  overflow: hidden;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature {
    width: 100%;
    height: 920px;
  }
}

.landing_fruitFeature__title {
  padding: 30px 0 15px;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__title {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 2.0rem;
    line-height: 3rem;
    text-align: center;
    padding: 20px 0 10px;
  }
  .landing_fruitFeature__title img {
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
  }
}

.landing_fruitFeature__titleUnderline {
  width: 35px;
  height: 3px;
  margin: auto;
  background: #E8A61D;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__titleUnderline {
    width: 50px;
  }
}

.landing_fruitFeature__itemList {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__itemList {
    padding: 5px;
    justify-content: center;
  }
}

.landing_fruitFeature__item {
  margin: 10px;
  text-align: center;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  width: calc(100% / 3 - 20px);
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__item {
    width: calc(100% / 2 - 20px);
  }
}

.landing_fruitFeature__item p {
  padding: 10px 15px;
  padding-top: 0;
  font-size: 1.0rem;
  font-weight: 550;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__item p {
    padding: 10px;
    padding-top: 0;
  }
}

.landing_fruitFeature__thumbnail {
  height: 120px;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__thumbnail {
    height: 110px;
  }
}

.landing_fruitFeature__thumbnail img {
  width: 100%;
  height: 120px;
  padding: 10px;
  border: 1px solid #E2E1D9;
  box-sizing: border-box;
  border-radius: 10px 10px 0px 0px;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__thumbnail img {
    width: 100%;
    height: auto;
    padding-top: 20px;
    border: none;
  }
}

.landing_fruitFeature__itemTitle {
  margin: 20px 20px 5px 20px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 2px 0px #FFFFFF;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__itemTitle {
    margin: 10px;
    margin-top: 0;
    font-size: 1.2rem;
    font-weight: bold;
  }
}

.landing_fruitFeature__itemUnderline {
  width: 20px;
  height: 2px;
  margin: 5px auto;
  background: #E8A61D;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__itemUnderline {
    width: 30px;
    margin-top: 10px;
  }
}

.landing_fruitFeature__backgroundSkin {
  background: #E8A61D26;
  position: relative;
  bottom: 275px;
  height: 470px;
  transform: skew(0deg, 20deg);
  z-index: -1;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__backgroundSkin {
    bottom: 430px;
    height: 600px;
    transform: skew(0deg, 15deg);
  }
}

.landing_affiliate {
  width: 700px;
  margin: auto;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_affiliate {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
  }
}

.landing_affiliate p {
  padding: 10px 5px;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .landing_affiliate p {
    padding: 0;
    font-size: 1.3rem;
    line-height: 2.0rem;
  }
}

.landing_affiliate__title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0 15px;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}

.landing_affiliate__title br {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_affiliate__title {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 2.0rem;
    line-height: 3.0rem;
  }
  .landing_affiliate__title br {
    display: block;
  }
}

.landing_affiliate__titleUnderline {
  width: 35px;
  height: 3px;
  margin: auto;
  background: #56A78D;
}

@media screen and (max-width: 800px) {
  .landing_affiliate__titleUnderline {
    width: 50px;
    margin-bottom: 10px;
  }
}

.landing_affiliate__itemList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 5px 15px 10px 15px;
  box-sizing: border-box;
}

.landing_affiliate__itemList li {
  margin: 5px;
  width: calc(100% / 6);
}

.landing_affiliate__itemList li a {
  display: block;
  padding: 5px;
  text-align: center;
}

.landing_affiliate__itemList li img {
  padding: 5px;
}

@media screen and (max-width: 800px) {
  .landing_affiliate__itemList li {
    width: calc(100% / 2 - 10px);
  }
}

.landing_affiliate__itemTitle {
  font-size: 1.1rem;
}

@media screen and (max-width: 800px) {
  .landing_affiliate__itemTitle {
    font-size: 1.0rem;
  }
}

.landing_registerCampaign {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px 20px 10px;
  background-color: #f8f6ed;
}

@media screen and (max-width: 800px) {
  .landing_registerCampaign {
    padding: 10px 10px 10px 10px;
  }
}

.landing_registerCampaign img {
  max-width: 100%;
}

/*
 * 旧環境のcommon.cssにある.breadcrumbと衝突するため,
 * 適当なprefixを追加する.
 */
.fm_breadcrumb {
  margin: 10px 0;
}

@media screen and (max-width: 800px) {
  .fm_breadcrumb {
    margin: 10px;
  }
}

.fm_breadcrumb__lists {
  display: flex;
}

.fm_breadcrumb__lists a {
  font-size: 1.1rem;
  cursor: pointer;
}

.fm_breadcrumb__lists li {
  margin-right: 6px;
}

.fm_breadcrumb__lists li:last-child {
  font-size: 1.2rem;
  font-weight: bold;
}

.fm_breadcrumb__arrow {
  margin-left: 4px;
}

.fm_l-loggedRightInformation__ads {
  margin-bottom: 8px;
}

.fm_l-loggedRightInformation__item {
  position: relative;
  border: 1px #D4D4D4 solid;
  border-top: 3px orange solid;
  padding: 8px;
  padding-top: 16px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.fm_l-loggedRightInformation__item--clickpoint {
  padding-top: 4px;
}

.fm_l-loggedRightInformation__recommendTitle {
  color: #6E4529;
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 1px gray dashed;
  margin-bottom: 8px;
}

.fm_l-loggedRightInformation__recommendTitle--normal {
  font-size: 1.2rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.fm_l-loggedRightInformation__recommendTitle--normal img {
  display: inline-block;
  margin-right: 4px;
}

.fm_l-loggedRightInformation__links li {
  margin-bottom: 6px;
}

.fm_l-loggedRightInformation__links li:last-child {
  margin-bottom: 0;
}

.fm_l-loggedRightInformation__links li a {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}

.fm_l-loggedRightInformation__links li a img {
  display: inline-block;
  margin-right: 4px;
}

@media (max-width: 800px) {
  .fm_l-skyscraperAds {
    display: none;
  }
}

.fm_l-skyscraperAds__left {
  position: absolute;
  left: calc(-160px - 10px);
  top: 0;
  width: 160px;
  height: 100%;
}

.fm_l-skyscraperAds__right {
  position: absolute;
  right: calc(-160px - 10px);
  top: 0;
  width: 160px;
  height: 100%;
}

.fm_c-clickpoint table {
  table-layout: auto;
  margin-bottom: 0;
}

.fm_c-clickpoint table a {
  font-size: 1.2rem;
}

.fm_c-clickpoint table td {
  padding: 0;
  border: none;
}

.fm_l-footer__ads {
  display: flex;
  justify-content: center;
  margin: 8px 0;
}

.fm_l-footer__mobile {
  display: none;
}

@media (max-width: 600px) {
  .fm_l-footer__pc {
    display: none;
  }
  .fm_l-footer__mobile {
    display: block;
  }
}

.clickpoint_daily {
  margin: 0 auto;
}

.clickpoint_daily__mainVisual {
  max-width: 1040px;
  margin-bottom: 20px;
}

.clickpoint_daily__mainVisual img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.clickpoint_daily__adUsageAlert {
  color: #DF4840;
  font-size: 1.6rem;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
  border: 2px solid #DF4840;
  background-color: #FFFFFF;
}

@media (max-width: 740px) {
  .clickpoint_daily__adUsageAlert {
    font-size: 1.4rem;
    padding: 6px;
  }
}

.clickpoint_daily__mainContents {
  padding: 20px;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 740px) {
  .clickpoint_daily__mainContents {
    padding: 15px;
    box-shadow: none;
  }
}

.clickpoint_daily__affiliateList {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}

@media (max-width: 740px) {
  .clickpoint_daily__affiliateList {
    flex-direction: column;
  }
}

.clickpoint_daily__affiliateItem {
  display: flex;
  flex-direction: column;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 6px;
  width: calc(100% / 2 - 8px);
  box-sizing: border-box;
}

@media (max-width: 740px) {
  .clickpoint_daily__affiliateItem {
    width: 100%;
  }
}

.clickpoint_daily__itemWrapper {
  display: flex;
  gap: 6px;
  min-height: 120px;
}

.clickpoint_daily__itemThumbnail {
  display: flex;
  align-items: center;
  max-width: 120px;
  max-height: 120px;
}

.clickpoint_daily__itemThumbnail img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.clickpoint_daily__itemDetail {
  width: calc(100% - 120px);
  flex: 1;
  padding: 6px 0;
  box-sizing: border-box;
}

.clickpoint_daily__itemTitle {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 740px) {
  .clickpoint_daily__itemTitle {
    font-size: 1.4rem;
  }
}

.clickpoint_daily__itemAdditional {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}

.clickpoint_daily__condition, .clickpoint_daily__timing {
  display: flex;
  gap: 6px;
  font-size: 1.4rem;
  line-height: 1.4;
}

@media (max-width: 740px) {
  .clickpoint_daily__condition strong, .clickpoint_daily__timing strong {
    font-size: 1.2rem;
  }
}

.clickpoint_daily__condition .text, .clickpoint_daily__timing .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
}

@media (max-width: 740px) {
  .clickpoint_daily__condition .text, .clickpoint_daily__timing .text {
    font-size: 1.2rem;
  }
}

.clickpoint_daily__point {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 5px 10px;
  box-sizing: border-box;
}

@media (max-width: 740px) {
  .clickpoint_daily__point {
    padding: 0;
  }
}

.clickpoint_daily__pointBefore {
  font-size: 1.4rem;
}

.clickpoint_daily__pointAfter {
  display: flex;
  align-items: baseline;
  gap: 3px;
}

.clickpoint_daily__pointIcon {
  max-width: 15px;
  max-height: 15px;
}

.clickpoint_daily__pointValue {
  display: inline-flex;
  align-items: baseline;
  color: #e31610;
  font-size: 3.0rem;
  font-weight: bold;
}

@media (max-width: 740px) {
  .clickpoint_daily__pointValue {
    font-size: 2.4rem;
  }
}

.clickpoint_daily__pointUnit {
  font-size: 1.4rem;
}

.clickpoint_daily__pointUnit--after {
  font-weight: bold;
}

.clickpoint_daily__actionButton {
  display: flex;
  gap: 20px;
}

@media (max-width: 740px) {
  .clickpoint_daily__actionButton {
    gap: 10px;
  }
}

.clickpoint_daily__detailLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
  padding: 10px;
  border-radius: 6px;
  border: 2px solid #ff0000;
  background-color: #ff0000;
  transition: 0.2s;
  cursor: pointer;
}

@media (max-width: 740px) {
  .clickpoint_daily__detailLink {
    padding: 6px;
  }
}

.clickpoint_daily__detailLink:hover {
  color: #ff0000;
  text-decoration: none;
  background-color: #FFFFFF;
}

.clickpoint_daily__redirectToClient {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
  padding: 10px;
  border-radius: 6px;
  border: 2px solid #0067c0;
  background-color: #0067c0;
  transition: 0.2s;
  cursor: pointer;
}

@media (max-width: 740px) {
  .clickpoint_daily__redirectToClient {
    padding: 6px;
  }
}

.clickpoint_daily__redirectToClient:hover {
  color: #0067c0;
  text-decoration: none;
  background-color: #FFFFFF;
}

.clickpoint_daily__redirectToClient.clicked {
  border: 2px solid #3AA59E;
  background-color: #3AA59E;
}

.clickpoint_daily__redirectToClient.clicked:hover {
  color: #3AA59E;
  text-decoration: none;
  background-color: #FFFFFF;
}

.clickpoint_daily__adResponsive {
  margin: 10px auto;
}

.clickpoint_daily__attention {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 20px 0;
  border-radius: 6px;
  background-color: #f2f2f2;
}

.clickpoint_daily__attentionTitle {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 5px 10px;
}

@media (max-width: 740px) {
  .clickpoint_daily__attentionTitle {
    font-size: 1.6rem;
  }
}

.clickpoint_daily__attentionList {
  white-space: pre-line;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: -16px;
  margin-bottom: 6px;
}

@media (max-width: 740px) {
  .clickpoint_daily__attentionList {
    font-size: 1.2rem;
    line-height: 1.8;
  }
}

.clickpoint_daily__toHome {
  width: 100%;
}

.clickpoint_daily__toHomeLink {
  display: flex;
  justify-content: center;
  color: #FFFFFF;
  font-size: 2.0rem;
  font-weight: bold;
  text-decoration: none;
  padding: 16px;
  border-radius: 6px;
  border: 2px solid #e8a61d;
  background-color: #e8a61d;
  text-decoration: none;
  transition: 0.2s;
}

.clickpoint_daily__toHomeLink:hover {
  color: #e8a61d;
  text-decoration: none;
  background-color: #FFFFFF;
}

.common_siteInner {
  position: relative;
  max-width: 950px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .common_siteInner {
    padding: 0 16px;
  }
}

@media screen and (max-width: 960px) {
  .common_siteInner--wide {
    padding: 0;
  }
}

.common_pointIcon {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #ff0000;
  vertical-align: middle;
  border: 1px solid #e36e04;
  border-radius: 50%;
  background-color: #ffd023;
}

.common_pointIcon:before {
  position: absolute;
  left: 0;
  top: 0;
  content: 'P';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.common_point {
  position: relative;
}

.common_point__item {
  display: inline-block;
  vertical-align: middle;
}

.common_point__item--reason {
  display: inline;
  font-size: 1.0rem;
  color: #4d4d4d;
  line-height: 1;
}

.common_point__item--before {
  color: #333;
  text-decoration: line-through;
}

.common_point__item--arrow {
  color: #333;
}

.common_point__item--up {
  padding: 0 4px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  background-color: #c80000;
}

.common_point__item--value {
  font-family: Verdana;
  font-size: 1.3rem;
  color: #c80000;
}

.common_point__item--unit {
  color: #c80000;
}

.common_point__item--afterValue {
  font-family: Verdana;
  font-size: 1.6rem;
  font-weight: bold;
  color: #c80000;
}

.common_point__item--afterUnit {
  font-family: Verdana;
  font-size: 1.1rem;
  font-weight: bold;
  color: #c80000;
}

.common_attentionList {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
}

.common_attentionList__item {
  padding-left: calc(1em + 0.1em);
  text-indent: calc(1em * -1);
}

.common_attentionList__item::before {
  content: '※';
  display: inline-block;
  width: 1em;
  padding-right: 0.1em;
  text-align: right;
}

.common_attentionList__item--focus {
  color: #df0000;
}

.common_attentionList__bigText {
  font-size: 1.2em;
}

.utility_googleProduct {
  font-family: "Google Sans", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}