@charset "UTF-8";

/*----------------------------------
 レイアウト
----------------------------------*/
[data-browse-mode="P"] .for-sp { display: none;}
[data-browse-mode="S"] .for-pc { display: none;}

.page-event .pane-contents .container { width: 100% !important; display: block;}
.page-event .pane-contents .container .pane-main { width: 100% !important; margin-bottom: 0 !important;}
.page-event .pane-left-menu { display: none !important;}
.page-event #header { margin-bottom: 0 !important;}
.page-event .block-event-page--goods { max-width: 1200px; margin: 0 auto; display: none !important;}
.page-event .block-event-page--accessory { max-width: 1200px; margin: 0 auto;}
.page-event h2.block-design-title-line { background: url("../../../img/usr/common/eye_catch.png") left 10px no-repeat; -webkit-background-size: 16px 16px; background-size: 16px 16px;}

[data-browse-mode="S"] .page-event h2.block-design-title-line { background: none;}

/*----------------------------------
 ふるさとからの贈りもの ヘッダー
----------------------------------*/
#hometown_header { min-width: 1200px; height: 500px; margin: 0 0 100px 0; background: url("../../../img/usr/event/furusato/header_bg.png") center center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; position: relative;}
#hometown_header_inner { width: 1200px; height: 500px; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
#hometown_header_logo h1 { height: 360px; padding: 0; margin: 0;}
#hometown_header_logo h1 img { width: auto; height: 360px;}
@media screen and (max-width: 1600px){
	#hometown_header { background: url("../../../img/usr/event/furusato/header_bg.png") center top no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%;}
}

[data-browse-mode="S"] #hometown_header { min-width: auto; max-height: 500px; height: 100vw; margin: 0 0 40px 0;}
[data-browse-mode="S"] #hometown_header_inner { width: auto; max-height: 500px; height: 100vw;}
[data-browse-mode="S"] #hometown_header #hometown_header_logo h1 { height: 300px; padding: 0; margin: 0;}
[data-browse-mode="S"] #hometown_header_logo h1 img { width: auto; height: 300px;}

/*----------------------------------
 マイルを特産品に交換する
----------------------------------*/
/* PC */
[data-browse-mode="P"] #hometown_exchange { width: 1200px; margin: 0 auto 150px;}
[data-browse-mode="P"] #hometown_exchange .exchange-list { display: flex; justify-content: space-between;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li { width: calc((100% - (13px * 4))/ 5); margin: 0 13px 0 0; position: relative; overflow: hidden;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li a::before { content: ''; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: 0.3s;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li:nth-child(5) { margin: 0;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li:nth-child(2n) { top: 40px;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li .image img { vertical-align: top; opacity: 1;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li .name { width: 50px; padding: 30px 0; margin: 0 13px 0 0; writing-mode: vertical-rl; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; background: #000000; z-index: 2;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li .name span { font-size: 18px; font-weight: bold; writing-mode: vertical-rl; color: #fff;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li .message { padding: 15px; font-size: 14px; color: #fff; display: none; position: absolute; bottom: 0; left: 0; z-index: 1; transition: 0.3s;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li a { text-decoration: none;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li a:hover { text-decoration: underline; opacity: 1;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li a:hover::before { z-index: 1; opacity: 1;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li a:hover .name { background: #966E10;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li a:hover .message { display: block; z-index: 2;}
[data-browse-mode="P"] #hometown_exchange .exchange-list li a:hover .message strong { margin: 0 0 10px 0; font-size: 16px; font-weight: bold; display: block;}
/* SP */
[data-browse-mode="S"] #hometown_exchange h2.block-design-title-line { margin-bottom: 10px; border-bottom: none;}
[data-browse-mode="S"] #hometown_exchange { width: auto; margin: 0 auto;}
[data-browse-mode="S"] #hometown_exchange .exchange-list { display: block;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li { width: 100%; height: 130px; margin: 0 0 1px 0; background: #000; position: relative; overflow: hidden;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li::after { content: ''; width: 40%; height: 100%; background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%); display: block; position: absolute; left: 20%; top: 0; z-index: 2;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li a { padding: 1px 40% 1px 1px; text-decoration: none; display: block;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li .image { width: 60%; position: absolute; top: 0; right: 0; z-index: 1;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li .image img { width: 115%; max-width: 115%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); vertical-align: top; opacity: 1;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li .name { padding: 20px 0 15px; margin: 0 15px; position: relative; z-index: 3;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li .name span { font-size: 18px; font-weight: bold; color: #fff;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li .message { height: 2.8em; padding: 0 15px; margin: 0; font-size: 14px; line-height: 1.4; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: relative; z-index: 3;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li .message strong { margin: 0; font-size: 14px; font-weight: bold; display: block;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li:nth-child(even) { text-align: right;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li:nth-child(even) a { padding: 1px 1px 1px 40%;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li:nth-child(even) .image { top: 0; left: 0; right: auto;}
[data-browse-mode="S"] #hometown_exchange .exchange-list li:nth-child(even)::after { content: ''; width: 40%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%); display: block; position: absolute; left: 40%; top: 0; z-index: 2;}

