@charset "UTF-8";
/* 魔の40px対応 */
@import url(https://www.rakuten.ne.jp/gold/e-zakkamania/sp/css/list.css);
@import url(https://www.rakuten.ne.jp/gold/e-zakkamania/sp/css/display.css);
.header_wrapper { width: 100%; margin: 0 0 8px; padding: 0; overflow-x: hidden; position: relative; font-family: Meiryo,'Hiragino Kaku Gothic ProN',sans-serif; }
.header_wrapper .logo_wrapper { height: 56px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; background: #FFF; }
.header_wrapper .logo_menu { float: left; width: 12%; box-sizing: border-box; padding-left: 8px; padding-top: 8px; }
.header_wrapper .logo { width: 76%; float: left; padding-top: 10px; box-sizing: border-box; }
.header_wrapper .logo a { display: block; width: 150px; margin: auto; }
.header_wrapper .logo_cart { float: right; width: 12%; box-sizing: border-box; padding-right: 8px; padding-top: 8px; }
.header_wrapper .logo_cart img, .header_wrapper .logo_menu img, .header_wrapper .logo img { width: 100%; }
.header_wrapper .intro { width: 100%; text-align: left; font-size: 10px; background: rgba(0, 0, 0, 0.1); margin: 0; height: 24px; padding-top: 4px; padding-left: 8px; box-sizing: border-box; }
.header_wrapper #shippinginfo { width: 100%; text-align: center; font-size: 10px; background: rgba(0, 0, 0, 0.1); margin: 0; height: 24px; padding-top: 4px; box-sizing: border-box; }
.header_wrapper .menu { position: fixed; bottom: 0; width: 100%; overflow: hidden; list-style: none; padding: 0; margin: 0; z-index: 65534; }
.header_wrapper .menu li { background: white; padding: 8px 8px 0 8px; width: 20%; float: left; border-top: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; }
.header_wrapper .menu li:first-child { border-left: none; }
.header_wrapper .menu li img { width: 100%; vertical-align: bottom; }
.header_wrapper .hide { display: none; }
.header_wrapper .search_wrapper { position: fixed; height: 100%; margin: 0; width: 100%; left: 100%; transition: 0.5s; z-index: 65535; background: rgba(255, 255, 255, 0.95); }
.header_wrapper .search_wrapper.search_active { left: 0; transition: 0.5s; }
.header_wrapper #serch_close { position: absolute; right: 24px; top: 24px; text-align: center; }
.header_wrapper #hotword { margin: 8px 0; padding: 0 16px; overflow: hidden; }
.header_wrapper #hotword li { display: inline-block; float: left; box-sizing: border-box; background: #e5e5e5; color: #333; margin: 0 8px 8px 0; padding: 8px; font-size: 10px; }
.header_wrapper .section_title { font-size: 20px; text-align: center; font-weight: bold; margin: 48px 0 16px; font-family: 'verdana'; letter-spacing: 1.6px; }
.header_wrapper .section_subtitle { font-size: 10px; text-align: center; margin: 16px 0 24px; letter-spacing: 1px; }
.header_wrapper .search { overflow: hidden; margin: 8px 0; padding: 0 16px; }
.header_wrapper .textarea { height: 24px; margin: 8px 0 0 0; padding: 2px; box-sizing: border-box; font-size: 10px; float: left; width: calc(100% - 72px); }
.header_wrapper .btn { font-size: 10px; height: 24px; margin: 8px 0 0 0; width: 64px; float: right; background: rgba(0, 0, 0, 0.2); border: none; }
.header_wrapper .category_wrapper { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; position: relative; margin-bottom: 8px; }
.header_wrapper .category { margin: 8px 0; }
.header_wrapper .banner-full { margin: 4px auto; }
.header_wrapper .banner-full img { width: 100%; vertical-align: bottom; }
.header_wrapper .prev, .header_wrapper .next { position: absolute; top: 28px; width: 16px; z-index: 5; }
.header_wrapper .prev img, .header_wrapper .next img { width: 100%; }
.header_wrapper .prev { left: 4px; }
.header_wrapper .next { right: 4px; }
.header_wrapper .category { margin: 4px 0 0; list-style: none; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.header_wrapper .category li { width: 15%; margin-right: 4px; display: inline-block; vertical-align: top; white-space: normal; }
.header_wrapper .category li:first-child { margin-left: 16px; }
.header_wrapper .category li img { width: 100%; vertical-align: bottom; }
.header_wrapper #shippinginfo.strong { background: #C00; color: #FFF; }
.header_wrapper .m0 { margin: 0; }
.header_wrapper .fixed { position: fixed; top: 0; width: 100%; z-index: 255; }

ul { margin: 0; padding: 0; list-style: none; }

.navibar { display: table; table-layout: fixed; width: 100%; }

.navibar li { display: table-cell; background-color: #dddddd; border-left: #FFFFFF 1px solid; list-style: none; text-align: center; padding: 10px 0; font-size: 87%; }
.navibar li:first-child { boder-left: none; }
.navibar li a, .navibar li a:visited { color: #000000; text-decoration: none; }

.menu-text { position: absolute; top: 26px; left: 5px; font-size: 8px; }

#shippinginfo { text-align: center; margin-bottom: 0.5rem; }

.bottom-shadow { box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -o-box-shadow: 0 0 5px #000000; -ms-box-shadow: 0 0 5px #000000; }

.header-wrapper { box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -o-box-shadow: 0 0 5px #000000; -ms-box-shadow: 0 0 5px #000000; box-sizing: border-box; position: relative; }
.header-wrapper h1#site-title { padding-top: 10px; margin: 0; }
.header-wrapper h1#site-title a { margin: 0 auto; display: block; width: 200px; height: 38px; background-size: contain; background-image: url(https://www.rakuten.ne.jp/gold/e-zakkamania/images/logo/logo-long.png); background-repeat: no-repeat; outline: none; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.header-wrapper h1#site-title a img { width: 246px; }

.menu-iframe { width: 100%; height: 100%; border: none; /* 追加で指定 */ display: block; /* 追加で指定 */ }

.drawer-menu { width: 80%; max-width: 280px; height: 100%; left: 0; top: 0; position: fixed; z-index: 65535; background: white; display: none; overflow: auto; /* scrollからautoに変更 */ -webkit-overflow-scrolling: touch; border: 1px solid #c9c9c9; /* ついでに枠線も整形 */ }

.close-menu { position: fixed; width: 100%; height: 100%; margin: 0; top: 0; background: rgba(51, 51, 51, 0.5); z-index: 256; display: none; }

ul.top-icon { width: 18%; position: absolute; top: 10px; right: 0; }
ul.top-icon li { width: 33.3333%; float: right; }
ul.top-icon li img { width: 100%; }
ul.top-icon li.icon-blog { margin-right: -2px; }

i.material-icons.menu-close-icon { position: fixed; top: 0; left: 244px; z-index: 65535; font-size: 36px; display: none; }

/*  footer  */
.footer-wrapper { width: 100%; background-color: #f5f5f5; padding-bottom: 70px; margin-top: 48px; }

.footer_logo_gotop { padding: 20px 0; box-sizing: border-box; width: 50%; margin: auto; }
.footer_logo_gotop a { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.footer_logo_gotop .logo { width: calc(100% - 24px); margin: 0; padding-right: 0; box-sizing: border-box; }
.footer_logo_gotop .logo img { width: 100%; }
.footer_logo_gotop .circle { width: 14px; height: 14px; margin: 0; background: #333; border-radius: 50%; text-align: center; }
.footer_logo_gotop .circle i.material-icons { font-size: 14px; vertical-align: top; padding: 0; color: #f5f5f5; }

.guide_ul { width: 100%; overflow: hidden; }
.guide_ul li { display: block; width: 50%; text-align: center; float: left; padding: 10px 0; border: 1px solid #ffffff; box-sizing: border-box; }
.guide_ul li.full { width: 100%; border: none; }

.footer-icon { width: 60%; margin-top: 20px; }
.footer-icon li { width: 12.5%; float: right; }
.footer-icon li img { width: 100%; }

.top_link { position: relative; text-align: center; margin-bottom: 24px; }
.top_link p { margin: 0; text-align: center; }
.top_link .tenshon { margin-top: 20px; margin-left: -40%; }
.top_link .logo { width: 50%; }

html, body, div, ul, li, div, dl, dd, dt, hr, p, h1, h2, h3, h4, h5 { margin: 0; padding: 0; box-sizing: border-box; }

html { font-size: 62.5%; height: 100%; }

/* =10px */
body { font-size: 10px; font-size: 1rem; font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; width: 100%; height: 100%; text-align: left; }

/* =14px */
.pc { display: none !important; }

.wrapper { width: 100%; }

a { color: #111111; text-decoration: none; }

a:hover { text-decoration: underline; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; }

a:hover img { opacity: 0.7; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; }

h1 { font-size: 24px; font-size: 2.4rem; }

/* =24px */
.red { color: #CC0000; }

.strong { font-weight: bold; }

ul { list-style: none; }

.md-48 { font-size: 4.8rem; }

.title-label { font-size: 2.4rem; letter-spacing: 0.1rem; border-bottom: 1px solid #111111; margin-bottom: 16px; padding-left: 0.2rem; }
.title-label .en { font-family: 'Lato', sans-serif; }
.title-label .label-text { font-size: 1.4rem; padding-left: 1.4rem; letter-spacing: 0.1rem; }
.title-label .label-text:before, .title-label .label-text:after { content: "-"; }

.container { margin-left: auto; margin-right: auto; width: 100%; max-width: 100%; }

.center { text-align: center; }

.hide { display: none; }

.more-btn { width: 100%; margin-left: auto; margin-right: auto; padding: 0.8rem; border: 0 solid #111111; background: #F0F0F0; text-align: center; font-size: 1.4rem; letter-spacing: 0.2rem; font-weight: bold; border-radius: 0.3rem; color: #111111; }

.more-btn:hover, .btn:hover { color: #111111; background: #CCCCCC; transition-duration: 0.2s; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; }

.btn.active { color: #FFFFFF; background: #111111; }

@media all and (min-width: 769px) { .sp { display: none; } }
@media all and (max-width: 768px) and (min-width: 481px) { .sp { display: none; } }

#page-top { color: #FFFFFF; background: #333333; position: fixed; bottom: 40px; width: 30px; height: 30px; text-align: center; z-index: 65536; }
@media all and (min-width: 480px) { #page-top { right: 0; } }

#page-top { display: none; }

/*-------------------------
	　2015.10以降はこちらの
-------------------------*/
body { font-family: 'Hiragino Kaku Gothic ProN',Meiryo , sans-serif; line-height: 1.4em; margin: 0 auto; padding: 0; font-size: 10px; /*　基本フォントサイズ設定　*/ }

a:link, a:visited, a { color: #000000; text-decoration: none; }

/* 魔の40px対応 */
ul { margin: 0; padding: 0; }

.strong { font-weight: bold; }

.list { overflow: hidden; zoom: 1; list-style: none; width: 99%; margin: auto; }
.list li { box-sizing: border-box; padding: 0.5%; margin-bottom: 1rem; float: left; }
.list li img { width: 100%; }
.list p { margin-top: 3px; line-height: 1.2; text-align: left; }

.list-1 li { width: 100%; }

.list-2 li { width: 50%; }

.list-3 li { width: 33.33333%; }

.list-4 li { width: 25%; }

.list-5 li { width: 20%; }

.list-6 li { width: 16.66666%; }

.list-7 li { width: 14.285714285714286%; }

.list-8 li { width: 12.5%; }

.list-9 li { width: 11.1111111%; }

.list-10 li { width: 10%; }

.list-11 li { width: 9.09090%; }

.list-12 li { width: 8.33333%; }

.list-3 li:nth-of-type(3n+1) { clear: both; }

.list-flex { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: stretch; -webkit-align-items: stretch; align-content: stretch; -webkit-align-content: stretch; }

.list-flex.list-2 .items { width: 49%; }

.list-flex.list-3 .items { width: 32.4%; }

/* headerのiframe高さ */
.iframe-head { height: 180px; }

.red { color: #CC0000; }

#page-top { position: fixed; right: 0; bottom: 30px; color: #FFFFFF; background: rgba(0, 0, 0, 0.9); width: 40px; height: 40px; text-align: center; box-sizing: border-box; padding-top: 8px; }

/* 文字に1本線を引く　*/
h3.title-label { font-size: 0.8em; color: #000000; }

h2.title-label { font-size: 1.1em; color: #000000; margin-bottom: 1em; }

.lines-on-sides { display: table; text-align: center; white-space: nowrap; }

.lines-on-sides:after, .lines-on-sides:before { content: ''; display: table-cell; width: 50%; background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px))); background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px)); -webkit-background-clip: padding; background-clip: padding; }

.lines-on-sides:after { border-left: 1em solid transparent; }

.lines-on-sides:before { border-right: 1em solid transparent; }

h3.section-label { background: #FFFFFF; color: #000000; padding: 10px 0 8px 20px; border-color: #333333; border-style: solid; border-width: 1px 1px 1px 10px; letter-spacing: 0.1em; margin-top: 24px; margin-bottom: 10px; }

.point-section { margin-bottom: 10px; text-align: center; }
.point-section .pointup-sp { text-align: center; border: 1px solid #333333; display: inline-block; padding: 5px 20px; }

.header-wrapper.fixed { position: fixed; width: 100%; top: 0; background: #FFFFFF; z-index: 10; }

.container { margin-top: 10px; }

.info { border: #CC0000 solid 1px; margin: 5px 10px; padding: 5px; }

.info.important a { color: #CC0000; text-decoration: none; }

h2.topic-header { font-size: 14px; line-height: 1.5; border-left: 7.5px solid #666666; padding: 2px 0 2px 5px; border-bottom: 1px solid #666666; margin-bottom: 1rem; }

h2.topic-header p { padding: 0 5px 0 10px; }

h4 { font-size: 11px; line-height: 1.5; border-left: 5px solid #666666; padding: 2px 0 2px 5px; border-bottom: 1px solid #666666; }

p.morelink { font-size: 10px; text-align: right; padding-right: 5px; }

p#shippinginfo.strong { color: #FFFFFF; background: #CC0000; padding: 3px; }
p#shippinginfo.strong .red { color: #FFFFFF; }

.head-news { width: 95%; margin: 16px auto; padding: 5px; border: 1px solid #CC0000; font-size: 10px; }
.head-news p { padding: 0; }
.head-news .title { color: #CC0000; font-weight: bold; }
.head-news .updt:before { content: " ( "; }
.head-news .updt:after { content: " ) "; }
.head-news .text { padding-left: 0.5rem; line-height: 1.4; }

.cate-list { overflow: hidden; }

.cate-list li:nth-child(2n+1) { border-right: 1px solid #999; }

.cate-list li:nth-child(-n+2) { border-top: 1px solid #999; }

.cate-list li { width: 50%; float: left; border-bottom: 1px solid #999999; height: 40px; }

.cate-list li a { display: block; font-size: 10px; padding: 10px 0 10px 10px; }

.cate-list li a img { width: 20px; vertical-align: middle; }

#soryo, #soryo-b { background-color: #F0F0F0; font-size: 85%; text-align: center; padding: 10px 0; color: #333; }

a:link, a:visited, a { color: #000000; text-decoration: none; }

.slider { margin: 0; }

.hide { display: none; }

.reccomend-section ul { overflow: hidden; }
.reccomend-section ul li { width: 33%; float: left; box-sizing: border-box; padding: 1%; font-size: 10px; }
.reccomend-section ul li p { padding: 0; text-align: center; font-size: 8px; margin: 0; line-height: 1.2; }
.reccomend-section ul li img { width: 100%; }

.navibar { margin-bottom: 8px auto; }

.search { margin: 0 5%; }
.search .txtArea { width: 70%; height: 25px; float: left; color: #535353; border: solid 1px #c0c0c0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #ebe5e5; padding-left: 10px; }
.search .hotkeyword-list { margin-top: 7px; text-align: left; }
.search .hotkeyword-list li { display: inline-block; border: #cccccc 1px solid; background: #eeeeee; color: #000000; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-right: 5px; margin-bottom: 7px; font-size: 87%; }

.top-search { box-sizing: border-box; margin: 10px auto 15px; }
.top-search .search { width: calc(100% - 16px); margin: auto; }
.top-search .search input.textArea { box-sizing: border-box; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; width: 75%; max-width: none; margin: auto; padding: 10px; }
.top-search input.btn { width: 17%; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; box-sizing: border-box; padding: 10px; border: 2px solid #666666; background: #f1f1f1; }
.top-search .hotkeyword-main { margin-top: 0; min-width: 100%; overflow: hidden; }
.top-search .hotkeyword-main li { display: inline-block; float: left; margin: 1rem 0.5rem 1rem 0; }
.top-search .hotkeyword-main li a { padding: 7.5px; background: #999999; color: #FFFFFF; }

/* ランキングのセクション  */
.ranking-section .warning { padding: 0 16px; font-size: 10px; letter-spacing: 0.8px; margin: 12px 0 24px 0; color: #666; }
.ranking-section .tab { width: calc(100% - 8px); margin: 24px auto 0; overflow: hidden; }
.ranking-section .tab li { box-sizing: border-box; text-align: center; padding: 8px 0; float: left; width: 33.33%; background-color: #ccc; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font-size: 10px; letter-spacing: 0.8px; }
.ranking-section .tab li:first-child { border-left: none; }
.ranking-section .tab .active { background: #eee; transition: 0.5s; }
.ranking-section .rank-content { width: calc(100% - 16px); margin: 0 auto; display: none; list-style: none; overflow: hidden; }
.ranking-section .rank-content .items { width: 33.33%; box-sizing: border-box; padding: 8px; float: left; margin: 12px 0; }
.ranking-section .rank-content .items .itemname { margin: 12px 0 0; letter-spacing: 1px; text-align: center; font-size: 12px; }
.ranking-section .rank-content .items .price { display: none; }
.ranking-section .rank-content .items .itemname .tax { font-size: 10px; }
.ranking-section .rank-content .items img { width: 100%; vertical-align: bottom; }
.ranking-section .rank-content .items:nth-child(-n+2) { width: 50%; }
.ranking-section .rank-content .items:nth-child(n+6) { display: none; }
.ranking-section .rank-content .rank { font-weight: bold; font-size: 12px; margin-bottom: 4px; letter-spacing: 0.8px; }
.ranking-section .rank-content .no1 { color: #CC0000; padding-left: 28px; background: url(https://www.rakuten.ne.jp/gold/e-zakkamania/item_page/new_ranking/image/icon_gold.gif) no-repeat top left; }
.ranking-section .rank-content .no2 { color: #CC0000; padding-left: 28px; background: url(https://www.rakuten.ne.jp/gold/e-zakkamania/item_page/new_ranking/image/icon_silver.gif) no-repeat top left; }
/* カテゴリセクション */
.cate-section .warning { padding: 0 16px; font-size: 10px; letter-spacing: 0.8px; margin: 12px 0 24px 0; color: #ccc; }
.cate-section .tab { width: calc(100% - 8px); margin: 24px auto 0; overflow: hidden; }
.cate-section .tab li { box-sizing: border-box; text-align: center; padding: 8px 0; float: left; width: 33.33%; background-color: #ccc; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font-size: 10px; letter-spacing: 0.8px; }


/* カテゴリセクション */
.cate-section .tab2 { width: calc(100% - 8px); margin: 24px auto 0; overflow: hidden; }
.cate-section .tab2 li { box-sizing: border-box; text-align: center; padding: 8px 0; float: left; width: 33.33%; background-color: #ccc; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font-size: 10px; letter-spacing: 0.8px; }



/* カテゴリリスト
.cate-list{ overflow: hidden; border-top: 1px solid #F0F0F0; border-left: 1px solid #F0F0F0; li{ border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; width: 33%; float: left; box-sizing: border-box; padding: 16px; text-align: center; & img{ display: block; width: 100%; margin-bottom: 8px; } }
}*/
/* 雑誌掲載　*/
.list-mag { width: 96%; }
.list-mag li { padding: 2%; }
.list-mag liimg { width: 100%; }
.list-mag li p { margin: 0; text-align: center; }

.more { width: calc(100% - 16px); margin: 16px auto; }
.more a { font-size: 12px; padding: 8px 0; text-align: center; letter-spacing: 0.8px; display: block; color: #333333; background: #F0F0F0; }

.text_event p { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; list-style: none; width: 98%; margin: auto; padding: 10px 40px 10px 0; border-bottom: solid 1px #ebe5e5; text-align: right; position: relative; }

.text_event p:after { position: absolute; right: 10px; top: 10px; opacity: 0.8; content: " "; width: 20px; height: 20px; background: url(https://www.rakuten.ne.jp/gold/e-zakkamania/images/icon/arrow_right.svg); background-size: contain; vertical-align: middle; }

.newitem-iframe, .instock-iframe { width: 100%; min-height: 240px; }

.owl-theme .owl-dots .owl-dot span { width: 5px; height: 5px; margin: 5px 5px; }

.item-list.list-2 .items { width: 50%; }

.item-list.list-3 .items { width: 33.3%; }

.item-list { overflow: hidden; width: calc(100% - 16px); margin: 8px auto; }
.item-list .items { float: left; margin-bottom: 24px; padding: 0 8px; }
.item-list .items a { display: block; }
.item-list .items img { width: 100%; vertical-align: bottom; }
.item-list .items .startdt { line-height: 1.6; font-size: 10px; margin: 8px 0; text-align: center; }
.item-list .items .itemname { display: none; }
.item-list .items .price { font-size: 14px; text-align: center; margin: 8px 0; letter-spacing: 0.8px; }

#list_instock .items .price { font-size: 14px; text-align: center; margin: 16px 0; letter-spacing: 0.8px; }

.shop_list { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: calc(100% - 8px); margin: auto; }
.shop_list li { width: 50%; padding: 0 8px; margin: 16px 0; box-sizing: border-box; }
.shop_list li img { width: 100%; vertical-align: bottom; }
.shop_list li .shopname { font-size: 12px; margin: 8px 0; padding: 0 4px; line-height: 1.6; box-sizing: border-box; }
.shop_list li .shopname span { font-size: 10px; color: #CC0000; }
.shop_list li .addr { box-sizing: border-box; font-size: 10px; line-height: 1.6; padding: 0 4px; }

#event-block, #feature-block { overflow: hidden; }
#event-block .items a, #feature-block .items a { display: block; border: 1px solid #F0F0F0; padding-bottom: 8px; position: relative; }
#event-block .items, #feature-block .items { width: 50%; box-sizing: border-box; font-size: 10px; margin-bottom: 10px; float: left; padding: 8px; }
#event-block .items .img.banner-s, #feature-block .items .img.banner-s { width: 100%; display: block; margin-bottom: 16px; }
#event-block .items img, #feature-block .items img { width: 100%; vertical-align: bottom; }
#event-block .items .event-title, #feature-block .items .event-title { margin: 8px 0; letter-spacing: 1px; padding: 0 8px; line-height: 1.6; font-size: 12px; }
#event-block .items .kikan, #feature-block .items .kikan { margin: 12px 0 12px 4px; padding: 0 8px; font-size: 10px; line-height: 1.6; letter-spacing: 0.8px; }
#event-block .items .event_label, #feature-block .items .event_label { display: inline-block; margin: 0 0 0 4px; padding: 4px 8px; line-height: 1.6; font-size: 10px; letter-spacing: 0.8px; box-sizing: border-box; background: rgba(0, 0, 0, 0.1); }
#event-block .items .comment, #feature-block .items .comment { vertical-align: top; text-align: left; box-sizing: border-box; line-height: 140%; font-size: 1rem; margin: 4px 0; padding: 0 8px; line-height: 1.6; }

.section_title { font-size: 20px; text-align: center; font-weight: bold; margin: 48px 0 16px; font-family: 'verdana'; letter-spacing: 1.6px; }

.section_subtitle { font-size: 10px; text-align: center; margin: 16px 0 24px; letter-spacing: 1px; }

#btn_top { position: fixed; bottom: 54px; right: 0; }
#btn_top a { display: block; padding: 8px 10px 12px; color: #FFF; background: rgba(0, 0, 0, 0.7); text-align: center; font-size: 10px; line-height: 1.1; text-decoration: none; }

.section_line { margin-top: 48px; border-width: 0 0 1px; color: #666; border-image: linear-gradient(90deg, rgba(102, 102, 102, 0), #666666 50%, rgba(102, 102, 102, 0) 100%) 0 0 100%; border-style: dotted; }

.event_filter { width: calc(100% - 16px); margin: 12px auto; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.event_filter li { width: 24%; text-align: center; background: #ccc; transition: 0.5s; padding: 8px; box-sizing: border-box; }
.event_filter .active { background: #eee; transition: 0.5s; }