@charset "utf-8";
/* CSS Document */
#header { margin: 0 0 10px;}
#tab { display: none;}

.block-event-page--goods {
    margin-bottom: 102px;
}

.christmas2022-pane-contents {
    margin-top: 0;
    padding-bottom: 135px;
    background-color: #ece6d4;
    background-image: url("/dev/special/christmas2022_img/pane-contents-bg.png");
    background-size: 300px 300px;
    background-position: 0 792px;
}
.pane-contents {
    overflow: hidden;
}
.page-goods .christmas2022-pane-contents {
    margin-left: -38px;
    margin-right: -38px;
}
.page-event .pane-contents .container .pane-main {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
#mainVisual {
    background: #B71A39;
}
#mainVisual > .inner {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
#mainVisual .mainVisualInner {
    width: 1972px;
    height: 519px;
    margin-left: -336px;
    margin-right: -336px;    
    padding-top: 195px;
    background-repeat: no-repeat;
    background-image: url("/dev/special/christmas2022_img/main_title_mv01.png");
    background-size: contain;
}
#mainVisual .mainVisualContents {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin: 0 auto;
}
#mainVisual .title {
    text-align: center;
    color: #fff;
}
#mainVisual .title h1 {
    margin-bottom: 2px;
    border-bottom: 0 none;
}
#mainVisual .title img {
    width: 668px;
    height: 99px;
}
#mainVisual .title .title-note {
    margin-bottom: 14px;
    font-size: 12px;
}
#mainVisual .title .sub-title {
    font-size: 23px;
}
#mainVisual .gnav {
    display: flex;
    justify-content: center;
}
#mainVisual .gnav li + li {
    margin-left: 4px;
}
#mainVisual .gnav li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 184px;
    height: 48px;
    font-size: 14px;
    color: #fff;
    background: #006E49;
    border-radius: 8px 8px 0 0;
}
#mainVisual .gnav li a:hover {
    text-decoration: none;
}
#mainVisual .gnav li a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 18px;
    display: block;
    width: 13px;
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
    background-repeat: no-repeat;
    background-image: url("/dev/special/christmas2022_img/arrow_gnav.png");
    background-size: contain;
}
.mainVisualMassage {
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 21px;
    background: transparent linear-gradient(91deg, #BFA617 0%, #F2DF73 49%, #BFA617 100%) 0% 0% no-repeat padding-box;
}
.mainVisualMassage p {
    width: 1300px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.7;
    font-size: 15px;
    color: #B71A39;
}

div#main {
    width: 1300px;
    margin: 0 auto;
    background: transparent;
}
#main a{
    color: #000000;
}
#main a:hover{
	filter: alpha(opacity=80);
	opacity:0.80;
}

#main #sideNav,#main #contentsArea {
    display: flex;
    justify-content: space-between;
}
#main #sideNav,#main #mainContents {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
#main #sideNav {
    width: 230px;
}
#main #mainContents {
    width: 1032px;
}

/*-------------------------------------------------------------------
--- #sideNav .navBox
--------------------------------------------------------------------*/
#sideNav .navBox {
    padding-top: 19px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 56px;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 20px;
}
#sideNav .navItem + .navItem {
    margin-top: 29px;
}
#sideNav .navBox .sideTitle {
    margin-bottom: 18px;
    padding-bottom: 18px;
    font-size: 18px;
    color: #006E49;
    border-bottom: 1px solid #AB951E;
    line-height: 1;
}
#sideNav .navBox ul li + li {
    margin-top: 9px;
}
#sideNav .navBox ul li a {
    display: block;
    font-size: 14px;
}

#sideNav .navBanner img {
    width: 100%;
}

/*-------------------------------------------------------------------
--- #mainContents .title
--------------------------------------------------------------------*/
#mainContents .title {
    background: transparent;
}
#mainContents .title h1 {
    border-bottom: 0 none;
}
#mainContents .title h1 img {
    width: 892px;
    height: 242px;
    max-width: none;
    max-height: none;
    margin-top: -11px;
    margin-left: -16px;
    margin-right: -36px;
}
#mainContents .title .txt {
    display: table;
}
#mainContents .title .txt span {
    background: url("/dev/special/christmas2022_img/christmas2022_ic.png") no-repeat left center;
    padding-left: 120px;
    height: 130px;
    font-size: 14px;
    line-height: 22px;
    display: table-cell;
    vertical-align: middle;
}


