@charset "Shift_JIS";

body { max-width: 600px; margin: 0 auto;}
article#cover{padding:0 !important;background:none !important;}
article#cover h1{padding:0 !important;background:none !important;}
article#cover h1 img{width:100%;height:auto;}
.gen_nav{border-bottom:solid 4px #79278f;height:48px;margin:5px;}
.gen_nav ul{list-style:none;overflow:hidden;text-align:center;height:48px;word-break:break-all;}
.gen_nav ul li.gen_nav00{width:12%;height:42px;padding:4px;float:left;border:solid 1px #CCC;margin-top:6px;margin-right:2px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;box-shadow:2px 2px rgba(0,0,0,0.1);}
.gen_nav ul li.gen_nav01{width:15%;height:48px;padding:4px;float:left;background:#79278f;margin-right:2px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;box-shadow:2px 2px rgba(0,0,0,0.1);}
.gen_bt{margin:5px;}
.gen_bt ul li.gen_bt01{float:left;list-style:none;padding:2px;}
.gen_nav ul li.gen_nav01 p, .gen_nav ul li.gen_nav00 p{padding-top:0 !important;display:block;}
.gen_nav ul li.gen_nav01 p{color:#fff;}.gen_bt ul li.gen_bt01{float:left;list-style:none;padding:2px;}
.contents img {vertical-align: bottom;width: 100%;height: auto;}

#kanreki,#koki,#sanju,#hakuju{ margin-top: -80px; padding-top: 80px;}

/* 
header
------------------------------ */
.h1_txt {line-height: 1.3;padding: 5px 3%; font-size: 13px;}
.h1_ttl {background: #efb3b9;padding: 10px 15px;line-height: 1.3;margin-bottom: 25px;font-size: 14px;}
.gaju_info {display: flex;padding: 8px 0;justify-content: center;background: #ffdfe2;}
.gaju_info.last_row {padding-top: 0;}
.gaju_names dt, dl.gaju_names dd {text-align: center;}
.gaju_names dt {background: #8e8e8e;border-radius: 30px;color: #fff;font-size: 16px;font-weight: bold;padding: 4px 6px 4px;letter-spacing: 2px;white-space: nowrap;}
.gaju_names {margin: 0 0.7%;width: 15%;}
.gaju_names dt.red {background: #c54250;text-decoration: underline;font-size: 16px;}
.gaju_names dt.purple {background: #7341bd;text-decoration: underline;font-size: 16px;}
.gaju_names dt.yellow {background: #cba12e;text-decoration: underline;font-size: 16px;}
.gaju_names dt.white {background: #6bb3e0;text-decoration: underline;}
.gaju_names dd {font-size: 14px;font-weight: bold;line-height: 1.3;}
.gaju_names dd.kana {margin: 3px 0 0;font-size: 12px;font-weight: 400;}
p.gaju_attention {text-align: right;color: #91283b;}
.gaju_info a:hover {text-decoration: none!important;}

/* gaju_ttl
------------------------------ */
.gaju_ttl {margin-top: 20px;}
.gaju_ttl_h2 span {font-size: 29px;font-weight: 700;}
.gaju_ttl_h2 {font-family: 'Shippori Mincho', serif;font-size: 22px;font-weight: 700;border-bottom: 5px solid #c54250;padding: 5px;position: relative;padding-left: 84px;line-height: 1.3;}
.gaju_ttl_h2:before {content: "";width: 78px;height: 50px;position: absolute;left: 2px;top: -5px;}
.gaju_ttl_txt {margin: 5px 3% 10px;font-size: 13px;line-height: 1.3;}
#kanreki .gaju_ttl_h2:before { background: url(//img.e87.com/selection/agedday/2021images/gaju_ttl_icon1.png); background-repeat: no-repeat; background-size: contain;}
#koki .gaju_ttl_h2:before{background: url(//img.e87.com/selection/agedday/2021images/gaju_ttl_icon2.png);background-repeat: no-repeat;background-size: contain;top: 10px;}
#sanju .gaju_ttl_h2:before{background: url(//img.e87.com/selection/agedday/2021images/gaju_ttl_icon3.png);background-repeat: no-repeat;background-size: contain;top: 10px;}
#hakuju .gaju_ttl_h2:before{background: url(//img.e87.com/selection/agedday/2021images/gaju_ttl_icon4.png);background-repeat: no-repeat;background-size: contain;}
#koki .gaju_ttl_h2 {border-bottom: 5px solid #7341bd;}
#sanju .gaju_ttl_h2 {border-bottom: 5px solid #cba12e;}
#hakuju .gaju_ttl_h2 {border-bottom: 5px solid #6bb3e0;}

/* ranking
------------------------------ */
.area_rank{margin: 8% 0 6%;position:relative;}
.rank_box dl dt {font-size: 36px;color: #fff;line-height: 42px;text-align: center;position: absolute;width: 28px;height: 28px;background: #cdcdcd;border-radius: 50%;text-align: center;top: 2px;left: 2px;z-index: 1;}
.rank_box dl dt span{font-family: "Times New Roman";line-height: 1;font-size: 26px;position: absolute;/* line-height: 36px; */top: 50%;left: 50%;transform: translate(-50%, -50%);color: #3c3c3c;}
.rank_box dl dd.item_img {font-size: 13px;color: #333;}
.rank_box dl dd.item_img img {    border-top: 4px solid #cebd6c;border-bottom: 4px solid #cebd6c;}
section#ranking {clear:both;overflow:hidden;}
.rank_box {display: block;width: 97%;overflow-x: auto;white-space: nowrap;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;margin: 6% 0 6% 3%;}
.rank_box dl {width: 140px;margin: 0 1% 1em;display: inline-block;vertical-align: top;position:relative;}
.rank_box dl dd.item_name {font-weight: bold;color: #333333;padding-top: 5px;white-space: break-spaces;font-size: 88%;line-height: 1.2;display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.rank_box dl dd.price {color: #333333;font-size: 11px;font-family: 'M PLUS Rounded 1c', sans-serif;}
/* .rank_box dd.price { display: none;} */
.rank_box dl dt._gold {
    background: #b09669;
}
.rank_box dl dt._gold span{
    color:#401f1f;
}
.rank_box dl dt._silver {
    background: #9f9a93;
}
.rank_box dl dt._silver span{
    color:#401f1f;
}
.rank_box dl dt._bronze {
    background: #8d5e0d;
}
.rank_box dl dt._bronze span{
    color:#401f1f;
}

.rank_box dl dd div {
    font-size: 16px;
    color: #401f1f;
    line-height: unset;
    text-align: left;
    position: static;
    width: unset;
    height: unset;
    background: none;
    border-radius: unset;
    z-index: 1;
    margin-bottom: 0;
    top:0;
    left:0;
}

.rank_box dl dd div span{
    font-family: 'Noto Serif JP', serif;
    display: block;
    font-size: 16px;
}

.rank_box dl dd div._gold {background:none;position:relative;padding-left:1.45em;}
.rank_box dl div._gold::before {
    content: '';
    background: url(//img.e87.com/img/icon/icon_rank_no1.gif) no-repeat;
    width: 20px;
    height: 18px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0px;
}
.rank_box dl dd div._gold span{color:#401f1f;}
.rank_box dl dd div._silver {background:none;position:relative;padding-left:1.45em;}
.rank_box dl div._silver::before {
    content: '';
    background: url(//img.e87.com/img/icon/icon_rank_no2.gif) no-repeat;
    width: 20px;
    height: 18px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0px;
}
.rank_box dl dd div._silver span{color:#401f1f;}
.rank_box dl dd div._bronze {background:none;position:relative;padding-left:1.45em;}
.rank_box dl div._bronze::before {
    content: '';
    background: url(//img.e87.com/img/icon/icon_rank_no3.gif) no-repeat;
    width: 20px;
    height: 18px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0px;
}
.rank_box dl dd div._bronze span{color:#401f1f;}

.rank_box_other dl dd div span {
    font-family: 'Noto Serif JP', serif;
    display: block;
    font-size: 16px;
}

/* box
------------------------------ */
.red {background: #e6c9cc;padding: 15px 2%;}
.box_01 {padding: 0 2%;}
.itembox_pic3 {width: 100%;display: flex;}
.itembox_pic3_main {width: 67.7%;margin-right: 1.5%;}
.itembox_pic3_sub {width: 33%;}
.itembox_pic3_sub1 {margin-bottom: 5px;}
.box_01 h3 {font-family: 'Shippori Mincho', serif;font-size: 20px;font-weight: 700;text-align: center;line-height: 1.3;border-bottom: 2px solid #fff;margin-bottom: 5px;padding: 5px 0;}
.box_01 .right {width: 100%;}
.item_txt {font-size: 13.5px;line-height: 1.3;padding: 5px 2%;}
.itembox_info {padding: 10px;}
.itembox_info a:hover {text-decoration: none!important;}
.itembox_info .item_name:hover {color: #ffffffc4;}
.itembox_info .btn:hover {background: #6b5c59;}
.itembox_info .item_name {color: #fff;font-size: 16px;font-weight: bold;line-height: 1.3;margin-bottom: 3px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.itembox_info .price {color: #614a46;font-size: 12px;line-height: 1.3;}
.itembox_info .btn { background: #614a46;color: #fff;text-align: center;padding: 8px;font-size: 16px;font-weight: bold;margin-top: 5px;border-radius: 3px;}
.box_03_outer {display: flex;margin-top: 15px;justify-self: center;}
.box_03_outer .box_03 {width: 46%;margin: 0 1.5%;}
.box_03 h3 {display: none;}
.box_03 .itembox_info {background: #b98b90;padding: 5px;margin-top: 0;}
#kanreki .itembox_info { background: #b98b90;}
#koki .itembox_info { background: #9d8db7;}
#sanju .itembox_info { background: #a99869;}
#hakuju .itembox_info { background: #6ea2c1;}
.purple{background: #d5cbe5;padding: 15px 2%;}
.yellow{background: #ecddb1;padding: 15px 2%;}
.white{background: #c1dcec;padding: 15px 2%;}
.box_03 .itembox_info .item_name {color: #fff;font-size: 14px;font-weight: bold;line-height: 1.2;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.box_03 .itembox_info .btn {display: none;}
.box_02_outer {display: flex;margin-top: 15px;justify-content: center;}
.box_02_outer .box_03 {width: 46%;margin: 0 2%;}
.box_02_outer .box_03 .itembox_info .item_name {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box_01.second_row { margin-top: 20px;}

/* osusume */
.osusume_ttl_outer {padding: 20px 1.5% 15px;}
h2.osusume_more {color: #614a46;font-size: 19px;display: inline-block;background: linear-gradient(transparent 50%, #fec2c9 0%);padding: 3px 10px;}
.osusume_box {display: flex;background: #b98b90;justify-content: center;align-items: center;margin: 0 4% 10px;border: 3px solid #b98b90;}
.osusume_box .box_pic {width: 50%;}
#kanreki .osusume_box .itembox_info {width: 50%;margin: 0;padding: 5px 5px 5px 10px;}
.osusume_box .item_comment {font-family: 'Shippori Mincho', serif;font-size: 17px;font-weight: 700;line-height: 1.2;margin-bottom: 8px;}
.osusume_box .itembox_info .btn { display: none;}
.font_small {font-size: 80%;}

/* ���W����I�� */
article.module_bnr .items{padding-bottom:10px !important;}
article.module_bnr ul.t_con,article.module_bnr ul.b_con{width:95%;}
article.module_bnr ul.t_con li.left{float:left;width:48%;padding-right:5px;position:relative;}
article.module_bnr ul.t_con li.right{width:47%;}
article.module_bnr ul.t_con li.left p{position:absolute;top:40px;left:5px;width:80%;font-size:75%;background:rgba(255,255,255,0.8);padding:3px;}
article.module_bnr ul.t_con li.lright{width:48%;}article.module_bnr ul.b_con li{float:left;width:30%;margin-right:5px;}
article.module_bnr ul li img{width:100%;height:auto;}
article.other_content p{width:95%;margin:10px auto 0;}
article.other_content p img{width:100%;height:auto;}

/* #osusume_bnr{padding: 30px 0 20px;} */
div#osusume_bnr ul {clear: both;overflow: hidden;padding: 0 10px;}
div#osusume_bnr ul li {padding: 5px 15px;}
div#osusume_bnr ul li:hover{opacity:0.7;}

/* --------------------------------
	���i
-------------------------------- */

article#item { margin:15px 0 0 0; }
article#item section.accordion {}
article#item section.accordion ul li div.btn { border-right:none; border-left:none; }
article#item section.accordion ul li:first-child div.btn { -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; }
article#item section.accordion ul li:last-child div.btn { -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; }
article#item section.accordion ul li div.content { border-right:none; border-left:none; }
article#item section.accordion ul li:last-child div.content { border-bottom:none; }

article#item section.accordion ul li.purpose {}
article#item section.accordion ul li.purpose div.content { padding:15px 10px 20px 10px; }
article#item section.accordion ul li.purpose ul { display:table; border:#ccc 1px solid; border-bottom:none; width:100%; }
article#item section.accordion ul li.purpose ul:first-child { border-top-left-radius:4px; border-top-right-radius:4px; }
article#item section.accordion ul li.purpose ul:last-child { border-bottom:#ccc 1px solid; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
article#item section.accordion ul li.purpose ul li { display:table-cell; border-left:#ccc 1px solid; padding:5px 0 6px 6px; width:50%; background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 96.5% 50%; background-size:8px 12px; -webkit-background-size:8px 12px; -moz-background-size:8px 12px; vertical-align:middle; }
article#item section.accordion ul li.purpose ul li:first-child { border-left:none; }
article#item section.accordion ul li.purpose ul li a { display:block; }
article#item section.accordion ul li.purpose ul li p.img { display:table-cell; width:48px; vertical-align:middle; }
article#item section.accordion ul li.purpose ul li p.img img { vertical-align:bottom; }
article#item section.accordion ul li.purpose ul li p.txt { display:table-cell; padding:0 18px 0 0; vertical-align:middle; }
article#item section.accordion ul li.purpose ul li a:link,
article#item section.accordion ul li.purpose ul li a:visited,
article#item section.accordion ul li.purpose ul li a:hover,
article#item section.accordion ul li.purpose ul li a:active { color:#000; text-decoration:none; }

article#item section.accordion ul li.module_bnr div.content { padding-top:7px; }

/* --------------------------------
	おすすめコンテンツ
-------------------------------- */
.heading_sub_h3{
  background: #fff;
  color: #877903;
  border-bottom: 3px double #877903;
  border-top: 3px double #877903;
  padding: 8px 0!important;
  text-align: center;
  font-size: 16px!important;
  font-weight: bold!important;
  margin: 1em 3% 20px!important;
  line-height: 1.2;
  border-left: none;
  border-right: none;
  border-radius: 0;
}

/* --------------------------------
	FAQ
-------------------------------- */
#faq .new_ttl_eng{
  font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
  background: #722b1b;
  color: #fff;
  padding: 4px 10px 0px;
  font-size: 21px;
  text-align: center;
}
section.accordion ul li div.content {
  padding: 8px 10px 15px;
}

/* -----------------------------------------------------------
 to-top
----------------------------------------------------------- */

#to-top {
  position: fixed;
  bottom: 11%;
  right: 3%;
  width: 50px;
  text-decoration: none;
  background-color: #a40000;
  display: block;
  text-align: center;
  opacity: 0;
  transition: 0.2s;
  color: #fff;
  line-height: 42px;
  font-size: 16px;
  z-index: 10;
}

#to-top.fade {
  opacity: 1;
  transition:0.2s;
}

.wrap-top{
  position:relative;
  text-align: center;
  font-weight: bold;
  padding-top: 4px;
}

.wrap-top::before {
      content:  '';
      width: 6px;
      height: 6px;
      display:  block;
      border-top: solid 2px;
      border-right: solid 2px;
      transform: rotate(-45deg);
      position:  absolute;
      top: 8px;
      left:  0;
      right:  0;
      margin:  auto;
}

/* --------------------------------
	共通
-------------------------------- */
.anc_line{
  text-decoration: underline!important;
}

/* --------------------------------
	article
-------------------------------- */
.area_article{
  margin:3% 0;
}





/* ■■■■■■■■■■■ */
/* mixin-variable mixin・変数 */
/* ■■■■■■■■■■■ */
/*-----------------変数------------------*/
/*メディアクエリ*/
/*---------------カラー----------------*/
/*画像ズーム*/
/*---------------------------------------------------------------- ここからは旧式 ----------------------------------------------------------------*/
.main-c-back {
  background-color: #609ed1;
}

.sub-c1-back {
  background-color: #877903;
}

.sub-c2-back {
  background-color: #c2e0ec;
}

.sub-c2-bor {
  border: 2px solid #ea8f02;
}

.sub-c3-back {
  background-color: #ddf1f9;
}

/*カラーリスト*/
/*white*/
/*black9*/
/*$black3*/
/*$black3*/
/*$black3*/
/*$black3*/
/*$black3*/
/*$black3*/
/*$black3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
/*gray1*/
/*gray3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
/*black3*/
.color-border10 {
  border-color: #444444; /*black3*/
  border: solid 1px;
}

.color-bg11 {
  background-color: #f2f2f2;
}

.color-bg12 {
  background-color: #e3e3e3;
}

/*旧カラー*/
/*カラー*/
.bg-sub-color1 {
  background-color: #cccccc;
}

.bg-sub-color2 {
  background-color: #000000;
}

/*テキストカラー*/
/*テキストカラー*/
.text-maincolor {
  color: #333333;
}

.text-white {
  color: #ffffff;
}

/*ボーダーカラー*/
/*ボックスフレームカラー*/
.bg-black {
  background-color: #333333;
}

.border-black {
  border: solid 3px #333333;
}

.txt-black {
  color: #333333;
}

.bg-red {
  background-color: #ea0202;
}

.border-red {
  border: solid 3px #ea0202;
}

.txt-red {
  color: #ea0202;
}

.bg-light-gray {
  background-color: #f2f2f2;
}

.border-light-gray {
  border: solid 3px #f2f2f2;
}

.txt-light-gray {
  color: #f2f2f2;
}

.bg-main-color {
  background-color: #f08437;
}

.border-main-color {
  border: solid 3px #f08437;
}

.txt-main-color {
  color: #f08437;
}

/*ツートbg*/
.twotone-white-gray {
  background: linear-gradient(90deg, #f8f8f8 0%, #f8f8f8 50%, #f1f1f1 50%, #f1f1f1 100%);
}

/*-----------------mixin------------------*/
/*アニメーション*/
/*見出し*/
/*-----------------mixin------------------*/
/*コンテンツ背景*/
/*コンテンツ大枠*/
/*ボタンのマージンや大きさ*/
/*画像のマージンや大きさ*/
/*--------------------------ボタン--------------------------------*/
/*小ボタン*/
/*大ボタン*/
/*WEB作品集バッジ*/
/* html {
  overflow: auto;
  height: auto !important;
} */

/* body {
  overflow: hidden;
  word-wrap: break-word;
} */

* {
  box-sizing: border-box;
}

.renewal-page {
  /*■■■■■■■■■■■テーマ打ち消し■■■■■■■■■■■■■*/
  /* ■■■■■■■■■■■ */
  /* primary 基本設定 */
  /* ■■■■■■■■■■■ */
  /*------------基本設定----------------*/
  /*----------リンク関連----------*/
  /*--------テキスト---------*/
  overflow: hidden;
  word-wrap: break-word;
}
.renewal-page p {
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  line-height: 2.2941176471;
  word-break: break-word;
}
.renewal-page h3::after {
  border-bottom: 0px solid;
}
.renewal-page a {
  cursor: pointer;
  text-decoration: none;
}
.renewal-page a:hover {
  overflow: hidden;
  text-decoration: none;
  transition: 0.5s;
  opacity: 0.8;
}
.renewal-page a:hover img {
  transition: 0.5s;
  opacity: 0.8;
}
.renewal-page p, .renewal-page li, .renewal-page h2, .renewal-page h3, .renewal-page h4, .renewal-page h5, .renewal-page h6 {
  color: #444444;
  font-size: 16px;
  line-height: 200%;
}
.renewal-page ul {
  padding-inline-start: 20px;
}
.renewal-page li {
  font-size: 16px;
}
.renewal-page img {
  height: auto;
}
.renewal-page figure {
  margin: 0px;
}
.renewal-page dd {
  margin: 0px;
}
.renewal-page img {
  width: 100%;
}

/*----------Cpmpornentscss---------*/
/*-------見出し------*/
h2, h3, h4, .title {
  font-family: "Noto Serif JP", serif;
}

.renewal-page h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 16px;
  line-height: 1.3em;
  font-size: 24px;
}
.renewal-page h2 span {
  font-family: "Noto Sans JP", sans-serif;
  display: block;
  font-size: 16px;
}
.renewal-page h2::before {
  content: "";
  background-image: url(//img.e87.com/longlife/2024images/h2-icon.png);
  height: 22px;
  width: 118px;
  display: block;
  margin: 0 auto 20px auto;
}
.renewal-page h3 {
  flex-grow: 0;
  line-height: 1em;
  font-weight: bold;
  color: #444444;
  font-size: 20px;
  padding: 8px 16px 10px 16px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 16px;
}
.renewal-page h4 {
  font-weight: bold;
  margin-bottom: 24px;
  line-height: 0.1 0.6em;
  text-align: center;
  font-size: 20px !important;
}
.renewal-page h4::after {
  content: "";
  display: block;
  width: 50px;
  margin: 24px auto 0 auto;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(to right, #c21500 0%, #ffc500 100%);
  border-image: linear-gradient(to right, #b48401 40%, #fff961 69%, #b48401 100%);
  border-image-slice: 1;
}
.renewal-page .c-fullwidth-cont {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.renewal-page .c-fullwidth-pd {
  padding: 0 3%;
}

.renewal-page {
  /*【背景色】*/
  /*グラデーション*/
  /*【テキスト色】*/
  /*【罫線色】*/
}
.renewal-page .sec-mv {
  background-image: url(//img.e87.com/longlife/2024images/back-mv.jpg);
}
.renewal-page .l-mv-kotei {
  max-width: 600px;
  width: 100%;
  line-height: 0;
  margin: 0 auto;
  display: block;
}
.renewal-page .bg-white {
  background-color: #ffffff !important;
}
.renewal-page .txt-white {
  color: #ffffff !important;
}
.renewal-page .txt-black {
  color: #000000 !important;
}
.renewal-page .itembox_info {
  border: 1px solid #b48401;
  -o-border-image: #b48401;
  border-image: #b48401;
  border-image: -webkit-linear-gradient(left, #b48401 40%, #fff961 69%, #b48401 100%) 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#609ed1", endColorstr="#18b4e6",GradientType=1 ) 1;
  background-color: #ffffff;
  -o-border-image: linear-gradient(to right, #b48401 40%, #fff961 69%, #b48401 100%) 1;
  border-image: linear-gradient(to right, #b48401 40%, #fff961 69%, #b48401 100%) 1;
}
.renewal-page .itembox_info .btn {
  padding: 20px;
  margin: 20px auto 0px auto;
}
.renewal-page .itembox_info .price {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
/* .renewal-page .itembox_pic3_sub1 {
  margin-bottom: 0px !important;
} */
.renewal-page .itembox_pic3_sub1 {
  margin-bottom: 10px;
}
.renewal-page .c-aco02 {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.renewal-page .c-aco02 dl {
  margin-block-end: 0px;
  margin-block-start: 0px;
}
.renewal-page .c-aco02 dd {
  margin-inline-start: 0px;
}
.renewal-page .c-aco02 dd .head {
  font-size: 18px;
  border-bottom: 1px solid #eee;
}
.renewal-page .c-aco02 dd .discri {
  margin-bottom: 16px;
}
.renewal-page .accordion-container {
  margin: 0px auto 0;
  max-width: 100%;
  width: 100%;
}
.renewal-page .accordion-container p {
  text-align: center;
}
.renewal-page .accordion-list:not(:first-child) {
  margin-top: 2px;
}
.renewal-page .accordion-title {
  border-radius: 3px;
  cursor: pointer;
  font-size: 20px;
  padding: 23px 40px;
  position: relative;
  font-weight: bold;
}
.renewal-page .accordion-title:after {
  position: absolute;
  display: block;
  content: "";
  top: 44%;
  right: 22px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #adadad;
  border-right: 2px solid #adadad;
  transform: rotate(135deg);
  transition: all 0.3s ease-in-out;
}
.renewal-page .accordion-title.open:after {
  transform: rotate(-45deg);
  top: 45%;
}
.renewal-page .accordion-text {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  display: none;
  padding: 20px 40px;
}
.renewal-page .c-scloll-box .wrp {
  padding: 0 5vw;
}
.renewal-page .c-scloll-box .box {
  width: 176px;
}
.renewal-page .c-scloll-box .ovr-sc-x {
  overflow: scroll;
  padding-bottom: 24px;
}
.renewal-page .title {
  font-size: 18px;
  line-height: 1.5em;
}
.renewal-page .p-product .category, .renewal-page .p-product .name, .renewal-page .p-product .price {
  line-height: 1em;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 8px;
}
.renewal-page .p-product .category {
  line-height: 1em;
  font-size: 14px;
}
.renewal-page .p-product .name {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  line-height: 1.5em;
  font-size: 15px;
}
.renewal-page .bg-red {
  background-color: #bd0000 !important;
}
.renewal-page .sec-intro {
  position: relative;
  background-image: url(//img.e87.com/longlife/2024images/back-intro.jpg);
  background-size: cover;
  background-position: center;
}
.renewal-page .sec-intro .box {
  border: 1px solid #b48401;
  -o-border-image: #b48401;
     border-image: #b48401; /* Old browsers */ /* FF3.6-15 */
  border-image: -webkit-linear-gradient(left, #b48401 40%, #fff961 69%, #b48401 100%) 1; /* Chrome10-25,Safari5.1-6 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#609ed1", endColorstr="#18b4e6",GradientType=1 ) 1;
  background-color: #ffffff;
  -o-border-image: linear-gradient(to right, #b48401 40%, #fff961 69%, #b48401 100%) 1;
     border-image: linear-gradient(to right, #b48401 40%, #fff961 69%, #b48401 100%) 1;
}
.renewal-page .sec-intro .box p {
  line-height: 1em;
  font-weight: bold;
  font-size: 12px;
}
.renewal-page .sec-intro .box img {
  box-shadow: 2px 3px 12px rgba(100, 100, 100, 0.8);
}
.renewal-page .sec-intro .box .bdg {
  background-color: #ffffff;
  height: 52px;
  bottom: 0px;
  opacity: 0.9;
  padding: 8px 6px;
  z-index: 10;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.renewal-page .sec-intro .box a:hover {
  transition: 0;
  opacity: 1;
}
.renewal-page .sec-itiran {
  position: relative;
  background-image: url(//img.e87.com/longlife/2024images/back-itiran.jpg);
  background-size: contain;
}
.renewal-page .chart {
  position: relative;
  z-index: 0;
}
.renewal-page .chart .title1 p, .renewal-page .chart .data p {
  text-align: center;
  padding: 8px 0px;
  font-size: 16px;
}
.renewal-page .chart .title1 {
  border-radius: 10px 10px 0 0;
}
.renewal-page .chart .title1 p {
  font-weight: bold;
  color: #ffffff;
}
.renewal-page .chart .end {
  border-radius: 0px 0px 10px 10px;
}
.renewal-page .chart .b-black {
  border-right: 1px solid #cccccc !important;
}
.renewal-page .chart .b-white {
  border-right: 1px solid #ffffff !important;
}
.renewal-page .chart .bg-lightred {
  background-color: #fff3f3 !important;
}
.renewal-page .chart .bg-green {
  background-color: #299731 !important;
}
.renewal-page .chart .bg-lightgreen {
  background-color: #e8ffea !important;
}
.renewal-page .chart .bg-purple1 {
  background-color: #82219e !important;
}
.renewal-page .chart .bg-lightpurple1 {
  background-color: #f9e4ff !important;
}
.renewal-page .chart .bg-purple2 {
  background-color: #7c119b !important;
}
.renewal-page .chart .bg-lightpurple2 {
  background-color: #f0d0fa !important;
}
.renewal-page .chart .bg-yellow1 {
  background-color: #f8ff00 !important;
}
.renewal-page .chart .bg-lightyellow1 {
  background-color: #fbffdd !important;
}
.renewal-page .chart .bg-yellow2 {
  background-color: #d2ef0b !important;
}
.renewal-page .chart .bg-lightyellow2 {
  background-color: #f9ffc8 !important;
}
.renewal-page .sec-rank {
  position: relative;
  background-image: url(//img.e87.com/longlife/2024images/back-rank.jpg);
  background-size: cover;
}
.renewal-page .sec-rank .bdg {
  border-radius: 20em;
  position: absolute;
  top: -5px;
  left: -5px;
  height: 35px;
  width: 35px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
.renewal-page .sec-rank .bdg p {
  font-size: 24px;
  font-weight: bold;
}
.renewal-page .sec-rank .bg-gold {
  background: #a9a303; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #a9a303 40%, #c6bf0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a9a303", endColorstr="#18b4e6",GradientType=1 ); /* IE6-9 */
}
.renewal-page .sec-rank .bg-silver {
  background: #609ed1; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #878786 40%, #b0b0b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#878786", endColorstr="#18b4e6",GradientType=1 ); /* IE6-9 */
}
.renewal-page .sec-rank .bg-blonze {
  background: #609ed1; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #745200 40%, #b58606 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#745200", endColorstr="#18b4e6",GradientType=1 ); /* IE6-9 */
}
.renewal-page .sec-rank .bg-other {
  background: #bcbcbc;
}
.renewal-page .rank_box dl img {
  border: 1px solid #b48401 !important;
  -o-border-image: #b48401 !important;
  border-image: #b48401 !important;
  border-image: -webkit-linear-gradient(left, #b48401 40%, #fff961 69%, #b48401 100%) 1 !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#609ed1", endColorstr="#18b4e6",GradientType=1 ) 1 !important;
  background-color: #ffffff;
  -o-border-image: linear-gradient(to right, #b48401 40%, #fff961 69%, #b48401 100%) 1 !important;
  border-image: linear-gradient(to right, #b48401 40%, #fff961 69%, #b48401 100%) 1 !important;
}
.renewal-page .sec-product01 {
  position: relative;
  background-image: url(//img.e87.com/longlife/2024images/back-product01---1.jpg);
  background-size: contain;
}
.renewal-page .sec-product02 {
  position: relative;
  background-image: url(//img.e87.com/longlife/2024images/back-product01---2.jpg);
  background-size: contain;
}
.renewal-page .sec-iwaikata {
  position: relative;
  background-image: url(//img.e87.com/longlife/2024images/back-itiran.jpg);
}
.renewal-page .sec-iwaikata .box {
  background: rgba(255, 255, 255, 0.6);
  border-top: 3px solid #b48401;
  -o-border-image: #b48401;
     border-image: #b48401; /* Old browsers */ /* FF3.6-15 */
  border-image: -webkit-linear-gradient(left, #b48401 40%, #fff961 69%, #b48401 100%) 1; /* Chrome10-25,Safari5.1-6 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#609ed1", endColorstr="#18b4e6",GradientType=1 ) 1;
}
.renewal-page .square-big-might, .renewal-page .square-mid-might, .renewal-page .square-small-might {
  position: absolute;
  opacity: 50%;
  display: block;
}
.renewal-page .square-big-might {
  right: -10%;
  max-width: 200px;
  /* min-width: 100px; */
  top: -13%;
  width: 35vw;
}
.renewal-page .square-mid-might {
  right: -4%;
  max-width: 150px;
  /* min-width: 100px; */
  top: 1%;
  width: 23vw;
}
.renewal-page .square-small-might {
  left: -3%;
  left: -3%;
  max-width: 135px;
  min-width: 120px;
  top: -2%;
  width: 30vw;
}
.renewal-page .bg-main-c {
  background-color: #609ed1;
}
.renewal-page .bg-sub-c1 {
  background-color: #877903;
}
.renewal-page .bg-sub-c2 {
  background-color: #c2e0ec;
}
.renewal-page .bg-sub-c3 {
  background-color: #ddf1f9;
}
.renewal-page .bg-sub-c4 {
  background-color: #ea6100;
}
.renewal-page .bg-accent-c1 {
  background-color: #ed8207;
}
.renewal-page .bg-accent-c2 {
  background-color: #ead800;
}
.renewal-page .bg-trueblack {
  background-color: #000000;
}
.renewal-page .bg-white {
  background-color: #ffffff;
}
.renewal-page .bg-gray {
  background-color: #cccccc;
}
.renewal-page .bg-lightgray {
  background-color: #f8f8f8;
}
.renewal-page .bg-lightgray2 {
  background-color: #efefef;
}
.renewal-page .bg-black {
  background-color: #444444;
}
.renewal-page .bg-navy {
  background-color: #003e92;
}
.renewal-page .bg-darkgray {
  background-color: #666666;
}
.renewal-page .bg-stripe1 {
  background-image: linear-gradient(-45deg, #ccc 25%, #efefef 25%, #efefef 50%, #ccc 50%, #ccc 75%, #efefef 75%, #efefef);
  background-size: 4px 4px;
}
.renewal-page .bg-grad-c1 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1486aa+0,136ba5+100 */
  background: #609ed1; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #b48401 40%, #fff961 69%, #b48401 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#609ed1", endColorstr="#18b4e6",GradientType=1 ); /* IE6-9 */
}
.renewal-page * .bg_dot01 {
  background-color: #fff;
  background-image: radial-gradient(#c1c1c1 20%, transparent 50%);
  background-size: 3px 3px;
}
.renewal-page .rgba09-white {
  background-color: rgba(255, 255, 255, 0.9);
}
.renewal-page .opcity8 {
  opacity: 0.8;
}
.renewal-page .txt-main-c {
  color: #609ed1;
}
.renewal-page .txt-sub-c4 {
  color: #ea6100;
}
.renewal-page .txt-white {
  color: #ffffff !important;
}
.renewal-page .txt-red {
  color: #bd0000;
}
.renewal-page .txt-gray {
  color: #cccccc;
}
.renewal-page .txt-sub-c1 {
  color: #877903;
}
.renewal-page .txt-a-main-c a {
  color: #609ed1;
}
.renewal-page .txt-a-white a {
  color: #ffffff;
}
.renewal-page .frame-mein-c-solid {
  border: 2px solid;
  border-color: #609ed1;
}
.renewal-page .frame-main-c {
  border: 2px solid;
  border-color: #609ed1;
}
.renewal-page .frame-main-c-dash {
  border: 2px dashed;
  border-color: #609ed1;
}
@media (min-width: 769px) {
  .renewal-page .frame-main-c-dash {
    padding: 40px;
  }
}
@media (max-width: 768px) {
  .renewal-page .frame-main-c-dash {
    padding: 24px 16px;
  }
}
.renewal-page .frame-sub-c2 {
  border: solid 8px;
  border-color: #c2e0ec;
}
.renewal-page .frame-gray-c {
  border: 1px solid;
  border-color: #cccccc;
}
@media (min-width: 769px) {
  .renewal-page .frame-r-lightgray-c {
    border-right: 1px solid #cccccc;
  }
}
@media (max-width: 768px) {
  .renewal-page .frame-r-lightgray-c {
    border-bottom: 1px solid #cccccc;
  }
}
.renewal-page .frame-lightgray-c {
  border: 1px solid;
  border-color: #f8f8f8;
}
.renewal-page .frame-black {
  border: solid 2px;
  border-color: #212529;
}
.renewal-page .frame-white {
  border: solid 3px;
  border-color: #ffffff;
}
.renewal-page .border-white {
  border: solid 3px #ffffff;
}
.renewal-page .u-color-change01 {
  filter: invert(72%) sepia(26%) saturate(6428%) hue-rotate(170deg) brightness(105%) contrast(102%);
}
.renewal-page .u-mb24 {
  margin-bottom: 24px !important;
}
.renewal-page .u-mb40 {
  margin-bottom: 40px !important;
}
.renewal-page .u-mb16 {
  margin-bottom: 16px !important;
}
.renewal-page .u-mbpc80 {
  margin-bottom: 80px;
}
.renewal-page .u-mb0 {
  margin-bottom: 0px !important;
}
.renewal-page .u-pdbpc40 {
  padding-bottom: 40px;
}
.renewal-page .u-pdtpc80 {
  padding-top: 80px;
}
.renewal-page .u-pdbpc80 {
  padding-bottom: 80px;
}
.renewal-page .u-pd40 {
  padding: 40px;
}
.renewal-page .u-pdtb40 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.renewal-page .u-pdt40 {
  padding-top: 40px;
}
.renewal-page .u-pdb24 {
  padding-bottom: 24px;
}
.renewal-page .u-txt-cent {
  text-align: center !important;
}
.renewal-page .u-wid-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.renewal-page .u-m0auto {
  margin: 0 auto;
  display: block;
}
.renewal-page .u-pos-relative {
  position: relative;
}
.renewal-page .u-bold {
  font-weight: bold !important;
}
.renewal-page .u-flxwrp-nw-spb {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.renewal-page .u-flxwrp-w-spb {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.renewal-page .u-flx50 {
  flex-basis: 49%;
}
.renewal-page .u-flx30 {
  flex-basis: 30%;
}
.renewal-page .u-gap1 {
  gap: 1em !important;
}
.renewal-page .u-gap03 {
  gap: 0.3em !important;
}
.renewal-page .u-gap05 {
  gap: 0.5em !important;
}
.renewal-page .u-gap0 {
  gap: 0em !important;
}
.renewal-page .u-just-cent {
  justify-content: center;
}
.renewal-page .u-d-shadow01 {
  filter: drop-shadow(6px 6px 10px rgba(190, 190, 190, 0.8));
}
.renewal-page .u-font-sm {
  font-size: 16px !important;
}
.renewal-page .u-font-ss {
  font-size: 10px !important;
}
.renewal-page .u-border-b-eee {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 16px;
}/*# sourceMappingURL=total.css.map */



#agedday{margin: 12% 1% 0;padding: 4%;background: #fff;border: 2px solid #eee;}

h2._heading_agedday {text-align: center;font-size: min(5vw, 24px);border-bottom: 2px solid #eee;margin: 0.5em auto 1em;padding-bottom: 0.5em;font-weight: bold;font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
#agedday h2._heading_agedday::before {content: none;}

.wrap_section_heading {text-align: center;position: relative;padding: 0 4%;margin: 9% 0 2%;}
.wrap_section_heading h2._heading {font-size: min(4.7vw, 24px);color: #007A88;position: relative;text-align: center;font-weight: 600;margin: 0 0 6%;line-height: 1.6;position: absolute;top: 45%;left: 50%;transform: translate(10px, 10px);transform: translate(-50%, -50%);width: 100%;    font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.wrap_section_heading h2._heading::before{content:none;}

.common_txt {font-size: min(4.1vw, 16px);line-height: 1.8;text-align: left;color: #333;margin: 1em 0;padding: 0;}

#agedday .rank_box{margin:6% 0 6% 0;}

.rank_box dl dd.item_img img{border:none!important;}

/*---------------------------------
????? btn common
-----------------------------------*/
.common_btn {padding:0 4% 4%;}
.area_btn {text-align: center;}
.area_btn {margin-top: 8%;padding: 0 4%;}
.area_btn p.btn_text::after {content: "";position: absolute;margin: auto;top: 50%;right: 2em;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateY(-50%);transition: 0.2s;}
.area_btn p.btn_text {width: 96%;position: relative;font-size: min(4.6vw, 18px);display: inline-block;color: #fff;font-weight: bold;border-radius: 5px;line-height: 1.3;transition: .2s;box-sizing: border-box;text-align: center;background: #A47864;color: #fff;border: 1px solid #A47864;padding: 3%;}
.area_btn._all p.btn_text {background: #007A88;color: #fff;border: 1px solid #007A88;}
.area_btn p.btn_text::after {content: "";position: absolute;margin: auto;top: 50%;right: 0.75em;width: 7px;height: 7px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateY(-50%);transition: 0.2s;}
.area_btn._all p.btn_text {background: #007A88;color: #fff;border: 1px solid #007A88;}
.area_btn._all p.btn_text::after {content: "";position: absolute;margin: auto;top: 50%;right: 1em;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateY(-50%);transition: 0.2s;}
.area_btn._banner{margin:1em auto;border:1px solid #eee;transition:0.2s;}