@charset "utf-8";

html {
	font-family: 'Noto Serif JP', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	background: #fce9cf;
	color: #251b17;
	font-size: 62.5%;
}
body {
	font-family: 'Noto Serif JP', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: 500;
	word-break: break-word;
	-webkit-text-size-adjust: 100%;
}

.gothic {
	font-family: 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

a, a:link {
	color: #0000DE;
}
a:visited {
	color: #941D55;
}
a:active,
a:hover {
	color: #CC0000;
}
a:focus {
	color: #CC0000;
}

/* FireFox リンク選択時の点線を消す */
a:link,
a:visited,
a:active,
a:hover {
	overflow: hidden;
	outline: none;
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*** common style ***/
ul {
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	-webkit-backface-visibility : hidden;
}

.hide {
	display: none;
	overflow: hidden;
	height: 0px;
}

*, *:before, *:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/** movie-box **/
.movie-box {
	width: 100%;
	margin: 0 auto;
}
.movie-box-inner {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
}
.movie-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*** base ***/
.pageup a {
	z-index: 999;
}

@media only screen and (max-width: 640px) {
	#global-nav:nth-of-type(1) {
		display: none;
	}

	#container {
		width: 100%;
	}
	#container-inner {
	}
	#content {
		width: 100%;
		padding: 20vw 0 0;
	}
	#content-inner {
	}
	
	.sp-hide {
		display: none;
	}

	/* SNS reset */
	.ttl-sns {
		font-size: 1.4rem;
	}

	/* pageup */
	.pageup {
	}
	.pageup a {
		display: block;
		background: url(../images/btn-pageup.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		width: 64px;
		height: 62px;
		background-size: contain;
		position: fixed;
		right: 20px;
		bottom: calc(12vw + 32vw);
	}
}
@media print, screen and (min-width: 641px) {
	body {
		min-width: 1024px;
	}
	
	#container {
		width: 100%;
	}
	#container-inner {
	}
	#content {
		width: 100%;
	}
	#content-inner {
	}
	
	.pc-hide {
		display: none;
	}

	/* pageup */
	.pageup {
	}
	.pageup a {
		display: block;
		background: url(../images/btn-pageup.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 80px;
		height: 77px;
		background-size: contain;
		position: fixed;
		right: 20px;
		bottom: 100px;

		transition: 0.3s;
		backface-visibility: hidden; 
	}
	.pageup a:hover {
		opacity: 0.6;
	}
}

/*** contents ***/
#minsyuku-index .inner {
	margin: 0 auto;
}

#minsyuku-index #content .block-head {
	text-align: center;
	position: relative;
}
#minsyuku-index #content .block-head:before {
	content: "";
	display: block;
	background: url(../images/icon-block-head.png) no-repeat;
	background-size: contain;
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
}
#minsyuku-index #content .block-head h2,
#minsyuku-index #content .block-head p {
	font-weight: 500;
	line-height: 1.0;
}

@media screen and (max-width: 640px) {
	#minsyuku-index .inner {
		width: 92%;
	}
	#minsyuku-index #content .block-head:before {
		width: 9.466667vw;
		height: 8.4vw;
	}

	#minsyuku-index #content .block-head {
		padding: 10vw 0 0;
	}
	#minsyuku-index #content .block-head h2 {
		font-size: 7.2vw; /* 54px */
		margin: 0 0 0.3em;
	}
	#minsyuku-index #content .block-head p {
		font-size: 4.0vw; /* 30px */
	}
}
@media screen and (min-width: 641px) {
	#minsyuku-index .inner {
		width: 940px;
	}

	#minsyuku-index #content .block-head {
		padding: 84px 0 0;
	}
	#minsyuku-index #content .block-head:before {
		width: 71px;
		height: 63px;
	}

	#minsyuku-index #content .block-head h2 {
		font-size: 5.4rem;
		margin: 0 0 0.3em;
	}
	#minsyuku-index #content .block-head p {
		font-size: 3.0rem;
	}
}

/** block01 **/
#minsyuku-index #block01 {
}
#minsyuku-index #block01 .inner {
	background: #fff;
}

#minsyuku-index #block01 #introduction-box {
}
#minsyuku-index #block01 #introduction-box p.b01-catch {
	color: #e06a3b;
}