[data-browse-mode="S"] #hometown_exchange .exchange-list li:nth-child(1) .image img { transform: translate(-50%, -40%);}
[data-browse-mode="S"] #hometown_exchange .exchange-list li:nth-child(2) .image img { transform: translate(-46%, -34%);}
[data-browse-mode="S"] #hometown_exchange .exchange-list li:nth-child(3) .image img { transform: translate(-52%, -28%);}
[data-browse-mode="S"] #hometown_exchange .exchange-list li:nth-child(4) .image img { transform: translate(-50%, -32%);}
[data-browse-mode="S"] #hometown_exchange .exchange-list li:nth-child(5) .image img { transform: translate(-50%, -42%); width: 105%; max-width: 105%;}

/*----------------------------------
 地域の特産品をみる
----------------------------------*/
[data-browse-mode="P"] #hometown_map { width: 100%; padding: 90px 0; margin: 0 auto 60px; background: #FFFFFF url("../../../img/usr/common/bg_washi.jpg") center center repeat; position: relative;}
[data-browse-mode="P"] #hometown_map_inner { width: 1200px; min-height: 735px; margin: 0 auto; background: url("../../../img/usr/event/furusato/japan_map.png") 120px top no-repeat; position: relative; z-index: 2;}
[data-browse-mode="P"] #hometown_map h2.block-design-title-line { height: 70px; border: none; background: url("../../../img/usr/common/eye_catch.png") left 10px no-repeat; -webkit-background-size: 16px 16px; background-size: 16px 16px; display: block; position: relative; z-index: 3;}
[data-browse-mode="P"] #hometown_map h2.block-design-title-line .sub { font-size: 14px; font-weight: normal; line-height: 1.4; position: absolute; left: 6px; top: 50px;}
[data-browse-mode="P"] #hometown_map::before,
[data-browse-mode="P"] #hometown_map_inner::before { content: ''; width: 320px; height: 186px; display: block; background: url("../../../img/usr/event/furusato/wave_l.png") center top no-repeat; position: absolute; left: 0; z-index: 1;}
[data-browse-mode="P"] #hometown_map::after,
[data-browse-mode="P"] #hometown_map_inner::after  { content: ''; width: 338px; height: 194px; display: block; background: url("../../../img/usr/event/furusatowave_r.png") center top no-repeat; position: absolute; right: 0; z-index: 1;}
[data-browse-mode="P"] #hometown_map::before       { bottom: 100px;}
[data-browse-mode="P"] #hometown_map_inner::before { top: 100px; left: -50px;}
[data-browse-mode="P"] #hometown_map::after        { top: 100px; right: -50px;}
[data-browse-mode="P"] #hometown_map_inner::after  { bottom: 100px;}
[data-browse-mode="P"] #hometown_map .map-list     { width: 1200px; height: 100%; position: relative; z-index: 3;}
[data-browse-mode="P"] #hometown_map .map-list li  { width: 425px; height: 196px; position: absolute;}
[data-browse-mode="P"] #hometown_map .map-list li a { width: 425px; height: 196px; padding: 28px; border: transparent 1px solid; text-decoration: none; display: flex; justify-content: space-between; align-items: center; position: relative; transition: 0.3s;}
[data-browse-mode="P"] #hometown_map .map-list li .image { width: 170px; opacity: 0;}
[data-browse-mode="P"] #hometown_map .map-list li .image img { vertical-align: top; opacity: 1;}
[data-browse-mode="P"] #hometown_map .map-list li .desc  { width: 170px;}
[data-browse-mode="P"] #hometown_map .map-list li .desc .name { width: 170px; height: 70px; padding: 5px 0 0 60px; border-bottom: #966E10 1px solid; font-size: 22px; font-weight: normal; line-height: 1.2; text-align: right; color: #111111; background-position: left center; background-repeat: no-repeat;}
[data-browse-mode="P"] #hometown_map .map-list li .desc .name .area { font-size: 16px; font-weight: normal; color: #111111;}
[data-browse-mode="P"] #hometown_map .map-list li .desc .message { margin: 10px 0 0 0; opacity: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
[data-browse-mode="P"] #hometown_map .map-list li .icon  { width: 50px; height: 50px; padding: 10px 0 0 0; border-radius: 50px; font-size: 12px; font-weight: bold; text-align: center; line-height: 1.2; color: #fff; background: #966E10; position: absolute; top: 15px; left: 15px; display: none;}
[data-browse-mode="P"] #hometown_map .map-list li.hover { z-index: 10;}
[data-browse-mode="P"] #hometown_map .map-list li.hover a { padding: 28px; border: #E0E0E0 1px solid; border-radius: 10px; background: #fff; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.05);}
[data-browse-mode="P"] #hometown_map .map-list li.hover a::after { content: ''; width: 8px; height: 8px; border-right: 1px solid #ADADAD; border-top: 1px solid #ADADAD; position: absolute; top: calc(50% - 4px); right: 15px; display: block; transform: rotate(45deg);}
[data-browse-mode="P"] #hometown_map .map-list li:hover .image img,
[data-browse-mode="P"] #hometown_map .map-list li a:hover .image img { opacity: 1;}
[data-browse-mode="P"] #hometown_map .map-list li.hover .image { opacity: 1;}
[data-browse-mode="P"] #hometown_map .map-list li.hover .desc .name { font-weight: bold; color: #966E10;}
[data-browse-mode="P"] #hometown_map .map-list li.hover .desc .name .area { color: #966E10;}
[data-browse-mode="P"] #hometown_map .map-list li.hover .desc .message { opacity: 1;}
[data-browse-mode="P"] #hometown_map .map-list li.hover .icon { display: block;}
[data-browse-mode="P"] #hometown_map .map-list li.area01 { top:  40px; right: -70px;}
[data-browse-mode="P"] #hometown_map .map-list li.area02 { top: 140px; right: -70px;}
[data-browse-mode="P"] #hometown_map .map-list li.area05 { top: 235px; right: -40px;}
[data-browse-mode="P"] #hometown_map .map-list li.area06 { top: 385px; right:  20px;}
[data-browse-mode="P"] #hometown_map .map-list li.area07 { top: 480px; right:  20px;}
[data-browse-mode="P"] #hometown_map .map-list li.area03 { top:  40px; left:  280px;}
[data-browse-mode="P"] #hometown_map .map-list li.area04 { top: 130px; left:  225px;}
[data-browse-mode="P"] #hometown_map .map-list li.area08 { top: 250px; left:   40px;}
[data-browse-mode="P"] #hometown_map .map-list li.area09 { top: 460px; left:  330px;}
[data-browse-mode="P"] #hometown_map .map-list li.area10 { top: 370px; left:  -40px;}
[data-browse-mode="P"] #hometown_map .map-list li.area01 .desc .name { background-image: url("../../../img/usr/event/furusato/ico_area01.png"); -webkit-background-size: 70px 57px; background-size: 70px 57px;}
[data-browse-mode="P"] #hometown_map .map-list li.area02 .desc .name { background-image: url("../../../img/usr/event/furusato/ico_area02.png"); -webkit-background-size: 70px 56px; background-size: 70px 56px;}
[data-browse-mode="P"] #hometown_map .map-list li.area05 .desc .name { background-image: url("../../../img/usr/event/furusato/ico_area05.png"); -webkit-background-size: 45px 63px; background-size: 45px 63px;}
[data-browse-mode="P"] #hometown_map .map-list li.area06 .desc .name { background-image: url("../../../img/usr/event/furusato/ico_area06.png"); -webkit-background-size: 89px 60px; background-size: 89px 60px;}
[data-browse-mode="P"] #hometown_map .map-list li.area07 .desc .name { background-image: url("../../../img/usr/event/furusato/ico_area07.png"); -webkit-background-size: 83px 60px; background-size: 83px 60px;}
[data-browse-mode="P"] #hometown_map .map-list li.area03 .desc .name { background-image: url("../../../img/usr/event/furusato/ico_area03.png"); -webkit-background-size: 63px 60px; background-size: 63px 60px; background-position: 10px center;}
[data-browse-mode="P"] #hometown_map .map-list li.area04 .desc .name { background-image: url("../../../img/usr/event/furusato/ico_area04.png"); -webkit-background-size: 55px 60px; background-size: 55px 60px; background-position: 10px center;}
[data-browse-mode="P"] #hometown_map .map-list li.area08 .desc .name { background-image: url("../../../img/usr/event/furusato/ico_area08.png"); -webkit-background-size: 35px 61px; background-size: 35px 61px; background-position: 10px center;}
[data-browse-mode="P"] #hometown_map .map-list li.area09 .desc .name { background-image: url("../../../img/usr/event/furusato/ico_area09.png"); -webkit-background-size: 80px 45px; background-size: 80px 45px;}
[data-browse-mode="P"] #hometown_map .map-list li.area10 .desc .name { background-image: url("../../../img/usr/event/furusato/ico_area10.png"); -webkit-background-size: 71px 50px; background-size: 71px 50px;}
[data-browse-mode="P"] #hometown_map .map-list li[reverse="on"] a { flex-direction: row-reverse; text-decoration: none;}
[data-browse-mode="P"] #hometown_map .map-list li[reverse="on"] .desc .name { padding: 5px 60px 0 0; text-align: left; background-position: right center;}
[data-browse-mode="P"] #hometown_map .map-list li[reverse="on"] .icon { left: auto; right: 15px;}

