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

/*----------------------------------------------------------------------------------------
　　iframe　サイズ設定　上記以外
----------------------------------------------------------------------------------------*/
/* 画面横タブ　iframe */
#scrolltab_right {top:0; display:block; position:fixed; margin:120px 0 0 0; right:0px; text-align:right; z-index:999999;}
@media screen and (max-width:1250px) {#scrolltab_right{ display:none;}}

/*----------------------------------------------------------------*/

/* ヘッダー */
#header {width:100%; height:250px; margin: 0px; padding: 0px; border: 0px; overflow: hidden;}
/* 旧ワンカラム用 マージン */
#s_header{margin-bottom:10px !important;}

/* クーポン・重要なお知らせ */
#head_news, #tabu_header{height:50px; min-width:740px; width:100%; vertical-align:bottom;}
#head_news{z-index:9999999; position:fixed; bottom:0; left:0; background-color:#0070ca; border-top:1px #fff solid; box-sizing:border-box; padding-left:200px;}
@media screen and (max-width: 1080px) {.head_news_index{padding:0;}}

/* カテゴリオンマウス表示用セット */
#index_header{height:255px; width:100%; margin:0px; padding:0px; border:0px; overflow:hidden;}
#header_slider{width:950px; height:408px; margin:0px; padding:0px; border:0px; overflow:hidden;}
#index_header_n {height:255px; width:100%; margin:20px 0 0; padding:0px; border:0px; overflow:hidden;}

/* レフトナビ */
#leftnavi, #fz_leftnavi, #inte_leftnavi, #item_leftnavi, #item_leftnavi_n {width:260px; height:5750px; margin:0px 60px 0px 0px; padding:0; border:0px; overflow:hidden;}
#inte_leftnavi {height:5100px;}
#fz_leftnavi {height:5200px;}
#item_leftnavi {padding-left:45px;}
#item_leftnavi_n {padding-left:35px;}
/* レフトナビ 左側バナー */
#side_banner01{width:120px; height:2065px;}


/* フッター */
#footer_guide{height:1900px; width:100%; margin:0px; padding:0px; border:none; overflow:hidden; position:absolute; left:0;}
/* 旧ワンカラム用 */
#category_footer{width:950px; height:860px;}

/* 場所別＆facebook */
#footer{height:2330px; width:655px; margin:0px; padding:0px; border:none; overflow:hidden;}
#inte_footer{height:1900px; width:620px; margin:0px; padding:0px; border:none; overflow:hidden;}
#fz_footer {height:1550px; width:620px; margin:0px; padding:0px; border:none; overflow:hidden;}
/* カレンダー */
#calendar{width:175px; height:500px;}

/*----------------------------------------------------------------*/

/* 追従検索 */
#search_form {position:fixed; left:0; right:0; min-width:1033px; bottom:0; z-index:999999 !important;}
#search_form iframe {width:100%; height:50px;}
/*@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#search_form {position:absolute;}
.point-bgbanner{display:none;}
}
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#search_form {position:absolute;}
.point-bgbanner{display:none;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
#search_form{position:absolute;}
.point-bgbanner{display:none;}
}*/

/*---------------------------------------------------------------------*/

/* 商品ページ用　重要なお知らせ設定 */
.head_news_area{position:fixed; width:100%; min-width:1033px; bottom:0px; left:0; z-index:9999999; box-sizing:border-box;}
/*@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {.head_news_area{position:absolute;}}
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {.head_news_area{position:absolute;}}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {.head_news_area{position:absolute;}}*/

/*----------------------------------------------------------------*/

/* ピックアップ　一覧＆カテゴリトップ用セット */
iframe.tk_pick_cate, iframe.ct_pick_cate{width:950px; height:760px;}
@media screen and (max-width:767px) {iframe.tk_pick_cate, iframe.ct_pick_cate{width:100%; height:990px;}}

/*----------------------------------------------------------------*/

/* カテゴリ　中・小カテ用サイズ　共通iframe */
.if_kitchen{width:620px; /*height:130px;*/ margin-bottom:15px;}

/*----------------------------------------------------------------------------------------
　　過去の遺産　必要なもの
----------------------------------------------------------------------------------------*/
/*テキスト基本リンク*/
/*a {color:#885533;}*/
/*a:link {text-decoration:underline;}*/
/*a:hover {color:#fff; text-decoration:none;}*/
#head_waku a:link,#left_waku a:link,cate_icon_waku a:link,footer_waku a:link{text-decoration: none; color: #434343;}
#head_waku a:visited,#left_waku a:visited,cate_icon_waku a:visited,footer_waku a:visited {text-decoration: none; color: #434343;}
#head_waku a:hover,#left_waku a:hover,cate_icon_waku a:hover,footer_waku a:hover {text-decoration: underline; color: #3399FF;}

/*----------------------------------------------------------------*/



/* index&旧特集 フレーム */
#top_leftnavi {width: 260px; margin-right: 44px; float: left;}
* html #top_leftnavi{margin-right:20px;}
#top_footer {float: right; width: 655px;}

/*----------------------------------------------------------------*/

/* ボタン風 テキストリンク */
.text-btn{width:80%; margin:auto;}
.text-li-btn{width:95%; margin:auto;}
.text-btn a, .text-li-btn a{display:block; border:1px #999 solid; border-radius:50px; box-shadow:3px 3px 0 #ccc; box-sizing:border-box; padding:20px 10px 15px; margin:30px auto 25px; text-align:center; font-size:24px; line-height:1.2em; text-decoration:none; color:#3e3a39; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.text-btn a::after, .text-li-btn a::after{content:"\025B6"; padding-left:10px;}
.text-li-btn a{font-size:18px; padding:25px 10px 20px;}

.text-btn-n:hover a{background-color:#00a0ea; color:#fff;}
.text-btn-inte:hover a{background-color:#70ad0a; color:#fff;}
.text-btn-fz:hover a{background-color:#e95412; color:#fff;}

/* ポイント縦（背景）バナー */
#point_banner{margin:50px 0 0; padding:0; position:fixed; top:0; left:0;}
#point_banner a{display:block; text-decoration:none; width:78px; height:1500px;}
@media screen and (max-width: 1300px){#point_banner {display: none;}}

/*----------------------------------------------------------------------------------------
　　index
----------------------------------------------------------------------------------------*/

/* TOP　body見出し
#index_title{width:100%; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px #ccc dashed; font-size:17px; line-height:17px; display:inline-block; color:#3e3a39; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#index_title p{margin:0; padding:0;}
#index_title p:first-child{float:left; height:40px; padding-left:10px; box-sizing:border-box; position:relative;}
#index_title p:first-child::before {content:"\025B6"; font-size:9px; color:#fff; position:absolute; top:12px; left:-10px;}
#index_title p:first-child b{color:#ccc; font-weight:normal; margin-bottom:6px; display:block;}
#index_title p:nth-child(2) {float:right; width:72%; height:40px; padding:12px 0 0 10px; letter-spacing:1px; box-sizing:border-box; color:#fff; position:relative; border-radius:5px;}
#index_title p:nth-child(2)::after {content:""; position:absolute; top:15px; left:-10px; display:block; border-style:solid; border-width:6px 10px 6px 0;} */

/* body見出し インテリア用カラー 
.index_Ttl_inte p:first-child{border-left:10px #70ad0a solid;}
.index_Ttl_inte p:nth-child(2)::after{border-color:transparent #70ad0a transparent transparent;}
.index_Ttl_inte p:nth-child(2){background:#70ad0a;}*/
	
/* body見出し 生活雑貨用カラー
.index_Ttl_n p:first-child{border-left:10px #00a0ea solid;}
.index_Ttl_n p:nth-child(2)::after{border-color:transparent #00a0ea transparent transparent;}
.index_Ttl_n p:nth-child(2){background:#00a0ea;} */

/* body見出し 家具用カラー 
.index_Ttl_fz p:first-child{border-left:10px #e95412 solid;}
.index_Ttl_fz p:nth-child(2)::after{border-color:transparent #e95412 transparent transparent;}
.index_Ttl_fz p:nth-child(2){background:#e95412;}*/

/*----------------------------------------------------------------*/

/* 更新情報 */
.index_info{width:100%; height:210px; border:0; margin:10px 0 25px;}

/* カテゴリトップ一覧 */
.cttop_txt{width:90%; margin:15px auto 25px; padding:10px 0; text-align:center; font-size:15px; border:1px #ccc solid; border-radius:10px;}
.cttop_list{margin:0; padding:0; display:inline-block; width:100%; border-top:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid;}
.cttop_list li{width:25%; float:left; list-style:none; font-size:13px; text-align:center; padding:6px; box-sizing:border-box; border-bottom:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid;}
.cttop_box{background-color:#eee; padding-top:30px; min-height:120px; display:block; color:#333 !important; text-decoration:none;}
.cttop_box:hover{opacity:.5;}
.cttop_box img{display:block; margin:0 auto 20px;}
.cttop_btn{width:100%; display:inline-block; margin:0 0 30px; padding:0;}
.cttop_btn li{width:50%; float:left; list-style:none;}

/* ピックアップ */
.index_hotIframe{width:100%; margin-bottom:50px;}
.life_if_pick {margin-bottom:10px;}
.index_hotIframe iframe{width:100%; height:815px;}
.cate_hotIframe{width:950px;}
.cate_hotIframe iframe{width:100%; height:765px;}
@media screen and (max-width: 767px){
.cate_hotIframe{width:100%;}
.cate_hotIframe{padding:0 5px; box-sizing:border-box; width:100%; overflow-y:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch; display:inline-block;}
.cate_hotIframe::-webkit-scrollbar{width:5px; background:#dddddd;}
.cate_hotIframe::-webkit-scrollbar:horizontal{height:5px; background:#dddddd;}
.cate_hotIframe::-webkit-scrollbar-thumb{background:#343434; border-radius:2px;}
.cate_hotIframe::-webkit-scrollbar-thumb:horizontal{background:#343434;}
.cate_hotIframe iframe{width:1280px; height:420px;}
.cate_hotBox{position:relative; margin-bottom:60px; width:320px;}
.cate_hotBox::after{content:'スクロールしてご覧ください'; position:absolute; bottom:-20px; left:5px; font-size:12px; line-height:20px; background:url(https://image.rakuten.co.jp/livingut/cabinet/common_img/scroll.gif) 160px -1px no-repeat; width:220px; text-align:left; letter-spacing:initial;}
}

/* 大バナー２列（キャンペーン） */
#top_main #twoBanner {margin: 0px; height: 230px; padding: 0 0 20px 0;}
#top_main #twoBanner * {margin: 0px; padding: 0px; margin-bottom:10px;}
#twoBanner dt {float: left; height: 230px; width: 305px;}
#twoBanner dd {float: right; height: 230px; width: 305px;}
#twoBanner a:hover {filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80;}
#top_main #twoBanner:last-of-type{padding-bottom:0;}

/* スマホ大バナー1列（キャンペーン） */
#oneBanner{margin:0 0 20px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#oneBanner a{text-decoration:none;}
#oneBanner:hover{filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80;}
.oneBnr_Box{background-color:#ba0001; margin:0; padding:4px 0 0; color:#fff; text-align:center; display:table; width:620px; box-sizing:border-box; line-height:35px;}
.oneBnr_text{display:table-cell; vertical-align:middle; text-align:right; width:52.5%;}
.oneBnr_text::after{content:"\025B6 \025B6"; font-size:15px; color:#fff; padding-left:20px; display:table-cell; vertical-align:middle; float:right;}
.oneBnr_ttl{font-size:30px; color:#f6fd82; font-weight:bold; padding-left:15px;}
.oneBnr_ttl2{font-size:20px; font-weight:bold; letter-spacing:2px; display:table-cell; vertical-align:middle; text-align:left;}

/* バナー2列　（インテリア） */
#index_series{display:inline-block; margin:0 0 20px; padding:0;}
#index_series li{list-style:none; width:48.2%; float:left; margin:0 20px 20px 0;}
#index_series li:nth-child(2n){margin-right:0;}
#index_series li img{width:100%; margin-bottom:5px;}
#index_series p{margin:0 auto; color:#3e3a39; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#index_series a{text-decoration:none; display:block;}
#index_series a:hover{color:#fff;}
#index_series a:hover .index_ser_Btn{background-color:#00a0e9; color:#fff;}
.index_ser_Ttl{font-size:16px; font-weight:bold; border-bottom:1px #aaa dashed; margin-bottom:5px !important;}
.index_ser_Ttl::before{content:url(https://image.rakuten.co.jp/livingut/cabinet/common_img/index_arrow.gif); padding-right:10px;}
.index_ser_Txt{font-size:14px; margin-bottom:10px !important;}
.index_ser_Btn{width:80%; text-align:center; background-color:#efefef; border:1px #999 dotted; border-radius:30px; margin-bottom:15px !important; padding:8px 0 5px;}
.index_ser_Btn::after {content:"\025B6"; font-size:12px; padding-left:10px;}

/* キャンペーン */
.index_cp_1row, .index_cp_2row, .index_cp_3row, .index_cp_4row, .index_cp_5row{width:100%; height:1130px; margin-top:10px; border:none; overflow:hidden;}
.index_cp_1row{height:550px;}
.index_cp_2row{height:765px;}
.index_cp_3row{height:600px;}
.index_cp_5row{height:1420px;}

/* ランキング */
.index_cp_4row {height:285px;}
.tab-wrap {display:flex; flex-wrap:wrap;}
.tab-label {color:#333; background:#ddd; width:159px; height:45px; margin:2px;order:-1;}
.tab-label p {height:100%; text-align:center; font-size:15px; margin:0; line-height:1.1em;}
.tab_rank_txt01 {padding-top:15px;}
.tab_rank_txt02 {padding-top:8px;}
.tab-content {width:100%; display:none;}
.tab-switch:checked+.tab-label {color:#fff;}
.rankbox_life > .tab-switch:checked+.tab-label {background:#00a0ea;}
.rankbox_inte > .tab-switch:checked+.tab-label {background:#70ad0a;}
.rankbox_fz > .tab-switch:checked+.tab-label {background:#e95412;}
.tab-switch:checked+.tab-label+.tab-content {display:block;}
.tab-switch {display:none;}



/* header_item検証用 */
/** トップ **/
#header_item {width:100%; height:320px;}
body {margin-top:0;}
#scrolltab_left {top:380px; margin-left:-645px;}
#header {margin-top:15px;}
/** 商品ページ **/
#item_head_area {position:absolute; left:0; right:0; margin-top:-20px; text-align:center; z-index:100000;}
#item_head_margin, #item_head_margin02 {height:610px;}
#item_scrolltab_left iframe{width:75px; height:700px; z-index:9999;}
#item_scrolltab_left {top: 50px; display: block; position: fixed; margin: 80px 0 0 0; left: 50%; margin-left: -585px; text-align: left; z-index: 99999;}

/*後でcommonへ*/
#top_tk, #top_tabu, #top_main {width:1100px; margin:10px auto 50px; overflow:hidden;}
/**特集**/
.top_tk01 {width:45%; float:left; display:inline-block;}
.top_tklist {width:54%; margin-left:10px; float:left; display:inline-block;}
.top_tklist li {width:33.3%; display:inline-block; float:left;}
.top_tklist li:nth-child(-n+3) {margin-bottom:40px;}
.top_tklist_box {margin:0 5px; display:block;}
.top_tklist_txt {color:#333; font-size:13px; margin-top:5px; line-height:1.3em; text-align:left;}
.top_tk01 .top_tklist_txt {font-size:15px; padding-left:70px; position:relative;}
.top_tk01 .top_tklist_txt::before {content:"PICK"; left:0; background-color:#0076d5; color:#fff; font-weight:bold; padding:7px 10px; position:absolute;}
/**タブ**/
#top_tabu {border-bottom:5px solid #0076d5; width:100%;}
.tab_area {width:800px; margin:0 auto;}
.top_tablist {width:800px; margin:0 auto;}
.top_tablist li {width:33.3%; float:left; display:inline-block;}
.top_tablist_box {color:#fff; background-color:#ccc; font-weight:bold; text-align:center; margin:0 10px; padding:20px; border-radius:10px 10px 0 0; display:block;}
.top_tablist_box:hover {background-color:#333; color:#fff;}
/**メイン**/
#top_main {clear:both; overflow:hidden;}
#top_cont {width:780px; float:right;}
#index_title {text-align:left; padding-bottom:15px; margin-bottom:15px; clear:both;}
#index_title:nth-of-type(n+2) {margin-top:80px;}
#index_title p {font-size:16px; font-weight:bold; vertical-align:bottom; display:inline-block;}
#index_title p:first-child {font-size:25px; padding-right:50px; letter-spacing:2px;}
.index_Ttl_n {border-bottom:2px solid #ccc; position:relative;}
.index_Ttl_n::after {content:""; border-bottom:2px solid #0076d5; left:0; bottom:-2px; width:20%; position:absolute;}
.top_btn {background-color:#ccc; color:#fff; border-radius:10px; text-align:center; padding:15px; margin:20px 0 0 auto; width:300px; display:block;}
.top_btn:hover {background-color:#333;}
/**ランキング**/
.top_rank_ttl {font-size:17px; font-weight:bold; padding:50px 0 20px; width:100%; text-align:left; display:inline-block;}
.top_rank_ttlmore {font-weight:normal; text-align:right; width:300px; float:right; position:relative;}
.top_rank_ttlmore::after {content:"\0bb"; color:#0076d5; font-weight:bold; right:0; top:0; display:block; position:absolute;}
.top_rank_ttlmore a {color:#333; font-size:0.8em; padding-right:30px;}
.tab-group{display:flex; justify-content:center;}
.tab{flex-grow:1; padding:18px 0; list-style:none; border:solid 1px #CCC; border-radius:10px 10px 0 0; text-align:center; cursor:pointer; width:20%; font-size:13px; line-height:1.2em;}
.rank_tab02 {padding:10px 0;}
.panel{display:none;}
.tab.is-active{background:#ccc; color:#fff; transition:all 0.2s ease-out;}
.life > .tab.is-active {background-color:#0076d5;}
.panel.is-show{display:block;}
/**コンテンツ**/
.top_contslist {padding-top:10px; width:100%; overflow:hidden;}
.top_contslist li {margin-bottom:40px; width:50%; float:left; display:inline-block;}
.top_contslist_box {color:#333; padding:0 10px; overflow:hidden; display:block;}
.top_contslist_box img {width:45%; float:left;}
.top_contslist_txt {color:#ccc; font-size:14px; line-height:1.4em; text-align:left; padding-left:10px; width:55%; float:left; box-sizing:border-box;}
.top_contslist_txt span {color:#333; font-size:16px; border-bottom:1px solid #ccc; font-weight:bold; padding-bottom:7px; margin-bottom:7px; display:block;}
/*場所別おすすめカテゴリ*/
.place {list-style:none; padding:0; margin-bottom:15px; width:100%; overflow:hidden;}
.place li {width:50%; padding:0 5px; margin-bottom:15px; box-sizing:border-box; float:left; display:inline-block;}
.placeArea {border:1px solid #bfbfbf; padding:10px; display:block;}
.placeArea img {width:100%; height:190px; object-fit:cover;}
.place_title {display:block; text-align:center; margin:10px 0 15px; color:#fff; padding:7px 0;}
.placeBox {text-align:left;}
.placeBox a {border:1px solid #333; border-radius:5px; color:#333; font-size:.8em; padding:6px 5px 4px 17px; margin-bottom:6px; display:inline-block; position:relative;}
.placeBox a::before {content:'\0266F'; left:4px; top:6px; position:absolute;}
.placeBox a:hover {background-color:#ccc; color:#fff; opacity:1; transition-duration:0.3s;}
/**TOPへ戻る**/
.back {background:#0076d5; border-radius:10px 0 0 10px; width:200px; position:fixed; bottom:20px; right:0;}
.back a {color:#fff; font-weight:bold; padding:20px; text-align:center; display:block;}

/* セールページ（露出アリ）
.salebox {background:#d40000; height:50px; width:100%; margin-bottom:25px; display:block;}
.salebox img {max-width:1100px; margin:0 auto; display:block;}
#item_head_margin, #item_head_margin02 {height:660px;} */

/* セールページ（露出ナシ）*/
.salebox {display:none; height:0; width:0;}
#item_head_margin, #item_head_margin02 {height:610px;}

/* 重要なおしらせ（露出アリ）
/*1つ低め*//*#important {width:100%; max-width:1100px; height:130px; display:block; margin:0 auto;}#item_head_margin {height:720px;}*/
/*1つ高め*//*#important {width:100%; max-width:1100px; height:170px; display:block; margin:0 auto;}#item_head_margin {height:760px;}*/
/*2つ*//*#important {width:100%; max-width:1100px; height:220px; display:block; margin:0 auto;}#item_head_margin {height:800px;}*/
/*露出なし*/#important {width:0; height:0; display:none;}*/