@charset "UTF-8";
/*=============
スマホ版へ
=============*/
.sp_view {
  background-image: url(/img/smartphone/pc_top.png);
  background-repeat: no-repeat;
  background-color: #fff;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  -o-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  height: 15.6%;
  margin: 35px 0 0 0;
  overflow: hidden;
}

.sp_view a {
  display: block;
  height: 0;
  padding-top: 15.6%;
  width: 100%;
}

/*=============
CSSブラウザ判定
=============*/
div#accessibility_css {
  display: none;
}

/*=============
reset_css
=============*/
/* リセットCSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
label {
  -webkit-appearance: none;
  vertical-align: middle;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
}

*:focus {
  outline: none;
}

/*=============
base
=============*/
@font-face {
  font-family: MyFontFamily;
  src: local("Hiragino Kaku Gothic ProN"), local("Meiryo");
}

@font-face {
  font-family: MyFontFamily;
  font-weight: bold;
  src: local("Hiragino Kaku Gothic ProN"), local("Meiryo Bold");
}

@font-face {
  font-family: MyFontFamily;
  src: local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Apple Color Emoji"), local("Noto Color Emoji"), local("Noto Emoji");
  unicode-range: U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2122, U+2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FA, U+24C2, U+25AA-25AB, U+25B6, U+25C0, U+25FB-25FE, U+2600-2604, U+260E, U+2611, U+2614-2615, U+2618, U+261D, U+2620, U+2622-2623, U+2626, U+262A, U+262E-262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267B, U+267F, U+2692-2697, U+2699, U+269B-269C, U+26A0-26A1, U+26AA-26AB, U+26B0-26B1, U+26BD-26BE, U+26C4-26C5, U+26C8, U+26CE-26CF, U+26D1, U+26D3-26D4, U+26E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733-2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763-2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50, U+2B55, U+3030, U+303D, U+3297, U+3299, U+FE0F, U+1F004, U+1F0CF, U+1F170-1F171, U+1F17E-1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201-1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250-1F251, U+1F300-1F321, U+1F324-1F393, U+1F396-1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F-1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595-1F596, U+1F5A4-1F5A5, U+1F5A8, U+1F5B1-1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB-1F6EC, U+1F6F0, U+1F6F3-1F6F8, U+1F910-1F93A, U+1F93C-1F93E, U+1F940-1F945, U+1F947-1F94C, U+1F950-1F96B, U+1F980-1F997, U+1F9C0, U+1F9D0-1F9E6, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}

@font-face {
  font-family: MyFontFamily;
  font-weight: bold;
  src: local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Apple Color Emoji"), local("Noto Color Emoji"), local("Noto Emoji");
  unicode-range: U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2122, U+2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FA, U+24C2, U+25AA-25AB, U+25B6, U+25C0, U+25FB-25FE, U+2600-2604, U+260E, U+2611, U+2614-2615, U+2618, U+261D, U+2620, U+2622-2623, U+2626, U+262A, U+262E-262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267B, U+267F, U+2692-2697, U+2699, U+269B-269C, U+26A0-26A1, U+26AA-26AB, U+26B0-26B1, U+26BD-26BE, U+26C4-26C5, U+26C8, U+26CE-26CF, U+26D1, U+26D3-26D4, U+26E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733-2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763-2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50, U+2B55, U+3030, U+303D, U+3297, U+3299, U+FE0F, U+1F004, U+1F0CF, U+1F170-1F171, U+1F17E-1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201-1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250-1F251, U+1F300-1F321, U+1F324-1F393, U+1F396-1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F-1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595-1F596, U+1F5A4-1F5A5, U+1F5A8, U+1F5B1-1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB-1F6EC, U+1F6F0, U+1F6F3-1F6F8, U+1F910-1F93A, U+1F93C-1F93E, U+1F940-1F945, U+1F947-1F94C, U+1F950-1F96B, U+1F980-1F997, U+1F9C0, U+1F9D0-1F9E6, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}

body {
  color: #444;
  font-size: 13px;
  line-height: 1.3;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,MyFontFamily;
  font-feature-settings: "palt" 1 !important;
}

#site {
  width: 100%;
}

#site_container {
  margin: 35px auto 0;
}

a:hover img {
  opacity: 0.7;
}

/*=============
link
=============*/
a:link {
  color: #08f;
  text-decoration: none;
}

a:visited {
  color: #08f;
  text-decoration: none;
}

a:hover {
  color: #f90;
  text-decoration: underline;
}

a:active {
  color: #f90;
  text-decoration: underline;
}

/*=============
clearfix
=============*/
.pkg:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

* html .pkg {
  height: 1%;
}

/*===============
アド
===============*/
.bnr_780 {
  text-align: center;
  margin: 0 auto 30px;
  width: 780px;
}

.bnr_728 {
  text-align: center;
  margin: 0 auto 30px;
  width: 728px;
}

/*=============
リンクの▶︎
=============*/
.fa-caret-right::before {
  color: #f90;
  font-size: 20px;
  vertical-align: -2px;
}

/*=============
 テキスト：【PR】この広告はポイント対象外です
=============*/
.pr_attention_right {
  color: #888;
  font-size: 10px;
  text-align: right;
}

.pr_attention_center {
  color: #888;
  font-size: 10px;
  text-align: center;
}

/*=============
g_navi
=============*/
#g_nav_wrap {
  font-family: Tahoma,verdana,arial;
  letter-spacing: 0;
  height: 32px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  text-align: center;
  border-bottom: 2px solid #f00;
  background: linear-gradient(to bottom, #7d7d7d 0%, #332f2f 60%, #413f3e 100%);
  box-shadow: 0 1px 2px #000;
  -moz-box-shadow: 0 2px 3px #888;
  -webkit-box-shadow: 0 1px 2px #000;
}

#g_nav_wrap.gnw_service {
  border-bottom: 2px solid #f90;
}

/*
#g_nav_wrap.gnw_shopping{
  border-bottom:2px solid #FF9ACE;
}
*/
#g_nav_wrap.gnw_community {
  border-bottom: 2px solid #22B0EF;
}

#g_nav {
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  width: 1040px;
  color: #fff;
  font-size: 13px;
}

#g_nav a {
  color: #fff;
  text-decoration: none;
}

#g_nav a:focus {
  outline: 0px none black;
}

#g_nav .navi a {
  display: block;
  padding: 0 8px;
  line-height: 32px;
}

#g_nav .navi .top a {
  padding: 0;
}

#g_nav .guest a:hover {
  color: #FFD101;
}

#g_nav a:hover {
  text-decoration: none;
}

#g_nav .navi {
  float: left;
  width: 320px;
  min-width: 320px;
  font-weight: bold;
}

#g_nav .personal,
#g_nav .guest {
  float: right;
}

#g_nav ul li {
  float: left;
}

#g_nav .navi li:hover {
  background: linear-gradient(to bottom, #5e5c5a 0%, #504e4d 50%, #5e5b5a 100%);
}

#g_nav .guest li {
  padding: 0 3px;
}

#g_nav .navi .top {
  line-height: 0;
  padding-left: 0;
}

