@charset "UTF-8";

/* ▼▼▼ トップ
======================================================*/
header::after {
	display: none;
	}
#main {
	max-width: 100%;
	padding: 0;
	}
/* ▼ スライダー
----------------------------------------*/
#mainVisual {
	width: 100%;
	margin: 0 auto 20px;
	position: relative;
	overflow: hidden;
	}
/* dotsカスタム */
#mainVisual .slick-dots{
	bottom: -35px!important;
	}
	#mainVisual .slick-dots li button {
		border: 0;
		background: transparent;
		display: block;
		height: 10px;
		width: 10px;
		outline: none;
		line-height: 0px;
		font-size: 0px;
		color: transparent;
		padding: 10px;
		cursor: pointer;
		position: relative;
		}
		#mainVisual .slick-dots li button:before {
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			font-size: 0!important;
			opacity: 1!important;
			background: #C7C7C7;
			border-radius: 50%;
			width: 10px!important;
			height: 10px!important;
			line-height: 10px!important;
			text-align: center;
			-webkit-font-smoothing: antialiased;
			}
	#mainVisual .slick-dots li.slick-active button:before{
		content: "";
		background:#D7121C;
		}
		.slick-slide {
            max-width: 1000px;
            height: auto!important;
			}
			.slick-slider {
				margin-bottom: 20px;
				}
/* サムネイル */
.thumbnail {
	max-width: 900px;
	margin: 0 auto;
	}
	.thumbnail li{
		margin: 5px;
		}
/* arrowsカスタム */
#mainVisual .slick-prev,
#mainVisual .slick-next{
	width: 36px;
	height: 41px;
	top: 50%;
	}
	#mainVisual  .slick-prev{
		left: -50px!important;
		}
		#mainVisual  .slick-next{
			right: -50px!important;
			}
	#mainVisual .slick-next:before{
		content:"";
		display: block;
		width: 36px;
    height: 41px;
		background: url(../img/top/next.png)no-repeat top center!important;
		background-size: cover;
		}
	#mainVisual .slick-prev:before{
		content:"";
		display: block;
		width: 36px;
    height: 41px;
		background: url(../img/top/prev.png)no-repeat top center!important;
		background-size: cover;
		}
	#mainVisual .slick-prev:before, .slick-next:before{
		opacity: 1;
		}
		#mainVisual .slick-slide {
		  transition: .3s ease;
			}
			#mainVisual .slick-slide:not(.slick-current) {
				position: relative;
				}
				#mainVisual .slick-slide:not(.slick-current)::after{
		  		display: block;
					content: "";
					width: 100%;
					height: 100%;
					opacity: .7;
					position: absolute;
					top: 0;
					right: 0;
					}


/*-- お知らせ --*/
#caution{
	margin-bottom: 20px;
	}
	#caution{
		background: #1D2087;
		border: 6px solid #1D2087;
		border-top: none;
		overflow: hidden;
		}
		#caution p{
			padding: 9px;
			color: #fff;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			}
			#caution p:first-child:before{
				content: "";
				display: inline-block;
				width: 25px;
				height: 25px;
				background: url(../img/top/caution_icon.svg) no-repeat;
				background-size: contain;
				vertical-align: middle;
				margin-right: 20px;
				}
				#caution .news{
					background: #fff;
					padding: 15px;
					font-size: 24px;
					}
					#caution .news a{
						color: #FF3842;
						text-decoration: underline;
						}
/*-- 営業時間 --*/
#info {
	background: #F4F4E7;
	padding: 30px;
	margin-bottom: 30px;
	}
	#info ul{
		width: 50%;
    margin: 0 auto;
		overflow: hidden;
		}
		#info ul li{
			float: left;
			margin: 0 5px 0 0;
			width: 49%;
			}
			#info ul li:nth-child(even){
				margin-right: 0;
				}
			#info ul li a{
				display: table-cell;
				vertical-align: middle;
				width: 45vw;
				max-width: 220px;
				height: 60px;
				background: #414141;
				border-radius: 5px;
				color: #fff;
				font-size: 18px;
				font-weight: bold;
				text-align: center;
				line-height: 1;
				}
				#info ul li a::after{
					display: inline-block;
					content: "";
					background: url(../img/arrow_circle_w.svg) no-repeat center/100%;
					width: 17px;
					height: 17px;
					margin-left: 20px;
					vertical-align: top;
					}

