@charset "utf-8";html{height:100%;overflow-y:scroll}body{margin:0;padding:0;font-family:"游ゴシック体","游ゴシック","ヒラギノ角ゴProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",'Meiryo',"ＭＳＰゴシック",Helvetica,Arial,sans-serif;font-size:12px;color:#333;text-align:center;line-height:1.65;letter-spacing:1px;word-break:break-all;-ms-word-break:break-all;word-wrap:break-word;-webkit-text-size-adjust:100%}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
p{margin:0;padding:0}
cite,dfn,address,i,em{font-style:normal}strong,em,b{font-weight:normal}u{text-decoration:none}abbr{border:0 none}mark{background-color:transparent}q{quotes:none}img{border:0;vertical-align:bottom}object,embed{outline:none}ul,ol,dl,dt,dd,li{margin:0;padding:0}ul li{list-style:none}ol li{list-style:none}table{border-collapse:collapse;border-spacing:0}th,td{font-weight:normal;vertical-align:top}form,input,select,option,textarea{margin:0;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit}textarea{width:350px;font-size:12px}input{border:0 none;border-radius:0px}button{background:none;border:0 none;overflow:visible}article,aside,figure,figcaption,dialog,details,footer,header,hgroup,menu,main,nav,section,summary{display:block}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0}

.main {
	padding-top: 0;
}

.main:before,
.main:after {
	content: none;
}

.main__inner {
	width: 100%;
	min-width: 1366px;
}

.btn_wrap {
	margin-top: 60px;
}

.over {
	position: relative;
	display: inline-block;
}

.off {
	position: relative;
	top: 0;
	left: 0;
	/* z-index: 1; */
	transition: .4s ease;
}

.on {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.on, .off {
	display: block;
}

.over:hover .off {
	opacity: 0;
}

.over:hover .on {
	opacity: 1;
}


.tac {
	text-align: center !important;
}

.tal {
	text-align: left !important;
}

.bold {
	font-weight: bold !important;
}

/* =====================================
pageLink
===================================== */
.pageLink {
	background: #a03a48;
	display: flex;
	justify-content: center;
	position: relative;
}

.pageLink:before,
.pageLink:after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	right: 0;
	left: 0;
}

.pageLink:before {
	background: #912c39;
	height: 7px;
	bottom: 0;
}

.pageLink:after {
	background: rgba(255, 255, 255, .2);
	height: 1px;
	bottom: 5px;
}

.pageLink li {
	display: inline-block;
	padding: 24px 0;
	width: 250px;
}

.pageLink a {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	position: relative;
	text-align: center;
}

.pageLink a:after {
	background: #fff;
	content: '';
	display: inline-block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .2s;
}

.pageLink a:hover:after {
	transform: scale(1, 1);
}

.autumnWrap {
	position: relative;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
.pcOnly {
	display: none !important;
}

.main__inner {
	min-width: auto;
}

.pageLink:before {
	height: 5px;
}

.pageLink:after {
	bottom: 2px;
}

.pageLink li {
	/* padding: 1.6vw 0; */
	width: auto;
}

.pageLink a {
	font-size: 13px;
	padding: 0 10px;
}

.main {
	padding-top: 0;
}

img {
	max-width: 100%;
}

.btn_wrap {
	margin: 10.67vw auto 0;
	width: 80%;
}

}

@media screen and (min-width: 768px) {
.spOnly {
	display: none !important;
}
}

/* =====================================
mv_wrap
===================================== */
.mv_wrap {
	background: url(../images/mv_bg.png) center top no-repeat;
	background-size: cover;
	/* height: 2068px; */
	padding: 80px 0 0;
}

.mv_wrap:before,
.mv_wrap:after {
	content: '';
	display: inline-block;
	width: 180px;
	height: 240px;
	position: absolute;
	top: 0;
}

.mv_wrap:before {
	background: url(../images/bg_mv_l.png) no-repeat;
	left: 0;
}

.mv_wrap:after {
	background: url(../images/bg_mv_r.png) no-repeat;
	width: 162px;
	height: 222px;
	right: 0;
}

.mv_img {
	margin-bottom: 65px;
}

.mv_ttl {
	margin-bottom: 75px;
}

@media screen and (max-width: 767px) {
.mv_wrap {
	height: auto;
	margin-bottom: 0;
}

.mv_wrap:before,
.mv_wrap:after {
	width: 24vw;
	height: 36vw;
}

.mv_wrap:before {
	background: url(../images/bg_mv_l.png) no-repeat;
	left: 0;
	background-size: contain;
}

.mv_wrap:after {
	background: url(../images/bg_mv_r.png) no-repeat;
	background-size: contain;
	width: 21.16vw;
	height: 29.6vw;
}

.mv_img {
	margin-bottom: 40px;
}

.mv_ttl {
	margin: 0 auto 14px;
	width: 88.27vw;
}

}

/* =====================================
day
===================================== */
.art_inner,
.present_area {
	margin: 0 auto;
	position: relative;
	width: 1366px;
}

.art_day,
.present_day {
	position: absolute;
	left: -50px;
	top: -70px;
}

/* =====================================
present_wrap
===================================== */
.present_wrap {
	background: url(../images/bg_present.png) left top repeat;
	padding: 100px 0 80px;
}

.present_wtn_wrap {
	justify-content: center;
	display: flex;
}

.present_wtn_wrap .present_btn:nth-child(1) {
	margin-right: 30px;
}

@media screen and (max-width: 767px) {
.present_wtn_wrap {
	flex-wrap: wrap;
}

.present_wtn_wrap .present_btn {
	margin: 0 auto;
}

.present_wtn_wrap .present_btn:nth-child(1) {
	margin: 10.67vw auto 5.33vw;
}

}

/* =====================================
sns_wrap
===================================== */
.sns_wrap {
	background: url(../images/bg_sns.png) center top no-repeat;
	background-size: cover;
	padding: 80px 0;
}

.sns_area {
	background: rgba(255, 255, 255, .8);
	padding: 44px 0 50px;
}

.sns_btn_wrap {
	display: flex;
	justify-content: center;
}

.sns_btn a {
	border: 1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 573px;
	height: 180px;
	margin-top: 50px;
}

.sns_btn:nth-child(1) {
	margin-right: 36px;
}

@media screen and (max-width: 767px) {
.mv_wrap {
	padding: 8vw 2.67vw 10.67vw;
}

.present_wrap {
	padding: 5.33vw 2.67vw 13.33vw;
}

.sns_wrap {
	padding: 13.33vw 2.67vw;
}

.art_inner,
.present_area {
	width: auto;
}

.sns_area {
	padding: 10.67vw 5.33vw;
}

.sns_img {
	margin-bottom: 6.67vw;
}

.sns_btn_wrap {
	flex-wrap: wrap;
}

.sns_btn {
	width: 100%;
}

.sns_btn a {
	height: 28.8vw;
	width: 100%;
	margin-top: 0;
}

.sns_btn:nth-child(1) {
	margin: 0 auto 2.67vw;
}

.btn_inst {
	display: inline-block;
	width: 65.07vw;
}

.btn_fb {
	display: inline-block;
	width: 69.07vw;
}

}