#g_nav .navi .top img {
  margin: 5px 0;
}

#g_nav .navi .top img:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#g_nav .navi li.top:hover {
  background-color: transparent;
  background: url(/img/chobi_common/gnavi_bg.gif) repeat-x;
}

#g_nav .navi .service.current,
#g_nav .navi li.service.current:hover {
  background: url(/img/chobi_common/point_bg.gif) repeat-x;
}

/*
#g_nav .navi .shopping.current,
#g_nav .navi li.shopping.current:hover{
  background:url(/img/chobi_common/shopping_bg.gif) repeat-x;
}
*/
#g_nav .navi .community.current,
#g_nav .navi li.community.current:hover {
  background: url(/img/chobi_common/wa_bg.gif) repeat-x;
}

#g_nav .personal .p_menu a,
#g_nav .guest .p_menu a {
  display: block;
  line-height: 32px;
  margin-right: 5px;
}

#g_nav .personal .p_menu a:hover,
#g_nav .guest .p_menu a:hover {
  text-decoration: underline;
}

#g_nav .personal .p_rank a {
  display: block;
  line-height: 32px;
  margin-right: 5px;
}

#g_nav .personal .p_rank a:hover {
  text-decoration: underline;
}

#g_nav .personal .p_rank a img {
  width: 20px;
  margin-right: 2px;
}

#g_nav .personal .nickname span {
  font-size: 10px;
}

#g_nav li.uicon {
  line-height: 0;
  margin-right: 5px;
}

#g_nav li.uicon img {
  margin: 4px 3px 3px 0;
  border: solid 1px #fff;
}

#g_nav .personal .point {
  margin-right: 5px;
  color: #F9D20F;
}

#g_nav .personal .point a {
  margin-left: 10px;
  margin-right: 3px;
  font-family: sans-serif;
  color: #F9D20F;
  font-size: 14px;
  font-weight: bold;
  display: inline;
}

#g_nav .personal .point .p_unit {
  margin: 0 2px;
  color: #F9D20F;
  font-weight: 800;
}

#g_nav li.p_info a img {
  margin: 5px 7px;
  white-space: normal;
}

#g_nav li.p_info a img:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#g_nav .personal .p_help,
#g_nav .guest .p_help {
  margin-right: 3px;
  line-height: 32px;
}

#g_nav .personal .p_help a img,
#g_nav .guest .p_help a img {
  margin-top: -3px;
  vertical-align: middle;
}

#g_nav .personal .p_help a:hover span,
#g_nav .guest .p_help a:hover span {
  text-decoration: underline;
}

#g_nav .gnavi_ddmenu {
  position: relative;
  max-width: 150px;
  text-align: left;
}

#g_nav .gnavi_ddmenu .dropdown_btn img {
  vertical-align: middle;
}

#g_nav .gnavi_ddmenu .gnavi_my_menu {
  width: 81px;
  height: 32px;
  background: url(/img/chobi_common/my_menu_btn.gif) no-repeat left top;
}

#g_nav .gnavi_ddmenu .gnavi_my_menu:hover {
  background: url(/img/chobi_common/my_menu_btn.gif) no-repeat left bottom;
}

#g_nav .gnavi_ddmenu .gnavi_login {
  display: block;
  width: 84px;
  height: 32px;
  background: url(/img/chobi_common/login_btn.gif) no-repeat left top;
}

#g_nav .gnavi_ddmenu .gnavi_login:hover {
  background: url(/img/chobi_common/login_btn.gif) no-repeat left bottom;
}

#g_nav div.dropdown_menu {
  position: absolute;
  padding: 5px;
  top: 32px;
  right: 0;
  z-index: 10000;
  font-size: 13px;
  background-color: rgba(51, 51, 51, 0.9);
  border: 1px solid #444;
  border-radius: 0 0 3px 3px;
  text-align: left;
  box-shadow: 1px 1px 2px #666;
  display: none;
  background-color: #333\9;
}

#g_nav div.dropdown_menu ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  line-height: 20px;
}

#g_nav div.dropdown_menu li {
  border-bottom: 1px solid #777;
  float: none;
  display: block;
}

#g_nav div.dropdown_menu li a:hover {
  background-color: #333;
}

#g_nav div.dropdown_menu a {
  white-space: nowrap;
  padding: 5px 10px 5px 18px;
  display: block;
  background: url(/img/chobi_common/menu_style.gif) no-repeat left center;
}

#g_nav div.dropdown_menu .member_info_box {
  padding: 10px 5px 5px 5px;
  margin-bottom: 5px;
  background-color: #969696;
  border-radius: 5px;
  box-shadow: inset 1px 1px 2px #888;
}

#g_nav div.dropdown_menu .member_info_box p {
  font-size: 13px;
}

#g_nav div.dropdown_menu .member_info_box .info_kind {
  background: url(/img/chobi_common/title_kind.gif) left top no-repeat;
  padding-top: 15px;
  margin-bottom: 5px;
}

#g_nav div.dropdown_menu .member_info_box .info_nick {
  background: url(/img/chobi_common/title_nick.gif) left top no-repeat;
  margin-bottom: 5px;
  padding-top: 15px;
}

#g_nav div.dropdown_menu .member_info_box .info_id {
  background: url(/img/chobi_common/title_id.gif) left top no-repeat;
  padding-top: 15px;
  font-family: Arial,Helvetica;
}

#g_nav div.dropdown_menu .member_info_box p {
  color: #fff;
  padding: 3px 0;
  white-space: nowrap;
  border-top: 1px solid #efefef;
  text-align: right;
  line-height: 1em;
  text-shadow: 2px 1px 2px #333;
}

#g_nav div.dropdown_menu .social_login .social_login_box {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #969696;
  padding: 5px;
  margin-top: 5px;
  text-align: center;
}

#g_nav div.dropdown_menu .social_login p {
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}

#g_nav div.dropdown_menu .social_login .icon_box {
  margin: 0 auto;
  width: 250px;
}

#g_nav div.dropdown_menu .social_login .icon_box li {
  float: left;
  border: none;
  padding: 0;
}

#g_nav div.dropdown_menu .social_login .icon_box a {
  padding: 2px;
  margin: 2px;
  position: relative;
  width: 32px;
  height: 32px;
}

#g_nav div.dropdown_menu .social_login .icon_box a img {
  top: 3px;
  left: 3px;
  position: absolute;
}

#g_nav div.dropdown_menu .social_login a:hover {
  background-color: #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#g_nav div.dropdown_menu .social_login .icon_box #facebook_social_login_btn {
  display: none;
}

/*=============
gray_bar
（g_nav置いたら不要になるので確認してから消してよい。まだショッピングで使用中）
=============*/
div.prefix {
  background-color: white;
  padding: 0px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 1px;
}

div.prefix_top {
  background-image: url(/img/more/nabi_back/tool_back3.gif);
  background-repeat: repeat-x;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  padding: 0 0 3px 0;
}

#prefix-title {
  font-size: 10px;
  padding: 8px 0 3px 3px;
  margin: 0;
  float: left;
}

