@charset "utf-8";
/* ==============================================
ブロック共通 #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
#container .bloc_body {background-color: #fff;}
.side_column {overflow-x: hidden;}
/* テンプレ（ガイド、ログインヘッダー）に使用中　0917駒木確認*/
.side_column .bloc_outer {margin: 10px 7%;}
.side_column .bloc_body, #two_maincolumn_right .bloc_body {border: solid 1px #ccc; border-top: none;}
.side_column .bloc_body .box {border: solid 1px #ccc; width: 145px;}
#two_maincolumn_right .bloc_outer {margin-bottom: 20px;}

/*-----------------------------------------------
タイトル
----------------------------------------------- */
/* タイトルの背景 白 */
#login_area h2, #search_area h2, #calender_area h2, #cart_area h2, #cart h2 {padding: 5px 0 8px 10px; border-style: solid; border-color: #f90 #ccc #ccc; border-width: 1px 1px 0; background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; font-size: 14px;}
#category_area h2 {border-top: solid 1px #f90; background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; padding: 5px 0 8px 10px; font-size: 14px;}

/* ==============================================
▼ヘッダー上、フッター下のブロックエリア
=============================================== */
div#topcolumn { margin:0px; clear:both;}
div#bottomcolumn { margin:0px; clear: both;}

/* ==============================================
トップページ使用ブロック
=============================================== */
/* slickスライダー
----------------------------------------------- */
/* slick_Arrows */
.slick-prev,.slick-next{font-size: 0; line-height: 0; position: absolute; top: 40%; display: block; width: 26px; height: 26px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.slick-prev{left:-4px; background-image:url(/js/slick/slick_prev.png); background-repeat:no-repeat; background-position:left center; background-size:26px 26px; z-index: 1;}
[dir='rtl'] .slick-prev{right: -25px; left: auto;}
.slick-prev:before{content: '';}
[dir='rtl'] .slick-prev:before{content: '';}
.slick-next{right:-4px; background-image:url(/js/slick/slick_next.png); background-repeat:no-repeat; background-position:right center; background-size:26px 26px; z-index: 1;}
[dir='rtl'] .slick-next
{right: auto; left: -25px;}
.slick-next:before{content: '';}
[dir='rtl'] .slick-next:before{content: '';}

/* slick_Slider */
.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: block;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left;height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;margin-inline: auto;}
.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;}	
.slick-disabled{display: none !important;}

/* TOPカテゴリ用_スライダー矢印 */
#two_maincolumn_right .recommendedslider .slick-prev, 
#two_maincolumn_right .saleslider .slick-prev,
#two_maincolumn_right .pickupitemslider .slick-prev,
#two_maincolumn_right .rankingslider .slick-prev{display: none; background-image: none; width: 44px; height: 44px; border-radius: 50%; background-color: #33333380; position: absolute; top: 48%; left: -6px; transform: translateY(-50%); padding: 0; border: none; cursor: pointer;}
#two_maincolumn_right .recommendedslider .slick-prev::after,
#two_maincolumn_right .saleslider .slick-prev::after,
#two_maincolumn_right .pickupitemslider .slick-prev::after,
#two_maincolumn_right .rankingslider .slick-prev::after{content: ""; width: 13px; height: 13px; border-top: solid 2px #fff; border-right: solid 2px #fff; position: absolute; top: 50%; left: 56%; transform: translate(-50%, -50%) rotate(-135deg);}
#two_maincolumn_right .recommendedslider .slick-next,
#two_maincolumn_right .saleslider .slick-next,
#two_maincolumn_right .pickupitemslider .slick-next,
#two_maincolumn_right .rankingslider .slick-next{display: block; background-image: none; width: 44px; height: 44px; border-radius: 50%; background-color: #33333380; position: absolute; top: 48%; right: -6px; transform: translateY(-50%); padding: 0; border: none; cursor: pointer;}
#two_maincolumn_right .recommendedslider .slick-next::after,
#two_maincolumn_right .saleslider .slick-next::after,
#two_maincolumn_right .pickupitemslider .slick-next::after,
#two_maincolumn_right .rankingslider .slick-next::after{content: ""; width: 13px; height: 13px; border-top: solid 2px #fff; border-right: solid 2px #fff; position: absolute; top: 50%; left: 44%; transform: translate(-50%, -50%) rotate(45deg);}