@media only screen and (max-width: 640px) {
	#minsyuku-index #block01 {
		background: url(../images/block01-bg-sp.png) no-repeat center top, url(../images/bg.png) repeat center top;
		background-size: contain;
		padding: 14.2vw 0;
	}
	#minsyuku-index #block01 .inner {
		padding: 12.4vw 0 9.6vw;
	}

	#minsyuku-index #block01 .block-head {
		margin: 0 0 8.4vw;
	}

	#minsyuku-index #block01 .block-pic {
		width: 91.4%;
		padding: 0 0 3.6vw;
		margin: 0 auto;
	}
	#minsyuku-index #block01 .block-pic figure {
		margin: 0 0 3.6vw;
	}

	#minsyuku-index #block01 h2 {
	}
	#minsyuku-index #block01 #introduction-box {
		width: 91.4%;
		font-size: 4.266667vw; /* 32px */
		line-height: 1.8;
		margin: 0 auto;
	}
	#minsyuku-index #block01 #introduction-box p:first-child {
		margin: 0 0 2.0em;
	}
	#minsyuku-index #block01 #introduction-box p.b01-catch {
		font-size: 5.6vw; /* 42px */
		line-height: 1.3;
		margin: 0 0 1.4em;
	}
}
@media screen and (min-width: 641px) {
	#minsyuku-index #block01 {
		background: url(../images/block01-bg-pc.png) no-repeat center top, url(../images/bg.png) repeat center top;
		padding: 70px 0 130px;
	}
	#minsyuku-index #block01 .inner {
		padding: 70px 0 60px;
	}

	#minsyuku-index #block01 .block-head {
		margin: 0 0 42px;
	}

	#minsyuku-index #block01 .block-pic {
		width: 800px;
		margin: 0 auto 40px;

		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#minsyuku-index #block01 .block-pic figure {
		width: 390px;
	}
		
	#minsyuku-index #block01 #introduction-box {
		width: 800px;
		font-size: 2.0rem;
		line-height: 2.0;
		margin: 0 auto;
	}
	#minsyuku-index #block01 #introduction-box p:first-child {
		margin: 0 0 1.2em;
	}
	#minsyuku-index #block01 #introduction-box p.b01-catch {
		font-size: 2.8rem;
		margin: 0 0 0.8em;
	}
	#minsyuku-index #block01 #introduction-box p.b01-catch.last {
		margin: 0 0 1.2em;
	}
}

/** block02 **/
#minsyuku-index #block02 {
}

#minsyuku-index #block02 #story-nav ul {
	display: flex;
	justify-content: space-between;
}

#minsyuku-index #block02 .story-area .story-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#minsyuku-index #block02 .main-cast {
	display: flex;
	align-items: center;
	justify-content: center;
}

#minsyuku-index #block02 .story-area .story-cast .cast-group {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
#minsyuku-index #block02 .story-area .story-cast .cast-box {
	display: block;
	text-align: center;
}
#minsyuku-index #block02 .story-area .story-cast .cast-box p {
	display: inline-block;
	padding: 0 0.2em 0.1em;
}
#minsyuku-index #block02 .story-area .story-cast .cast-box h3 {
	font-weight: 500;
	line-height: 1.3;
	padding: 0.1em 0 0;
}

#minsyuku-index #block02 .story-area {
	background: #fff;
}