/*=============
pankuzu
=============*/
.pankuzu {
  background-color: #fff;
  padding: 5px 0 0 0;
  border-left: 1px solid #fc0;
  border-right: 1px solid #fc0;
  display: -webkit-flex;
  display: flex;
  width: 998px;
  margin: 0 auto;
}

.pankuzu span {
  background: url(/img/wide/pankuzu_end_left.gif) 0 0 no-repeat;
  background-color: #f90;
  padding: 2px 5px 0 20px;
  color: #fff;
  display: inline-block;
}

.pankuzu a {
  background: url(/img/wide/pankuzu_left.gif) 0 0 no-repeat;
  background-color: #fc0;
  padding: 2px 5px 0 20px;
  color: #fff;
  display: inline-block;
}

.pankuzu a:first-child {
  background-image: none;
}

/*=============
ヘッダ・カテゴリメニュー
=============*/
.header_wrap {
  background-color: #f4f3ec;
}

.header_wrap .header_u {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 1040px;
  margin: 0 auto 10px;
}

.header_wrap .header_u_l {
  background: url(/img/wide/bg_chobin.png) 140px -5px no-repeat;
  background-size: 116px 71px;
  width: 300px;
}

.header_wrap h1 a {
  background: url(/img/wide/logo.png) 0 0 no-repeat;
  background-size: contain;
  width: 142px;
  height: 0;
  padding-top: 38px;
  overflow: hidden;
  display: block;
  margin: 13px 0 4px 0;
}

#search_area .search_01 {
  position: relative;
  margin-bottom: 5px;
}

.search_01 input.focus {
  background-color: #fff;
  border: 1px solid #a8a08a;
  padding: 0 0 0 5px;
  height: 32px;
  line-height: 32px;
  color: #999;
  font-size: 12px;
  width: 290px;
}

.search_01 input:focus {
  border-color: #f90;
}

.search_01 button {
  position: absolute;
  top: 5px;
  right: 8px;
  border: none;
  cursor: pointer;
  width: 26px;
  height: 26px;
  background-color: #C3A779;
  border-radius: 12px;
  padding: 0;
}

.search_01 .fa-search:before {
  color: #fff;
  font-size: 15px;
}

.header_search_words {
  display: -webkit-flex;
  display: flex;
}

.header_search_words a:link {
  color: #976600;
  margin-right: 3px;
}

.header_search_words a:visited {
  color: #976600;
}

.header_search_words a:hover {
  text-decoration: underline;
  color: #FF7D00;
}

.header_u_r .header_ad {
  width: 728px;
  height: 90px;
  margin-top: 8px;
}

.header_b {
  background-color: #630;
}

.header_b nav {
  width: 1040px;
  margin: 0 auto;
  position: relative;
}

.header_b nav ul {
  display: -webkit-flex;
  display: flex;
}

.header_b nav li {
  text-align: center;
  width: 115px;
}

.header_b nav li a {
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  display: table-cell;
  vertical-align: middle;
  width: 115px;
  height: 56px;
  text-decoration: none;
}

.header_b nav li a:visited {
  background-color: #630;
  text-decoration: none;
}

.header_b nav li a:hover {
  background-color: #f90;
  text-decoration: none;
}

.header_b nav li a.active {
  background-color: #f90;
  text-decoration: none;
}

.header_b nav li a span {
  font-size: 12px;
  display: block;
}

.header_b .nav_ico_cam {
  position: absolute;
  background-color: #6DCF00;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  width: 80px;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  top: -11px;
}

/*=============
シンプルヘッダ
シンプルフッター
=============*/
h1.simple_header {
  display: block;
  width: 189px;
  height: 50px;
  overflow: hidden;
  margin: 40px 0 0 80px;
}

h1.simple_header a {
  background: url(/img/shared/chobi_logo.gif) 0 0 no-repeat;
  display: block;
  height: 0;
  padding-top: 50px;
}

div.simple_footer {
  text-align: center;
  margin-bottom: 10px;
}

div.simple_footer ul li {
  display: inline;
  padding: 0 5px 0 3px;
  border-right: 1px dotted #888;
}

div.simple_footer ul li:last-child {
  border-right: none;
}

/*=============
フッター
=============*/
#footer_wrap {
  background-color: #f4f3eb;
  border-top: #630 2px solid;
  width: 100%;
}

.footer_up_wrap {
  background: url(/img/wide/footer_bg.png) right bottom no-repeat;
  padding-top: 20px;
}

.footer_wrap_inner {
  width: 1040px;
  margin: 0 auto;
}

.footer_box_01 {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
}

.menu_box_01, .menu_box_02, .menu_box_03, .menu_box_04, .menu_box_05 {
  width: 208px;
}

.menu_box_01 p, .menu_box_02 p, .menu_box_03 p, .menu_box_04 p, .menu_box_05 p {
  color: #f90;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 3px;
}

.menu_box_01 p a, .menu_box_02 p a, .menu_box_03 p a, .menu_box_04 p a, .menu_box_05 p a {
  color: #f90;
  text-decoration: none;
}

.menu_box_01 li dd, .menu_box_02 li dd {
  padding-left: 10px;
}

.menu_box_01 li dd a, .menu_box_02 li dd a {
  color: #907244;
}

.menu_box_04 p.menu_exchange,
.menu_box_04 p.menu_exchange a {
  color: #9c0;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}

.footer_box_01 li {
  list-style: none outside none;
}

.menu_box_01 li a, .menu_box_02 li a, .menu_box_03 li a, .menu_box_04 li a, .menu_box_05 li a {
  color: #630;
  font-size: 11px;
  text-decoration: none;
}

.footer_box_02 {
  text-align: center;
  padding-bottom: 10px;
}

.footer_box_02 .bnr_box a {
  height: 31px;
  width: auto;
}

.bnr_box a {
  vertical-align: bottom;
}

.footer_bottom_wrap {
  background-color: #630;
  text-align: center;
}

.footer_bottom_wrap a:link {
  color: #fff;
  font-size: 11px;
  line-height: 30px;
  margin-right: 20px;
  text-decoration: none;
}

.footer_bottom_wrap a:visited {
  color: #fff;
}

#copyright {
  color: #fff;
  font-style: normal;
  line-height: 30px;
}

/*------サイドカラム　ここから-------*/
/*===============
右カラムタイトル部分共通
===============*/
h3.side_ti_h3 {
  border-top: 1px #C1B8B1 solid;
  border-right: 1px #C1B8B1 solid;
  border-bottom: 2px solid #7F6E52;
  border-left: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #f4f3ec;
  padding: 10px 5px 10px 10px;
}

h3.side_ti_h3 .side_h3_border {
  border-left: 6px solid #7f6e52;
  padding-left: 8px;
  color: #7f6e52;
  font-size: 15px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  height: 34px;
}

h3.side_ti_h3 span.side_ti_h3_small {
  font-size: 12px;
}

h3.side_ti_h3 a {
  color: #7f6e52;
}

h3.side_ti_h3 a:hover {
  color: #f90;
}

/*===============
使い方
===============*/
.howto_easy_main {
  display: none;
}

.howto_easy_inner {
  border: 2px solid #b0a695;
  border-radius: 5px;
  padding: 22px;
}