/*-------------------------------------------------------------------
--- .christmas2022-pane-contents
--------------------------------------------------------------------*/
.christmas2022-pane-contents .container .pane-main {
    margin: 0 auto;
    width: 100%;
    max-width: 1300px;
}
.christmas2022-section {
    background: #fff;
    padding-left: 50px;
    padding-right: 49px;
    padding-bottom: 56px;
    border-radius: 20px;
}
.christmas2022-section + .christmas2022-section {
    margin-top: 40px;
}
.christmas2022-section h2 {
    width: 790px;
    height: 116px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 42px;
    padding-top: 52px;
    background-image: url("/dev/special/christmas2022_img/section_title.png");
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    font-size: 27px;
    text-align: center;
    border-bottom: 0 none;
}
.christmas2022-01-section .block-recommend-list .block-thumbnail-t--container {
    margin-left: 0;
}
.christmas2022-01-section .block-recommend-list .block-goods-list--frame.st__slider-set .block-thumbnail-t--goods {
    width: 286px;
    min-width: 286px;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}
.christmas2022-01-section .block-recommend-list .block-goods-list--frame.st__slider-set .block-thumbnail-t--goods:nth-of-type(3n+2) {
    margin-left: calc(calc(100% - 286px * 3) / 2);
    margin-right: calc(calc(100% - 286px * 3) / 2);
}
.christmas2022-01-section .block-thumbnail-t--goods-image figure {
    width: 100%;
    height: 100%;
}
.christmas2022-01-section .block-thumbnail-t--goods-image figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.christmas2022-01-section .block-goods-list--btn-prev,
.christmas2022-01-section .block-goods-list--btn-next {
    width: 86px;
    height: 86px;
    top: 140px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/dev/special/christmas2022_img/arrow_slider.png");
    background-color: transparent;
}
.christmas2022-01-section .block-goods-list--btn-prev {
    left: -43px;
    transform: rotate(180deg);
}
.christmas2022-01-section .block-goods-list--btn-next {
    right: -43px;
}
.christmas2022-01-section .block-goods-list--btn-prev:hover,
.christmas2022-01-section .block-goods-list--btn-next:hover {
    background-color: transparent;
    background-image: url("/dev/special/christmas2022_img/arrow_slider.png");
}
.christmas2022-01-section .block-goods-list--btn-prev::before,
.christmas2022-01-section .block-goods-list--btn-next::before {
    content: none;
}
.christmas2022-link-list {
    display: flex;
    justify-content: center;
}
.christmas2022-link-list-col3 {
    justify-content: space-between;
}
.christmas2022-link-list-col2 .christmas2022-link-list-btn + .christmas2022-link-list-btn {
    margin-left: 9px;
}
.christmas2022-link-list01 {
    margin-bottom: 20px;
}
#main .christmas2022-link-list-btn a {
    position: relative;
    display: block;
    width: 203px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #70b32d;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(199, 191, 176, 0.85);
    font-size: 14px;
    color: #482819;
    text-align: center;
}
#main .christmas2022-link-list01 .christmas2022-link-list-btn a {
    border-radius: 5px;
}
#main .christmas2022-link-list-large .christmas2022-link-list-btn a {
    width: 320px;
    font-size: 13px;
}
#main .christmas2022-link-list-btn a:hover {
    text-decoration: none;
}
.christmas2022-link-list-btn a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    margin-top: auto;
    margin-bottom: auto;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-image: url("/dev/special/christmas2022_img/arrow_christmas2022_link.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.christmas2022-link-list01 .christmas2022-link-list-btn a::after {
    transform: rotate(90deg);
}
.christmas2022-01-section-intro {
    margin-bottom: 36px;
    padding-top: 20px;
    padding-left: 33px;
    padding-right: 33px;
    padding-bottom: 30px;
    background: #fff;
    font-size: 13px;
    line-height: 1.8;
    border-radius: 10px;
}
.christmas2022-01-section-intro span {
    display: inline-block;
    background:linear-gradient(transparent 0 60%, rgba(112,179,45, .3) 60% 90%, transparent 90% 100%);
}
.search-link-wrap + .search-link-wrap {
    margin-top: 36px;
}
.search-link-wrap-border::after {
    content: '';
    display: block;
    width: 642px;
    height: 7px;
    margin-top: 34px;
    margin-left: -6px;
    margin-right: -6px;
    background-image: url("/dev/special/christmas2022_img/search-link-wrap-border.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.search-link-wrap .inner {
    display: flex;
    justify-content: space-between;
}
.block-search-links {
    text-align: center;
}
.search-link-wrap-col2 .block-search-links {
    width: 308px;
}
.block-search-links h2 {
    height: 46px;
    margin-bottom: 18px;
    text-align: center;
}
.search-link-list {
    display: flex;
    justify-content: space-between;
}
.search-link-list05 li {
    width: 121px;
}
.search-link-list a {
    text-decoration: none;
}
.search-link-list a:hover {
    text-decoration: none;
}
.search-link-list figcaption {
    margin-top: 14px;
}
.search-link-list figcaption::before {
    content: '';
    display: inline-block;
    border-left: 10px solid #82ba4a;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 0 solid transparent;
    margin-right: 8px;
}
.search-link-wrap + .christmas2022-block-ranking {
    margin-top: 30px;
}
.christmas2022-block-ranking h2 {
    text-align: center;
}
.christmas2022-block-ranking h2 img {
    padding-left: 20px;
}
.christmas2022-block-ranking-list {
    margin-top: -42px;
    padding-top: 52px;
    background: #fff;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.christmas2022-01-section .block-thumbnail-t--goods::before {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}
.christmas2022-01-section .block-thumbnail-t--goods:first-of-type::before {
    content: '1';
    background-image: url("/dev/special/christmas2022_img/star_01.png");
}
.christmas2022-01-section .block-thumbnail-t--goods:nth-of-type(2)::before {
    content: '2';
    background-image: url("/dev/special/christmas2022_img/star_02.png");
}
.christmas2022-01-section .block-thumbnail-t--goods:nth-of-type(3)::before {
    content: '3';
    background-image: url("/dev/special/christmas2022_img/star_03.png");
}
.christmas2022-01-section .block-recommend-list {
    padding-bottom: 30px;
}
.christmas2022-01-section .block-thumbnail-t {
    overflow: visible;
}
.christmas2022-01-section .block-goods-list--frame.st__slider-set {
    overflow: visible;
    margin-bottom: 0;
}
.christmas2022-01-section .block-goods-list--frame.st__slider-set .block-thumbnail-t--container {
    padding-bottom: 0;
}
.block-thumbnail-t--bottom-var {
    margin-bottom: 0;
}
.christmas2022-01-section .ps--active-x > .ps__rail-x,
.christmas2022-01-section .ps--active-y > .ps__rail-y {
    display: none;
}
.christmas2022-block-ranking-list .christmas2022-link-list-btn {
    margin-bottom: 37px;
}
.christmas2022-01-section .block-thumbnail-t--goods-image {
    margin-top: -9px;
}
.christmas2022-01-section .block-thumbnail-t--goods-description {
    margin-top: 20px;
    font-size: 15px;
}
.christmas2022-01-section .block-thumbnail-t--goods-name {
    margin-bottom: 14px;
}
.christmas2022-01-section .block-thumbnail-t--price-infos .price > span {
    font-weight: normal;
}
.block-goods-item-type-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.block-goods-item-type-list::after {
    content: '';
    display: block;
    width: 297px;
    height: 0;
}
.block-goods-item-type-list li {
    width: 297px;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 10px;
}
.block-goods-item-type-list li:nth-of-type(n+4) {
    margin-top: 30px;
}
.block-goods-item-type-list li a {
    display: block;
    padding-top: 10px;
    padding-bottom: 19px;
}
.block-goods-item-type-list li figure {
    width: 100%;
    height: 297px;
    margin-bottom: 20px;
}
.block-goods-item-type-list li.bnr-item figure {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.block-goods-item-type-list li figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.block-goods-item-type-list li.bnr-item figure img {
    height: auto;
}
.block-goods-item-type-list li .name {
    display: flex;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    font-weight: bold;
}
.block-goods-item-type-list li .name::before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    margin-right: 10px;
    margin-top: 3px;
    background-image: url("/dev/special/christmas2022_img/arrow_type_list.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.block-goods-item-type-list li .text {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
}
.block-goods-item-size-image {
    margin-right: -12px;
}
.block-goods-item-size-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 28px;
}
.block-goods-item-size-list::before {
    content: '';
    display: block;
    width: 226px;
    height: 0;
    order: 1;
}
.block-goods-item-size-list::after {
    content: '';
    display: block;
    width: 226px;
    height: 0;
}
.block-goods-item-size-list li {
    width: 226px;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 5px;
}
.block-goods-item-size-list li:nth-of-type(n+5) {
    margin-top: 5px;
}
.block-goods-item-size-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 15px;
    font-size: 15px;
}
.block-goods-item-size-list li a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    content: '';
    display: block;
    width: 17px;
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
    background-image: url("/dev/special/christmas2022_img/arrow_type_list.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.block-goods-item-color-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block-goods-item-color-list::after {
    content: '';
    display: block;
    width: 305px;
    height: 0;
}
.block-goods-item-color-list li {
    width: 305px;
    padding: 10px;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 5px;
}
.block-goods-item-color-list li:nth-of-type(n+4) {
    margin-top: 17px;
}
.block-goods-item-color-list li a {
    text-decoration: none;
}
.block-goods-item-color-list li figure {
    width: calc(100% + 30px);
    height: 315px;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 5px;
}
.block-goods-item-color-list li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-goods-item-color-list li .color-variation {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.block-goods-item-color-list li .color-variation span {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.block-goods-item-color-list li .color-variation span.blue {
    background: #225397;
}
.block-goods-item-color-list li .color-variation span.light-blue {
    background: #1A9CB7;
}
.block-goods-item-color-list li .color-variation span.light-gold {
    background: #D0A241;
}
.block-goods-item-color-list li .color-variation span.gold {
    background: #AB951E;
}
.block-goods-item-color-list li .color-variation span.light-silver {
    background: #E0DED8;
}
.block-goods-item-color-list li .color-variation span.silver {
    background: #A3A3A3;
}
.block-goods-item-color-list li .color-variation span.light-red {
    background: #BE1921;
}
.block-goods-item-color-list li .color-variation span.red {
    background: #B71A39;
}
.block-goods-item-color-list li .color-variation span.brown {
    background: #784E3F;
}
.block-goods-item-color-list li .color-variation span.light-brown {
    background: #B7611A;
}
.block-goods-item-color-list li .color-variation span.light-gray {
    background: #BDC8D9;
}
.block-goods-item-color-list li .color-variation span.white {
    background: #fff;
    border: 1px solid #A3A3A3;
}
#main .block-goods-item-color-list li .color-link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
}
.block-goods-item-color-list .block-goods-item-color-blue .color-link {
    background: #1A95B7;
}
.block-goods-item-color-list .block-goods-item-color-gold .color-link {
    background: #B7901A;
}
.block-goods-item-color-list .block-goods-item-color-silver .color-link {
    background: #9C9C9C;
}
.block-goods-item-color-list .block-goods-item-color-red .color-link {
    background: #B71A39;
}
.block-goods-item-color-list .block-goods-item-color-brown .color-link {
    background: #B7611A;
}
#main .block-goods-item-color-list .block-goods-item-color-white .color-link {
    border: 1px solid #707070;
    color: #231816;
}
.block-goods-item-color-list .color-link::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    display: block;
    width: 17px;
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/dev/special/christmas2022_img/arrow_color_list_w.png");
}
.block-goods-item-color-list .block-goods-item-color-white .color-link::after {
    background-image: url("/dev/special/christmas2022_img/arrow_color_list_b.png");
}
.block-goods-item-popular-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block-goods-item-popular-list::after {
    content: '';
    display: block;
    width: 277px;
    height: 0;
}
.block-goods-item-popular-list li:nth-of-type(n+4) {
    margin-top: 50px; 
}
.block-goods-item-popular-list li > a {
    display: flex;
    flex-direction: column;
    width: 277px;
    height: 100%;
}
.block-goods-item-popular-list li > a:hover {
    text-decoration: none;
}
.block-goods-item-popular-list li > a > figure {
    width: 100%;
    height: 277px;
    margin-bottom: 15px;
}
.block-goods-item-popular-list li > a > figure > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.block-goods-item-popular-list li .popular-variation .title {
    margin-bottom: 15px;
    font-size: 15px;
}
.block-goods-item-popular-list li .popular-variation .inner {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}
.block-goods-item-popular-list li .popular-variation figure img {
    display: block;
    width: 71px;
    margin-bottom: 4px;
}
.block-goods-item-popular-list li .popular-variation figcaption {
    text-align: center;
}
.block-goods-item-popular-list li .popular-variation .color,
.block-goods-item-popular-list li .popular-variation .size {
    display: flex;
    align-items: center;
}
.block-goods-item-popular-list li .popular-variation .color span,
.block-goods-item-popular-list li .popular-variation .size span {
    display: block;
    width: 71px;
    height: 71px;
    border-radius: 5px;
    margin-left: 10px;
}
.block-goods-item-popular-list li .popular-variation .color.red span {
    background: #DD3932;
}
.block-goods-item-popular-list li .popular-variation .color.gold span {
    background: transparent linear-gradient(134deg, #C59C3C 0%, #F0D18A 51%, #AB7F3A 100%) 0% 0% no-repeat padding-box;
}
.block-goods-item-popular-list li .popular-variation .color.white span {
    border: 1px solid #A3A3A3;
}
.block-goods-item-popular-list li .popular-variation .size span {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #006E49;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 1;
}
.block-goods-item-popular-list li .popular-variation .color::before,
.block-goods-item-popular-list li .popular-variation .size::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 10px;
    background-image: url("/dev/special/christmas2022_img/popular_x.png");
    background-size: contain;
    background-repeat: no-repeat;
}
#main .block-goods-item-popular-list li .popular-link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 48px;
    margin-top: auto;
    border-radius: 5px;
    background: #B71A39;
    color: #fff;
    font-size: 14px;
}
#main .block-goods-item-popular-list li .popular-link::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    display: block;
    width: 17px;
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/dev/special/christmas2022_img/arrow_color_list_w.png);
}
.christmas2022-06-section .text {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 48px;
    text-align: center;
}
.block-goods-item-ornament-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block-goods-item-ornament-list::after {
    content: '';
    display: block;
    width: 287px;
    height: 0;
}
.block-goods-item-ornament-list li {
    display: flex;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 5px;
}
.block-goods-item-ornament-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 287px;
    padding-top: 13px;
    padding-left: 20px;
    padding-right: 13px;
    padding-bottom: 14px;
}
.block-goods-item-ornament-list li a::after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    background-image: url(/dev/special/christmas2022_img/arrow_type_list.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.block-goods-item-ornament-list li .inner {
    display: flex;
    align-items: center;
}
.block-goods-item-ornament-list li figure {
    width: 73px;
    height: 73px;
    margin-right: 14px;
}
.block-goods-item-ornament-list li figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.block-goods-item-ornament-list li span {
    font-size: 15px;
}
.christmas2022-07-section {
    background: transparent;
    padding: 0;
}
.block-goods-item-ornament-other-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block-goods-item-ornament-other-list::before {
    content: '';
    display: block;
    width: 236px;
    height: 0;
    order: 1;
}
.block-goods-item-ornament-other-list::after {
    content: '';
    display: block;
    width: 236px;
    height: 0;
}
.block-goods-item-ornament-other-list li {
    width: 236px;
}
.block-goods-item-ornament-other-list li:nth-of-type(n+5) {
    margin-top: 30px;
}
.block-goods-item-ornament-other-list li a,
.block-goods-item-ornament-other-list li span {
    display: block;
}
.block-goods-item-ornament-other-list li img {
    width: 100%;
}
.christmas2022-08-section {
    margin-top: 70px;
    padding-top: 45px;
    border: 1px solid #AB951E;
}
.christmas2022-related-section {
    padding-top: 52px;
    padding-left: 81px;
    padding-right: 81px;
    padding-bottom: 81px;
}
.christmas2022-related-section h2 {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 45px;
    padding-top: 0;
    background: transparent;
    color: #222222;
}
.block-goods-item-related-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block-goods-item-related-list::after {
    content: '';
    display: block;
    width: 267px;
    height: 0;
}
.block-goods-item-related-list li {
    width: 267px;
}
.block-goods-item-related-list li figure {
    width: 267px;
    height: 267px;
    margin-bottom: 20px;
}
.block-goods-item-related-list li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-goods-item-related-list li p {
    font-size: 15px;
}


/*-------------------------------------------------------------------
--- #mainContents .section.category
--------------------------------------------------------------------*/
#mainContents .section.category {
    background: #f6f6f4;
    padding: 40px 35px;
    margin-top: 10px;
}
#mainContents .section.category .ttl {
    text-align: center;
    margin-bottom: 10px;
}
#mainContents .section.category .ttl span,
#mainContents .section.category .ttl em {
    display: block;
}
#mainContents .section.category .ttl em {
    margin-top: 10px;
}
#mainContents .section.category .catList {
    font-size: 0;
}
#mainContents .section.category .catList li {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}
#mainContents .section.category .catList li img {
    margin-left: 13px;
}
#mainContents .section.category .catList li span {
    display: block;
    padding: 10px;
}