[data-browse-mode="P"] #hometown_map_inner .map-list::before { content: ''; display: block; -webkit-background-size: cover; background-size: cover; position: absolute;}
[data-browse-mode="P"] #hometown_map_inner.area01 .map-list::before { width: 286px; height: 186px; background-image: url("../../../img/usr/event/furusato/map_area01.png"); top:-100px; left: 761px;}
[data-browse-mode="P"] #hometown_map_inner.area02 .map-list::before { width:  97px; height: 204px; background-image: url("../../../img/usr/event/furusato/map_area02.png"); top:79.5px; left: 753px;}
[data-browse-mode="P"] #hometown_map_inner.area05 .map-list::before { width:  82px; height: 116px; background-image: url("../../../img/usr/event/furusato/map_area05.png"); top: 269px; left: 728px;}
[data-browse-mode="P"] #hometown_map_inner.area06 .map-list::before { width: 109px; height: 112px; background-image: url("../../../img/usr/event/furusato/map_area06.png"); top: 297px; left: 643px;}
[data-browse-mode="P"] #hometown_map_inner.area07 .map-list::before { width:  73px; height:  93px; background-image: url("../../../img/usr/event/furusato/map_area07.png"); top: 326px; left: 589px;}
[data-browse-mode="P"] #hometown_map_inner.area03 .map-list::before { width:  86px; height: 141px; background-image: url("../../../img/usr/event/furusato/map_area03.png"); top: 210px; left: 691px;}
[data-browse-mode="P"] #hometown_map_inner.area04 .map-list::before { width:  77px; height:  90px; background-image: url("../../../img/usr/event/furusato/map_area04.png"); top: 253px; left: 629px;}
[data-browse-mode="P"] #hometown_map_inner.area08 .map-list::before { width: 121px; height: 102px; background-image: url("../../../img/usr/event/furusato/map_area08.png"); top: 303px; left: 476px;}
[data-browse-mode="P"] #hometown_map_inner.area09 .map-list::before { width:  90px; height:  74px; background-image: url("../../../img/usr/event/furusato/map_area09.png"); top: 375px; left: 515px;}
[data-browse-mode="P"] #hometown_map_inner.area10 .map-list::before { width: 396px; height: 468px; background-image: url("../../../img/usr/event/furusato/map_area10.png"); top:  79px; left: 121px;}

