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

#filterBtnList{display:flex;justify-content:space-between;}
#filterBtnList li{position:relative;text-align:center;width:140px;}
#filterBtnList li label{display:block;background:#fff;border:solid 1px #DEDEDE;font-size:14px;font-weight:700;cursor:pointer;width:100%;padding:10px;}
#filterBtnList li label:hover{background:#F0F4F7;}
#filterBtnList li.JS_active label{background:#F0F4F7;}
#filterBtnList li label input[type="radio"]{position:absolute;top:50%;left:10px;transform:translateY(-50%);appearance:radio !important;-webkit-appearance:radio !important;}
#filterBtnList li label input[type="radio"]:focus{outline:1px solid #cc0000;}

/*コンテンツのリスト*/
.filterMenu{background:#F8F8F8;padding:24px 30px;margin-top:32px;}
.filterMenu dt{font-size:1.6rem;font-weight:700;text-align:center;}
.filterMenu dd{margin-top:8px;}

/*リストスタイル*/
/* common style */
.fx{display:flex;}
.fx-wrap{display:flex;flex-wrap:wrap;}
.fx-col{display:flex;flex-direction:column;}
.fx-col-btm{margin-top:auto;}
.fx-btw,.flex-wrap-row{width:100%;display:flex;align-content:space-between;justify-content:space-between;}
.fx-btw-wrap,.flex-wrap-col{width:100%;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:space-between;}
.fx-center{display:flex;align-items:center;justify-content:center;}
.fx-end{width:100%;display:flex;align-content:space-between;justify-content:flex-end;}
.other-window-icon {position:absolute;width:24px;height:24px;}

/** square-box **/
@media all and (min-width:738px){
.square-block-L .square-box-inr{background:linear-gradient( 180deg, rgba(0, 0, 0, 0)57%,rgba(0, 0, 0, 0.4)67%, rgba(0, 0, 0, 0.65)75%, rgba(0, 0, 0, 0.8)100%) 0 72px no-repeat;}
}

/* font layout */
.fc-gd{color: #976F11;}
.fc-bk{color: #111;}
.fc-wt{color: #fff;}
.fc-rd{color: #CC0000;}
.fc-yl{color: #FFE47C;}
.fc-gd-active{color: #D9B064!important;}

.square-box {border-radius:6px; width:224px;height:224px;background:#fff;position:relative;line-height:0;margin-bottom:18px;}
.square-box > a{display:block;width:100%;height:100%;}
.square-box > div{width:100%;height:100%;}
.square-box:last-child{margin-right:0;}
.square-box:hover{box-shadow:0px 8px 30px rgba(106, 113, 129, 0.4);}
.square-box-inr{border-radius:6px;font-size:1.6rem;line-height:1.5; color:#fff;width:100%;height:100%;padding:8px 8px 12px 8px;background:linear-gradient( 180deg, rgba(0, 0, 0, 0)57%,rgba(0, 0, 0, 0.4)67%, rgba(0, 0, 0, 0.65)75%, rgba(0, 0, 0, 0.8)100%) 0 0 no-repeat;position:absolute;}
.square-box-inr:after{content:"";display:inline-block;width:10px;height:20px;background:url(/jp/ja/commonY20/img_sites/icon_bnr_arrow.svg)no-repeat 0 0;position:absolute;right:12px;bottom:12px;}
.square-mdl {font-size:1.3rem;line-height:1.4;padding:0 4px;height:64px;}
.square-btm {font-size:1.3rem;position:absolute;left:12px;bottom:12px;}
.square-box-bg{border-radius:6px;width:100%;height:100%;}
/* box-inr */
.square-head{font-size:1.4rem;color:#111;background:#fff;display:inline-block;padding:5px 8px;border-radius:6px;}
.square-head .fc-rd{border-left:1px solid #D5DBE2;padding-left:7px;margin-left:5px;font-weight:500;}
.square-box .fc-yl{font-weight:700;}
.square-price{font-size:1.99rem;line-height:1.4;font-weight:600;display:inline-block;margin-top:2px;}
.square-date{font-size:1.1rem;position:relative;padding-left:21px;}
.square-date:after{content:"";display:block;background:url(/jp/ja/commonY20/img_sites/icon_calendar.svg) 100% no-repeat;background-size:contain;position:absolute;top:50%;left:1px;width:14px;height:13px;transform:translateY(-50%);}
/*別窓リンク*/
.square-box .square-box-inr.other-window:after {content:none;}
.square-box .other-window-icon {bottom:9px;right:8px;z-index:1;}
/*背景グラデなし*/
.square-box-inr.bg-disnon{background:none;}
/*背景白*/
.square-box-inr.bg-wt{background:none;border:solid 1px #D5DBE2;color:#111;}
.square-box-inr.bg-wt:after{background:url(/jp/ja/commonY20/img_sites/icon_bnr_arrow_bk.svg)no-repeat 0 0;}
.square-box-inr.bg-wt .square-top .square-head{border:solid 1px #D5DBE2;}
.square-box-inr.bg-wt .square-date:after{content:"";display:block;background:url(/jp/ja/commonY20/img_sites/icon_calendar_bk.svg) 100% no-repeat;background-size:cover;position:absolute;top:50%;left:1px;width:14px;height:13px;transform:translateY(-50%);}
@media all and (-ms-high-contrast:none){.square-price{font-size:1.8rem;} .square-head{padding:6px 16px 4px 16px;}}
.square-block{display:flex;flex-wrap:wrap;}
.square-block .square-box{margin-right:24px;}
.square-block .square-box:nth-child(4n){margin-right:0;}
.square-block .square-box:nth-child(n+5){margin-top:24px;}
.square-line{display:flex;align-content:space-between;flex-wrap:wrap;margin:35px 0 0 -18px !important;}
.square-line .square-box{margin-left:18px;}
.square-block-LR{width:100%;display:flex;align-content:space-between;justify-content:space-between;}
.square-block-LR-otoku{width:100%;height:536px;display:flex;align-content:space-between;justify-content:space-between;}
.square-block-L {width:536px;}
.square-block-L .square-box{width:100%;height:100%;}
.square-block-R {width:536px;font-size:0;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:space-between;}
.square-block-R .square-box:nth-child(3+n){margin-top:24px;}

@media all and (max-width:739px){
#filterBtnList{flex-wrap:wrap;justify-content:flex-start;}
#filterBtnList li{width:calc(33% - 5px);margin:0 8px 8px 0;}
#filterBtnList li:nth-child(3n){margin-right:0px;}
.filterMenu{padding:24px 10px 12px 10px;}
.square-block{min-width:2248px;display:flex;flex-wrap:unset;}
.square-box{width:256px;height:256px;}
.square-block .square-box:nth-child(n+5) {margin-top:0;}
.square-block .square-box:nth-child(4n) {margin-right:24px;}
.square-block .square-box:first-child {margin-left:16px;}
.square-block .square-box:last-child {margin-right:16px;}
.square-line {display:block;min-width:auto;height:auto;width:256px;margin:24px auto 0 auto !important;}
.square-line .square-box{margin-left:0px;}
.square-line .square-box:first-child {margin-left:0px;}
.square-line .square-box:last-child {margin-right:0px;}
.square-block-LR-otoku{height:auto;}
.square-block-L{width:271px;padding-left:16px;margin-right:24px;}
.square-block-L .square-box{margin-left:0;}
.square-block-R{width:1112px;flex-wrap:nowrap;justify-content:flex-start;}
.square-block-R .square-box{margin-right:24px;}
.square-block-R .square-box:last-child{margin-right:16px;}
}

@media all and (max-width:375px){
#filterBtnList li:nth-child(5) label{padding:10px 5px 10px 20px}
}