@charset "UTF-8";


/* 汎用 --------------------------------------------------- */

.Disabled {

}


/* アニメーション --------------------------------------------------- */

.InView1,
.InView2,
.InView3 {
opacity: 0;
}

.InView4 {
opacity: 0;
}

@media only screen and (max-width: 767px) {

	.InView1 {
	transition: opacity 1.5s ease 0.01s;
	}

	.InView2 {
	transition: opacity 1.5s ease 0.01s;
	}

	.InView3 {
	transition: opacity 1.5s ease 0.5s;
	}

	.InView4 {
	transition: opacity 1.5s ease 0.01s;
	}

}

@media print, screen and (min-width: 768px) {

	.InView1 {
	transition: opacity 1.5s ease 0.01s;
	}
	
	.InView2 {
	transition: opacity 1.5s ease 0.5s;
	}

	.InView3 {
	transition: opacity 1.5s ease 0.01s;
	}

	.InView4 {
	transition: opacity 1.5s ease 0.01s;
	}

}

@media print, screen and (min-width: 1090px) {

}

.Effect1 {
opacity: 1;
}

.Effect2 {
opacity: 1;
}



/* ボタン --------------------------------------------------- */

.Btn {
display: inline-block;
border: 1px solid #fff;
line-height: 1.0em;
text-align: center;
color: #fff !important;
}

.Btn span {
background: url(../img/common/Icon_Cart2.png) no-repeat;
}

@media only screen and (max-width: 767px) {

	.Btn {
	width: 100%;
	padding: 15px 70px 12px 70px;
	font-size: 120%;
	}

	.Btn span {
	padding-left: 22px;
	background-position: 0 3px;
	background-size: 15px auto;
	}

}

