@charset "UTF-8";
/* 日本語 charset "utf-8 */
@keyframes test { 0% { background-position: left center; }
  100% { background-position: -1733px center; } }
@keyframes bg-move { 0% { width: 0; }
  100% { width: 100%; left: 180px; } }
/* 日本語 charset "utf-8 */
@keyframes test { 0% { background-position: left center; }
  100% { background-position: -1733px center; } }
@keyframes bg-move { 0% { width: 0; }
  100% { width: 100%; left: 180px; } }
/* 日本語 charset "utf-8 */
@keyframes test { 0% { background-position: left center; }
  100% { background-position: -1733px center; } }
@keyframes bg-move { 0% { width: 0; }
  100% { width: 100%; left: 180px; } }
#item.detail .pan .wrap { color: black; }
#item.detail .pan .wrap a, #item.detail .pan .wrap span { color: black; }
#item.detail .zozo-btn { width: 264px; height: 48px; display: flex; justify-content: center; align-items: center; background-color: black; }
#item.detail .zozo-btn:hover { background-color: white; border: solid 1px black; }
#item.detail .zozo-btn:hover p { color: black; }
#item.detail .zozo-btn:hover span::after { background-image: url(../images/item/icon_hover.png); }
#item.detail .zozo-btn p { font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 14px; line-height: 32px; color: white; margin-right: 20px; }
#item.detail .zozo-btn span:after { content: ''; display: inline-block; width: 15px; height: 11px; background-image: url(../images/item/icon_normal.png); background-repeat: no-repeat; background-size: 100%; }
#item.detail .container { padding-top: 30px; }
#item.detail .container .item-detail { display: flex; justify-content: space-between; margin-top: 50px; margin-bottom: 46px; }
#item.detail .container .item-detail .left-block { position: relative; width: 500px; height: 600px; }
#item.detail .container .item-detail .left-block .detail-slider { width: 100%; height: 100%; }
#item.detail .container .item-detail .left-block .detail-slider li img { width: 100%; height: 100%; }
#item.detail .container .item-detail .left-block .control { position: absolute; bottom: 0; right: 0; background-color: white; opacity: 0.7; display: flex; justify-content: space-between; align-items: center; width: 164px; height: 40px; padding: 16px; }
#item.detail .container .item-detail .left-block .control .slide-count { display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; width: 40%; }
#item.detail .container .item-detail .left-block .control .next, #item.detail .container .item-detail .left-block .control .prev { cursor: pointer; }
#item.detail .container .item-detail .right-block { width: 500px; }
#item.detail .container .item-detail .right-block p { font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; }
#item.detail .container .item-detail .right-block p.title { margin-bottom: 17px; font-size: 18px; line-height: 28px; font-weight: bold; }
#item.detail .container .item-detail .right-block p.price { font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; margin-bottom: 31px; font-size: 14px; line-height: 32px; }
#item.detail .container .item-detail .right-block > dl { display: flex; justify-content: flex-start; }
#item.detail .container .item-detail .right-block > dl:last-of-type { margin-bottom: 28px; }
#item.detail .container .item-detail .right-block > dl dt { font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 14px; line-height: 32px; margin-right: 12px; width: 10%; }
#item.detail .container .item-detail .right-block > dl dd { font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 14px; line-height: 32px; width: 85%; word-break: break-all; }
#item.detail .container .item-detail .apDots { width: 100%; margin-top: 40px; }
#item.detail .container .item-detail .apDots .slick-dots { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: static; bottom: unset; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
#item.detail .container .item-detail .apDots .slick-dots li { position: static; display: inline-flex; justify-content: center; align-items: center; width: 84px; height: 101px; margin: 0; padding: 0; margin-right: 16px; margin-bottom: 16px; cursor: pointer; }
#item.detail .container .item-detail .apDots .slick-dots li:nth-of-type(5n) { margin-right: 0; }
#item.detail .container .item-detail .apDots .slick-dots li img { width: auto; max-width: 100%; }
#item.detail .container .shop_name { border-bottom: solid 1px black; margin-top: 30px; margin-bottom: 77px; padding-bottom: 77px; }
#item.detail .container .shop_name p, #item.detail .container .shop_name h3 { font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 14px; line-height: 26px; }
#item.detail .container .recommend-item h2 { font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 40px; line-height: 32px; margin-bottom: 40px; }
#item.detail .container .recommend-item ul.recommend-list { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 104px; }
#item.detail .container .recommend-item ul.recommend-list li { width: 232px; margin-right: 32px; }
#item.detail .container .recommend-item ul.recommend-list li:nth-of-type(4n) { margin-right: 0; }
#item.detail .container .recommend-item ul.recommend-list li a:hover .detail-block p.title { opacity: 0.7; font-size: 14px; line-height: 26px; text-decoration: underline; }
#item.detail .container .recommend-item ul.recommend-list li a .thumbnail { width: 232px; height: 278px; margin-bottom: 14px; }
#item.detail .container .recommend-item ul.recommend-list li a .thumbnail img { width: auto; max-width: 100%; }
#item.detail .container .recommend-item ul.recommend-list li a .detail-block p { font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; }
#item.detail .container .recommend-item ul.recommend-list li a .detail-block p.term { display: inline-block; font-size: 14px; line-height: 32px; border-bottom: solid 1px black; margin-bottom: 10px; }
#item.detail .container .recommend-item ul.recommend-list li a .detail-block p.title { font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 14px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#item header.page-header { width: calc(100% - 40px); height: 286px; margin-top: 80px; margin-left: 40px; background-image: url("../images/item/header.png"); background-size: cover; background-color: black; background-repeat: no-repeat; padding-top: 24px; }
#item header.page-header .header-wrap { margin: 0 auto; width: 1024px; }
#item header.page-header .header-wrap .page-name { font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 40px; line-height: 32px; color: white; text-align: center; margin-top: 44px; margin-bottom: 40px; }
#item header.page-header .header-wrap .btn-more { width: 164px; height: 40px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; border: solid 1px black; border: solid 1px black; }
#item header.page-header .header-wrap .btn-more p { width: 100%; height: 38px; display: flex; justify-content: center; align-items: center; font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 16px; color: black; }
#item header.page-header .header-wrap .btn-more span { display: flex; justify-content: center; align-items: center; width: 40px; height: 38px; background-color: black; color: white; border-left: solid 1px white; font-size: 20px; }
#item header.page-header .header-wrap .btn-more.active { border: solid 1px black; background-color: white; }
#item header.page-header .header-wrap .btn-more.active p { color: black; }
#item header.page-header .header-wrap .btn-more.active span { border-left: solid 1px black; color: black; }
#item header.page-header .header-wrap .btn-more p { color: black; }
#item header.page-header .header-wrap .btn-more span { background-color: black; color: white; border-left: solid 1px white; }
#item header.page-header .header-wrap .search-btn { width: 164px; height: 42px; border: solid 1px black; display: flex; justify-content: space-between; align-items: center; background: white; cursor: pointer; }
#item header.page-header .header-wrap .search-btn:hover { border: solid 1px white; background: transparent; }
#item header.page-header .header-wrap .search-btn:hover p { color: white; }
#item header.page-header .header-wrap .search-btn:hover span { color: white; border-left: solid 1px white; fill: white; }
#item header.page-header .header-wrap .search-btn p { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 16px; color: black; }
#item header.page-header .header-wrap .search-btn span { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-left: solid 1px black; color: black; font-size: 5px; }
#item header.page-header .header-wrap ul.select { display: flex; justify-content: center; align-items: center; }
#item header.page-header .header-wrap ul.select > li { margin-right: 40px; }
#item header.page-header .header-wrap ul.select > li:last-of-type { margin-right: 0; }
#item header.page-header .header-wrap ul.select .select-origin { width: 164px; height: 40px; }
#item header.page-header .header-wrap ul.select .select-origin .select-styled { border: solid 1px white; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
#item header.page-header .header-wrap ul.select .select-origin .select-styled p { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 16px; color: white; -webkit-transition: all 0.3s; transition: all 0.3s; }
#item header.page-header .header-wrap ul.select .select-origin .select-styled span { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-left: solid 1px white; color: white; font-size: 5px; }
#item header.page-header .header-wrap ul.select .select-origin .select-styled span:after { content: '>'; transform: rotate(90deg); font-size: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-styled { border: solid 1px black; background-color: white; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-styled p { color: black; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-styled span { border-left: solid 1px black; color: black; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-styled span:after { content: '>'; transform: rotate(-90deg); }
#item header.page-header .header-wrap ul.select .select-origin .select-options-wrap { padding: 0; overflow-x: hidden; overflow-y: hidden; }
#item header.page-header .header-wrap ul.select .select-origin .select-options { display: none; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-options-wrap { border: solid 1px black; position: relative; z-index: 1; border-top: 0; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-options { -webkit-transition: all 0.3s; transition: all 0.3s; display: flex; flex-direction: column; justify-content: space-between; width: 100%; background-color: white; padding: 5%; z-index: 1; position: relative; max-height: 200px; overflow-y: scroll; margin: 0; width: 110%; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-options > li { display: inline-block; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-options > li:not(:last-of-type) { margin-bottom: 5%; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-options > li:hover { background-color: black; color: white; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-options > li::before { content: '-'; display: inline-block; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-options > li input[type="radio"] { display: none; }
#item header.page-header .header-wrap ul.select .select-origin.active .select-options > li label { width: 90%; height: 100%; cursor: pointer; display: inline-block; }
#item .container { width: calc(100% - 40px); margin-top: 80px; margin-left: 40px; }
#item .container .container-wrap { width: 1024px; margin: 0 auto; }
#item ul.item-list { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; }
#item ul.item-list li { width: 232px; margin-right: 32px; margin-bottom: 40px; }
#item ul.item-list li:nth-of-type(4n) { margin-right: 0; }
#item ul.item-list li a:hover .detail-block p.title { opacity: 0.7; font-size: 14px; line-height: 26px; text-decoration: underline; }
#item ul.item-list li a .thumbnail { margin-bottom: 14px; }
#item ul.item-list li a .thumbnail img { width: auto; max-width: 100%; }
#item ul.item-list li a .detail-block p { font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; }
#item ul.item-list li a .detail-block p.term { display: inline-block; font-size: 14px; line-height: 32px; border-bottom: solid 1px black; margin-right: 10px; margin-bottom: 10px; }
#item ul.item-list li a .detail-block p.title { font-size: 14px; line-height: 26px; font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }