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

/*----------------------------------------------------------------------------------------
　　tabu_header_○○
----------------------------------------------------------------------------------------*/
.bottom_Box{width:100%; height:50px; color:#fff;}
.search_coupon_Box{position:fixed; left:0; right:375px; min-width:170px; top:0;}
.search_iframe{width:100%; min-width:280px; height:50px; z-index:10;}
/* When there is only one list */ .search_coupon_Box li:first-child:nth-last-child(1) {width:100%;}
/* When there are two lists */ .search_coupon_Box li:first-child:nth-last-child(2){width:33%; min-width:280px; float:left; border-right:1px #fff dashed;} .search_coupon_Box li:first-child:nth-last-child(2) ~ li{width:63%; max-width:950px; float:left;}

.bottom_menuBox{float:right; width:375px; height:50px; border-left:1px #fff dashed;}
.bottom_menuList{width:368px; float:left;}
.bottom_menuList > li{width:20%; height:50px; float:left; font-size:11.5px; letter-spacing:-1px; text-align:center; padding:4px 0;}
.bottom_menuList > li:first-child{padding-left:8px;}
.bottom_menuList > li:last-child{padding-right:8px;}
.bottom_menuList > li img{width:25px; height:auto; display:block; margin:0 auto 5px;}
.bottom_menuList li a{color:#fff;}

/* クーポン　1個用 */
#head_coupon:hover, #head_infomation:hover, .bottom_menuList li a:hover, .bottom_menuList li a:hover img{opacity:0.5; background-color:inherit;}
#head_coupon{display:block; width:100%; height:50px; color:#fff; padding:10px 3px 0 10px; text-align:center; box-sizing:border-box;}
.head_cpBox{max-width:950px; margin:0 auto;}
.head_cpBox p, .head_cpTtl1, .head_cpTtl2{float:left;}
.head_cpLim, .head_cpBtn{border-radius:4px;  -webkit-border-radius:4px;  -moz-border-radius:4px; }
.head_cpLim{width:175px; border:1px #fff solid; margin-right:5px; padding:7px 5px 4px; }
.head_cpTtl1{max-width:155px; font-size:38px; font-weight:bold; padding:0 4px 0 7px; text-align:left; height:33px; }
.head_cpTtl2{max-width:95px; height:32px; font-size:18px; font-weight:bold; line-height:17px; text-align:left; padding:0 7px 0 0; border-right:1px #ddd dotted;}
.head_cpTxt{max-width:295px; height:36px; font-size:13.5px; line-height:18px; padding:0 0 0 10px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.head_cpBtn{width:125px; background-color:#fff; color:#0070ca; font-size:18px; font-weight:bold; padding:8px 30px 4px 0;}
.head_cpBtn::after{content:""; width:30px;  height:30px;  background:url(https://www.rakuten.ne.jp/gold/livingut/common_img/head_coupon.png) no-repeat; background-size:25px;  position:absolute; top:3px; right:5px; display:inline-block;}
.head_cp_Lmargin{margin-left:30px;}
.head_cp_Rmargin{margin-right:30px;}

/* 重要なおしらせ用 */
#head_infomation{width:100%; height:50px; display:block; color:#fff; padding:7px 0 15px; text-align:center;}
.head_infoTtl{font-size:18px; font-weight:bold; margin-left:25px; display:block; float:left;}
.head_infoImg{width:25px; margin-left:7px; position:relative; top:5px;}
.head_infoTxt{margin:12px 20px 0 25px; display:block; float:left; }
.head_infoBtn{color:#0070ca; background-color:#fff; padding:9px 30px 6px; border-radius:4px; display:block; float:left;}
.search_coupon_Box li:first-child:nth-last-child(2) .head_cpBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_cpBtn,
.search_coupon_Box li:first-child:nth-last-child(2) .head_infoBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_infoBtn{position:fixed; bottom:9px; right:400px; z-index:1;}

/* 可変設定 チャットテスト出てから */
@media screen and (max-width: 1550px) {
.bottom_menuBox{display:none;}
.search_coupon_Box li:first-child:nth-last-child(2) .head_infoBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_infoBtn{right:10px;}
.search_coupon_Box{right:0;}
.search_coupon_Box li:first-child:nth-last-child(2) .head_cpBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_cpBtn, .search_coupon_Box li:first-child:nth-last-child(2) .head_infoBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_infoBtn{position:relative; bottom:0; right:0; left:20px;}
.head_cp_Rmargin, .head_cp_Lmargin{margin:0;}}
@media screen and (max-width: 1180px) {.search_coupon_Box li:first-child:nth-last-child(2) .head_infoBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_infoBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_cpTxt{display:none;}}
@media screen and (max-width: 850px) {.search_coupon_Box li:first-child:nth-last-child(2) ~ li{width:60%;}
.search_coupon_Box li:first-child:nth-last-child(2) .head_cpBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_cpBtn, .search_coupon_Box li:first-child:nth-last-child(2) .head_infoBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_infoBtn{display:none;}}

/* 重要なおしらせ用  楽天チャットテスト出る前
#head_infomation{width:100%; height:50px; display:block; color:#fff; padding:7px 0 15px; text-align:center;}
.head_infoTtl{font-size:18px; font-weight:bold; margin-left:25px; display:block; float:left;}
.head_infoImg{width:25px; margin-left:7px; position:relative; top:5px;}
.head_infoTxt{margin:12px 20px 0 25px; display:block; float:left; }
.head_infoBtn{color:#0070ca; background-color:#fff; padding:9px 30px 6px; border-radius:4px; display:block; float:left;}
.search_coupon_Box li:first-child:nth-last-child(2) .head_cpBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_cpBtn,
.search_coupon_Box li:first-child:nth-last-child(2) .head_infoBtn, .search_coupon_Box li:first-child:nth-last-child(2) ~ li .head_infoBtn{position:fixed; bottom:9px; right:400px; z-index:1;}*/

/* 可変設定
@media screen and (max-width: 1800px) {.head_cp_Lmargin{margin-left:0;} .head_cp_Rmargin{margin-right:0;} .head_cpBtn{right:420px;}}
@media screen and (max-width: 1650px) {.head_cpLim{display:none;} .head_infoBtn{display:none;} .head_infoTxt::after{content:"\025B6"; position:fixed; right:390px; font-size:13px; top:18px; color:#0070ca; background-color:#fff; width:20px; height:20px; border-radius:25px; padding:5px 4px; box-sizing:border-box;}}
@media screen and (max-width: 1380px) {.search_coupon_Box li:first-child:nth-last-child(2){width:280px;} .search_coupon_Box li:first-child:nth-last-child(2) ~ li{min-width:210px; width:auto; float:left;} .head_infoTtl{display:none;}}
@media screen and (max-width: 1350px) {.head_cpTxt{display:none;} .head_cpTtl1{padding-left:0;} .head_cpTtl2{border:none;} .head_infoTxt{margin-left:5px; margin-right:0;}}
@media screen and (max-width: 1130px) {.head_cpBtn{display:none;} .head_cpTtl2::after{content:"\025B6"; position:absolute; right:10px; font-size:13px; top:18px; color:#0070ca; background-color:#fff; width:20px; height:20px; border-radius:25px; padding:2.5px 3.5px; box-sizing:border-box;}
.head_infoTxt{width:210px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .head_infoBtn{display:none;} .#head_coupon{padding-left:5px;}}*/


/*----------------------------------------------------------------------------------------
　　tabu_left(right)_○○
----------------------------------------------------------------------------------------*/
/* 画面左右バナー用 */
.scroll_moveR{margin:0 -17px 0 0;}
.scroll_moveR a:hover{position:relative; right:17px;}
.scroll_hoverR a:hover, .scroll_hoverL a:hover, .tabu_type:hover{filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.scroll_moveL{margin:0 0 0 -11px}
.scroll_moveL:hover{position:relative; right:-10px;}

#scrolltab {display:block; position:fixed; z-index:1;}
#scrolltab a {margin:0 0 10px 0; padding:0px; display:block; color:#000;}
.scrolltab-R{right:0; text-align:right;}
.scrolltab-L{left:0; text-align:left;}

.tabu_type{margin:0 0 15px 33px; font-size:19px; line-height:20px; background:#fff; border-radius:4px; box-sizing:border-box; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.tabu_type a{width:40px; padding:15px 10px 12px !important; margin:0 !important; text-align:center; box-sizing:border-box; text-decoration:none; color:#fff !important;}
.tabu_here{cursor:default !important;}

.tabu_n{background-color:#0076d5 !important; position:relative;}
.tabu_n > .tabu_here::before{content:url(https://www.rakuten.ne.jp/gold/livingut/common_img/tabu_imakoko_n.png); position:absolute; top:32%; left:-33px;}

.tabu_inte{background-color:#70ad0a !important; position:relative;}
.tabu_inte > .tabu_here::before{content:url(https://www.rakuten.ne.jp/gold/livingut/common_img/tabu_imakoko_inte.png); position:absolute; top:35%; left:-33px;}

.tabu_fz{background-color:#e95412 !important; position:relative;}
.tabu_fz > .tabu_here::before{content:url(https://www.rakuten.ne.jp/gold/livingut/common_img/tabu_imakoko_fz.png); position:absolute; top:28%; left:-33px;}