@media only screen and (max-width: 640px) {
	#minsyuku-index #block02 {
		background: #fff5eb url(../images/block02-bg-sp.png) no-repeat center bottom;
		background-size: contain;
		padding: 12.4vw 0 6.4vw;
	}
	#minsyuku-index #block02 .inner {
	}

	#minsyuku-index #block02 .block-head {
		margin: 0 0 5.4vw;
	}

	#minsyuku-index #block02 #story-nav ul {
		background: #da6a3b;
		width: 98%;
		border-top: 3px solid #da6a3b;
		border-left: 3px solid #da6a3b;
		margin: 0 auto 7.8vw;

		flex-wrap: wrap;
		align-items: flex-start;
	}
	#minsyuku-index #block02 #story-nav ul li {
		width: 25%;
		border-right: 3px solid #da6a3b;
		border-bottom: 3px solid #da6a3b;
	}
	#minsyuku-index #block02 #story-nav ul li.active {
		background: #da6a3b;
	}

	#minsyuku-index #block02 .main-cast {
		margin: 0 0 5.8vw;
	}
	#minsyuku-index #block02 .main-cast figure {
		margin: 0 3.6vw 0 0;
	}
	#minsyuku-index #block02 .main-cast figure img {
		width: 32vw;
	}
	#minsyuku-index #block02 .main-cast div {
	}
	#minsyuku-index #block02 .main-cast div p {
		font-size: 3.2vw; /* 24px */
		line-height: 1.4;
		border-bottom: 1px solid #251b17;
		padding: 0 0 0.2em;
	}
	#minsyuku-index #block02 .main-cast div p span {
		font-size: 5.333333vw; /* 40px */
	}
	#minsyuku-index #block02 .main-cast div h3 {
		font-size: 3.733333vw; /* 28px */
		padding: 0.2em 0 0;
	}

	#minsyuku-index #block02 .story-area {
		padding: 6.0vw 4.0vw 9.6vw;
	}
	#minsyuku-index #block02 .story-area .story-cast {
	}
	#minsyuku-index #block02 .story-area .story-cast h4 {
		font-size: 4.8vw; /* 36px */
		font-weight: 500;
		color: #fff;
		text-align: center;
		padding: 0.4em 0;
		margin: 0 0 5.8vw;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-group {
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box {
		width: 50%;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box:nth-child(odd) {
		margin: 0 0 3.6vw;
		/* margin: 0 11.5vw 3.6vw 0; */
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box:nth-child(odd):last-child {
		margin: 0 0 3.6vw;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box figure {
		width: 32vw;
		margin: 0 auto;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box p {
		font-size: 4.266667vw; /* 32px */
		border-bottom: 2px solid #251b17;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box h3 {
		font-size: 3.733333vw; /* 28px */
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box img {
		display: block;
		margin: 0 0 1.2vw;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast01,
	#minsyuku-index #block02 .story-area .story-cast .cast02 {
		font-size: 4.266667vw; /* 32px */
		margin: 0 0 3.6vw;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast01 h4 {
		background: #da6a3b;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast02 h4 {
		background: #251b17;
	}

	#minsyuku-index #block02 .story-area .story-info {
	}
	#minsyuku-index #block02 .story-area .story-info .story-head {
		background: #251b17;
		border: 3px solid #251b17;
		margin: 0 0 3.6vw;

		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-episode {
		width: 20vw;

		display: flex;
		align-items: center;
		justify-content: center;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-episode p {
		font-size: 3.2vw; /* 24px */
		color: #fff;
		letter-spacing: 0.3em;
		margin: 0 0 0.4em 0.1em;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-episode p span {
		font-size: 6.4vw; /* 48px */
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-title {
		width: 64vw;
		background: #fff;
		padding: 1.0vw 1.4vw;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-title h4 {
		font-size: 4.8vw; /* 36px */
		line-height: 1.3;
		font-weight: 500;
		padding: 0 0 0.3em 0.2em;
		border-bottom: 2px dotted #251b17;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-title p {
		font-size: 3.2vw; /* 24px */
		padding: 0.3em 0 0 0.4em;
	}

	#minsyuku-index #block02 .story-area .story-info .story-summary {
	}
	#minsyuku-index #block02 .story-area .story-info .story-summary .story-pic,
	#minsyuku-index #block02 .story-area .story-info .story-summary .story-detail {
	}
	#minsyuku-index #block02 .story-area .story-info .story-summary .story-pic figure {
		margin: 0 0 3.2vw;
	}
	#minsyuku-index #block02 .story-area .story-info .story-summary .story-detail {
		font-size: 4.266667vw; /* 32px */
	}
}
@media screen and (min-width: 641px) {
	#minsyuku-index #block02 {
		background: #fff5eb url(../images/block02-bg-pc.png) no-repeat center top;
		padding: 80px 0 68px;
	}
	#minsyuku-index #block02 .inner {
	}

	#minsyuku-index #block02 .block-head {
		margin: 0 0 60px;
	}

	#minsyuku-index #block02 #story-nav ul {
		background: #da6a3b;
		width: 930px;
		border: 2px solid #da6a3b;
		margin: 0 auto 32px;
	}
	#minsyuku-index #block02 #story-nav ul li {
		width: 116px;
		border-right: 2px solid #da6a3b;
	}
	#minsyuku-index #block02 #story-nav ul li:last-child {
		border-right: 0;
	}

	#minsyuku-index #block02 .main-cast {
		margin: 0 0 50px;
	}
	#minsyuku-index #block02 .main-cast figure {
		padding: 0 0 0 60px;
		margin: 0 18px 0 0;
	}
	#minsyuku-index #block02 .main-cast figure img {
		width: 200px;
	}
	#minsyuku-index #block02 .main-cast div {
	}
	#minsyuku-index #block02 .main-cast div p {
		font-size: 2.2rem;
		line-height: 1.4;
		border-bottom: 1px solid #251b17;
		padding: 0 0 0.2em;
	}
	#minsyuku-index #block02 .main-cast div p span {
		font-size: 4.0rem;
	}
	#minsyuku-index #block02 .main-cast div h3 {
		font-size: 1.9rem;
		padding: 0.2em 0 0;
	}

	#minsyuku-index #block02 .story-area {
		padding: 60px 30px 40px;
	}
	#minsyuku-index #block02 .story-area .story-cast {
		/* display: flex;
		align-items: flex-start;
		justify-content: space-between; */
	}
	#minsyuku-index #block02 .story-area .story-cast h4 {
		font-size: 2.8rem;
		font-weight: 500;
		color: #fff;
		text-align: center;
		padding: 0.3em 0;
		margin: 0 0 32px;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-group {
		padding: 0 16px;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box {
		margin: 0 56px 20px 0;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box:last-child {
		margin: 0 0 20px;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box figure {
		width: 170px;
		margin: 0 auto;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box img {
		display: block;
		margin: 0 0 6px;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box p {
		font-size: 2.0rem;
		border-bottom: 1px solid #251b17;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast-box h3 {
		font-size: 1.8rem;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast01,
	#minsyuku-index #block02 .story-area .story-cast .cast02 {
		width: 880px;
		font-size: 1.8rem;
		margin: 0 0 30px;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast01 h4 {
		background: #da6a3b;
	}
	#minsyuku-index #block02 .story-area .story-cast .cast02 h4 {
		background: #251b17;
	}

	#minsyuku-index #block02 .story-area .story-info {
	}
	#minsyuku-index #block02 .story-area .story-info .story-head {
		background: #251b17;
		border: 2px solid #251b17;
		margin: 0 0 32px;

		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-episode {
		width: 150px;

		display: flex;
		align-items: center;
		justify-content: center;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-episode p {
		font-size: 2.4rem;
		color: #fff;
		letter-spacing: 0.3em;
		margin: 0 0 0.4em 0.1em;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-episode p span {
		font-size: 4.8rem;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-title {
		width: 730px;
		background: #fff;
		padding: 8px 20px 10px;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-title h4 {
		font-size: 3.0rem;
		line-height: 1.3;
		font-weight: 500;
		padding: 0 0 0.3em;
		border-bottom: 2px dotted #251b17;
	}
	#minsyuku-index #block02 .story-area .story-info .story-head .story-title p {
		font-size: 1.8rem;
		padding: 0.3em 0 0 0.4em;
	}

	#minsyuku-index #block02 .story-area .story-info .story-summary {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#minsyuku-index #block02 .story-area .story-info .story-summary .story-pic,
	#minsyuku-index #block02 .story-area .story-info .story-summary .story-detail {
		width: 430px;
	}
	#minsyuku-index #block02 .story-area .story-info .story-summary .story-pic figure {
		margin: 0 0 30px;
	}
	#minsyuku-index #block02 .story-area .story-info .story-summary .story-detail {
		font-size: 1.8rem;
		line-height: 1.7;
	}
}

/** block03 **/
#minsyuku-index #block03 {
}

/* recipe-box */
#minsyuku-index #block03 .recipe-box {
	background: #fff;
}

#minsyuku-index #block03 .recipe-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#minsyuku-index #block03 .recipe-title {
	display: flex;
	align-items: flex-start;
	justify-content: left;
}
#minsyuku-index #block03 .recipe-title p {
	display: inline-block;
	color: #fff;
	text-align: center;
	padding: 0 0 0.1em;
	margin: 0 0.8em 0 0;
}
#minsyuku-index #block03 .recipe-box.story02 .recipe-title p,
#minsyuku-index #block03 .recipe-box.story06 .recipe-title p {
	background: #e06a3c;
}
#minsyuku-index #block03 .recipe-box.story04 .recipe-title p,
#minsyuku-index #block03 .recipe-box.story08 .recipe-title p {
	background: #251b17;
}
#minsyuku-index #block03 .recipe-title h3 {
	flex: 1;
	line-height: 1.3;
	font-weight: 500;
}