/* カテゴリページ/商品詳細ページ用_スライダー矢印 */
#two_maincolumn_right #undercolumn .rank_b_box .slick-prev,#two_maincolumn_right #undercolumn .shinchaku_itembox .rankingslider .slick-prev {display: inline-block!important;background-color: transparent !important;}
#two_maincolumn_right #undercolumn .slick-prev::after{display: none;}
#two_maincolumn_right #undercolumn .slick-prev {left: -4px; background-image: url(/js/slick/slick_prev.png); background-repeat: no-repeat; background-position: left center; background-size: 26px 26px; z-index: 1;}
#two_maincolumn_right #undercolumn .slick-next {right: -4px; background-image: url(/js/slick/slick_next.png); background-repeat: no-repeat; background-position: right center; background-size: 26px 26px; width: 26px; height: 26px; z-index: 1; background-color: transparent !important; border-radius: 0;}
#two_maincolumn_right #undercolumn .slick-next::after {display: none;}
#two_maincolumn_right #undercolumn .mb30 {margin-bottom: 30px;}


/*-----------------------------------------------
トップメインビジュアル
----------------------------------------------- */
.main_blocarea {margin: 0 0 5px; padding: 0; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); line-height: 0;}
.main_blocarea img {margin: 0; padding: 0; border: none;}
.main_btn01 {float: left; margin-right: 10px; width: 405px; height: 400px; padding: 0; overflow: hidden;}
.main_btn02 {float: left; margin-bottom: 10px; width: 267px; height: 205px; padding: 0; overflow: hidden;}
.main_btn02_mr {margin-right: 11px;}
.main_btn03 {float: left; width: 175px; height: 185px; padding: 0;}
.main_btn03_mr {margin-right: 10px;}


/*-----------------------------------------------
共通_タイトル
----------------------------------------------- */
#two_maincolumn_right .title_reco,#two_maincolumn_right .title_rank,#two_maincolumn_right .title_pick,.title_serch_maker,.title_buyer,#two_maincolumn_right .review_g_title {line-height: 140%; text-align: left;}
.title_top {font-size: 24px; font-weight: bold; line-height: 150%;display: inline-block;}
#two_maincolumn_right .title_top_en {font-size: 15px; color: #e60000; font-weight: bold;}


/*-----------------------------------------------
共通_カテゴリスタイル
----------------------------------------------- */
#two_maincolumn_right .segg_itembox,#two_maincolumn_right .rank_b_box,#two_maincolumn_right .top_pickup_box,#two_maincolumn_right .top_campaign {padding: 16px 12px; border: 2px solid #ebebeb; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.12);box-sizing: border-box;}
.news_box ul,.ws_list_s,.vmsbox {margin: 8px 0 52px!important;}
#two_maincolumn_right .top_flex {display: flex; flex-flow: column;}
/*上下余白*/
#two_maincolumn_right .segg_itembox,#two_maincolumn_right .rank_b_box,.top_pb_box,.top_pickup_box,.buyer_box,.guide_list,#series_serch,#vmsbox,.news_b_box,.top_stylebook,.top_campaign {margin: 8px 0 52px;}

/*top用_もっと見るボタンスタイル*/
#two_maincolumn_right .common_more_btn,#two_maincolumn_right .title_rank_more {order: 1;}
#two_maincolumn_right .segg_itembox,#two_maincolumn_right .rank_b_bg {order: 2;}
#two_maincolumn_right .common_more_btn {margin: 0; text-align: right; padding-right: 8px;}
#two_maincolumn_right .title_rank_more {padding-right: 12px!important;}
#two_maincolumn_right .common_more_btn a,#two_maincolumn_right .title_rank_more a {display: inline-block; font-size: 13px; padding: 0 24px 0 0; text-decoration: none; color: #e60000; position: relative; background-color: #fff; border: none; border-radius: 0; margin-bottom: 0;}
#two_maincolumn_right .common_more_btn a:after,#two_maincolumn_right .title_rank_more a:after {content: ''; width: 6px; height: 6px; border-top: solid 1px #e60000; border-right: solid 1px #e60000; transform: rotate(45deg); position: absolute; top: 0; right: 6px; bottom: 0; margin: auto;}
#two_maincolumn_right .common_more_btn a:hover,#two_maincolumn_right .title_rank_more a:hover {opacity: 0.5; color: #333; border: none;}
#two_maincolumn_right .common_more_btn a:hover:after,#two_maincolumn_right .title_rank_more a:hover:after {border-top-color: #333; border-right-color: #333; opacity: 0.5;}