[data-browse-mode="S"] #hometown_map h2.block-design-title-line { border: none; position: relative; z-index: 2;}
[data-browse-mode="S"] #hometown_map { width: 100%; padding: 50px 0; margin: 0 auto; background: #FFFFFF url("../../../img/usr/common/bg_washi.jpg") center center repeat; position: relative;}
[data-browse-mode="S"] #hometown_map_inner { background: url("../../../img/usr/event/furusato/japan_map_sp.png") center bottom no-repeat; -webkit-background-size: 90% auto; background-size: 90% auto; position: relative;}
[data-browse-mode="S"] #hometown_map::before { content: ''; width: 320px; height: 186px; display: block; background: url("../../../img/usr/event/furusato/wave_l.png") center top no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; top: 30px; left: -150px; z-index: 1;}
[data-browse-mode="S"] #hometown_map_inner::before { content: ''; width: 338px; height: 194px; display: block; background: url("../../../img/usr/event/furusato/wave_r.png") center top no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; top: -90px; right: -180px; z-index: 1;}
[data-browse-mode="S"] #hometown_map::after  { content: ''; width: 338px; height: 194px; display: block; background: url("../../../img/usr/event/furusato/wave_r.png") center top no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; bottom: 0; right: -90px; z-index: 1;}
[data-browse-mode="S"] #hometown_map .map-list { padding: 0 15px; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 2;}
[data-browse-mode="S"] #hometown_map .map-list .image,
[data-browse-mode="S"] #hometown_map .map-list .icon,
[data-browse-mode="S"] #hometown_map .map-list .message { display: none;}
[data-browse-mode="S"] #hometown_map .map-list li { width: calc(50% - 7.5px); margin: 0 0 15px 0; border: #A19059 1px solid; border-radius: 5px; background: rgba(255,255,255,0.8);}
[data-browse-mode="S"] #hometown_map .map-list li a { height: 70px; padding: 0 20px; text-decoration: none; display: flex; align-items: center; background-position: 90% center; background-repeat: no-repeat;}
[data-browse-mode="S"] #hometown_map .map-list li .desc .name { font-size: 14px; font-weight: bold; color: #966E10;}
[data-browse-mode="S"] #hometown_map .map-list li .desc .name .area { font-size: 12px; font-weight: normal; color: #966E10;}
[data-browse-mode="S"] #hometown_map .map-list li.area01 a { background-image: url("../../../img/usr/event/furusato/ico_area01.png"); -webkit-background-size: auto 82%; background-size: auto 82%;}
[data-browse-mode="S"] #hometown_map .map-list li.area02 a { background-image: url("../../../img/usr/event/furusato/ico_area02.png"); -webkit-background-size: auto 82%; background-size: auto 82%;}
[data-browse-mode="S"] #hometown_map .map-list li.area05 a { background-image: url("../../../img/usr/event/furusato/ico_area05.png"); -webkit-background-size: auto 90%; background-size: auto 90%;}
[data-browse-mode="S"] #hometown_map .map-list li.area06 a { background-image: url("../../../img/usr/event/furusato/ico_area06.png"); -webkit-background-size: auto 90%; background-size: auto 90%;}
[data-browse-mode="S"] #hometown_map .map-list li.area07 a { background-image: url("../../../img/usr/event/furusato/ico_area07.png"); -webkit-background-size: auto 90%; background-size: auto 90%;}
[data-browse-mode="S"] #hometown_map .map-list li.area03 a { background-image: url("../../../img/usr/event/furusato/ico_area03.png"); -webkit-background-size: auto 90%; background-size: auto 90%;}
[data-browse-mode="S"] #hometown_map .map-list li.area04 a { background-image: url("../../../img/usr/event/furusato/ico_area04.png"); -webkit-background-size: auto 90%; background-size: auto 90%;}
[data-browse-mode="S"] #hometown_map .map-list li.area08 a { background-image: url("../../../img/usr/event/furusato/ico_area08.png"); -webkit-background-size: auto 90%; background-size: auto 90%;}
[data-browse-mode="S"] #hometown_map .map-list li.area09 a { background-image: url("../../../img/usr/event/furusato/ico_area09.png"); -webkit-background-size: auto 70%; background-size: auto 70%;}
[data-browse-mode="S"] #hometown_map .map-list li.area10 a { background-image: url("../../../img/usr/event/furusato/ico_area10.png"); -webkit-background-size: auto 70%; background-size: auto 70%;}