#minsyuku-index #block03 .recipe-arrow {
	background: #eaeaea;
	color: #251b17;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
}

#minsyuku-index #block03 .recipe-arrow:before {
	display: inline-block;
	content: "\f077";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	transform: rotate(180deg);

	transition: 0.4s;
	backface-visibility: hidden; 
}
#minsyuku-index #block03 .recipe-head.active.first .recipe-arrow:before {
	transform: rotate(0);
}
#minsyuku-index #block03 .recipe-head.first .recipe-arrow:before {
	transform: rotate(180deg);
}
#minsyuku-index #block03 .recipe-head.active .recipe-arrow:before {
	transform: rotate(0);
}

#minsyuku-index #block03 .recipe-prepare {
	border-bottom: 1px dotted #251b17;
}
#minsyuku-index #block03 .recipe-prepare .recipe-ingredients h5,
#minsyuku-index #block03 .recipe-prepare .recipe-ingredients h6 {
	font-weight: 500;
}
#minsyuku-index #block03 .recipe-prepare .recipe-ingredients dl {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
#minsyuku-index #block03 .recipe-prepare .recipe-ingredients dl.sub dt {
	padding: 0 0 0 1.2em;
	position: relative;
}
#minsyuku-index #block03 .recipe-prepare .recipe-ingredients dl.sub dt:before {
	content: '・';
	position: absolute;
	left: 0;
}