/*-- イベント --*/
#event {
	position: relative;
	}
	#event::before {
		display: block;
		content: "";
		width: 100%;
		height: 7px;
		background: url(../img/border01.png) repeat-x top center;
		background-size: contain;
		}
		#event .container{
			padding: 60px 0 70px;
			}
			#event .container::before{
				display: block;
				content: "";
				width: 1060px;
				height: 256px;
				background: url(../img/top/event_title_bg_pc.png) no-repeat top center;
				background-size: cover;
				position: absolute;
				top:-115px;
				}
ul.list{
	position: relative;
	}
	ul.list::after{
		display: block;
		content: "";
		clear: both;
		}
	ul.list li{
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 40px;
		position: relative;
		}
		ul.list li:nth-child(3n),
		ul.list li:last-child{
			margin-right: 0px;
			}
			ul.list li.new::after,ul.list li.end::after{
				display: block;
				content: "NEW";
				width: 61px;
				height: 61px;
				background: #FFD726;
				border-radius: 50%;
				text-align: center;
				line-height: 60px;
				position: absolute;
				top:-30px;
				left: -20px;
				}
				ul.list li.end::after{
					content: "終了";
					background: #747171;
					color: #fff;
					}
				ul.list li p{
					margin-bottom: 10px;
					}
					ul.list .photo {
						display: block;
						width: 310px;
						height: 227px;
						}
						ul.list li p.shop_name {
							margin-bottom: 10px;
							font-size: 20px;
							font-weight: bold;
							}
					ul.list li h3{
						margin-bottom: 3px;
						font-weight: bold;
						}
						ul.list li h3 + p{
							margin-bottom: 3px;
							}
							ul.list li p:last-child{
								margin-bottom: 0;
								color: #8D8D8D;
								font-size: 14px;
								}
/*-- ショップニュース --*/
#shop_news {
	background: #FEEEED;
	position: relative;
	}
	#shop_news::before {
		display: block;
		content: "";
		width: 100%;
		height: 14px;
		background: url(../img/border02.png) repeat-x top center;
		background-size: contain;
		}
		#shop_news .container{
			padding: 40px 0 80px;
			text-align: center;
			}
			#shop_news .container::before{
				display: block;
				content: "";
				width: 900px;
				height: 305px;
				background: url(../img/top/shop_title_bg_pc.png) no-repeat top center;
				background-size: cover;
				position: absolute;
				top:-55px;
				left: 2em;
				}
#shop_news ul.item_tab {
	display: inline-block;
	margin: 0 auto 40px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	}
	#shop_news ul.item_tab li {
		float: left;
		text-align: center;
		}
		#shop_news ul.item_tab li:not(:last-child){
			margin-right: 8px;
			}
			#shop_news ul.item_tab li{
				background: #fff;
				border: 1px solid #F06E3E;
				border-radius: 25px;
				display: block;
				padding: 0 20px;
				height: 35px;
				line-height: 35px;
				cursor: pointer;
				}
				#shop_news ul.item_tab li.active,#shop_news ul.item_tab li:hover{
					opacity: 1!important;
					background: #F06E3E;
					border: 1px solid #F06E3E;
					color: #fff!important;
					}
					#shop_news ul.item_tab li:nth-child(2){;border: 1px solid #EA6495;}
					#shop_news ul.item_tab li:nth-child(3){;border: 1px solid #D7121C;}
					#shop_news ul.item_tab li:nth-child(4){;border: 1px solid #8DCE4B;}
					#shop_news ul.item_tab li:nth-child(5){;border: 1px solid #5099A8;}

					#shop_news ul.item_tab li:nth-child(2).active,#shop_news ul.item_tab li:nth-child(2):hover{background: #EA6495;}
					#shop_news ul.item_tab li:nth-child(3).active,#shop_news ul.item_tab li:nth-child(3):hover{background: #D7121C;}
					#shop_news ul.item_tab li:nth-child(4).active,#shop_news ul.item_tab li:nth-child(4):hover{background: #8DCE4B;}
					#shop_news ul.item_tab li:nth-child(5).active,#shop_news ul.item_tab li:nth-child(5):hover{background: #5099A8;}
#shop_news ul.list {
	margin-bottom: 0;
	}
	#shop_news ul.list li span.tab {
		display: block;
		width: 90px;
		background: #FF8806;
		margin-bottom: 7px;
		padding-top: 1px;
		color: #fff;
		font-size: 11.5px;
		text-align: center;
		font-weight: normal;
		}
		#shop_news ul.list li span.tab02 {
			background: #FF4B6D
			}
			#shop_news ul.list .photo {
				width: 310px;
				height: 310px;
                background: #fff;
				}
