@charset "UTF-8";
/* トップページ（スマートフォン） ファーストビュー用 */
/* ----入力フォーム共通---- */
input,button,select,textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
input[type="submit"],input[type="button"],button {
	-webkit-appearance: none;
	border-radius: 0;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="search"],input[type="password"],input[type="url"],input[type="number"],select,textarea {
	padding: 4px;
	border: 1px solid #999;
	background-color: #fff;
	max-width: 100%;
}
input[type="text"]:hover,input[type="tel"]:hover,input[type="email"]:hover,input[type="search"]:hover,input[type="password"]:hover,input[type="url"]:hover,input[type="number"]:hover,select:hover,textarea:hover {
	border: 1px solid #666;
}
input[type="radio"] {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-right: 5px;
}
input[type="checkbox"] {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-right: 5px;
}
label.radio,label.checkbox,input[type="radio"],input[type="radio"] + label,input[type="checkbox"],input[type="checkbox"] + label,select {
	cursor: pointer;
}
input[type="text"][disabled] {
	background: #dcdcdc;
	cursor: not-allowed;
}
/* ----ボタン---- */
.btn {
	display: inline-block;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 10px;
}
.btn:hover,.btn:focus {
	text-decoration: none;
}
.btn:active,.btn.active {
	outline: 0;
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.125);
}
.btn.disabled,.btn[disabled],.btn.disabled:hover,.btn[disabled]:hover,.btn.disabled:active,.btn[disabled]:active {
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none !important;
}
.btn-default {
	color: #333;
	border: solid 1px #dcdcdc;
	background-color: #e5e5e5;
}
.btn-primary {
	color: #fff;
	border: solid 1px #c54f00;
	background-color: #f60;
}
.btn-secondary {
	color: #fff;
	border: solid 1px #333;
	background-color: #666;
}
.btn-danger {
	color: #fff;
	border: solid 1px #c30;
	background-color: #d9534f;
}
.hidden-btn {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
}
.input-group {
	display: table;
	width: 100%;
}
.input-group > span {
	display: table-cell;
	width: 100%;
}
.input-group-btn {
	display: table-cell;
	white-space: nowrap;
}
/* ----トピック---- */
.block-top-topic--header {
}
.block-top-topic--items li {
	border-bottom: 1px solid #333333;
	padding-bottom: 13.5px;
	margin-bottom: 20.5px;
	position: relative;
}
.block-top-topic--items li a {
	display: block;
	text-decoration: none;
}
/*.block-top-topic--items li a:after {
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	height: 100%;
	top: 50%;
	font-size: 20px;
	line-height: 20px;
	margin-top: -10px;
	right: 10px;
}
*/
.block-top-topic--next-page {
	text-align: center;
}
.block-top-topic--next-page a {
	text-decoration: underline;
}
.block-topic-page--article-header {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #eee;
}
.block-topic-page--article-icon {
	vertical-align: middle;
}
.block-topic-page--article-body {
	margin: 10px;
}
.block-topic-page--article figure {
	padding: 10px 10px 0 0;
	font-size: 0;
}
.block-topic-page--article figure img {
	padding: 0 0 10px 10px;
}
.block-topic-details {
	margin: 10px;
}
.block-topic-details--header {
	margin: -10px -10px 0;
}
.block-topic-details--icon {
	vertical-align: middle;
}
.block-topic-details--items {
	margin: 0 -10px 0 -10px;
	border-top: 1px solid #eee;
}
.block-topic-details--items li {
	border-bottom: 1px solid #eee;
	padding: 10px 25px 10px 10px;
	position: relative;
}
.block-topic-details--items li a {
	display: block;
	text-decoration: none;
}
.block-topic-details--items li a:after {
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	height: 100%;
	top: 50%;
	font-size: 20px;
	line-height: 20px;
	margin-top: -10px;
	right: 10px;
}
/* ----最近見た商品---- */
.block-recent-item--header {
	padding: 10px;
}
/* ----検索サジェスト---- */
.block-search-suggest {
	position: absolute;
	display: block;
	z-index: 1000;
	text-align: left;
	padding: 5px;
	width: 290px;
	background-color: #fff;
	border: solid 1px #ccc;
}
.block-search-suggest--keyword {
	padding: 2px;
}
.block-search-suggest--keyword-entry {
	display: block;
	text-decoration: none;
}
.block-search-suggest--goods {
	min-height: 60px;
	padding: 2px;
	display: block;
	clear: both;
}
.block-search-suggest--goods-img {
	display: block;
	float: left;
	width: 60px;
	margin-right: 10px;
}
.block-search-suggest--goods-img img {
	width: 60px;
	height: 60px;
}
.block-search-suggest--goods-name,.block-search-suggest--goods-comment,.block-search-suggest--goods-price-items {
	width: 100%;
}
.block-search-suggest--keyword:hover,.block-search-suggest--goods:hover {
	background-color: #dedede;
	cursor: pointer;
}
/* ----パンくず---- */
.block-topic-path {
	padding: 10px 10px;
	font-size: 0;
	background-color: #f5f5f5;
	margin-top: 10px;
	margin-bottom: 10px;
}
.block-topic-path--list li {
	display: inline-block;
	font-size: 12px;
	padding-right: 5px;
}
.block-topic-path--list a {
	text-decoration: underline;
}
/* ----キーワード検索ブロック---- */
.block-search-box--form{
	width: 100%;
	display: flex;
	justify-content: center;
	background: #F5F5F5;
	padding-top: 12px;
}
input[type="text"].block-search-box--keyword {
	width: 261px;
	height: 35px;
	line-height: 35px;
	font-size: 11px;
	box-sizing: border-box;
	padding: 0 0 0 46px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border-top: 1px solid #CBCBCB;
	border-left: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	border-right: none;
	background: url(../../img/usr/common/icon_search.png) no-repeat;
	background-position: left 17px center;
	background-color: #fff;
}
@media screen and (max-width:374px){
	input[type="text"].block-search-box--keyword {
		width: calc(261 / 375 * 100vw);
	}
}
input[type="text"].block-search-box--keyword:active,input[type="text"].block-search-box--keyword:focus,input[type="text"].block-search-box--keyword:focus-visible,input[type="text"].block-search-box--keyword:focus-within{
	outline: none;
}
button.block-search-box--search-submit{
	background: #E8340C;
	color: #fff;
	text-align: center;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	font-size: 12px;
	width: 89px;
	height: 35px;
	line-height: 35px;
	padding: 0;
	display: inline-block;
	margin: 0;
}
@media screen and (max-width:374px){
	button.block-search-box--search-submit{
		width: calc(89 / 375 * 100vw);
		font-size: 3.2vw;
		/*12px*/
	}
}
.block-search-box--placeholder {
	position: absolute;
	top: 20px;
	left: 20px;
	color: #999;
	font-size: 14px;
	display: none;
}
.block-search-box--search-submit {
	margin-left: 10px;
	width: 65px;
	height: 38px;
	background: #666;
	color: #fff;
	font-size: 18px;
}
/* ----トップページ本文---- */
.block-top-keyword{
	width: 100%;
	background: #F5F5F5;
	padding-bottom: 12px;
}
.block-top-keyword--title{
	font-weight: bold;
	width: 100%;
	text-align: center;
	padding: 9px 0 8px;
	font-size: 13px;
}
@media screen and (max-width:374px){
	.block-top-keyword--title{
		font-size: 3.46666vw;
		/*13px*/
	}
}
.block-top-keyword--main{
	display: flex;
	width: 100%;
	overflow-x:scroll;
	white-space: nowrap;
}
.block-top-keyword--main::-webkit-scrollbar {
	/* Chrome, Safari 対応 */
	display:none;
}
.block-top-keyword--main a{
	padding: 0 15px;
	line-height: 26px;
	border: 1px solid #CBCBCB;
	text-align: center;
	margin-right: 5px;
	border-radius: 80px;
	font-size: 12px;
	background: #fff;
}
@media screen and (max-width: 374px){
	.block-top-keyword--main a{
		font-size: 3.2vw;
		/*12px*/
	}
}
.block-top-body--important-notice{
	padding: 11px 0 12px;
}
#top-notice-slider{
	max-width: calc(300 / 375 * 100vw);
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding: 0 21px;
	box-sizing: border-box;
	height: 21px;
	overflow: hidden;
}
.top-notice-slider--prev-btn,.top-notice-slider--next-btn{
	width: 11px;
	height: 15px;
	position: absolute;
	top: 3px;
	display: block;
	cursor: pointer;
}
.top-notice-slider--prev-btn{
	background: url(../../img/usr/common/arrow_prev.png) no-repeat;
	left: 0;
}
.top-notice-slider--next-btn{
	background: url(../../img/usr/common/arrow_next.png) no-repeat;
	right: 0;
}
#top-notice-slider li a{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.block-top-body--items img {
	width: 100%;
}
.block-top-body {
	margin: 0;
}
.block-top-body--mv {
	width: 100%;
}
.block-top-body--mv-items {
}
.block-top-body--mv-items li.slick-slide{
	width: 100vw;
}
.block-top-body--mv-items .slick-dots{
	display: flex;
	justify-content: center;
	padding: 15.1px 0 0;
}
.block-top-body--mv-items .slick-dots button{
	margin: 0 10px;
	padding: 0;
	width: 10px !important;
	height: 10px;
	border-radius: 50%;
	outline: none;
	-webkit-appearance:none;
	background: #D8D8D8;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
.block-top-body--mv-items .slick-dots .slick-active button{
	background: #E8340C;
}
.top-mv-slider--prev-btn,.top-mv-slider--next-btn{
	width: 11px;
	height: 15px;
	position: absolute;
	bottom: 8px;
	display: block;
	cursor: pointer;
}
.top-mv-slider--prev-btn{
	background: url(../../img/usr/common/arrow_prev.png) no-repeat;
	left: 23px;
}
.top-mv-slider--next-btn{
	background: url(../../img/usr/common/arrow_next.png) no-repeat;
	right: 23px;
}
/* ----トップページ：イベント--- */
.block-top-event--item:nth-child(6n+1){
	background-image: url(../../img/usr/sb/top/bg_line_yellow_bottom.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: 100% auto;
	padding: 0 0 calc(75 / 375 * 100vw);
}
.block-top-event--item:nth-child(6n+7){
	background-image: url(../../img/usr/sb/top/bg_line_yellow_top.png),url(../../img/usr/sb/top/bg_line_yellow_bottom.png);
	background-repeat: repeat-x;
	background-position: center top,center bottom;
	background-size: 100% auto;
	padding: calc(75 / 375 * 100vw) 0;
}
.block-top-event--item:nth-child(6n+1) > .inner{
	background-color: #FFE569;
	padding-top: 22.8px;
}
.block-top-event--item:nth-child(6n+3){
	background-image: url(../../img/usr/sb/top/bg_line_green_top.png),url(../../img/usr/sb/top/bg_line_green_bottom.png);
	background-repeat: repeat-x;
	background-position: center top, center bottom;
	background-size: 100% auto;
	padding: calc(58 / 375 * 100vw) 0 calc(56 / 375 * 100vw);
}
.block-top-event--item:nth-child(6n+3) > .inner{
	background-color: #C4E658;
	padding-bottom: 30px;
}
.block-top-event--item:nth-child(6n+5){
	background-image: url(../../img/usr/sb/top/bg_line_blue_top.png),url(../../img/usr/sb/top/bg_line_blue_bottom.png);
	background-repeat: repeat-x;
	background-position: center top, center bottom;
	background-size: 100% auto;
	padding: calc(50 / 375 * 100vw) 0;
}
.block-top-event--item:nth-child(6n+5) > .inner{
	background-color: #B0D4F9;
	padding-bottom: 30px;
}
.block-top-event--event-fair .block-top-event--item-body{
	margin: 25.1px auto 0;
	width: calc(345 / 375 * 100vw);
	max-width: 345px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.block-top-event--event-fair h2.block-top-event--image{
	width: calc(165 / 375 * 100vw);
	max-width: 165px;
	height: calc(165 / 375 * 100vw);
	max-height: 165px;
	margin: 0 0 15px;
	padding: 0;
}
.block-top-event--item-footer{
	text-align: center;
}
/* ----トップページ予備テンプレート1---- */
.block-free-1{
	background-image: url(../../img/usr/sb/top/bg_line_red_top.png),url(../../img/usr/sb/top/bg_line_red_bottom.png);
	background-repeat: repeat-x;
	background-position: center top, center bottom;
	background-size: 100% auto;
	padding: calc(30 / 375 * 100vw) 0 calc(50 / 375 * 100vw);
}
.block-free-1 > .inner{
	background-color: #FF7456;
	padding: 20px 0 22px;
}
.block-top-about--body{
	width: calc(330 / 375 * 100vw);
	max-width: 330px;
	margin: 29.5px auto 30px;
}
.block-top-about--body dl{
	width: 100%;
	margin-bottom: 35.4px;
}
.block-top-about--body dl dt{
	text-align: center;
	position: relative;
	margin-bottom: 10px;
}
.block-top-about--body dl dt:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	display: block;
}
.block-top-about--body dl dt span{
	background: #fff;
	font-size: 15px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 80px;
	display: inline-block;
	padding: 0 32px;
	position: relative;
	z-index: 10;
}
@media screen and (max-width:374px){
	.block-top-about--body dl dt span{
		font-size: 4vw;
		/*15px*/
	}
}
.block-top-about--body dl dd{
	margin-top: 15.1px;
}
.block-top-about--body dl dd p{
	font-size: 12px;
	line-height: 24px;
}
@media screen and (max-width:374px){
	.block-top-about--body dl dd p{
		font-size: 3.2vw;
		/*12px*/
		line-height:6.4vw;
		/*24px*/
	}
}
.block-top-about--body dl dd a{
	margin-top: 20px;
	display: block;
	margin-top: 15.1px;
}
.block-top-shop-ticket{
	margin-top: 42.5px;
}
.block-top-shop-ticket--body{
	text-align: center;
}
.block-top-shop-ticket--body p{
	margin: 23.9px 0 20px;
	text-align: center;
}
.block-top-shop-ticket--body a{
	width:calc(335 / 375 * 100vw);
	max-width: 335px;
	height: 45px;
	line-height: 45px;
	border-radius: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: #FCD003;
	display: inline-block;
	box-shadow: 0 4px 0 #585858;
}
.block-top-shop-ticket--body a:before{
	content: "";
	width: 17px;
	height: 23px;
	display: inline-block;
	background: url(../../img/usr/sb/top/icon_ticket.png) no-repeat;
	background-size: 17px 23px;
	margin-right: 14px;
	position: relative;
	top: 6px;
}
@media screen and (max-width:374px){
	.block-top-shop-ticket--body a{
		font-size: 3.73333vw;
		/*14px*/
	}
	.block-top-shop-ticket--body a:before{
		margin-right: 3.73333vw;
		/*14px*/
	}
}
.block-top-shop-ticket--body a:hover{
	text-decoration: none;
}
/* ----トピック--- */
.block-top-topic{
	margin-bottom: 8vw;
	/*30px*/
}
.block-top-topic--items{
	width: calc(348.5 / 375 * 100vw);
	max-width: 348.5px;
	margin: 25px auto 30px;
	display: block;
}
@media screen and (max-width:374px){
	.block-top-topic--items{
		margin: 6.66666vw auto 8vw;
	}
}
.block-top-topic--items dl{
	font-size: 13.5px;
}
.block-top-topic--items dt{
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 9.3px;
}
.block-top-topic--items dt img {
	height: 20px;
	margin-left: 7.3px;
}
.block-top-topic--items dd {
	font-size: 12px;
	line-height: 25px;
}
@media screen and (max-width:374px){
	.block-top-topic--items dt{
		font-size: 3.73333vw;
		/*14px*/
	}
	.block-top-topic--items dd {
		font-size: 3.2vw;
		/*12px*/
	}
}
/* ----トップページ予備テンプレート2---- */
.block-free-2--items img {
	width: 100%;
}
.block-free-2--sub-items {
	overflow: hidden;
}
.block-free-2--sub-items li {
	float: left;
	width: 33.33%;
	height: 33.33%;
}