/*----------------------------------
 特集バナー
----------------------------------*/
#hometown_features { padding: 0; margin: 0; background: #FBF9F2;}
#hometown_features_inner { padding: 60px 0; margin: 0;}
#hometown_features_slider { width: 1200px; margin: 0 auto; overflow: hidden;}
#hometown_features_slider_list li { width: 270px;}
#hometown_features_slider_list li a:hover { text-decoration: underline;}
#hometown_features_slider_list li figure { margin: 0 0 10px 0; text-align: center;}
#hometown_features_slider_list li figure img { vertical-align: top;}
#hometown_features_slider_list li .comment { font-size: 14px; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#hometown_features.not-slider #hometown_features_slider_list { display: flex; flex-wrap: wrap;}
#hometown_features.not-slider #hometown_features_slider_list li { width: calc((100% - 120px) / 4); margin: 0 40px 0 0;}
#hometown_features.not-slider #hometown_features_slider_list li:nth-child(4n) { margin: 0;}
#hometown_features.not-slider .swiper-button-prev,
#hometown_features.not-slider .swiper-button-next { display: none !important;}
#hometown_features.slider .swiper-container { width: 1360px; margin: 0 auto;}
#hometown_features.slider .swiper-button-prev,
#hometown_features.slider .swiper-button-next { width: 80px; height: 100%; margin: 0; text-indent: -9999px; outline: 0; z-index: 9999; background: none; position: absolute; top: 0; left: 0;}
#hometown_features.slider .swiper-button-next { left: auto; right: 0;}
#hometown_features.slider .swiper-button-prev::after,
#hometown_features.slider .swiper-button-next::after { content: ''; width: 30px; height: 30px; border-right: 2px solid #111; border-top: 2px solid #111; position: absolute; top: calc(50% - 15px); left: 20px; display: block; transform: rotate(-135deg);}
#hometown_features.slider .swiper-button-next::after { left: auto; right: 20px; transform: rotate(45deg);}
#hometown_features .hometown-old-features { max-width: 1200px; margin: 0 auto 30px; text-align: right;}
#hometown_features .hometown-old-features a { padding-right: 15px; text-decoration: underline; display: inline-block; position: relative;}
#hometown_features .hometown-old-features a::after { content: ''; width: 8px; height: 8px; border-right: 1px solid #ADADAD; border-top: 1px solid #ADADAD; position: absolute; top: calc(50% - 3px); right: 0; display: block; transform: rotate(45deg);}