@media print, screen and (min-width: 768px) {

	.Btn {
	padding: 12px 40px 11px 40px;
	font-size: 107%;
	}

	.Btn span {
	padding-left: 18px;
	background-position: 0 3px;
	background-size: 12px auto;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* キービジュアル --------------------------------------------------- */

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

}

@media print, screen and (min-width: 1090px) {

}



/* 導入 --------------------------------------------------- */

.SectionIntro h1.Mds {
font-weight: 900;
text-align: center;
}

.SectionIntro .Icon {
text-align: center;
}

.SectionIntro h2.Mds {
font-weight: 500;
}

.SectionIntro .ShopList {
border-style: solid;
border-color: #dddcdc;
}

@media only screen and (max-width: 767px) {

	.SectionIntro {
	padding: 40px 25px 70px 25px;
	}

	.SectionIntro h1.Mds {
	font-size: 140%;
	}

	.SectionIntro .Icon {
	margin-top: 20px;
	margin-bottom: 20px;
	}

	.SectionIntro .Icon img {
	width: 78px;
	}

	.SectionIntro .Lead1 {
	margin-top: 20px;
	line-height: 2.0em;
	}

	.SectionIntro .ShopList {
	margin-top: 30px;
	padding: 20px;
	border-width: 2px;
	}

	.SectionIntro h2.Mds {
	font-size: 94%;
	}

	.SectionIntro .Lead2 {
	margin-top: 2%;
	font-size: 67%;
	}


}

@media print, screen and (min-width: 768px) {

	.SectionIntro {
	width: 100%;
	padding: 50px 0 130px 0;
	}

	.SectionIntro .LeadUnit {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 50px;
	}

	.SectionIntro h1.Mds {
	font-size: 227%;
	line-height: 1.7em;
	}

	.SectionIntro .Icon {
	margin-top: 30px;
	margin-bottom: 35px;
	}

	.SectionIntro .Icon img {
	width: 123px;
	}

	.SectionIntro .Lead1 {
	margin-top: 20px;
	font-size: 120%;
	line-height: 2.4em;
	text-align: center;
	}

	.SectionIntro .ShopList {
	margin-top: 40px;
	padding: 20px;
	border-width: 3px;
	text-align: center;
	}

	.SectionIntro h2.Mds {
	font-size: 114%;
	}

	.SectionIntro .Lead2 {
	margin-top: 10px;
	font-size: 87%;
	}

}

@media print, screen and (min-width: 1090px) {

	.SectionIntro {
	padding: 100px 0 150px 0;
	}

	.SectionIntro .Icon {
	margin-top: 45px;
	margin-bottom: 50px;
	}

	.SectionIntro .Lead1 {
	margin-top: 30px;
	}

	.SectionIntro .ShopList {
	margin-top: 60px;
	}

}



/* アイテム --------------------------------------------------- */

.SectionItem {
color: #fff;
}

.SectionItem.Bg1 {
background: #5476b6;
}

.SectionItem.Bg2 {
background: #cfb473;
}

.SectionItem.Bg3 {
background: #c03c3b;
}

.SectionItem h2.Mds,
.SectionItem .MdsSub {
line-height: 1.0em;
font-weight: 700;
text-align: center;
}

.SectionItem h2.Mds {
letter-spacing: 0;
}

.SectionItem .MdsSub {
letter-spacing: 0.05em;
}

.SectionItem .Icon {
text-align: center;
}

.SectionItem .Photo3 ul {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -2%;
}

.SectionItem .Photo3 li {
width: calc(48% - 2%);
margin: 0 2% 2%;
}

.SectionItem .Lead1 {
font-weight: 500;
text-align: center;
}

.SectionItem .BtnTo {
text-align: center;
}

@media only screen and (max-width: 767px) {

	.SectionItem {
	padding: 50px 25px 80px 25px;
	}

	.SectionItem.Bg3 {
	padding-bottom: 55px;
	}

	.SectionItem .Icon {
	margin-top: -88px;
	}

	.SectionItem .Icon img {
	width: 80px;
	}

	.SectionItem h2.Mds {
	margin-top: 10px;
	font-size: 467%;
	}

	.SectionItem .MdsSub {
	font-size: 140%;
	}

	.SectionItem .Photo1 {
	margin-top: 15px;
	}

	.SectionItem .Photo2 li {
	margin-top: 15px;
	}

	.SectionItem .Photo3 {
	margin-top: 15px;
	}

	.SectionItem .Lead1 {
	margin-top: 30px;
	font-size: 107%;
	}

	.SectionItem .Lead1 span {
	font-size: 80%;
	}

	.SectionItem .Lead2 {
	margin-top: 20px;
	font-size: 94%;
	}

	.SectionItem .BtnTo {
	margin-top: 30px;
	padding: 0 50px;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionItem {
	padding: 50px 0 170px 0;
	}

	.SectionItem.Bg3 {
	padding-bottom: 120px;
	}

	.SectionItem .Icon {
	margin-top: -138px;
	}

	.SectionItem .Icon img {
	width: 181px;
	}

	.SectionItem h2.Mds {
	margin-top: 20px;
	font-size: 800%;
	}

	.SectionItem .MdsSub {
	font-size: 200%;
	}

	.SectionItem .Photo1 {
	max-width: 550px;
	margin: 10px auto 0 auto;
	}

	.SectionItem .Photo2 {
	max-width: 1440px;
	margin: 20px auto 0 auto;
	padding: 0 50px;
	}

	.SectionItem .Photo2 ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.75%;
	}

	.SectionItem .Photo2 li {
	width: calc(32.33333333% - 1.75%);
	margin: 0 1.25% 2%;
	}

	.SectionItem .Photo3 {
	max-width: 980px;
	margin: 40px auto 0 auto;
	padding: 0 50px;
	}

	.SectionItem .Lead1 {
	margin-top: 50px;
	font-size: 120%;
	}

	.SectionItem .Lead1 span {
	font-size: 80%;
	}

	.SectionItem .Lead2 {
	max-width: 980px;
	margin: 20px auto 0 auto;
	padding: 0 50px;	
	}

	.SectionItem .BtnTo {
	margin-top: 40px;
	}

}

@media print, screen and (min-width: 1090px) {

	.SectionItem .Photo1 {
	max-width: 700px;
	margin: 20px auto 0 auto;
	}

}



/* 映画紹介 --------------------------------------------------- */

.SectionMovie h2.Mds {
font-weight: 500;
}

.SectionMovie .Copyright {
text-align: center;
}

@media only screen and (max-width: 767px) {

	.SectionMovie {
	padding: 50px 0 20px 0;
	}

	.SectionMovie .InBox {
	padding: 0 25px;
	}

	.SectionMovie .Photo {
	padding: 0 50px;
	}

	.SectionMovie h2.Mds {
	margin-top: 30px;
	font-size: 114%;
	text-align: center;
	}

	.SectionMovie .Lead1 {
	margin-top: 15px;
	}

	.SectionMovie .Copyright {
	margin-top: 50px;
	font-size: 80%;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionMovie {
	padding: 100px 0 60px 0;
	}

	.SectionMovie .InBox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 1020px;
	margin: 20px auto 0 auto;
	padding: 0 50px;
	}

	.SectionMovie .Photo {
	width: 42%;
	}

	.SectionMovie .LeadUnit {
	width: 58%;
	padding-left: 9%;
	}

	.SectionMovie h2.Mds {
	font-size: 147%;
	}

	.SectionMovie .Lead1 {
	margin-top: 30px;
	line-height: 2.3em;
	}

	.SectionMovie .Copyright {
	margin-top: 100px;
	font-size: 80%;
	}

}

@media print, screen and (min-width: 1090px) {

}




/* イメージ画像 --------------------------------------------------- */



/* 印刷用設定 --------------------------------------------------- */

@media print {

	.InView1,
	.InView2,
	.InView3, 
	.InView4 {
	opacity: 1 !important;
	}

}