@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
=============*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  background:transparent;
  font-family:'Lucida Grande',Meiryo,'Hiragino Kaku Gothic ProN',sans-serif;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
  display: block;
}
img {
  border:none;
  vertical-align: middle;
}
li {
  list-style:none inside;
}
/*=============
base
=============*/
body, div, p, td,dl, dt, dd, ul, ol, li ,h1,h2,h3,h4,h5,h6 {
  color:#444;
  font-size:13px;
  line-height:1.3;
}
#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.90);
  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;
}

/*=============
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_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_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;
}
.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;
}

/*===============
ポイント交換マップへ
===============*/
.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_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 {

}
.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;
}
.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;
}