#minsyuku-index #block03 .recipe-make li {
	padding: 0 0 0 1.1em;
	position: relative;
}
#minsyuku-index #block03 .recipe-make li:before {
	content: '①';
	position: absolute;
	left: 0;
}
#minsyuku-index #block03 .recipe-make li:nth-child(2):before {
	content: '②';
}
#minsyuku-index #block03 .recipe-make li:nth-child(3):before {
	content: '③';
}
#minsyuku-index #block03 .recipe-make li:nth-child(4):before {
	content: '④';
}
#minsyuku-index #block03 .recipe-make li:nth-child(5):before {
	content: '⑤';
}
#minsyuku-index #block03 .recipe-make li:nth-child(6):before {
	content: '⑥';
}
#minsyuku-index #block03 .recipe-make li:nth-child(7):before {
	content: '⑦';
}
#minsyuku-index #block03 .recipe-make li:nth-child(8):before {
	content: '⑧';
}
#minsyuku-index #block03 .recipe-make li:nth-child(9):before {
	content: '⑨';
}
#minsyuku-index #block03 .recipe-make li:nth-child(10):before {
	content: '⑩';
}

@media only screen and (max-width: 640px) {
	#minsyuku-index #block03 {
		background: url(../images/bg.png) repeat center top;
		background-size: contain;
		padding: 12.4vw 0;
	}
	#minsyuku-index #block03 .inner {
	}

	#minsyuku-index #block03 .block-head {
		margin: 0 0 8.8vw;
	}
	
	/* recipe-box */
	#minsyuku-index #block03 .recipe-box {
		border-radius: 2.666667vw;
		padding: 4.0vw;
		margin: 0 0 3.6vw;
	}
	#minsyuku-index #block03 .recipe-title {
		width: 72vw;
	}
	#minsyuku-index #block03 .recipe-title p {
		width: 13vw;
		font-size: 4.266667vw; /* 32px */
		padding: 0 0 0.1em;
		margin: 0 0.8em 0 0;
	}
	#minsyuku-index #block03 .recipe-title h3 {
		font-size: 4.8vw; /* 36px */
		line-height: 1.3;
		padding: 0.08em 0 0;
	}
	
	#minsyuku-index #block03 .recipe-arrow {
		width: 9.0vw;
		height: 9.0vw;
		font-size: 4.8vw; /* 36px */
		padding: 0.1em 0 0;
	}
	
	#minsyuku-index #block03 .recipe-detail {
		padding: 4.0vw 0 0;
	}
	#minsyuku-index #block03 .recipe-prepare {
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-pic {
		margin: 0 0 2.8vw;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients {
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients h5 {
		font-size: 3.733333vw; /* 28px */
		margin: 0 0 0.2em;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients h6 {
		font-size: 3.733333vw; /* 28px */
		margin: 0 0 0.2em;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients dl {
		font-size: 3.733333vw; /* 28px */
		line-height: 1.3;
		margin: 0 0 0.8em;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients dl dt {
		width: 70%;
		margin: 0 0 0.2em;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients dl dd {
		width: 26%;
		margin: 0 0 0.2em;
	}
	
	#minsyuku-index #block03 .recipe-make {
		padding: 4.0vw 0 0;
	}
	#minsyuku-index #block03 .recipe-make ul {
		font-size: 4.266667vw; /* 32px */
		line-height: 1.4;
	}
	#minsyuku-index #block03 .recipe-make li {
		margin: 0 0 0.4em;
	}
}
@media screen and (min-width: 641px) {
	#minsyuku-index #block03 {
		background: url(../images/bg.png) repeat center top;
		padding: 70px 0 130px;
	}
	#minsyuku-index #block03 .inner {
	}

	#minsyuku-index #block03 .block-head {
		margin: 0 0 70px;
	}
	
	/* recipe-box */
	#minsyuku-index #block03 .recipe-box {
		border-radius: 18px;
		padding: 20px 30px;
		margin: 0 0 20px;
	}
	#minsyuku-index #block03 .recipe-title {
		width: 780px;
	}
	#minsyuku-index #block03 .recipe-title p {
		width: 96px;
		font-size: 3.0rem;
		padding: 0 0 0.1em;
		margin: 0 0.8em 0 0;
	}
	#minsyuku-index #block03 .recipe-title h3 {
		font-size: 3.0rem;
		line-height: 1.3;
		padding: 0.16em 0 0;
	}

	#minsyuku-index #block03 .recipe-arrow {
		width: 42px;
		height: 42px;
		font-size: 2.4rem;
	}
	
	#minsyuku-index #block03 .recipe-detail {
		padding: 20px 0 0;
	}
	#minsyuku-index #block03 .recipe-prepare {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-pic {
		width: 510px;
		margin: 0 0 20px;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients {
		width: 350px;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients h5 {
		font-size: 1.8rem;
		margin: 0 0 0.4em;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients h6 {
		font-size: 1.4rem;
		margin: 0 0 0.4em;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients dl {
		font-size: 1.4rem;
		line-height: 1.3;
		margin: 0 0 0.8em;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients dl dt {
		width: 66%;
		margin: 0 0 0.4em;
	}
	#minsyuku-index #block03 .recipe-prepare .recipe-ingredients dl dd {
		width: 30%;
		margin: 0 0 0.4em;
	}
	
	#minsyuku-index #block03 .recipe-make {
		padding: 20px 0 0;
	}
	#minsyuku-index #block03 .recipe-make ul {
		font-size: 1.8rem;
	}
	#minsyuku-index #block03 .recipe-make li {
		margin: 0 0 0.8em;
	}
}