#mainContents .section.category .consumable {
    margin-top: 20px;
    padding: 20px 0;
    background: #ffffff;
    border: 1px solid #535353;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    box-sizing: border-box;
    width: 530px;
    font-size: 0;
}
#mainContents .section.category .consumable p,
#mainContents .section.category .consumable ul,
#mainContents .section.category .consumable ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
}


/*-------------------------------------------------------------------
--- #mainContents .section.items
--------------------------------------------------------------------*/
#mainContents .section.items {
    border-bottom: 3px solid #eeeeee;
    padding-bottom: 40px;
    padding-top: 20px;
    margin-top: 20px;
}
#mainContents .section.items .ttlBox {
    overflow: hidden;
    height: 260px;
}
#mainContents .section.items .ttlBox .text {
    width: 280px;
}
#mainContents .section.items .ttlBox .img {
    width: 410px;
}
#mainContents .section.items .ttlBox .text .txt {
    margin-top: 15px;
    line-height: 22px;
}
#mainContents .section.items ul{
    font-size: 0;
}
#mainContents .section.items ul li {
    width: 160px;
    font-size: 12px;
    margin-top: 30px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
}
#mainContents .section.items.unique {
    display: none;
}
#mainContents .section.items ul li:nth-of-type(4n) {
    margin-right: 0;
}
#mainContents .section.items ul li .comment {
    font-size: 11px;
    line-height: 16px;
    height: 58px;
    padding: 5px;
    box-sizing: border-box;
}
#mainContents .section.items ul li .img,
#mainContents .section.items ul li .img img {
    height: 127px;
    width: 160px;
}
#mainContents .section.items ul li .name,
#mainContents .section.items ul li .price,
#mainContents .section.items ul li .note {
    margin-top: 5px;
}
#mainContents .section.items ul li .price {
   color: #f11903;
}
#mainContents .section.items .btn a {
    display: block;
    border: 1px solid #535353;
    width: 530px;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