.howto_easy_inner > ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.howto_easy_inner > ul > li {
  padding: 9px;
  border: 1px dotted #b0a695;
  width: 350px;
  margin-bottom: 20px;
  position: relative;
}

.howto_easy_inner h4 {
  font-size: 18px;
  font-weight: bold;
  color: #7f6e52;
  margin-bottom: 10px;
}

.howto_easy_inner .howtoeasy_txt {
  color: #7f6e52;
  margin-bottom: 20px;
}

.howto_easy_inner li ul {
  color: #7f6e52;
  margin-bottom: 20px;
}

.top_wrap .howto_easy_inner li ul li {
  color: #7f6e52;
  margin-bottom: 5px;
}

.top_wrap .howto_easy_inner li ul li a {
  color: #7f6e52;
}

.top_wrap .howto_easy_inner li ul li a:hover {
  color: #ff7d00;
}

.howto_easy_inner .to_page {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.top_wrap .howto_easy_inner .to_page a {
  color: #7f6e52;
}

.top_wrap .howto_easy_inner .to_page a:hover {
  color: #ff7d00;
}

.howto_easy_inner h4 span {
  display: inline-block;
  background-color: #7f6e52;
  border-radius: 3px;
  width: 28px;
  height: 28px;
  overflow: hidden;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
}

.howto_easy_inner .icon-ico_shopbag:before {
  color: #ffffff;
  font-size: 18px;
}

.howto_easy_inner .shopping_form {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.howto_easy_inner .search_01 {
  position: relative;
  margin-bottom: 5px;
  width: 245px;
}

.howto_easy_inner .search_01 input {
  width: 240px;
}

.howto_easy_inner .search_01 input.focus {
  background-color: #ffffff;
  border: 1px solid #a8a08a;
  padding: 0 0 0 5px;
  height: 32px;
  line-height: 32px;
  color: #999999;
  font-size: 12px;
}

.howto_easy_inner .search_01 input:focus {
  border-color: #ff9900;
}

.howto_easy_inner .search_01 button {
  position: absolute;
  top: 5px;
  right: 8px;
  border: none;
  cursor: pointer;
  width: 26px;
  height: 26px;
  background-color: #c3a779;
  border-radius: 12px;
  padding: 0;
}

.howto_easy_inner .search_01 .icon-ico_search:before {
  color: #ffffff;
}

.howto_easy_inner .icon-ico_monitoring:before {
  color: #ffffff;
  font-size: 18px;
}

.howto_easy_inner .icon-ico_gameFill:before {
  color: #ffffff;
  font-size: 14px;
  vertical-align: top;
}

.howto_easy_inner .icon-ico_qanda:before {
  color: #ffffff;
  font-size: 20px;
}

.howto_easy_inner .icon-ico_works:before {
  color: #ffffff;
  font-size: 19px;
}

.howto_easy_inner .icon-ico_earnMoni:before {
  color: #ffffff;
  font-size: 20px;
}

.howto_easy_inner .icon-ico_friends:before {
  color: #ffffff;
  font-size: 19px;
}

.howto_easy_inner .icon-ico_rekutenFill:before {
  color: #ffffff;
  font-size: 19px;
}

.howto_bottom {
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: flex;
  margin-bottom: 20px;
}

.howto_bottom_l {
  width: 288px;
  padding: 40px 0 0 50px;
  font-size: 15px;
  font-weight: bold;
}

.howto_bottom_c {
  width: 97px;
  padding-top: 20px;
}

.howto_bottom_r {
  width: 307px;
  padding-left: 30px;
  font-weight: bold;
}

.howto_bottom_r_u {
  margin-bottom: 30px;
}

.howto_bottom_r_u span.point_cb {
  font-size: 34px;
  font-weight: bold;
  color: #ff6766;
}

.howto_bottom_r_u span.point_cn {
  color: #ff6766;
}

.howto_bottom_r_b {
  font-size: 15px;
  font-weight: bold;
}

.top_wrap .howto_bottom_btn a {
  display: block;
  width: 240px;
  margin: 0 auto 30px;
  background-color: #7f6e52;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 3;
  border-radius: 5px;
}

.top_wrap .howto_bottom_btn a:hover {
  background-color: #998b75;
}

.top_wrap .close_howtoeasy {
  cursor: pointer;
  text-align: center;
  font-size: 16px;
}

.top_wrap .close_howtoeasy .fa-angle-up::before {
  font-size: 22px;
}

/*===============
あなたにピッタリの貯め方は？
===============*/
.your_method_btn {
  text-align: center;
}

.your_method_btn .your_method_ti {
  cursor: pointer;
  border: 1px solid #7f6e52;
  background: linear-gradient(#fff, #f0f0f0);
  border-radius: 5px;
  padding: 10px 0;
  margin-bottom: 10px;
  text-align: center;
}

.your_method_btn .your_method_ti:hover {
  background: #f0f0f0;
}

.my_table {
  display: none;
}

.my_table h2 {
  margin-top: 30px;
}

.my_table .close_your_method {
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  margin-top: 5px;
}

.my_table .close_your_method .fa-angle-up::before {
  font-size: 22px;
}

/*===============
今日のちょびリッチ
===============*/
.side_today_chobirich_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px 5px;
  margin-bottom: 30px;
  text-align: center;
}

.side_today_chobirich .max_pt {
  font-weight: bold;
}

.side_today_chobirich .max_pt dd {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px 0 10px 4px;
  color: #FF6766;
  font-size: 22px;
  margin-bottom: 10px;
}

.side_today_chobirich .icon-ico_point_bag::before {
  margin-right: -3px;
}

.side_today_chobirich .max_pt dd span {
  font-size: 22px;
}

.side_today_chobirich .max_pt dd .pt_unit {
  font-size: 13px;
}

.side_today_chobirich .side_voice_main {
  position: relative;
}

.side_today_chobirich .side_voice_main dt {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 10px;
  border-radius: 15px;
  margin-bottom: 10px;
  font-weight: bold;
  z-index: 1000;
}

.side_today_chobirich .side_voice_main dt:after,
.side_today_chobirich .side_voice_main dt:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.side_today_chobirich .side_voice_main dt:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 5px;
  margin-left: -5px;
}

.side_today_chobirich .side_voice_main dt:before {
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #ccc;
  border-width: 6px;
  margin-left: -6px;
}

.side_today_chobirich .side_voice_main .side_voice_slider {
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #ffffe0;
  padding-top: 20px;
  padding-bottom: 10px;
  top: -20px;
}

.side_today_chobirich .side_voice_main span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  padding-left: 10px;
  padding-right: 10px;
  text-overflow: ellipsis;
}

.side_today_chobirich .side_voice_main .side_voice_slider > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.side_today_chobirich .to_page {
  text-align: right;
}

/*===============
ユーザー情報
===============*/
.side_user_details h3.side_ti_h3 .side_h3_border {
  border: none;
  padding-left: 0;
  font-size: 14px;
}

.side_user_details h3.side_ti_h3 .side_h3_border img {
  width: 28px;
  height: auto;
}

.side_user_details_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px 2px 15px 7px;
  margin-bottom: 20px;
}