[data-browse-mode="S"] #hometown_features_inner { padding: 60px 0 40px;}
[data-browse-mode="S"] #hometown_features_slider { width: 100%; padding: 0 15px; margin: 0 auto; overflow: hidden;}
[data-browse-mode="S"] #hometown_features .swiper-button-prev,
[data-browse-mode="S"] #hometown_features .swiper-button-next { display: none !important;}
[data-browse-mode="S"] #hometown_features_slider_list { display: flex; flex-wrap: wrap;}
[data-browse-mode="S"] #hometown_features_slider_list li { width: calc((100% - 120px) / 4); margin: 0 40px 0 0;}
[data-browse-mode="S"] #hometown_features_slider_list li:nth-child(4n) { margin: 0;}

@media screen and (max-width: 760px) {
	[data-browse-mode="S"] #hometown_features_slider_list { display: flex; justify-content: space-between; flex-wrap: wrap;}
	[data-browse-mode="S"] #hometown_features_slider_list li { width: calc(50% - 7.5px); margin: 0 0 20px 0;}
	[data-browse-mode="S"] #hometown_features_slider_list li:nth-child(4n) { margin: 0 0 20px 0;}
	[data-browse-mode="S"] #hometown_features_slider_list li .comment { font-size: 12px; text-align: center; display: block;}
	#hometown_features .hometown-old-features { margin: 0 15px 20px;}
}

