@charset "UTF-8";


/* Sass Document */
.modal-content {
	position: relative;
	max-width: 84rem;
	margin: 3rem auto;
	padding: 6rem 0;
	border: 3px solid #ffe100;
	border-radius: 15px;
	background: #fff;
}

.modal-content .cathc {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.6;
	text-align: center;
}

.modal-content .arrange__title {
	color: #ff8d1e;
	font-size: 3.2rem;
	font-size: 700;
	line-height: 1.2;
	text-align: center;
}

.modal-content .material__content {
	width: 38rem;
	margin-left: auto;
}

.modal-content .arrange_m-title {
	margin-bottom: 2rem;
	color: #ff8d1e;
	font-size: 2.4rem;
	font-weight: 700;
}

.modal-content .m-note {
	margin-top: 1rem;
	color: #000;
	font-size: 1.6rem;
	font-weight: 700;
}

.modal-content .btn {
	margin-top: 4rem;
	text-align: center;
}

.modal-content .m-title {
	margin-bottom: .5em;
	padding: .6em 1.8em;
	border-radius: 100px;
	background: rgba(253, 122, 25, 0.6);
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
}

.modal-content .m-text {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1.8rem;
	line-height: 1.7;
}

.modal-content .m-text.m-text-small {
	font-size: 1.4rem;
}

.modal-content .m-text.pb {
	/*padding-bottom: 2rem;
		@include mq(m){
			padding-bottom: 4vw;
		}*/
}

.modal-inner {
	max-width: calc(717px + 4rem);
	margin: 0 auto;
	padding: 0 2rem;
}

.material__content >
.recipe__list {
	margin-bottom: 2rem;
}

.col2 {
	display: flex;
	margin-top: 3rem;
}

.col2 .img-wrapper {
	flex-shrink: 0;
	width: 32rem;
	margin-right: 2rem;
}

.line-orange .tool__title,
.line-orange .tool__name,
.line-orange .recipe__title,
.line-orange .recipe__item {
	padding: 0;
	background-color: #fff;
	/* 背景色 */
	background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, transparent calc(100% - 1px), #fd7a0f 100%);
	/* 点線2の色と太さ */
	background-size: 6px 100%, 100% 1.5em;
	font-size: 1.8rem;
	/* 点線2のサイズ */
	line-height: 1.6em;
	/* 文字の高さ */
}

.ie11 .line-orange .tool__title,
.ie11 .line-orange .tool__name,
.ie11 .line-orange .recipe__title,
.ie11 .line-orange .recipe__item,
.ie11 .line-orange .m-text.has_line {
	background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, transparent 99%, #fd7a0f 100%);
	/* 点線2の色と太さ */
	background-size: 6px 100%, 100% 1.5em;
	/* 点線2のサイズ */
}

.recipe__item {
	display: block;
	clear: both;
}

.quantity {
	display: inline-block;
	margin-left: 1em;
	float: right;
}

.m-text.has_line {
	padding: 0;
	background-color: #fff;
	/* 背景色 */
	background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, transparent calc(100% - 1px), #fd7a0f 100%);
	/* 点線2の色と太さ */
	background-size: 6px 100%, 100% 1.5em;
	/* 点線2のサイズ */
	line-height: 1.6em;
	/* 文字の高さ */
}

.m-blank {
	min-height: 1.6em;
}

.hr-line-orange {
	width: 100%;
	height: 2px;
	margin: 2rem 0 3rem;
	border: none;
	background: linear-gradient(to right, #fd7a0f, #fd7a0f 33%, rgba(253, 122, 15, 0) 33%, rgba(253, 122, 15, 0) 100%) 0% 0%;
	background-size: 6px 2px;
}

.flow__list {
	margin-top: 2.5rem;
}

.flow__item {
	display: flex;
	min-height: 4.5em;
	margin-top: 1rem;
}

.flow__item .m-number {
	flex-shrink: 0;
	width: 4rem;
	margin-right: 1rem;
}

.flow__item .m-text {
	margin-top: .3em;
}

.title-oragne {
	margin-top: 2rem;
	margin-bottom: 1rem;
	color: #fd7a0f;
	font-size: 2.4rem;
	font-weight: 700;
}

.list {
	margin-top: 2rem;
}

.item {
	width: 74px;
	margin-bottom: .2em;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1.8rem;
	line-height: 1.6;
}

.m-block {
	margin-top: 3rem;
}

.recipe__list + .m-text {
	margin-top: -1rem;
}

.m-block + .col2 {
	margin-top: 5rem;
}

.m-block .m-title + .m-text {
	margin-top: 2rem;
}

.mfp-close,
.modal-close-btn {
	cursor: pointer;
	transition: .3s;
}

.mfp-close:hover,
.modal-close-btn:hover {
	opacity: .7;
}

@media screen and (max-width: 812px) {
	.modal-content {
		margin: 10vw 7vw 7vw;
		padding: 7vw 0;
	}
	.modal-content .cathc {
		margin-bottom: 2vw;
		font-size: 3.8vw;
	}
	.modal-content .arrange__title {
		font-size: 4.9vw;
	}
	.modal-content .material__content {
		width: auto;
		margin-left: 0;
	}
	.modal-content .arrange_m-title {
		margin-bottom: 4vw;
		font-size: 4.6vw;
	}
	.modal-content .m-note {
		font-size: 3.5vw;
	}
	.modal-content .btn {
		margin: 10vw auto 0;
		padding: 0 6vw;
		font-size: 4.6vw;
	}
	.modal-content .m-title {
		margin-bottom: .8em;
		padding: .6em 1em;
		font-size: 3.9vw;
	}
	.modal-content .m-text {
		font-size: 3.9vw;
	}
	.modal-inner {
		padding: 0 6vw;
	}
	.img-note-wrapper {
		margin-bottom: 6vw;
	}
	.col2 {
		display: block;
	}
	.col2 .img-wrapper {
		width: auto;
		margin-right: 0;
	}
	.line-orange .tool__title,
	.line-orange .tool__name,
	.line-orange .recipe__title,
	.line-orange .recipe__item {
		font-size: 3.9vw;
	}
	.quantity.has_line {
		display: block;
		width: 100%;
		padding: 0;
		background-color: #fff;
		/* 背景色 */
		background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, transparent calc(100% - 1px), #fd7a0f 100%);
		/* 点線2の色と太さ */
		background-size: 6px 100%, 100% 1.5em;
		/* 点線2のサイズ */
		line-height: 1.6em;
		text-align: right;
		/* 文字の高さ */
	}
	.hr-line-orange {
		margin: 4vw 0 6vw;
	}
	.flow__list {
		margin-top: 5vw;
	}
	.flow__item {
		min-height: inherit;
	}
	.flow__item .m-number {
		width: 7vw;
	}
	.flow__item .m-text {
		margin-top: .1em;
	}
	.title-oragne {
		margin: 6vw 0 2vw;
		font-size: 4.2vw;
	}
	.list {
		margin-top: 4vw;
	}
	.item {
		font-size: 3.9vw;
	}
	.m-block {
		margin-top: 4vw;
	}
	.m-block + .col2 {
		margin-top: 6vw;
	}
	.m-block .m-title + .m-text {
		margin-top: 4vw;
	}
}

/*# sourceMappingURL=sourcemaps/arrange_detail.css.map */