/*-- スライダー --*/
#slider02 {
	position: relative;
	}
	#slider02::before {
		display: block;
		content: "";
		width: 100%;
		height: 8px;
		background: #E6CCCA;
		background-size: contain;
		}
/*-- 特集 --*/
#special {
	background: #F06E3E url(../img/top/spacial_bg.png);
	background-size: 70%;
	}
	#special .container{
		padding: 50px 0 75px;
		}
		#special .container::before{
			display: block;
			content: "";
			width: 580px;
			height: 195px;
			background: url(../img/top/special_title_bg_pc.png) no-repeat top center;
			background-size: cover;
			position: absolute;
			top: 20px;
			left: 11.5em;
			}
	#special h2,#special span{
		color: #fff;
		}
		#special h2{
			color: #fff;
			}
			#special p{
				text-align: center;
				z-index: 9;
				position: relative;
				}
/*-- 新着情報 --*/
#topics {
	position: relative;
	}
	#topics::before {
		display: block;
		content: "";
		width: 100%;
		height: 7px;
		background: url(../img/border01.png) repeat-x top center;
		background-size: contain;
		}
		#topics .container{
			padding: 45px 0;
			}
			#topics ul {
				margin-bottom: 40px;
				}
				#topics ul .news_list {
					border-top: 2px dotted #DB2E37;
					position: relative;
					}
					#topics ul .news_list:last-child {
						border-bottom: 2px dotted #DB2E37;
						}
						#topics ul .news_list::after {
							display: block;
							content: "";
							width: 13px;
							height: 13px;
							background: url(../img/arrow_circle_r.svg) no-repeat top center;
							background-size: contain;
							position: absolute;
							top: 40%;
							right: 30px;
							}
							#topics ul .news_list a {
								display: block;
								padding: 18px 25px;
								}
								#topics ul .news_list .date {
									float: left;
									width: 12%;
									color: #7E7E7E;
									}
/*-- フッター バナ ー--*/
#foot_bnr {
	max-width: 800px;
	margin: 70px auto 200px;
	overflow: hidden;
	}
	#foot_bnr li {
		float: left;
		width: 32.33333%;
		margin: 0 10px 10px 0;
		}
		#foot_bnr li:nth-child(3n) {
			margin-right: 0px;
			}
			#foot_bnr li img {
				display: block;
				}

	/* ▼▼▼ 480px〜768px
======================================================*/
@media screen and (max-width: 768px) {
#main {
	padding: 0;
	}


/* ▼ スライダー
----------------------------------------*/
#mainVisual .slider.slick-initialized .slick-slide{
	border: 3px solid #aaa;
	}
	#mainVisual .slick-slide:not(.slick-current)::after{
		content: none;
		}
/* サムネイル */
.thumbnail {
	max-width: 80%;
	}
	.thumbnail li{
		margin: 0 3px;
		}
#mainVisual .slick-prev,
#mainVisual .slick-next{
	width: 25px;
	height: 40px;
	}
	#mainVisual  .slick-prev{
		left: -30px!important;
		}
		#mainVisual  .slick-next{
			right: -30px!important;
			}
	#mainVisual .slick-next:before,
	#mainVisual .slick-prev:before{
		width: 25px;
    height: 40px;
		}
			#mainVisual .slick-slide:not(.slick-current) {
				position: relative;
				}
				#mainVisual .slick-slide:not(.slick-current)::after{
					display: block;
					content: "";
					width: 100%;
					height: 100%;
					/* background: #333; */
					opacity: .7;
					position: absolute;
					top: 0;
					right: 0;
					}
/* 20190801うんこドリルのみ */
#mainVisual .slick-track .unko img {
	max-height: 169.5px!important;
	}
	#mainVisual .thumbnail .unko img {
		max-height: 44px!important;
		}

/*-- お知らせ --*/
#caution{
	margin-bottom: 25px;
	}
/*-- 営業時間 --*/
#info {
	background: #fff;
	padding: 0 20px;
	margin-bottom: 40px;
	}
	#info ul{
		width: 100%;
		}
		#info ul li{
			float: left;
			margin: 0 5px 5px 0;
			}
			#info ul li a{
				max-width: 500px;
				height: 45px;
				font-size: 13px;
				}
				#info ul li a::after{
					background: url(../img/arrow_circle_w.svg) no-repeat center/100%;
					width: 14px;
					height: 14px;
					margin-left: 10px;
					}