/*----------------------------------
 その他季節のおすすめ商品
----------------------------------*/
#hometown_recommend { padding: 80px 0 40px; margin: 0 auto; background: #FBF9F2;}
#hometown_recommend h2 { width: 1200px; padding: 5px 0 20px 35px; margin: 0 auto 30px; border-bottom: #A19059 1px solid; font-size: 30px; font-weight: bold; line-height: 1.0; display: flex; align-items: center; background:  url("../../../img/usr/common/eye_catch.png") left 10px no-repeat; -webkit-background-size: 16px 16px; background-size: 16px 16px;}
#hometown_recommend h2 .sub { margin: 0 0 0 30px; font-size: 14px; font-weight: bold; color: #A19059; position: relative; top: 3px;}
#hometown_recommend_inner { width: 1200px; margin: 0 auto;}
.block-hometown-recommend { margin: 0;}
.block-hometown-recommend-list { display: flex; flex-direction: row; flex-wrap: wrap;}
.block-hometown-recommend-list li { width: 210px; margin: 0 37.5px 40px 0;}
.block-hometown-recommend-list li:nth-child(5n) { margin-right: 0;}
.block-hometown-recommend-list .nostock .block-hometown-recommend--goods-image { position: relative;}
.block-hometown-recommend-list .nostock .block-hometown-recommend--goods-image::after { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url("../../../img/sys/soldout.png") left top no-repeat; -webkit-background-size: cover; background-size: cover; display: block; position: absolute; top: 0; left: 0;}
.block-hometown-recommend-list--goods-image { margin: 0 0 10px 0;}
.block-hometown-recommend-list--goods-image figure { width: 210px; height: 210px; display: flex; justify-content: center; align-items: center; background: #FFF;}
.block-hometown-recommend-list--goods-description { margin: 0;}
.block-hometown-recommend-list--goods-name-wrap { margin: 0 0 10px 0;}
.block-hometown-recommend-list--goods-name-wrap .block-hometown-recommend-list--goods-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.block-hometown-recommend-list--goods .price { font-weight: normal;}
.block-hometown-recommend-list--goods .price,
.block-hometown-recommend-list--goods .default-price { text-align: right;}

@media screen and (max-width: 760px) {
	#hometown_recommend { padding: 40px 15px; margin: 0 auto; background: #FBF9F2;}
	#hometown_recommend h2 { width: auto; padding: 0 0 15px 0; margin: 0 0 25px; font-size: 22px; font-weight: bold; line-height: 1.0; text-align: center; display: block; align-items: center; background: none;}
	#hometown_recommend h2::before { content: ''; width: 16px; height: 16px; margin: 0 10px 0 0; display: inline-block; background:  url("../../../img/usr/common/eye_catch.png") left top no-repeat; -webkit-background-size: 16px 16px; background-size: 16px 16px;}
	#hometown_recommend h2 .sub { margin: 10px 0 0 0; font-size: 12px; font-weight: normal; text-align: center; display: block; top: 0;}
	#hometown_recommend_inner { width: auto; margin: 0 auto;}
	.block-hometown-recommend-list { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
	.block-hometown-recommend-list li { width: calc(50% - 7.5px); margin: 0 0 20px 0;}
	.block-hometown-recommend-list li:nth-child(n + 5) { display: none;}
	.block-hometown-recommend-list .nostock .block-ECollection-recommend--goods-image { position: relative;}
	.block-hometown-recommend-list .nostock .block-ECollection-recommend--goods-image::after { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url("../../../img/sys/soldout.png") left top no-repeat; -webkit-background-size: cover; background-size: cover; display: block; position: absolute; top: 0; left: 0;}
	.block-hometown-recommend-list--goods-image { margin: 0 0 10px 0;}
	.block-hometown-recommend-list--goods-image figure { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #FFF;}
	.block-hometown-recommend-list--goods .mile { font-size: 10px;}
}

/*----------------------------------
 イベント
----------------------------------*/
[data-browse-mode="P"] .block-event-page--accessory .block-top-event--goods { margin-bottom: 0;}
[data-browse-mode="P"] .block-event-page--accessory .block-top-event--wrap {}

[data-browse-mode="P"] .block-event-page--accessory .block-ranking-r { margin-right: -50px;}
[data-browse-mode="P"] .block-event-page--accessory .block-ranking-r--items > li { width: 216px; margin: 0 30px 50px 0; display: block;}
[data-browse-mode="P"] .block-event-page--accessory .block-ranking-r--items > li:nth-child(4n) { margin: 0 30px 50px 0;}
[data-browse-mode="P"] .block-event-page--accessory .block-ranking-r--items > li:nth-child(5n) { margin: 0 0 50px 0;}
[data-browse-mode="P"] .block-event-page--accessory .block-ranking-r--items > li:nth-child(n+6) { display: none !important;}
[data-browse-mode="P"] .block-event-page--accessory .block-ranking-r--goods-image figure { width: 216px; height: 216px; background: none; display: flex; justify-content: center; align-items: center;}
[data-browse-mode="P"] .block-event-page--accessory .block-ranking-r--goods-shop-name { display: -webkit-box;}

[data-browse-mode="P"] .block-thumbnail-t > li { width: 216px; margin: 0 30px 50px 0;}
[data-browse-mode="P"] .block-thumbnail-t > li:nth-child(4n) { margin: 0 30px 50px 0;}
[data-browse-mode="P"] .block-thumbnail-t > li:nth-child(5n) { margin: 0 0 50px 0;}
[data-browse-mode="P"] .block-thumbnail-t--goods-image figure { width: 216px; height: 216px; display: flex; justify-content: center; align-items: center; background: #fff;}


[data-browse-mode="S"] .block-event-page--accessory .block-top-event--header { width: auto; padding: 0 0 15px 0; margin: 0 15px 25px; border-bottom: #A19059 1px solid; font-size: 22px; font-weight: bold; line-height: 1.4; text-align: center; display: block; align-items: center; background: none;}
[data-browse-mode="S"] .block-event-page--accessory .block-top-event--header::before { content: ''; width: 16px; height: 16px; margin: 0 10px 0 0; display: inline-block; background:  url("../../../img/usr/common/eye_catch.png") left top no-repeat; -webkit-background-size: 16px 16px; background-size: 16px 16px;}