.side_user_details dl.user_number {
  margin-bottom: 10px;
}

.side_user_details dl.user_number dt {
  margin-bottom: 5px;
}

.side_user_details dl.user_number dd {
  padding-left: 10px;
}

.side_user_details .user_point {
  margin-bottom: 10px;
}

.side_user_details .user_point dd {
  color: #FF6766;
}

.side_user_details .user_pt_n {
  font-weight: bold;
  font-size: 22px;
  padding-left: 10px;
}

.side_user_details .user_yen {
  color: #444;
}

.side_user_details_main li {
  margin-bottom: 5px;
}

/*===============
会員登録＆ログインボタン
===============*/
.side_regist_btn {
  margin-bottom: 20px;
}

.side_regist_btn .side_toroku_btn {
  border: 1px solid #f90;
  margin-bottom: 15px;
  text-align: center;
  border-radius: 5px;
}

.side_regist_btn .side_toroku_btn a {
  display: block;
  background: #fff99e;
  border-radius: 5px;
  color: #f90;
  font-size: 18px;
  font-weight: bold;
  line-height: 3;
}

.side_regist_btn .side_toroku_btn a:hover {
  background: #f90;
  color: #fff;
  text-decoration: none;
}

.side_regist_btn .side_login_btn {
  border: 1px solid #59a509;
  margin-bottom: 15px;
  text-align: center;
  border-radius: 5px;
}

.side_regist_btn .side_login_btn a {
  display: block;
  background: #d1ffae;
  border-radius: 5px;
  color: #59a509;
  font-size: 18px;
  font-weight: bold;
  line-height: 3;
}

.side_regist_btn .side_login_btn a:hover {
  background: #59a509;
  color: #fff;
  text-decoration: none;
}

/*===============
ヘルプセンターへのリンク
===============*/
.side_helpcenter_box .side_helpcenter_box_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px 7px 5px;
  margin-bottom: 30px;
}

.side_helpcenter_box li:first-child {
  border-top: none;
}

.side_helpcenter_box li {
  padding: 5px 0;
  border-top: 1px dotted #ccc;
}

/*===============
閲覧履歴
===============*/
.side_user_history .history_explanation {
  display: none;
}

.side_history_contents_wrap {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0 7px 5px;
  margin-bottom: 30px;
}

#logreco_history_side #history_item_list li.history_item {
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  border-bottom: 1px dotted #ccc;
  box-sizing: border-box;
}

#logreco_history_side #history_item_list li.history_item a {
  width: 100%;
  display: block;
  text-decoration: none;
}

#logreco_history_side #history_item_list li.history_item a img {
  display: block;
  width: 120px;
  height: auto;
  margin: 0 auto 5px;
}

#logreco_history_side #history_item_list .item_title {
  width: 100%;
  margin: 0 auto;
  vertical-align: middle;
  font-size: 13px;
  font-weight: bold;
  position: relative;
}

#logreco_history_side #history_item_list .item_pt s {
  color: #555;
  font-size: 12px;
  white-space: nowrap;
}

#logreco_history_side #history_item_list .item_pt_after,
#logreco_history_side #history_item_list .item_pt {
  width: 100%;
  color: #ff6677;
  font-weight: bold;
  font-size: 18px;
  margin: 0 auto;
}

#logreco_history_side #history_item_list .item_pt_after .icon-ico_point_bag::before,
#logreco_history_side #history_item_list .item_pt .icon-ico_point_bag::before {
  font-size: 15px;
}

#logreco_history_side #history_item_list .item_genre {
  display: none;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.side_history_contents_wrap .to_page {
  padding: 5px 0;
  text-align: right;
}

/*===============
本日のミッション
===============*/
.side_today_mission_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px 7px 5px;
  margin-bottom: 30px;
}

.side_today_mission li:first-child {
  border-top: none;
}

.side_today_mission li {
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px 0;
  border-top: 1px dotted #ccc;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.side_today_mission li span {
  display: inline-block;
  width: 35px;
  height: 26px;
}

/*===============
お知らせ
===============*/
.side_chobirich_news_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px 5px 5px;
  margin-bottom: 30px;
}

.side_chobinews_contents {
  border-bottom: 1px solid #ccc;
}

.side_chobirich_news .side_chobinews_date {
  display: block;
}

.side_chobinews_contents dt:first-child {
  border-top: none;
}

.side_chobinews_contents dt {
  border-top: 1px solid #CCC;
  cursor: pointer;
  margin-bottom: 10px;
  padding-top: 7px;
}

.side_chobinews_contents dt a {
  color: #444;
  display: block;
}

.side_chobinews_contents dt .side_chobinews_tit {
  color: #444;
  display: block;
}

.side_chobinews_contents .side_chobinews_date {
  color: #878787;
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 3px;
}

.side_chobinews_contents .side_chobinews_para {
  display: none;
  padding: 0 18px 0 0;
}

.side_chobinews_contents .side_chobinews_para .side_chobinews_para_inner {
  border-top: dashed 1px #CCC;
  line-height: 1.5;
  padding-top: 6px;
}

.side_chobinews_contents .side_chobinews_border {
  border-bottom: 1px solid #ccc;
}

.side_chobirich_news .to_page {
  text-align: right;
  padding-top: 10px;
}

/* お知らせ　追加　*/
article.chobirich_news {
  width: 100%;
  padding: 10px 0 25px;
  border-bottom: 1px dotted #dddddd;
  position: relative;
}

article.chobirich_news .news_label {
  margin-bottom: 3px;
}

article.chobirich_news .news_label_icon {
  margin-bottom: 3px;
}

article.chobirich_news .news_time {
  font-size: 12px;
  color: #878787;
}

article.chobirich_news .news_headline {
  margin-bottom: 8px;
}

article.chobirich_news .news_headline a {
  color: #555;
  text-decoration: none;
}

article.chobirich_news .accordion-btn {
  z-index: 30;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto;
  padding: 0 0 4px;
  color: #aaa;
  text-align: center;
  cursor: pointer;
}

article.chobirich_news .accordion-btn::before {
  font-family: 'FontAwesome';
  content: "続きを読む \f107";
}

article.chobirich_news .news_txt {
  position: relative;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s;
  font-size: 12px;
}

article.chobirich_news .news_txt a:link {
  color: #08f;
  border-bottom: 1px #08f solid;
}

article.chobirich_news .news_txt a:visited {
  color: #08f;
}

article.chobirich_news .checkbox:checked ~ .accordion-btn::before {
  font-family: 'FontAwesome';
  content: "閉じる \f106";
}

article.chobirich_news .checkbox:checked ~ .news_txt {
  max-height: 500px;
}

article.chobirich_news .checkbox:checked ~ .news_txt::before {
  display: none;
}

.checkbox {
  display: none;
}

#view_tags {
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -10;
}

/*===============
ポイント交換マップへ
===============*/
.side_exchange_map_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px 8px 5px;
  margin-bottom: 30px;
}

.side_exchange_map .side_exchange_map_img a {
  background: url(/img/wide/img_exchange.gif) 0 0 no-repeat;
  display: block;
  width: 180px;
  height: 0;
  padding-top: 100px;
  overflow: hidden;
  margin: 0 auto 15px;
}

