@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
#contents { margin-top: 50px; }
#contents .common__ttl { margin-bottom: 25px; font-family: "A1 Mincho"; color: #666666; font-size: 18px; text-align: center; }
#contents .btn a, #contents .btn button { height: 55px; border-radius: 0px; border: solid 1px #5DC7B7; background: #5DC7B7; color: #fff; }
#contents .pagettl { margin-bottom: 50px; }
#contents .pagettl .pagettl__img { max-width: 270px; width: 60%; margin: auto; margin-bottom: 60px; }
#contents .slide .slide__main { margin-bottom: 15px; }
#contents .slide .slide__main .slick-slide { margin-left: 0px; margin-right: 0px; position: relative; overflow: hidden; background: #f5f5f5; }
#contents .slide .slide__main .slick-slide img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; max-height: none; }
#contents .slide .slide__main .slick-slide::before { content: ''; display: block; padding-top: 100%; }
#contents .slide .slide__main .slick-arrow { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 1; cursor: pointer; }
#contents .slide .slide__main .slick-arrow i { color: #fff; margin: 0; display: none; }
#contents .slide .slide__main .slick-arrow.prev { content: ""; width: 30px; height: 30px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 0; bottom: 0; margin: auto; left: 5px; transform: rotate(-135deg); }
#contents .slide .slide__main .slick-arrow.next { content: ""; width: 30px; height: 30px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 0; bottom: 0; margin: auto; right: 5px; transform: rotate(45deg); }
#contents .slide .slide__main .slick-arrow:hover { opacity: 0.8; }
#contents .slide .slide__thumb { margin-bottom: 20px; }
#contents .slide .slide__thumb .slick-track { width: 100%; }
#contents .slide .slide__thumb .slick-current { position: relative; }
#contents .slide .slide__thumb .slick-current:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.9); opacity: 0.6; display: block; }
#contents .slide .slide__thumb .slick-slide { overflow: hidden; display: block; box-sizing: border-box; position: relative; margin: 0 5px 10px 0; transition: .3s; cursor: pointer; }
#contents .slide .slide__thumb .slick-slide:hover { opacity: 0.4; }
#contents .slide .slide__thumb .slick-slide:nth-child(5n) { margin-right: 0; }
#contents .detail { margin-bottom: 80px; font-family: "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
#contents .detail .detail__cont { color: #666666; }
#contents .detail .detail__cont .detail__cont-cate { display: inline-block; margin-bottom: 5px; padding: 0 12px; border: 1px solid #DADADA; font-size: 13px; font-family: "Yu Gothic Pr6N B", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
#contents .detail .detail__cont .detail__cont-ttl { margin-bottom: 8px; border-bottom: 1px solid #DADADA; font-size: 18px; font-family: "Yu Gothic Pr6N B", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
#contents .detail .detail__cont .detail__cont-txt { font-size: 14px; }
#contents .detail .btn a:hover, #contents .detail .btn button:hover { background-color: #fff; color: #5DC7B7; }
#contents .menu { margin-bottom: 50px; font-family: "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
#contents .menu .menu__bg { padding: 30px 0; background: #F5F5F5; }
#contents .menu .menu__wrap { padding: 0 10%; }
#contents .menu .menu__wrap .btn a, #contents .menu .menu__wrap .btn button { display: block; width: 300px; margin: 40px auto 0; font-size: 14px; }
#contents .menu .menu__wrap .btn a:hover, #contents .menu .menu__wrap .btn button:hover { background: #fff; color: #5DC7B7; }
#contents .menu .menu__select { margin-bottom: 10px; }
#contents .menu .menu__ttl { margin-bottom: 5px; color: #666666; font-size: 14px; }
#contents .menu .menu__select-btn { position: relative; }
#contents .menu .menu__select-btn:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; right: 8%; top: 50%; border-bottom: 1px solid #666666; border-right: 1px solid #666666; transform: rotate(45deg) translate(-50%, -50%); }
#contents .menu select::-ms-expand { display: none; }
#contents .shop { margin-bottom: 20px; font-family: "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
#contents .shop .shop__list .shop__list-box { margin-bottom: 30px; }
#contents .shop .shop__list .shop__list-box.no-data { flex: 0 1 100%; width: 100%; max-width: 100%; margin-right: 0; text-align: center; font-size: 15px; }
#contents .shop .shop__list .shop__list-img { margin-bottom: 8px; position: relative; z-index: 1; overflow: hidden; background: #F5F5F5; }
#contents .shop .shop__list .shop__list-img img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; height: 100%; }
#contents .shop .shop__list .shop__list-img::before { content: ''; display: block; padding-top: 100%; }
#contents .shop .shop__list .shop__list-img:after { content: 'NO IMAGE'; display: block; position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; text-align: center; }
#contents .shop .shop__list .shop__list-img .label { position: absolute; z-index: 2; left: 2px; bottom: 2px; display: inline-block; box-sizing: border-box; line-height: 1; padding: 3px 10px; background: #F5F5F5; font-size: 11px; color: #666666; }
#contents .shop .shop__list .shop__list-img .label.sale { font-weight: bold; color: #fff; background: #5DC7B7; }
#contents .shop .shop__list .shop__list-img .label.wait { color: #B94941; background: #fff; border: 1px solid #B94941; }
#contents .shop .shop__list .shop__list-cate { display: inline-block; margin-bottom: 5px; padding: 2px 10px; background: #F5F5F5; font-size: 12px; color: #666666; }
#contents .shop .shop__list .shop__list-ttl { color: #666666; font-size: 15px; font-family: "Yu Gothic Pr6N B", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
#contents .set { font-family: "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
#contents .set .inner { margin-bottom: 50px; }
#contents .set .set__ttl { padding: 10px 0; color: #666666; font-size: 15px; background: #EAE6CD; font-family: "A1 Mincho"; text-align: center; line-height: 1.4; }
#contents .set .set__ttl .set__ttl-attn { font-size: 12px; }
#contents .set .set__wrap { margin-bottom: 10px; padding: 25px 6% 40px; background: #FAF8F0; }
#contents .set .set__list .set__list-ttl { margin-bottom: 20px; color: #666666; font-size: 15px; font-family: "Yu Gothic Pr6N B", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
#contents .set .set__list .set__cont { margin-bottom: 20px; }
#contents .set .set__list .set__cont-ttl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; }
#contents .set .set__list .set__cont-ttl .set__cont-num { flex: 0 1 auto; width: auto; max-width: auto; margin-right: 15px; font-size: 13px; line-height: 1.5; }
#contents .set .set__list .set__cont-ttl .set__cont-main { flex: 0 1 auto; width: auto; max-width: auto; font-size: 16px; font-family: "A1 Mincho"; line-height: 1.2; }
#contents .set .set__list .set__cont-ttl.or { color: #E88C3C; }
#contents .set .set__list .set__cont-ttl.or .set__cont-num { border-bottom: 1px solid #E88C3C; }
#contents .set .set__list .set__cont-ttl.red { color: #B94941; }
#contents .set .set__list .set__cont-ttl.red .set__cont-num { border-bottom: 1px solid #B94941; }
#contents .set .set__list .set__cont-ttl.green { color: #98BC9C; }
#contents .set .set__list .set__cont-ttl.green .set__cont-num { border-bottom: 1px solid #98BC9C; }
#contents .set .set__list .set__cont-ttl.azuki { color: #764B41; }
#contents .set .set__list .set__cont-ttl.azuki .set__cont-num { border-bottom: 1px solid #764B41; }
#contents .set .set__list .set__cont-ttl.kome { color: #537EAF; }
#contents .set .set__list .set__cont-ttl.kome .set__cont-num { border-bottom: 1px solid #537EAF; }
#contents .set .set__list .set__cont-ttl.addset { color: #D89CBC; }
#contents .set .set__list .set__cont-ttl.addset .set__cont-num { border-bottom: 1px solid #D89CBC; }
#contents .set .set__list .set__cont-txt { color: #666666; line-height: 1.6; }
#contents .set .set__list .set__cont-txt span { font-size: 12px; }
#contents .set .set__cap { font-size: 12px; color: #666666; }
#contents .set .add_set__list { margin: 0 -5px 20px; padding: 15px; background: #fff; }
#contents .set .add_set__list .set__cont:last-child { margin-bottom: 0; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #contents { display: block; margin-top: 70px; }
  #contents .common__ttl { margin-bottom: 30px; font-size: 30px; }
  #contents .pagettl .pagettl__sub { font-size: 30px; }
  #contents .menu { margin-bottom: 80px; }
  #contents .menu .menu__bg { padding: 20px 0; }
  #contents .menu .menu__ttl { margin-bottom: 20px; font-size: 20px; text-align: center; font-family: "Yu Gothic Pr6N B", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
  #contents .menu .menu__select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  #contents .menu .menu__select .menu__select-btn { flex: 0 1 35%; width: 35%; max-width: 35%; }
  #contents .menu .menu__select .btn { flex: 0 1 35%; width: 35%; max-width: 35%; }
  #contents .menu .menu__select .btn a, #contents .menu .menu__select .btn button { width: 200px; margin-top: 0; }
  #contents .detail { margin-bottom: 70px; }
  #contents .detail .detail__cont .detail__cont-ttl { font-size: 25px; }
  #contents .detail .detail__cont .detail__cont-txt { font-size: 15px; }
  #contents .detail .detail__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  #contents .detail .detail__wrap .slide { flex: 0 1 45%; width: 45%; max-width: 45%; }
  #contents .detail .detail__wrap .detail__cont { flex: 0 1 49%; width: 49%; max-width: 49%; }
  #contents .shop { margin-bottom: 60px; /*