#minsyuku-index #block03 .recipe-prepare .recipe-ingredients dl .recipe-space {
	margin-bottom: 1.4em;
}

/** block04 **/
#minsyuku-index #block04 {
	background: #fff;
}

#minsyuku-index #block04 #staff-group {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#minsyuku-index #block04 .staff-box h3 {
	font-weight: 500;
}

@media only screen and (max-width: 640px) {
	#minsyuku-index #block04 {
		padding: 11.2vw 0;
	}
	#minsyuku-index #block04 .inner {
	}

	#minsyuku-index #block04 .block-head {
		margin: 0 0 6.8vw;
	}

	#minsyuku-index #block04 #staff-group {
		font-size: 3.733333vw; /* 28px */
		line-height: 1.5;
	}
	#minsyuku-index #block04 #staff-group.pc-style {
		display: none;
	}
	#minsyuku-index #block04 .staff-box div {
		margin: 0 0 1.4em;
	}
	#minsyuku-index #block04 .staff-box div:last-child {
		margin: 0;
	}
}
@media screen and (min-width: 641px) {
	#minsyuku-index #block04 {
		padding: 70px 0 100px;
	}
	#minsyuku-index #block04 .inner {
	}

	#minsyuku-index #block04 .block-head {
		margin: 0 0 64px;
	}

	#minsyuku-index #block04 #staff-group {
		width: 880px;
		font-size: 1.6rem;
		padding: 0 0 0 30px;
		margin: 0 auto;
	}
	#minsyuku-index #block04 #staff-group.sp-style {
		display: none;
	}
	#minsyuku-index #block04 .staff-box:nth-child(2) {
		padding: 0 0 0 20px;
	}
	#minsyuku-index #block04 .staff-box div {
		margin: 0 0 2.0em;
	}
}

/** block-movie **/
#minsyuku-index #block-movie {
	background: #fff5eb;
}

@media only screen and (max-width: 640px) {
	#minsyuku-index #block-movie {
		padding: 9.6vw 0;
	}
	#minsyuku-index #block-movie .inner {
	}
}
@media screen and (min-width: 641px) {
	#minsyuku-index #block-movie {
		padding: 72px 0;
	}
	#minsyuku-index #block-movie .inner {
	}

	#minsyuku-index #block-movie .movie-box {
		width: 720px;
		margin: 0 auto;
	}
}

/** block-broadcast **/
#minsyuku-index #block-broadcast {
	background: #fdad5f;
}

#minsyuku-index #block-broadcast h2 {
	font-weight: 500;
}
#minsyuku-index #block-broadcast .stream-service-group {
	text-align: center;
}
#minsyuku-index #block-broadcast .stream-service.bnr-02 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#minsyuku-index #block-broadcast .stream-service p {
}

@media only screen and (max-width: 640px) {
	#minsyuku-index #block-broadcast {
	}
	#minsyuku-index #block-broadcast .inner {
		padding: 4.0vw 0 5.4vw;
	}

	#minsyuku-index #block-broadcast h2 {
		font-size: 5.333333vw; /* 40px */
		text-align: center;
		margin: 0 0 3.2vw;
	}
	#minsyuku-index #block-broadcast p {
		font-size: 5.333333vw; /* 40px */
		/* font-size: 4.266667vw; */ /* 32px */
		margin: 0 0 2.4vw;
	}
	#minsyuku-index #block-broadcast .stream-service-group {
		margin: 0 0 6.0vw;
	}
	#minsyuku-index #block-broadcast .stream-service-group:last-child {
		margin: 0;
	}
	#minsyuku-index #block-broadcast .stream-service {
	}
	#minsyuku-index #block-broadcast .stream-service figure {
		width: 47.826087%;
		margin: 0 auto;
	}
}
@media screen and (min-width: 641px) {
	#minsyuku-index #block-broadcast {
	}
	#minsyuku-index #block-broadcast .inner {
		width: 940px;
		padding: 24px 0 30px;

		display: flex;
		align-items: flex-end;
		justify-content: center;
	}

	#minsyuku-index #block-broadcast h2 {
		width: 154px;
		font-size: 2.4rem;
		padding: 0 0 0.4em;
	}
	#minsyuku-index #block-broadcast p {
		font-size: 2.4rem;
		/* font-size: 2.0rem; */
		margin: 0 0 18px;
	}
	#minsyuku-index #block-broadcast .stream-service-group {
	}
	#minsyuku-index #block-broadcast .stream-service-group:nth-child(odd) {
		margin: 0 0 0 32px;
	}
	#minsyuku-index #block-broadcast .stream-service-group:nth-child(even) {
	}
	#minsyuku-index #block-broadcast .stream-service {
		width: 230px;
	}
	#minsyuku-index #block-broadcast .stream-service.bnr-02 {
		width: 524px;
		border-right: 2px solid #fff;
		padding: 0 32px 0 0;
	}
	#minsyuku-index #block-broadcast .stream-service figure {
		width: 230px;
	}
	#minsyuku-index #block-broadcast .stream-service figure a {
		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#minsyuku-index #block-broadcast .stream-service figure a:hover {
		opacity: 0.6;
	}
}