.side_exchange_map .side_exchange_map_ti {
  font-weight: bold;
  margin-bottom: 3px;
}

.side_exchange_map dl {
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: flex;
  margin-bottom: 10px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.side_exchange_map dt {
  background: url(/img/wide/img_crown.gif) 0 22px no-repeat;
  background-size: 25px 21px;
  width: 25px;
  height: 21px;
  color: #fff;
  font-weight: bold;
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: flex;
  padding-top: 29px;
  padding-left: 9px;
  font-size: 12px;
}

.side_exchange_map dd {
  width: 120px;
}

.side_exchange_map dd img {
  width: 100%;
}

.side_exchange_map .to_page {
  text-align: right;
}

/*===============
ポイント数ランキング
===============*/
.side_point_ranking_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-bottom: 30px;
}

.side_point_ranking .point_ranking_txt {
  background-color: #E4E2DE;
  padding: 15px 5px 15px;
}

.point_ranking_txt p {
  background-color: #fff;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  color: #7F6E52;
}

.side_point_ranking .point_ranking_inner {
  padding: 5px;
}

.side_point_ranking .ranking_month {
  color: #7f6e52;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
}

.side_point_ranking .point_ranking_inner li {
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: flex;
  margin-bottom: 5px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.side_point_ranking .ranking_num {
  margin-right: 5px;
}

.side_point_ranking .ranking_1 .ranking_num,
.side_point_ranking .ranking_2 .ranking_num,
.side_point_ranking .ranking_3 .ranking_num {
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: url(/img/wide/img_crown.gif) no-repeat 4px 4px;
  background-size: 25px 21px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  width: 35px;
}

.side_point_ranking .ranking_1 .ranking_num span,
.side_point_ranking .ranking_2 .ranking_num span,
.side_point_ranking .ranking_3 .ranking_num span {
  padding-left: 7px;
  margin-top: -10px;
}

.side_point_ranking .ranking_name span {
  font-size: 14px;
  font-weight: bold;
  color: #777;
  display: inline-block;
  vertical-align: bottom;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.side_point_ranking .ranking_point {
  color: #f90;
  font-size: 12px;
}

.side_point_ranking .ranking_point span {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
}

.side_point_ranking .ranking_num {
  width: 35px;
  font-size: 12px;
  font-weight: bold;
  color: #7f6e52;
  padding-top: 10px;
  text-align: center;
}

.side_point_ranking .ranking_num span:after {
  content: "位";
}

.side_point_ranking .ranking_1 .ranking_num:after,
.side_point_ranking .ranking_2 .ranking_num:after,
.side_point_ranking .ranking_3 .ranking_num:after {
  margin: -10px 0 0 0;
  font-size: 10px;
}

.side_point_ranking .point_ranking_inner ul {
  margin-bottom: 10px;
}

.side_point_ranking .syukeichu {
  position: relative;
  background: url(/img/wide/syukeichu.gif) 10px 15px no-repeat;
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 135px;
  margin-bottom: 30px;
}

.side_point_ranking .to_page {
  text-align: right;
}

.side_point_ranking .to_page2 {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/*===============
レビューランキング
===============*/
.side_review_ranking_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-bottom: 30px;
}

.side_review_ranking .ranking_ranking_txt {
  background-color: #E4E2DE;
  padding: 15px 5px 15px;
}

.review_ranking_txt p {
  background-color: #fff;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  color: #7F6E52;
}

.side_review_ranking .review_ranking_inner {
  position: relative;
  overflow: hidden;
  padding: 5px;
}

.side_review_ranking .ranking_month {
  color: #fff;
  background: #7f6e52;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
  font-size: 16px;
}

.side_review_ranking .review_ranking_inner li {
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  position: relative;
  border-top: 1px dotted #ccc;
  padding: 10px 0;
}

.side_review_ranking .review_ranking_inner li:first-child {
  border: none;
}

.side_review_ranking .ranking_num {
  margin-right: 5px;
}

.side_review_ranking .ranking_num span {
  margin-bottom: 40%;
}

.side_review_ranking .ranking_1 .ranking_num,
.side_review_ranking .ranking_2 .ranking_num,
.side_review_ranking .ranking_3 .ranking_num {
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: url(/img/wide/img_crown.gif) no-repeat 4px 4px;
  background-size: 25px 21px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  width: 35px;
}

.side_review_ranking .ranking_1 .ranking_num span,
.side_review_ranking .ranking_2 .ranking_num span,
.side_review_ranking .ranking_3 .ranking_num span {
  padding-left: 7px;
  margin-top: -10px;
}

.side_review_ranking .ranking_name span {
  font-size: 15px;
  font-weight: bold;
  margin-right: 3px;
  line-height: 18px;
  color: #777;
  display: inline-block;
  vertical-align: bottom;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.side_review_ranking .ranking_name a {
  color: #777;
}

.side_review_ranking .ranking_name a:hover, .side_review_ranking .ranking_name a:hover span {
  text-decoration: underline;
}

.side_review_ranking .ranking_point {
  color: #f90;
  font-size: 12px;
}

.side_review_ranking .ranking_point span {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
}

.side_review_ranking .ranking_num {
  width: 35px;
  font-size: 12px;
  font-weight: bold;
  color: #7f6e52;
  padding-top: 10px;
  text-align: center;
}

.side_review_ranking .ranking_num span:after {
  content: "位";
}

.side_review_ranking .ranking_1 .ranking_num:after,
.side_review_ranking .ranking_2 .ranking_num:after,
.side_review_ranking .ranking_3 .ranking_num:after {
  margin: -10px 0 0 0;
  font-size: 10px;
}

.side_review_ranking .review_ranking_inner ul {
  margin-bottom: 10px;
}

.side_review_ranking .syukeichu {
  position: relative;
  background: url(/img/wide/syukeichu.gif) 10px 15px no-repeat;
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 135px;
  margin-bottom: 30px;
}

.ranking_score {
  color: #777;
  font-size: 12px;
}

.ranking_chobin {
  color: #777;
  font-size: 12px;
  position: absolute;
  width: 60px;
  left: 15px;
  bottom: -3px;
}

.ranking_chobin img {
  width: 100%;
}

.side_review_ranking .to_page {
  text-align: right;
}

.side_review_ranking .to_page2 {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/*===============
その他のコンテンツ
===============*/
.side_other_contents_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px 8px 5px;
  margin-bottom: 30px;
}

.side_other_contents li:first-child {
  border-top: none;
}

.side_other_contents li {
  padding: 5px 0;
  border-top: 1px dotted #ccc;
}

/*===============
バナーたち
===============*/
.side_top_right_bnr {
  margin-bottom: 30px;
}

.side_sns_bnr {
  display: -webkit-flex;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 30px;
}

/*===============
スマホ版へ
===============*/
.side_to_sp_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px 8px 10px;
  margin-bottom: 30px;
}

.side_to_sp .to_sp_qr {
  width: 105px;
  height: 0;
  margin: 0 auto 15px;
  background: url(/img/wide/sp_qrcode.gif) 0 0 no-repeat;
  padding-top: 105px;
  overflow: hidden;
}

/*===============
お友達紹介QRコード
===============*/
.side_invite_friends .side_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0 0 10px;
  margin-bottom: 30px;
}

.side_invite_friends .side_main_lead {
  background-color: #E4E2DE;
  padding: 15px 5px 15px;
  margin-bottom: 10px;
}

.side_invite_friends .side_main_lead p {
  background-color: #fff;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  color: #7F6E52;
}

.side_invite_friends .side_main_lead .num_point {
  font-size: 24px;
  color: #FF6766;
}

.side_invite_friends .side_main_lead .unit_point {
  color: #FF6766;
  margin-right: 3px;
}

.side_invite_friends .side_main .inner {
  padding: 0 8px;
}

.side_invite_friends .side_main_txt {
  width: 100%;
  height: auto;
  margin: 0 auto 5px;
  text-align: center;
}

.side_invite_friends .side_main_url {
  width: 100%;
  margin: 0 auto 10px;
  word-wrap: break-word;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 3px;
  box-sizing: border-box;
}

.side_invite_friends .side_main_url textarea {
  border: none;
  resize: none;
  width: 98%;
  height: 3.4em;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
}

.side_main_txt span {
  display: block;
  text-align: center;
}

.side_invite_friends .side_main_btn {
  width: 80%;
  height: 36px;
  border-radius: 5px;
  margin: 0 auto;
  color: #666;
  font-size: 13px;
  line-height: 36px;
  text-align: center;
  background: linear-gradient(#fff, #eee);
  border: 1px solid #ccc;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease, margin 0.1s ease, border 0.1s ease;
  transition: background-color 0.3s ease, margin 0.1s ease, border-bottom 0.1s ease;
  -webkit-appearance: none;
  box-sizing: border-box;
}

.side_invite_friends .side_main_btn:hover {
  background: linear-gradient(#eee, #fff);
}

/*===============
LINE＠
===============*/
.side_line_friend_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 25px 8px 10px;
  margin-bottom: 30px;
}

.side_line_friend_main .btn_line {
  text-align: center;
  margin-bottom: 20px;
}

.side_line_friend_main .btn_line img {
  width: 116px;
  height: auto;
}

/*===============
Instagram
===============*/
.side_instagram_friend_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 25px 8px 10px;
  margin-bottom: 30px;
}

.side_instagram_friend_main .btn_instagram img {
  width: 40px;
  height: 40px;
}

.side_instagram_friend_main .btn_instagram a {
  display: block;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
}

.side_instagram_friend_main .btn_instagram_l {
  padding: 5px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.side_instagram_friend_main .btn_instagram_r {
  width: 100%;
  padding: 5px 0 5px 10px;
  border: 1px solid #ccc;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: linear-gradient(#fff, #eee);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.side_instagram_friend_main a:hover .btn_instagram_r {
  background: linear-gradient(#eee, #fff);
}

.side_instagram_friend_main .btn_instagram a:hover {
  text-decoration: none;
}

.side_instagram_friend_main .btn_instagram a:hover img {
  opacity: 1;
}

.side_instagram_friend_main span {
  font-weight: bold;
}

/*===============
aumo
===============*/
.side_aumo_main {
  border-right: 1px #C1B8B1 solid;
  border-bottom: 1px #C1B8B1 solid;
  border-left: 1px #C1B8B1 solid;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 25px 8px 10px;
  margin-bottom: 30px;
  text-align: center;
}

/*------//サイドカラム　ここまで------*/
/*-------------------------------------古い記述　古いページにまだ存在する-------------------------------------------*/
/*=============
margin
=============*/
.margin_u_5 {
  margin-bottom: 5px;
}

.margin_u_10 {
  margin-bottom: 10px;
}

.margin_u_15 {
  margin-bottom: 15px;
}

.margin_u_20 {
  margin-bottom: 20px;
}

.margin_u_25 {
  margin-bottom: 25px;
}

.margin_u_30 {
  margin-bottom: 30px;
}

/*=============
text
=============*/
.txt_red {
  color: #FF6766;
}

.txt_red_bold {
  color: #FF6766;
  font-weight: bold;
}

/*=============
errorExplanation
=============*/
.fieldWithErrors input {
  background-color: #FFE6E6;
}

.fieldWithErrors select {
  background-color: #FFE6E6;
}

.fieldWithErrors textarea {
  background-color: #FFE6E6;
}

.formError {
  color: #FF6766;
}

/*-------------------------
left,right
--------------------------*/
.left {
  float: left;
  text-align: left;
  padding: 0px;
}

.center {
  text-align: center;
  margin: 0 auto;
  padding: 0px;
}

.right {
  float: right;
  text-align: right;
  padding: 0px;
}

.flort-left {
  float: left;
}

.flort-clear {
  clear: both;
}

table.left {
  float: left;
  text-align: left;
  padding: 0px;
}

table.center {
  text-align: center;
  margin: 0 auto;
  padding: 0px;
}

table.right {
  float: right;
  text-align: right;
  padding: 0px;
}

td.left {
  float: none;
  text-align: left;
}

td.center {
  float: none;
  text-align: center;
}

td.right {
  float: none;
  text-align: right;
}

/*-------------------------
/shared/ad_script/_shop.html.erb
--------------------------*/
.shared-shop-adbox-wrap {
  width: 246px;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 10px;
  float: left;
}

.shared-shop-adbox-middle {
  background-image: url(/img/shared/ad_line/246_gray_002.gif);
  background-repeat: repeat-y;
  width: 246px;
  text-align: left;
}

.shared-shop-adbox-img {
  text-align: center;
}

.shared-shop-adbox-body {
  text-align: left;
  padding: 5px;
}

.shared-shop-adbox-botton {
  height: 20px;
  text-align: center;
}

/*-------------------------
/shared/ad_script/_mobile.html.erb
--------------------------*/
.earn-mobile-adbox-wrap {
  width: 204px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 10px;
  float: left;
}

.shared-mobile-adbox-middle {
  background-image: url(/img/shared/ad_line/204_mobile_gray_002.gif);
  background-repeat: repeat-y;
  width: 204px;
  text-align: center;
}

/* ------------------------------
gray-line-box
------------------------------ */
.gray-box {
  width: 300px;
  margin-bottom: 5px;
  padding-bottom: 4px;
  background: url(/img/top/new/r_300_gray_003.gif) no-repeat scroll left bottom transparent;
}

.gray-box-header {
  height: 4px;
  width: 300px;
}

.gray-box-middle {
  background-image: url(/img/game/zero_2/r_300_gray_02.gif);
  background-repeat: repeat-y;
  width: 280px;
  text-align: center;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.gray-box-under {
  width: 300px;
  height: 4px;
}

/*-------------------------
text
--------------------------*/
.txt-red {
  color: #CC0000;
}

.txt-gray-2 {
  color: #808080;
}

.txt-0810 {
  font-size: 8px;
  line-height: 10px;
}

.txt-1012 {
  font-size: 10px;
  line-height: 12px;
}

.txt-1014 {
  font-size: 10px;
  line-height: 14px;
}

.txt-1113 {
  font-size: 11px;
  line-height: 13px;
}

.txt-1214 {
  font-size: 12px;
  line-height: 14px;
}

.txt-1218 {
  font-size: 12px;
  line-height: 18px;
}

.txt-1418 {
  font-size: 14px;
  line-height: 18px;
}

.txt-1620 {
  font-size: 16px;
  line-height: 20px;
}

.txt-1012-red {
  font-size: 10px;
  line-height: 12px;
  color: #CC0000;
}

.txt-1214-red {
  font-size: 12px;
  line-height: 14px;
  color: #CC0000;
}

.txt-1416-red {
  font-size: 14px;
  line-height: 16px;
  color: #CC0000;
}

.txt-1214-gray {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #666666;
}

.txt-1418-gray-2 {
  font-size: 14px;
  line-height: 18px;
  color: #999999;
}

.txt-bold {
  font-weight: bold;
}

.txt-1214-gray {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #666666;
}

.txt-1418-gray-2 {
  font-size: 14px;
  line-height: 18px;
  color: #999999;
}

.txt-red-bold {
  color: #CC0000;
  font-weight: bold;
}

.txt-1620-bold {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.txt-1214-red-bold {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  color: #CC0000;
}

.txt-1416-red-bold {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  color: #CC0000;
}

.txt-1620-red-bold {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #CC0000;
}

/*-------------------------
margin
--------------------------*/
.margin-t-5 {
  margin-top: 5px;
}

.margin-t-10 {
  margin-top: 10px;
}

.margin-t-15 {
  margin-top: 15px;
}

.margin-t-20 {
  margin-top: 20px;
}

.margin-u-5 {
  margin-bottom: 5px;
}

.margin-u-10 {
  margin-bottom: 10px;
}

.margin-u-15 {
  margin-bottom: 15px;
}

.margin-u-20 {
  margin-bottom: 20px;
}

.margin-u-2 {
  margin-bottom: 2px;
}

.margin-r-5 {
  margin-right: 5px;
}

.margin-l-10 {
  margin-left: 10px;
}

.margin-t-u-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-t-u-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-t-u-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-t-u-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-l-t-5 {
  margin-left: 5px;
  margin-top: 5px;
}

.margin-l-r-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.margin-all-5 {
  margin: 5px;
}

/*-------------------------
banner
--------------------------*/
.banner_590_120 {
  margin: 0 auto 15px;
  width: 590px;
}

.banner_590_120 img {
  max-width: 590px;
  height: auto;
}

.bnr-300-90 {
  height: 90px;
  width: 300px;
  margin-bottom: 5px;
}

/*-------------------------
seagull_graybox
--------------------------*/
.ad-box-142-line-000 {
  width: 138px;
  margin-right: 3px;
  margin-left: 3px;
  text-align: center;
  margin-bottom: 5px;
  float: left;
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 10px 0;
}

/* ------------------------------
レクタングル広告
------------------------------ */
.rectangle {
  width: 300px;
  margin: 5px 0 15px 0;
  text-align: center;
  line-height: 160%;
}

.rectangle a {
  text-decoration: none;
}

.privacy {
  text-align: center;
  padding: 5px;
}

/* ------------------------------
Google Ad
------------------------------ */
.google-ad-300-250 {
  width: 300px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  height: 250px;
}

.ad-728-90 {
  height: 90px;
  width: 728px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  padding-top: 10px;
}

/* ------------------------------
ちょびリッサーチ
ちょびッとワーク
誘導枠
------------------------------ */
div.related_contents {
  margin-bottom: 15px;
  padding: 0 0 10px 0;
  background: url(/img/mypage/tentame/gray_box_5_b.gif) left bottom no-repeat;
}

.related_contents_title {
  background: url(/img/mypage/tentame/right_col_title2.gif) 0 0 no-repeat;
}

.related_contents_main {
  padding: 0px 5px 0px 5px;
  border-left: 5px solid #E8E8E8;
  border-right: 5px solid #E8E8E8;
}

div.related_contents h4 {
  background: url(/img/mypage/tentame/icon_right_col3.png) 10px 6px no-repeat;
  color: #7B441F;
  font-size: 15px;
  font-weight: bold;
  line-height: 34px;
  padding-left: 38px;
}

div.related_contents ul li {
  border-bottom: 1px dotted #ccc;
}

div.related_contents ul li.last {
  border-bottom: none;
}

div.related_contents a, div.related_contents a:hover {
  background-position: left center;
  background-size: 55px auto;
  -moz-background-size: 55px auto;
  -webkit-background-size: 55px auto;
  -ms-background-size: 55px auto;
  background-size: 55px auto;
  display: block;
  padding: 10px 5px 10px 65px;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
}

div.related_contents a:hover {
  text-decoration: none;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}

div.related_contents a p {
  color: #0088FF;
  font-size: 14px;
  font-weight: bold;
}

div.related_contents a:hover p {
  color: #FF7D00;
  text-decoration: underline;
}

div.related_contents a span {
  color: #666;
  line-height: 130%;
}

/*-------------------------------------//ここまで　古い記述　古いページにまだ存在する-------------------------------------------*/
/* ==================
slickslider全体 (トップカルーセル・今日ちょび・レコメンド共通)
=====================*/
.slider {
  display: none;
}

.slider.slick-initialized {
  display: block;
  /*slick-initializedが付与されたら表示*/
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  box-sizing: border-box;
  display: none;
  height: 100%;
  min-height: 1px;
}

.slick-slide div {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Dots */
.slider_nav, .slider_nav2 {
  margin: 0 auto 20px;
}

.slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: Fontawesome;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '\f111';
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/* ==================
クチコミの星
=====================*/
/*星5つタイプ*/
.kutikomi_rate_box_f {
  height: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
}

.kutikomi_rating_star_f {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  letter-spacing: 0.2em;
}

.kutikomi_rating_star_f::before, .kutikomi_rating_star_f::after {
  font-family: 'icomoon';
  display: inline-block;
}

.kutikomi_rating_star_f::before {
  content: '\e93c\e93c\e93c\e93c\e93c';
  color: #ccc;
}

.kutikomi_rating_star_f::after {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffcc00;
}

.kutikomi_total_num_f {
  color: #08f !important;
}

.rating_star_0::after {
  content: '';
}

.rating_star_0-5::after {
  content: '\e93b';
}

.rating_star_1:after {
  content: '\e93c';
}

.rating_star_1-5:after {
  content: '\e93c\e93b';
}

.rating_star_2:after {
  content: '\e93c\e93c';
}

.rating_star_2-5:after {
  content: '\e93c\e93c\e93b';
}

.rating_star_3:after {
  content: '\e93c\e93c\e93c';
}

.rating_star_3-5:after {
  content: '\e93c\e93c\e93c\e93b';
}

.rating_star_4:after {
  content: '\e93c\e93c\e93c\e93c';
}

.rating_star_4-5:after {
  content: '\e93c\e93c\e93c\e93c\e93b';
}

.rating_star_5:after {
  content: '\e93c\e93c\e93c\e93c\e93c';
}

/*星1つタイプ*/