#mainContents .section.items .btn a span {
    background: url("/dev/special/christmas2022_img/ic_categories_title.png") no-repeat right center;
    padding-right: 20px;
}




#mainContents .section.items#sns .ttlBox .text,
#mainContents .section.items#drink .ttlBox .text,
#mainContents .section.items#lunch .ttlBox .text,
#mainContents .section.items#eco .ttlBox .img,
#mainContents .section.items#bakery .ttlBox .img,
#mainContents .section.items#bag .ttlBox .img {
    float: left;
}
#mainContents .section.items#sns .ttlBox .img,
#mainContents .section.items#drink .ttlBox .img,
#mainContents .section.items#lunch .ttlBox .img,
#mainContents .section.items#eco .ttlBox .text,
#mainContents .section.items#bakery .ttlBox .text,
#mainContents .section.items#bag .ttlBox .text {
    float: right;
}

#mainContents .section.items#sns ul li .comment,
#mainContents .section.items#sns .btn a {
    background: #fdf4ed;
}
#mainContents .section.items#eco ul li .comment,
#mainContents .section.items#eco .btn a {
    background: #f3f8e5;
}
#mainContents .section.items#drink ul li .comment,
#mainContents .section.items#drink .btn a {
    background: #fefbdf;
}
#mainContents .section.items#bakery ul li .comment,
#mainContents .section.items#bakery .btn a {
    background: #fceef3;
}
#mainContents .section.items#lunch ul li .comment,
#mainContents .section.items#lunch .btn a {
    background: #f3f3f3;
}
#mainContents .section.items#bag ul li .comment,
#mainContents .section.items#bag .btn a {
    background: #edf2f9;
}