/*-- イベント --*/
#event .container{
	padding: 25px 0 40px;
	}
	#event .container::before{
		width: 310px;
		height: 125px;
		background: url(../img/top/event_title_bg_sp.png) no-repeat top center;
		background-size: cover;
		top: 13px;
		left: 50%;
		transform: translate(-50%,-50%);
		}
		ul.list {
			float: none;
			width: 90%;
			margin: 0 auto;
			}
			ul.list li{
				float: left;
				width: 48%;
				margin-right: 4%;
				}
				ul.list li:nth-child(3),
				ul.list li:last-child,
				ul.list li:nth-child(3n) {margin-right: 4%!important;}
				ul.list li:last-child,
				ul.list li:nth-child(even) {
					margin-right: 0!important;
					}
					ul.list li:nth-child(5) {
					margin-bottom: 0;
					}
			ul.list li.new::after,ul.list li.end::after{
				width: 45px;
				height: 45px;
				font-size: 12px;
				line-height: 45px;
				top:-25px;
				left: -12px;
				}
				ul.list li p{
					margin-bottom: 12px;
					}
					ul.list .photo {
						display: block;
						width: 100%;
						height: 66vw;
						}
						ul.list li h3{
							font-size: 16px;
							line-height: 1.3;
							}
							ul.list li:nth-child(3), ul.list li:last-child {
								margin: 0 auto 20px;
								}
								 ul.list li:last-child {
									margin: 0 auto 40px;
									}
									#event ul.list .photo {
										height: 33vw;
										}
										#event ul.list li p:last-child {
											max-height: 65px;
											overflow: hidden;
											position:relative;
											}
											#event ul.list li p:last-child::after {
												display: block;
												content: "...";
												width: 15px;
												background: #fff;
												position: absolute;
												bottom: 0;
												right: 7px;
												}

/*-- ショップニュース --*/
#shop_news .container{
	padding: 25px 0 40px;
	}
	#shop_news .container::before{
		width: 336px;
		height: 165px;
		background: url(../img/top/shop_title_bg_sp.png) no-repeat top center;
		background-size: cover;
		position: absolute;
		left: 48%;
		transform: translate(-50%,0%);
		}
		#shop_news h2.title {
			margin-bottom: 40px;
			}
#shop_news ul.item_tab {
	width: 90%;
	margin: 0 auto 25px;
	}
	#shop_news ul.item_tab li:not(:last-child){
		margin-right: 8px;
		margin-bottom: 8px;
		}
		#shop_news ul.item_tab li:nth-child(4) {
			margin-bottom: 0!important;
			}
			ul.list li p.shop_name {
				font-size: 16px;
				}
			#shop_news ul.list li h3 {
				font-size: 14px;
				}
				#shop_news ul.list li h3 + p {
					font-size: 12px;
					}
			#shop_news ul.item_tab li{
				padding: 0 15px;
				height: 33px;
				line-height: 33px;
				}
				#shop_news ul.list li:nth-child(9) {display: none;}
	#shop_news ul.list li span.tab {
		display: block;
		width: 90px;
		margin-bottom: 7px;
		padding-top: 1px;
		color: #fff;
		font-size: 11.5px;
		text-align: center;
		font-weight: normal;
		}
		#shop_news ul.list .photo {
			width: 42vw;
			height: 42vw;
			}
/*-- スライダー --*/
#slider02::before {
	height: 5px;
	}

/*-- 特集 --*/
#special {
	background: #F06E3E url(../img/top/spacial_bg.png);
	background-size: 110%;
	padding: 0 20px;
	}
	#special .container{
		padding: 25px 0 50px;
		}
		#special .container::before{
			width: 330px;
			height: 126px;
			background: url(../img/top/special_title_bg_sp.png) no-repeat top center;
			background-size: cover;
			left: 50%;
			transform: translate(-50%,-50%);
			}

/*-- 新着情報 --*/
#topics::before {
	height: 5px;
	}
	#topics .container{
		padding: 30px 0 65px;
		}
		#topics ul {
			margin-bottom: 50px;
			}
				#topics ul .news_list::after {
					right: 15px;
					}
					#topics ul .news_list a {
						padding: 16px 30px 15px 15px;
						font-size: 13px;
						}
						#topics ul .news_list .date {
							width: 22%;
							}

/*-- フッター バナ ー--*/
#foot_bnr {
	margin: 65px auto 100px;
	}
	#foot_bnr li{
		float: none;
		width: 80%;
		max-width: 400px;
		padding-top: 1px;
		margin: 0 auto 10px!important;
		}
		#foot_bnr li:last-child{
			margin: 0 auto;
			}
}