/*カテゴリページ/商品詳細ページ用_もっと見るボタン*/
#two_maincolumn_right #undercolumn .common_more_btn a:after,#undercolumn .title_rank_more a:after {display: none;}
#two_maincolumn_right #undercolumn .common_more_btn, #undercolumn .title_rank_more {order:2;}
#two_maincolumn_right #undercolumn .common_more_btn {margin: 0 auto; text-align: center;}
#two_maincolumn_right #undercolumn .common_more_btn a {display: inline-block; width: 300px; padding: 6px; background-color: #fff; border: solid 2px #ddd; color: #000; border-radius: 10px; line-height: 1.6; font-size: 13px; margin-bottom: 30px; text-decoration: none; transition: all 0.2s;}
#two_maincolumn_right #undercolumn .common_more_btn a:hover {border: solid 2px #e60000; color: #333;opacity: 1;}

/*top用_画像スタイル/税抜き価格非表示等*/
#two_maincolumn_right .segg_img {border: none; margin: auto; margin-bottom: 4px;width: 168px; height: 168px;padding: 2px;}
#two_maincolumn_right .segg_price span.tax_e,#two_maincolumn_right .rank_b_box .segg_price2,#two_maincolumn_right .rank_b_box .list_point_inner {display: none;}
#two_maincolumn_right .segg_price span {font-size: 16px;}
#two_maincolumn_right .segg_price span.tax_i,.rank_b_box .segg_price {font-weight: bold;}

/*カテゴリページ/商品詳細ページ用_画像スタイル/税抜き価格表示*/
#two_maincolumn_right #undercolumn .segg_img {position: relative; box-sizing: border-box;}
#two_maincolumn_right #undercolumn .segg_price {color: #e60000; font-size: 130%;}
#two_maincolumn_right #undercolumn .segg_price span.tax_e,#undercolumn .rank_b_box .segg_price2,#undercolumn .rank_b_box .list_point_inner {display: block;}
#two_maincolumn_right #undercolumn .segg_price span {font-size: 16px;}
#two_maincolumn_right #undercolumn .segg_price span.tax_i,#undercolumn .rank_b_box .segg_price {font-weight: normal;}


/*-----------------------------------------------
あなたにおすすめの商品
----------------------------------------------- */
.segg01a {margin-top: 40px!important;}
/*.segg_itembox ul li{padding: 2px 6px;margin: 3px;}*/
.segg_itembox .slick-track{display: flex;}

/*カテゴリページ/商品詳細ページ用*/
#two_maincolumn_right #undercolumn .segg_itembox {order:1;padding: 0;padding-top: 12px;margin: 10px 0 20px; border: none; box-shadow: none;}
#two_maincolumn_right #undercolumn .segg_itembox ul li {width: 100%; max-width: 244px;box-sizing: border-box;}
#two_maincolumn_right #undercolumn .segg_itembox ul li:nth-of-type(5n) {margin-right: 0;}

/*カテゴリページ下部用*/
#segg_disp_all2 .segg_itembox {border: none; box-shadow: none;padding-top: 5px;}
#segg_disp_all2 .segg_itembox ul li {width: 100%; max-width: 244px;box-sizing: border-box;}

/*マイページ下部用*/
.bloc4 .segg_itembox ul{gap: 20px;display: grid;grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));}
.bloc4 .segg_itembox ul li,.bloc4 .segg_itembox ul li:nth-of-type(5n){margin: 0;}