/* kesu */
#mainContents .section.items ul li:nth-of-type(n+5) {
    display: none;
}


/*-------------------------------------------------------------------
--- #mainContents .section.categories
--------------------------------------------------------------------*/
#main #mainContents .section.categories {
display: none;
margin: 40px 0;
}
#main #mainContents .section.categories h2 {
margin: 0 0 20px;
}
#main #mainContents .section.categories ul {
display: flex;
justify-content:flex-start;
flex-wrap: wrap;
}
#main #mainContents .section.categories ul li {
margin: 0 0 30px 20px;
flex-basis: 355px;
padding: 0;
background-position: bottom;
background-repeat: no-repeat;
position: relative;
}
#main #mainContents .section.categories ul li:nth-of-type(2n+1) { margin-left: 0;}
#main #mainContents .section.categories ul li h3 {
background: url(/dev/special/christmas2022_img/bg_categories_title.png) right center;
position: relative;
z-index:1;
}
#main #mainContents .section.categories ul li h3::before {
display: block;
content: "";
position: absolute;
right: 0;
top: 0;
width: 90px;
height: 52px;
z-index: 1;
background: center center no-repeat;
}

#main #mainContents .section.categories ul li.ct008030 h3::before { background-image: url("/dev/special/food/images/common/im_ct008030.png")}
#main #mainContents .section.categories ul li.ct008031 h3::before { background-image: url("/dev/special/food/images/common/im_ct008031.png")}
#main #mainContents .section.categories ul li.ct008032 h3::before { background-image: url("/dev/special/food/images/common/im_ct008032.png")}
#main #mainContents .section.categories ul li.ct008033 h3::before { background-image: url("/dev/special/food/images/common/im_ct008033.png")}
#main #mainContents .section.categories ul li.ct008034 h3::before { background-image: url("/dev/special/food/images/common/im_ct008034.png")}
#main #mainContents .section.categories ul li.ct008035 h3::before { background-image: url("/dev/special/food/images/common/im_ct008035.png")}
#main #mainContents .section.categories ul li.ct008036 h3::before { background-image: url("/dev/special/food/images/common/im_ct008036.png")}
#main #mainContents .section.categories ul li.ct008037 h3::before { background-image: url("/dev/special/food/images/common/im_ct008037.png")}
#main #mainContents .section.categories ul li.ct008038 h3::before { background-image: url("/dev/special/food/images/common/im_ct008038.png")}
#main #mainContents .section.categories ul li.ct008039 h3::before { background-image: url("/dev/special/food/images/common/im_ct008039.png")}
#main #mainContents .section.categories ul li.ct008040 h3::before { background-image: url("/dev/special/food/images/common/im_ct008040.png")}
#main #mainContents .section.categories ul li.ct008041 h3::before { background-image: url("/dev/special/food/images/common/im_ct008041.png")}
#main #mainContents .section.categories ul li.ct008042 h3::before { background-image: url("/dev/special/food/images/common/im_ct008042.png")}
#main #mainContents .section.categories ul li.ct008043 h3::before { background-image: url("/dev/special/food/images/common/im_ct008043.png")}
#main #mainContents .section.categories ul li.ct008044 h3::before { background-image: url("/dev/special/food/images/common/im_ct008044.png")}
#main #mainContents .section.categories ul li.ct008045 h3::before { background-image: url("/dev/special/food/images/common/im_ct008045.png")}

#main #mainContents .section.categories ul li h3 a {
display: flex;
align-items: center;
width: calc( 100% - 125px );
height: 52px;
margin: 0;
padding: 0 0 0 35px;
font-size: 16px;
font-weight: bold;
z-index: 2;
background: url("/dev/special/christmas2022_img/ic_categories_title.png") 10px center no-repeat;
}
#main #mainContents .section.categories ul li .list { font-size: 14px; line-height: 1.5; padding: 8px; }
#main #mainContents .section.categories ul li .list a,
#main #mainContents .section.categories ul li .more a{ color: #000; }
#main #mainContents .section.categories ul li .more {}

#main #mainContents .section.categories > p {
text-align: center;
}

/*-------------------------------------------------------------------
--- print
--------------------------------------------------------------------*/
@media print{
    #main #contentsArea { display: table;}
    #main #sideNav,#main #mainContents { display: table-cell;}
    #sideNav .navBox {
        position: inherit !important;
        top: 0 !important; left: 0 !important;
    }
}