@charset "utf-8";



/* TopMvSlide
---------------------------------------------------------------- */

#TopMvSlide{
	width:100%;
}
#TopMvSlide .slick-prev,#TopMvSlide .slick-next {
	display:none !important;
}

#TopMvSlide .slider {
	margin: 0;
}
#TopMvSlide .slider img {
	width: 100%;
	height: auto;
}
.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 20px;
	z-index: 99;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 15px;
	z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
#TopMvSlide .thumb-item {
	margin: 0 auto 5px;
	padding: 0 5px;
}
#TopMvSlide .slick-dots {
	bottom:25px !important;
}
#TopMvSlide li span {
	display:block;
	font-size:10px;
	text-align:right;
	margin-top:1px;
	color:#333333;
	padding-right:4px;
}

.slick-dots li button:before {
    opacity:0.85 !important;
    color: #FFFFFF !important;
}
.slick-dots li.slick-active button:before {
    color: #333333 !important;
}
@media screen and (max-width: 600px) {
	#TopMvSlide .slick-dots {
		bottom:50px !important;
	}
}







.TopAc{
	width:94%;
	max-width:1200px;
	margin:30px auto;
}
.TopAc img{
	display:block;
	width:100%;
}






.TopInfo{
	width:94%;
	max-width:1200px;
	margin:45px auto;
}
.TopInfo h2{
	color:#333333;
	font-size:15px;
	text-align:center;
	letter-spacing:2px;
	padding-bottom:6px;
	border-bottom:solid 1px #7B2D30;
	margin-bottom:25px;
}
.TopInfo h3{
	margin-top:25px;
	color:#7B2D30;
	font-size:24px;
	text-align:center;
	letter-spacing:2px;
}
.TopInfo p.b{
	margin-top:30px;
	color:#333333;
	font-size:34px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	line-height:135%;
}

.TopInfo p.kanbai{
	margin-top:30px;
	color:#ef1111;
	font-size:45px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	line-height:100%;
}

.TopInfo p.kanbairead{
	margin-top:30px;
	color:#ef1111;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	line-height:150%;
}


.TopInfo p.kanbai span{
	font-size:25px;
}

.TopInfo p.b span{
	font-size:14px;
}

.TopInfo p.b span.day{
	font-size:27px;
}

.TopInfo p.c{
	margin-top:30px;
	color:#333333;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	line-height:135%;
	border: 2px solid #aaa;
    padding: 1em;
	
}

.TopInfo p.yasumi{
	margin-top:30px;
	color:#ff0000;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	line-height:135%;
	
}


.TopInfo span.iCap{
	display:block;
	font-size:12px;
	text-align:center;
	color:#333333;
}
@media screen and (max-width: 600px) {
	.TopInfo{
		margin:30px auto;
	}
	.TopInfo h2{
		font-size:13px;
		margin-bottom:15px;
	}
	.TopInfo h3{
		margin-top:20px;
		font-size:16px;
	}
	.TopInfo p.b{
		margin-top:25px;
		font-size:23px;
	}
	.TopInfo p.b span{
		font-size:12px;
	}
	
	.TopInfo span.iCap{
		font-size:10px;
	}
	.TopInfo p.b span.day{
	font-size:20px;
}


.TopInfo p.c{
	font-size:15px;
	
}

}





.TopMenu{
	width:100%;
}
.TopMenu .TmArea{
	display: block;
	width:100%;
	position:relative;
}
.TopMenu .TmArea:hover{
	opacity:0.7;
}
.TopMenu .TmArea img{
	width:100%;
	display:block;
}
.TopMenu .TmArea span{
	font-size:11px;
	letter-spacing:1px;
	position:absolute;
	bottom:5px;
	right:8px;
	color:#FFFFFF;
	text-shadow:0 0 3px rgba(0,0,0,0.25);
}

.TopMenu .TmArea h3{
	color:#FFFFFF;
	font-size:1.6vw;
	width:100%;
	text-align:center;
	letter-spacing:2px;
	position:absolute;
	top:20%;
	left:0;
	transform:translateY(-50%);
}
.TopMenu .TmArea h3::after{
	content:"";
	display: block;
	width:15px;
	height:15px;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	transform: rotate(135deg);
	margin:auto;
}
.TopMenu .TmArea p{
	color:#FFFFFF;
	font-size:1.05vw;
	line-height:175%;
	width:100%;
	text-align:center;
	letter-spacing:3px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.TopMenu .TmArea.b h3,
.TopMenu .TmArea.b p{
	color:#333333;
	text-shadow:0 0 3px rgba(255,255,255,0.9),0 0 3px rgba(255,255,255,0.9),0 0 3px rgba(255,255,255,0.9),0 0 6px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9);
}
.TopMenu .TmArea.b h3::after{
	border-top:1px solid #333333;
	border-right:1px solid #333333;
}

@media screen and (max-width: 600px) {
	.TopMenu .TmArea h3{
		font-size:24px;
	}
	.TopMenu .TmArea p{
		font-size:16px;
	}
}