/** block-news **/
#minsyuku-index #block-news {
	background: #ffc184;
}

#minsyuku-index #block-news h2 {
	font-weight: 500;
}
#minsyuku-index #block-news .news-box {
	background: #fff;
}
#minsyuku-index #block-news dl {
}
#minsyuku-index #block-news dl.news-list02 {
	display: none;
}
#minsyuku-index #block-news dd {
	border-bottom: 1px solid #c9c9c9;
}
#minsyuku-index #block-news .news-btn {
	background: #c0504e;
	line-height: 1.0;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
}
#minsyuku-index #block-news .news-btn::after {
	content: "もっと見る";
	transition: .6s;
}	
#minsyuku-index #block-news .news-btn.active::after {
	content: "閉じる";
	transition: .6s;
}
#minsyuku-index #block-news .news-old {
	background: #fff;
}

@media only screen and (max-width: 640px) {
	#minsyuku-index #block-news {
	}
	#minsyuku-index #block-news .inner {
		padding: 3.6vw 0 7.2vw;
	}

	#minsyuku-index #block-news h2 {
		font-size: 5.333333vw; /* 40px */
		text-align: center;
		margin: 0 0 3.2vw;
	}
	#minsyuku-index #block-news .news-box {
		padding: 0 0 6.0vw;
	}
	#minsyuku-index #block-news dl {
		padding: 4.0vw 4.0vw 0;
	}
	#minsyuku-index #block-news dl.news-list02 {
		padding-top: 0;
	}
	#minsyuku-index #block-news dt {
		font-size: 3.733333vw; /* 28px */
		padding: 0.5em 0 0;
		margin: 0 0 0.2em;
	}
	#minsyuku-index #block-news dd {
		font-size: 4.266667vw; /* 32px */
		line-height: 1.5;
		padding: 0 0 0.5em;
	}
	#minsyuku-index #block-news .news-btn {
		width: 47.826087%;
		font-size: 4.266667vw; /* 32px */
		padding: 3.3vw 0 3.5vw;
	}
	#minsyuku-index #block-news .news-old {
		padding: 0 0 6.0vw;
	}
}
@media screen and (min-width: 641px) {
	#minsyuku-index #block-news {
	}
	#minsyuku-index #block-news .inner {
		width: 940px;
		padding: 42px 0 36px;

		display: flex;
		justify-content: space-between;
	}

	#minsyuku-index #block-news h2 {
		width: 126px;
		font-size: 2.4rem;
		padding: 20px 0 0;
	}
	#minsyuku-index #block-news .news-box {
		padding: 0 0 32px;
	}
	#minsyuku-index #block-news dl {
		width: 786px;
		padding: 20px 30px 0;
		position: relative;
	}
	#minsyuku-index #block-news dl.news-list02 {
		padding-top: 0;
	}
	#minsyuku-index #block-news dt {
		width: 90px;
		font-size: 1.4rem;
		padding: 0.8em 0;
		margin: 0.3em 0 0;
		position: absolute;
		left: 30px;
	}
	#minsyuku-index #block-news dd {
		flex: 1;
		font-size: 1.6rem;
		padding: 0.8em 0 0.8em 120px;
	}
	#minsyuku-index #block-news .news-btn {
		width: 160px;
		font-size: 1.6rem;
		border: 2px solid #c0504e;
		padding: 14px 0 16px;

		transition: 0.4s;
		backface-visibility: hidden; 
	}
	#minsyuku-index #block-news .news-btn:hover,
	#minsyuku-index #block-news .news-btn.active {
		background: #fff;
		color: #c0504e;
		border: 2px solid #c0504e;
	}
	#minsyuku-index #block-news .news-old {
		padding: 0 0 32px;
	}
}


/*** Tab ***/
#minsyuku-index #block02 #story-nav li span,
#minsyuku-index #block02 #story-nav li a {
	display: block;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#minsyuku-index #block02 #story-nav li span {
	cursor: default;
}