.shop__list-box{
	@include flex_box(21.5%);
	margin-right: calc((100% - (21.5% * 4)) / 3);
	&:nth-child(4n){
		margin-right: 0;
	}
}
*/ }
  #contents .shop .shop__list { justify-content: flex-start; }
  #contents .shop .shop__list-box { flex: 0 1 calc((100% - 150px) * 0.25); width: calc((100% - 150px) * 0.25); max-width: calc((100% - 150px) * 0.25); margin-right: 40px; }
  #contents .shop .shop__list-box:nth-child(4n) { margin-right: 0; }
  #contents .set .inner { margin-bottom: 80px; }
  #contents .set .set__ttl { padding: 15px 0; font-size: 18px; }
  #contents .set .set__ttl .set__ttl-attn { margin-left: 10px; font-size: 13px; }
  #contents .set .set__cont .set__cont-txt { font-size: 15px; }
  #contents .set .set__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px 6%; }
  #contents .set .set__wrap .set__list { flex: 0 1 40%; width: 40%; max-width: 40%; }
  #contents .set .set__wrap .set__list .set__cont-ttl .set__cont-num { font-size: 15px; }
  #contents .set .set__wrap .set__list .set__cont-ttl .set__cont-main { font-size: 18px; }
  #contents .set .set__wrap .set__img { flex: 0 1 53%; width: 53%; max-width: 53%; }
  #contents .set .set__cap { font-size: 13px; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { /* .temp{ 	#contents{ 		.set{ 			.set__cont{ 				.set__cont-ttl{ 				   @include flex_box(36%);  				} 				.set__cont-txt{ 					@include flex_box(64%);  				} 			} 			.set__wrap{ 				.set__img{ 					.caption{ 						font-size: 12px; 						color: #666666; 					} 					.set__img-b{ 						margin-top: 20px; 					} 				} 			} 		} 	} } */
  #contents .shop .inner { padding: 0; }
  #contents .shop .shop__list a img { transition: .5s all; }
  #contents .shop .shop__list a:hover img { transform: translate(-50%, -50%) scale(1.1); }
  #contents .shop .shop__list .shop__list-box { flex: 0 1 calc((100% - 150px) * 0.2); width: calc((100% - 150px) * 0.2); max-width: calc((100% - 150px) * 0.2); margin-right: calc(150px / 4); }
  #contents .shop .shop__list .shop__list-box:nth-child(4n) { margin-right: calc(150px / 4); }
  #contents .shop .shop__list .shop__list-box:nth-child(5n) { margin-right: 0; }
  #contents .menu .menu_select .btn a, #contents .menu .menu_select .btn button { width: 220px; }
  #contents .set .inner { padding: 0; }
  #contents .set .set__wrap .set__list { flex: 0 1 60%; width: 60%; max-width: 60%; }
  #contents .set .set__wrap .set__img { flex: 0 1 33%; width: 33%; max-width: 33%; }
  #contents .set .set__wrap .set__img .caption { font-size: 12px; color: #666666; }
  #contents .set .set__wrap .set__img .set__img-b { margin-top: 20px; }
  #contents .set .set__cont { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  #contents .set .set__cont .set__cont-ttl { flex: 0 1 36%; width: 36%; max-width: 36%; }
  #contents .set .set__cont .set__cont-txt { flex: 0 1 64%; width: 64%; max-width: 64%; }
  #contents .set .add_set__list { margin: 0 -20px; padding: 20px; } }
@media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) { #contents { /* IE向けのCSS～START */ /* IE向けのCSS～END */ }
  #contents .selector { property: value; }
  #contents .detail .detail__cont .detail__cont-cate { margin-bottom: 20px; padding: 8px 12px 0px; } }

/*# sourceMappingURL=style.css.map */
