@charset "utf-8";

/** Override **/

.pj-page { min-width:320px; }
.pj-contents { margin-top:0; }

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-contents **/

.sc-contents *::before,
.sc-contents *::after,
.sc-contents * { box-sizing:inherit;    }
.sc-contents   { box-sizing:border-box; }

.sc-contents {
	margin:auto;
	padding:0;
	position:relative;
}
.sc-contents__header { position:relative; }
.sc-contents__body   { position:relative; }
.sc-contents__footer {
	padding-top:40px;
	padding-bottom:40px;
	background-color:#000;
	position:relative;
}

.sc-contents a {
	text-decoration:none;/*
	color:#000;*/
}

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-visual **/

.sc-visual {
	background-color:#A6DDEF;
	position:relative;
	display:block;
}
.sc-visual__title {
	margin:0 auto;
	position:relative;
	display:block;
}
.sc-visual__title > picture { display:block; }
.sc-visual__title > picture > img {
	display:block;
	width:100%;
}

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-sectionNav **/

.sc-contents__body { padding-top:80px; }
.sc-sectionNav {
	padding:10px 0;
	background-color:#FFF;
	position:absolute;
	top:0;
	z-index:1;
	display:block;
	width:100%;
	height:80px;
	line-height:1.2;
	font-family:"Century Gothic", CenturyGothic/*, AppleGothic*/, sans-serif;
	font-weight:bold;
	font-size:2.0rem;
}
.sc-sectionNav__list {
	margin:0 auto;
	padding:0;
	display:flex;
	max-width:960px;
	height:100%;
	list-style:none;
}
.sc-sectionNav__list > * {
	position:relative;
	display:block;
	width:calc( 1 / 4 * 100% );
	overflow:hidden;
	transform:skewX( -20deg );
}
.sc-sectionNav__list > :nth-child(n+2) { border-left:1px solid #4D4D4D; }
.sc-sectionNav__link {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	text-align:center;
	color:#4D4D4D;
}
.sc-sectionNav__link > span { transform:skewX( 20deg ); }
.sc-sectionNav__link--active,
.sc-sectionNav__link:hover { color:#CD252D; }

.sc-sectionNav--fixed { position:fixed; }
.sc-sectionNav--bottom {
	position:absolute;
	top:auto;
	bottom:0;
}

@media screen and ( max-width:800px ) {
	.sc-contents__body { padding-top:70px; }
	.sc-sectionNav {
		height:70px;
		font-size:1.6rem;
	}
	.sc-sectionNav__list > * { width:calc( 1 / 3 * 66% ); }
	.sc-sectionNav__list > :nth-child(3) { width:34%; }
}
@media screen and ( max-width:667px ) {
	.sc-contents__body { padding-top:60px; }
	.sc-sectionNav {
		height:60px;
		font-size:1.4rem;
	}
	.sc-sectionNav__list > * { width:calc( 1 / 3 * 60% ); }
	.sc-sectionNav__list > :nth-child(3) { width:40%; }
}

/** sc-section **/

.sc-section {
	padding-top:6.0em;
	padding-bottom:6.0em;
	position:relative;
	display:block;
	font-family:"Noto Sans JP", sans-serif;
}
.sc-section__inner {
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	display:block;
	max-width:1160px;
}
.sc-section__head {
	position:relative;
	display:block;
}
.sc-section__body {
	position:relative;
	display:block;
}

.sc-section__title {
	margin:0 auto 2.0em;
	display:block;
	max-width:640px;
	text-align:center;
}

.sc-section--blue { background-color:#42AFCF; color:#FFF; }
.sc-section--red { background-color:#CD252D; color:#FFF; }

@media screen and ( max-width:800px ) {
	.sc-section {
		padding-top:3.0em;
		padding-bottom:3.0em;
	}
	.sc-section__title { max-width:480px; }
}
@media screen and ( max-width:667px ) {}

/** sc-about **/

.sc-about {}
.sc-about__inner {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.sc-about__inner .sc-section__head {
	margin-right:calc( 40 / 1200 * 100% );
	width:calc( 520 / 1200 * 100% );
}
.sc-about__inner .sc-section__body { flex:1; }
.sc-about__title {
	margin:0 auto;
	display:block;
	max-width:360px;
}
.sc-about__desc {
	margin:0 auto;
	line-height:2.0;
	font-size:2.0rem;
}

@media screen and ( max-width:800px ) {
	.sc-about__inner { flex-direction:column; }
	.sc-about__inner .sc-section__head {
		margin-right:0;
		margin-bottom:2.0em;
		padding-left:calc( 120 / 800 * 100% );
		padding-right:calc( 120 / 800 * 100% );
		width:100%;
	}
	.sc-about__inner .sc-section__body { width:100%; }
	.sc-about__desc {
		text-align:center;
		font-size:1.6rem;
	}
}
@media screen and ( max-width:667px ) {
	.sc-about__desc { font-size:1.4rem; }
}

/** sc-movie **/

.sc-movie {}

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-movieCard **/

.sc-movieCard {
	margin:0 auto;
	padding:calc( 33 / 970 * 100% );
	position:relative;
	z-index:0;
	display:block;
	max-width:920px;
}
.sc-movieCard::before,
.sc-movieCard::after {
	padding-top:calc( 190 / 970 * 100% );
	border:solid #FFF;
	position:absolute;
	z-index:-1;
	display:block;
	width:calc( 190 / 970 * 100% );
	height:0;
	content:"";
}
.sc-movieCard::before { border-width:2px 0 0 2px; left:0; top:0; }
.sc-movieCard::after { border-width:0 2px 2px 0; right:0; bottom:0; }
.sc-movieCard__video {
	background-color:#FFF;
	position:relative;
	display:block;
}
.sc-movieCard__video:hover > img { opacity:0.9; }

@media screen and ( max-width:800px ) {
	.sc-movieCard { max-width:540px; }
}
@media screen and ( max-width:667px ) {}

/** sc-recipe **/

.sc-recipe {}

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-recipeCardList **/

.sc-recipeCardList {}

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {
	.sc-recipeCardList.bs-grid\@Sp--col1 {
		padding-left:calc( 120 / 800 * 100% );
		padding-right:calc( 120 / 800 * 100% );
	}
	.sc-recipeCardList.bs-grid\@Sp--col1.bs-grid--gap_M > :nth-child(n+2) { padding-top:2.0em; }
}

/** sc-recipeCard **/

.sc-recipeCard {
	background-color:#FFF;
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	text-align:center;
	font-size:1.6rem;
	color:#FFF;
}
.sc-recipeCard__aside {
	position:relative;
	display:block;
	width:100%;
}
.sc-recipeCard__body {
	padding:0.5em 1.0em 1.0em;
	background-color:#CD252D;
	position:relative;
	display:block;
	width:100%;
}
.sc-recipeCard__body > :first-child { margin-top:0; }
.sc-recipeCard__body > :last-child { margin-bottom:0; }
.sc-recipeCard__image {
	position:relative;
	display:block;
}
.sc-recipeCard__image > img {
	display:block;
	width:100%;
}
.sc-recipeCard__name {
	margin:0 auto;
	display:block;
	font-size:120%;
}
.sc-recipeCard__more {
	margin-top:0.5em;
	padding:0.2em 2.0em;
	border:1px solid #FFF;
	border-radius:1.0em;
	position:relative;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	font-size:90%;
}

.sc-recipeCard:hover { color:#FFF; }
.sc-recipeCard:hover > * { opacity:0.9; }

@media screen and ( max-width:800px ) {
	.sc-recipeCard { font-size:1.5rem; }
}
@media screen and ( max-width:667px ) {
	.sc-recipeCard { font-size:1.4rem; }
}

/** sc-event **/

.sc-event {
	padding-bottom:20.0em;
	background:#CD252D url( "../img/index/bg_event.png" ) center bottom no-repeat;
}
.sc-event__panel {
	margin:0 auto;
	padding:3.0em calc( 60 / 1200 * 100% );
	background-color:#FFF;
	position:relative;
	display:block;
	max-width:1200px;
}
.sc-event__notice {
	margin:2.0em 0 0;
	font-size:90%;
	color:#333;
}

@media screen and ( max-width:800px ) {
	.sc-event {
		padding-bottom:calc( 240 / 800 * 100% );
		background-image:url( "../img/index/bg_event@sp.png" );
		background-size:contain;
	}
	.sc-event__panel { padding:2.0em calc( 40 / 800 * 100% ); }
}
@media screen and ( max-width:667px ) {}

/** sc-eventList **/

.sc-eventList {
	margin:0;
	padding:0;
	position:relative;
	display:block;
	list-style:none;
}
.sc-eventList> :nth-child(n+2) { margin-top:2.0em; }

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-eventItem **/

.sc-eventItem {
	position:relative;
	display:flex;
	font-size:1.8rem;
	color:#000;
}
.sc-eventItem__date {
	margin-right:2.0em;
	display:block;
	width:6.0em;
	color:#42AFCF;
}
.sc-eventItem__body {
	display:block;
	flex:1;
}
.sc-eventItem__body > :first-child { margin-top:0; }
.sc-eventItem__body > :last-child { margin-bottom:0; }
.sc-eventItem__body > :nth-child(n+2) { margin-top:0.5em; }
.sc-eventItem__body a {
	text-decoration:underline;
	color:inherit;
}
.sc-eventItem__name {
	margin:0;
	font-weight:bold;
}
.sc-eventItem__info {
	margin:0;
	padding:0;
	display:table;
	list-style:none;
	font-size:90%;
}
.sc-eventItem__info > * > * { display:table-cell; }
.sc-eventItem__info > * > :first-child {
	padding-right:1.0em;
	white-space:nowrap;
}

@media screen and ( max-width:800px ) {
	.sc-eventItem {
		flex-direction:column;
		font-size:1.6rem;
	}
	.sc-eventItem__date {
		margin-right:0;
		margin-bottom:0.5em;
		width:100%;
	}
}
@media screen and ( max-width:667px ) {}

/** modal-video **/

.modal-video-close-btn {
	padding:0;
	border-radius:50%;
	background-color:#FFF;
	right:-50px;
	width:40px;
	height:40px;
}
.modal-video-close-btn::before,
.modal-video-close-btn::after {
	margin:auto;
	background-color:#42AFCF;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:60%;
}

@media screen and ( max-width:800px ) {
	.modal-video-body {
		padding-left:0;
		padding-right:0;
	}
	.modal-video-close-btn { right:10px; }
}
@media screen and ( max-width:667px ) {}