@media screen and (max-width: 640px) {
	#minsyuku-index #block02 #story-nav li span,
	#minsyuku-index #block02 #story-nav li a {
		padding: 100% 0 0;
	}
	#minsyuku-index #block02 #story-nav li.story-nav01 span {
		background: url(../images/nav/nav-story01-off-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav01 a {
		background: url(../images/nav/nav-story01-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav01.active a {
		background: url(../images/nav/nav-story01-on-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav02 span {
		background: url(../images/nav/nav-story02-off-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav02 a {
		background: url(../images/nav/nav-story02-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav02.active a {
		background: url(../images/nav/nav-story02-on-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav03 span {
		background: url(../images/nav/nav-story03-off-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav03 a {
		background: url(../images/nav/nav-story03-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav03.active a {
		background: url(../images/nav/nav-story03-on-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav04 span {
		background: url(../images/nav/nav-story04-off-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav04 a {
		background: url(../images/nav/nav-story04-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav04.active a {
		background: url(../images/nav/nav-story04-on-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav05 span {
		background: url(../images/nav/nav-story05-off-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav05 a {
		background: url(../images/nav/nav-story05-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav05.active a {
		background: url(../images/nav/nav-story05-on-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav06 span {
		background: url(../images/nav/nav-story06-off-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav06 a {
		background: url(../images/nav/nav-story06-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav06.active a {
		background: url(../images/nav/nav-story06-on-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav07 span {
		background: url(../images/nav/nav-story07-off-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav07 a {
		background: url(../images/nav/nav-story07-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav07.active a {
		background: url(../images/nav/nav-story07-on-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav08 span {
		background: url(../images/nav/nav-story08-off-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav08 a {
		background: url(../images/nav/nav-story08-sp.png) no-repeat center top;
		background-size: cover;
	}
	#minsyuku-index #block02 #story-nav li.story-nav08.active a {
		background: url(../images/nav/nav-story08-on-sp.png) no-repeat center top;
		background-size: cover;
	}
}
@media screen and (min-width: 641px) {
	#minsyuku-index #block02 #story-nav li span,
	#minsyuku-index #block02 #story-nav li a {
		width: 114px;
		height: 126px;
	}
	#minsyuku-index #block02 #story-nav li.story-nav01 span {
		background: url(../images/nav/nav-story01-off-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav01 a {
		background: url(../images/nav/nav-story01-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav01 a:hover {
		background: url(../images/nav/nav-story01-over-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav01.active a {
		background: url(../images/nav/nav-story01-on-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav02 span {
		background: url(../images/nav/nav-story02-off-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav02 a {
		background: url(../images/nav/nav-story02-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav02 a:hover {
		background: url(../images/nav/nav-story02-over-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav02.active a {
		background: url(../images/nav/nav-story02-on-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav03 span {
		background: url(../images/nav/nav-story03-off-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav03 a {
		background: url(../images/nav/nav-story03-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav03 a:hover {
		background: url(../images/nav/nav-story03-over-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav03.active a {
		background: url(../images/nav/nav-story03-on-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav04 span {
		background: url(../images/nav/nav-story04-off-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav04 a {
		background: url(../images/nav/nav-story04-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav04 a:hover {
		background: url(../images/nav/nav-story04-over-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav04.active a {
		background: url(../images/nav/nav-story04-on-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav05 span {
		background: url(../images/nav/nav-story05-off-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav05 a {
		background: url(../images/nav/nav-story05-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav05 a:hover {
		background: url(../images/nav/nav-story05-over-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav05.active a {
		background: url(../images/nav/nav-story05-on-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav06 span {
		background: url(../images/nav/nav-story06-off-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav06 a {
		background: url(../images/nav/nav-story06-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav06 a:hover {
		background: url(../images/nav/nav-story06-over-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav06.active a {
		background: url(../images/nav/nav-story06-on-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav07 span {
		background: url(../images/nav/nav-story07-off-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav07 a {
		background: url(../images/nav/nav-story07-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav07 a:hover {
		background: url(../images/nav/nav-story07-over-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav07.active a {
		background: url(../images/nav/nav-story07-on-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav08 span {
		background: url(../images/nav/nav-story08-off-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav08 a {
		background: url(../images/nav/nav-story08-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav08 a:hover {
		background: url(../images/nav/nav-story08-over-pc.png) no-repeat center top;
	}
	#minsyuku-index #block02 #story-nav li.story-nav08.active a {
		background: url(../images/nav/nav-story08-on-pc.png) no-repeat center top;
	}
}

#minsyuku-index #block02 .story-area {
	display: none;
}
#minsyuku-index #block02 .story-area.active {
	display: block;
	animation: show 1s linear 0s;
}

@keyframes show {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}