/*-----------------------------------------------
 ランキングトップ＆カテゴリー
----------------------------------------------- */
.rank_b_titlebox {background: #e60000; padding: 12px 10px 8px; width: 940px; position: relative; color: #fff; height: 20px;}
.rank_b_title_l {font-size: 19px; font-weight: bold; line-height: 1; position: absolute; top: 11px; left: 10px;}
.rank_b_title_l span {font-weight: normal;}
.rank_b_title_l_day {font-size: 12px; padding-left: 8px;}
.rank_b_title_r, .rank_b_title_r2 {font-size: 13px; position: absolute; right: 0; bottom: 0; padding: 10px 18px; background: #FF4D4D; height: 20px;}
.rank_b_titlebox .ranking_b_title_r a, #undercolumn .rank_b_titlebox2 a {text-decoration: none; color: #fff;}
.rank_b_titlebox .ranking_b_title_r a:hover, #undercolumn .rank_b_titlebox2 a:hover {text-decoration: underline; color: #fff;}
.rank_b_img {padding: 2px;}
.rank_b_img img {width: 168px; height: 168px; margin-inline: auto;}
.rank_b_box {box-sizing: border-box; border: none; box-shadow: none; border-radius: 0; padding: 0; margin: 0;}
.rank_b_box a {text-decoration: none !important;}
.rankingslider {height: 304px; padding: 0; margin: 0; box-sizing: border-box;}
.rank_b_box ul li {font-size: 12px; padding: 2px 6px; background: #fff; margin: 3px;}
/* ランキングアイコン */
.rank01, .rank02, .rank03, .rank04 {font-weight: bold; font-size: 24px; line-height: 1; margin: 4px 0 7px; background-image: none; padding-left: 0;} 
.rank01 {color: #CCA732;}
.rank02 {color: #999;}
.rank03 {color: #B20000;}
.rank04 {color: #333;}
.rank01 span, .rank02 span, .rank03 span, .rank04 span {font-size: 16px; font-weight: normal;}
.title_rank_update {display: inline-block; font-size: 14px; font-weight: normal; letter-spacing: 0; margin-left: 10px;}
.rank_b_title_l2 {display: flex; align-items: baseline; font-weight: normal; line-height: 1.5;}
.rank_b_titlebox2 {line-height: 1.5; border-bottom: 3px solid #e60000; padding-bottom: 5px; padding: 20px 0 0px; position: relative;}
.rank_b_title_l2 .catename {max-width: 550px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block;}
h3.segg_name {font-weight: normal; font-size: 12px;}
.rank_b_box .listphoto_icon {display: flex; justify-content: flex-end; position: absolute; right: 8px; top: 11px;}
.rank_b_box .newitem_info {width: 43px;}/*新商品アイコン*/
.rank_b_box .newitembox {background: #e60000; color: #fff; line-height: 1.1; font-size: 10px; padding: 4px 0; text-align: center;} /*クーポンアイコン*/
.rank_b_box .coupon_list_info {width: 72px; margin-left: 3px;}

/*top用*/
#two_maincolumn_right .title_rank_more a {text-decoration: none !important;}
#two_maincolumn_right .title_rank_more {text-align: right; margin-top: 0;}
#two_maincolumn_right .top_flex .mb30 {margin-bottom:0;}

/*カテゴリページ/商品詳細ページ用*/
#two_maincolumn_right #undercolumn .rank_b_title_l2 {font-size: 18px;}
#two_maincolumn_right #undercolumn .rank_b_title_r2 {font-size: 12px; position: absolute; right: 0; bottom: 3px; font-weight: bold;}
#two_maincolumn_right #undercolumn .rank_b_bg{margin: 0;}
#two_maincolumn_right #undercolumn .rank_b_box {border: none;box-shadow: none;padding: 0;margin: 0;}
#two_maincolumn_right #undercolumn .title_rank_more {text-align: center; margin-top: 20px; background: none;}
#two_maincolumn_right #undercolumn .title_rank_more a {display: inline-block; width: 300px; padding: 6px; background-color: #fff; border: solid 2px #ddd; color: #000; border-radius: 10px; line-height: 1.6; font-size: 13px; margin-bottom: 30px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s;}
.title_rank_more a:hover,#two_maincolumn_right  #undercolumn .title_rank_more a:hover {color: #000; border: solid 2px #e60000; opacity: 1;}
#two_maincolumn_right #undercolumn .title_rank_more a:after, #undercolumn .title_rank_more a:hover:after {display: none;}

/*商品詳細ページ用*/
.detail_rank_b_bg .rank_b_bg {background: -webkit-gradient(linear, left top, right bottom, from(#EAE7C6), color-stop(.25, #EAE7C6), color-stop(.25, white), color-stop(.5, white), color-stop(.5, #EAE7C6), color-stop(.75, #EAE7C6), color-stop(.75, white), to(white));background: -moz-linear-gradient(-45deg,#EAE7C6 25%,white 25%,white 50%,#EAE7C6 50%,#EAE7C6 75%,white 75%,white);background: linear-gradient(-45deg, #EAE7C6 25%, white 25%, white 50%, #EAE7C6 50%, #EAE7C6 75%, white 75%, white);width: auto; background-size: 4px 4px;padding: 5px;box-sizing: border-box;}


/*-----------------------------------------------
オフィスコムでしか買えないオリジナル商品
----------------------------------------------- */
#top_pb_box>ul {display: grid;grid-template-columns: repeat(4, 1fr);column-gap: 15px;width: auto!important;clear: none!important;}
#top_pb_box>a {text-decoration: none;}
#top_pb_box .pb_i {box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);border-radius: 10px; background-color: #e5e4d3;padding: 12px 10px 10px;}
#top_pb_box .pb_i .p_img {text-align: center;margin: 0;}
#top_pb_box .pb_i .p_img img {width: 100%;height: auto !important;min-height: 225px;max-height: 270px;object-fit: cover;object-position: 50% 100%;}
#top_pb_box .pb_p {font-size: 17px;font-weight: 700;margin-bottom: 0px;margin-top: 10px;text-align: center;}
#top_pb_box .p_img {margin-left: 5px;margin-right: 5px;margin-top: 5px;}
#top_pb_box .en_name {text-align: center;font-weight: 700;color: #a18751;margin-bottom: 10px;}
#top_pb_box .pb_pt {border-top: 1px solid #c7c6c8;padding: 5px 0;margin: 0 5px;}
#top_pb_box a{text-decoration: none;}


/*-----------------------------------------------
ピックアップアイテム
----------------------------------------------- */
#top_pickup_box .left_box a {display: block;}
#top_pickup_box .left_box a img {width: 100%;height: auto;aspect-ratio: 231 / 326;}
#top_pickup_box .pb_i {width: 100%;box-sizing: border-box;}


/*使われていなければ削除*/
#top_pickup_box .margin_right12 {margin-right:12px;}
#top_pickup_box .margin_bottom15 {margin-bottom:15px;}
/* ピックアップカテゴリー
----------------------------------------------- */
/*使われていなければ削除*/
.title_pick_c {max-width: 200px; height: 55px; line-height: 140%; background-image: url(/user_data/packages/default/img/contents/top/title/top_pick_icon.jpg); background-repeat: no-repeat; padding-left: 80px; padding-right: 80px; margin: 35px auto 10px; text-align: center; overflow: hidden;}
.pick_c_box {width: 960px; margin: 0px 0px 10px;}
.pick_c_box ul{margin: 10px 0px 0px 0px ; padding: 0px; display: inline-block;}
.pick_c_box ul li {float: left; margin-right: 12px; width: 312px;}
.pick_c_box ul li:nth-of-type(3n) {margin-right: 0;}
/*使われていなければ削除*/
/*Pマーク
----------------------------------------------- */
.pmark_box{border-top: 1px dotted #777; padding-top: 15px; margin: 15px 0; display: table; width: 240px;}
.pmark_l{width: 72px; padding: 2px; display: table-cell; vertical-align: middle;}
.pmark_r{width: 162px; padding: 2px 0px 2px 3px; font-size: 11px; display: table-cell; vertical-align: middle;}
.pmark_l a:hover img{opacity:1.00; filter:alpha(opacity=100); outline:none;}


/*-----------------------------------------------
オフィス家具バイヤー 魂の一品
----------------------------------------------- */
.buyer_box {width: 100%!important;display: grid!important;grid-template-columns: repeat(auto-fit, minmax(min(384px, 100%), 1fr));gap: 14px;}
.buyer_bloc {display: grid;container-type: inline-size;}
.buyer_bloc a {width: 100%!important;height: auto!important;margin-bottom: 0!important;box-sizing: border-box;}
.buyer_bloc a img {width: 100%;height: auto; aspect-ratio: 226 / 115;}
.buyer_copy {transition: font-size 0.2s ease-in-out;}
.buyer_text {letter-spacing: 0;font-feature-settings: "palt";text-align: justify;}
.buyer_bloc a{container-type: inline-size;width:452px; float:left; font-size:12px; line-height: 16px; margin-top:2px; margin-bottom:14px; padding:10px; background-color:#fff; height:390px; border-radius: 10px; box-shadow: 0 1px 5px 0 #cccccc;border: 2px solid #ebebeb; text-decoration:none; color:#000;}
.buyer_box .buyer_bloc a:hover {color: #000; background-color: #FFFEF2; text-decoration:none;}
.buyer_box .buyer_bloc a:link {color: #000; text-decoration: none;}
.buyer_box div:nth-child(even){float:right;}
.buyer_copy {font-size:21px; line-height: 135%; font-weight:900; margin:10px 10px 8px ; letter-spacing: 0;}
.red_text {color:#e60000; font-weight:bold;}
.buyer_text {font-size: 13px; line-height: 150%; margin:0 10px;}

@container  (max-width: 390px) {
    .buyer_copy {
        font-size: 17px!important;
    }
}


/*-----------------------------------------------
オフィス家具メーカー/ブランドから探す
----------------------------------------------- */
#maker_serch .guide_list {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: 12px; box-sizing: border-box;}
#maker_serch .guide_list li {width: 100%; min-height: 65px; border: 1px solid #ebebeb; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; text-align: center;}
#maker_serch .guide_list li:nth-child(6n), #maker_serch .guide_list li:nth-child(7n) {margin-right: 0;}
#maker_serch .guide_list a {display: block; width: 100%; margin: 0 auto; padding: 23px 0;}


/*-----------------------------------------------
オフィス家具シリーズから探す
----------------------------------------------- */
#series_serch {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(176px, 100%), 1fr)); gap: 20px 16px; justify-content: center;}
#series_serch > .series_serch_maker, #series_serch > #maker_serch {grid-column: 1 / -1;}
#series_serch .series_list {display: contents; margin-bottom: 25px;}
#series_serch .series_list a {text-decoration: none !important;}
#series_serch .series_list dl {width: 100%;}
#series_serch .series_list dl.fin {margin-right: 0;}
#series_serch .series_list dl dt {margin-bottom: 7px;}
#series_serch .series_list dl dt img {width: 100%; object-fit: cover; max-height: 130px !important;}
#series_serch .series_list dl dd {font-size: 14px; padding-left: 12px; background-image: url(<!--{$cdn_url}--><!--{$TPL_URLPATH}-->img/contents/top/series/series_arrow.png); background-repeat: no-repeat; background-position: 0 4px;}


/*-----------------------------------------------
お得なキャンペーン特集
----------------------------------------------- */
.top_campaign_item img{width: 100%;height: auto;}


/*-----------------------------------------------
みんなの投稿写真
----------------------------------------------- */
.vmsbox {min-height: 400px;}
.yotpo-pictures-widget .load-btn-white{display: inline-block; width: 300px; background-color: #fff; border: solid 2px #ddd; color: #000; border-radius: 10px; line-height: 1.6; font-size: 13px; margin-bottom: 30px; text-decoration: none; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s;}
.yotpo-pictures-widget .load-btn-white:hover{border: solid 2px #e60000; color:#333;}
.yotpo-pictures-widget .yotpo-default-button {margin: 20px auto 40px auto;}


/*-----------------------------------------------
新着情報
----------------------------------------------- */
.news_b_box {width: 100%; margin-bottom: 30px;}
.news_box {box-sizing: border-box; width: 100%; height: auto;}
.news_box h4 {font-size: 22px; font-weight: bold; margin-bottom: 8px; line-height: 1;}
.news_box h4 span {color: #e60000; font-weight: normal;}
.news_box a {text-decoration: none!important;}
.news_box ul {height: 290px; overflow-x: hidden; font-size: 12px; letter-spacing: 0; margin: 0; padding: 0;}
.news_box li {display: grid; grid-template-columns: auto 1fr; padding: 8px 0; border-bottom: 1px solid #ebebeb; line-height: 150%; overflow: hidden;}
.news_info {background-image: url(/user_data/packages/default/img/contents/top/news/newinfo_info.gif); background-repeat: no-repeat; background-position: 0 1px; padding: 0 0 3px 50px; width: 86px; display: block; float: left;}
.news_new {background-image: url(/user_data/packages/default/img/contents/top/news/newinfo_new.gif); background-repeat: no-repeat; background-position: 0 1px; padding: 0 0 3px 50px; width: 86px; display: block; float: left; color: #333;}
.news_text {width: 100%; box-sizing: border-box; display: block; padding-right: 8px;}
.news_bnr {width: 405px; float: right; line-height: 0;}
#two_maincolumn_right .news_info2 {background-image: url(/user_data/packages/default/img/contents/top/news/newinfo_info2.gif); background-repeat: no-repeat; background-position: 0 1px; padding: 0 0 3px 50px; width: 86px; display: block; float: left;}


/*-----------------------------------------------
TOPページ STYLEBOOK
----------------------------------------------- */
.top_stylebook {text-align: left;}
.top_stylebook .footsh_mainbox {width: 960px; padding: 0 0 20px; margin: 0 !important;}
.top_stylebook .ws_list_s > ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.top_stylebook .ws_list_s li.ws_list {width: calc((100% - 40px)/3)!important; box-sizing: border-box; padding: 16px; border: 1px solid #ebebeb; display: flex; flex-direction: column;}
.top_stylebook .ws_list_s li:nth-child(3n).ws_list {margin-right: 0;}
.top_stylebook .ws_list_img_s {position: relative; overflow: hidden;}
.top_stylebook .ws_list_img_s img {max-height: 220px; object-fit: cover; transition-duration: 0.3s;}
.top_stylebook .ws_list_img_s img:hover {transform: scale(1.06); transition-duration: 0.5s;}
.top_stylebook .ws_list_kyw_s {border-left: 3px solid #c5b198; margin-top: 10px; padding-left: 4px; font-size: 11px;}
.top_stylebook .ws_list_ttl_s {font-weight: bold; font-size: 14px; margin: 8px 0 10px; line-height: 1.4; border-bottom: 1px solid #ebebeb; position: relative; padding: 2px 0 8px;}
.top_stylebook .ws_list_text_s {font-size: 12px; padding-bottom: 24px;}
.top_stylebook .ws_list_img_l.new:before, .top_stylebook .ws_list_img_s.new:before {position: absolute; z-index: 2; top: -15px; bottom: 0; left: 0; display: block; width: 100%; margin: auto; content: ""; background: url(/user_data/packages/default/img/contents/work-style/new.gif) no-repeat;}
.top_stylebook .ws_list_s a {text-decoration: none;}
.top_stylebook .ws_list_s a:hover {color: gray; opacity: 0.9;}
.top_stylebook .ws_list_textbox {display: flex; flex-direction: column;}
.top_stylebook .ws_databox {margin-top: auto;}
.top_stylebook .ws_updatebox {font-size: 12px; font-weight: normal; color: #555; line-height: 1.2; padding: 2px 0; position: absolute; bottom: 6px; left: 0;}
.top_stylebook .ws_status li {margin: 0 13px 6px 0; padding-bottom: 6px; float: left; font-size: 11px; line-height: 1; color: #a6a6a6;}
.top_stylebook .ws_status li:before {content: "＃"; color: #a6a6a6; font-weight: bold;}
.top_stylebook .ws_status li.ws_status_cate a {color: #fff; text-decoration: none;}
.top_stylebook .title_stylebook_more {text-align: center; margin-top: 20px; background: none;}
.top_stylebook .title_stylebook_more a {display: inline-block; width: 300px; padding: 6px; background-color: #fff; border: solid 2px #ddd; color: #000; border-radius: 10px; line-height: 1.6; font-size: 13px; margin-bottom: 30px; transition: all 0.2s;}
.top_stylebook .title_stylebook_more a:hover {color: #000; border: solid 2px #e60000;}