/**********************************************
	サイト設定
**********************************************/
body {
	background:url("../images/teiki/backimage.jpg") repeat;
}

.detailBlock {
	margin-bottom:2rem;
	padding:1rem;
	background-color:#fff;
	border-radius:0.25rem;
}

/**********************************************
	はじめにブロック
**********************************************/
.hajimeniBlock {
	margin-top:4.5rem;
	background:linear-gradient(-45deg, rgba(242,185,161,0.8), rgba(234,98,100,0.8)),url("../images/teiki/83149.png");
	background-size:cover;
}

.hajimeniBlockInner {
	margin:0 auto;
	padding:2rem 1rem;
	max-width:1024px;
}

.hajimeniTitleText {
	margin:3rem;
	text-align:center;
	font-weight:bold;
	font-size:3em;
	font-family:'Noto Serif JP',serif;
	color:#fff;
}

.hajimeniTitleText br {
	display:none;
}

.hajimeniList {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:1rem;
}

.hajimeniListInner {
	padding:1rem 0.5rem;
	width:calc(33.33% - 2rem / 3);
	text-align:center;
	background-color:#fff;
	border-radius:0.25rem;
}

.startListTitle {
	font-weight:bold;
	font-size:1.6rem;
	font-family:'Noto Serif JP',serif;
	color:#e67e22;
}

.startListIcon {
	font-size:3rem;
	color:#e67e22;
}

@media screen and (max-width:768px) {
	.hajimeniBlock {
		margin-top:0;
		padding-top:4rem;
	}

	.hajimeniList {
		flex-direction:column;
	}

	.hajimeniTitleText br {
		display:block;
	}

	.hajimeniListInner {
		width:100%;
	}

	.startListTitle {
		float:right;
		width:85%;
		text-align:left;
		font-size:1.5rem;
	}

	.startListIcon {
		float:left;
		width:15%;
		text-align:center;
		font-size:1.6rem;
	}
}

/**********************************************
	「定期便」ってなに？
**********************************************/
.naniTitle {
	margin-bottom:1rem;
	text-align:center;
	font-weight:bold;
	font-size:2em;
	font-family:'Noto Serif JP',serif;
	color:#ca3c3c;
}

/**********************************************
	自由なお届けサイクル
**********************************************/
.cycleList {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:1rem;
	margin:1rem 0;
}

.cycleListInner2 {
	padding:0.5rem 1rem;
	width:calc(50% - 1rem / 2);
	text-align:center;
	color:#16a085;
	border:2px solid #16a085;
	border-radius:5px;
}

.cycleListInner2 p:first-child {
	font-size:1.8rem;
}

.cycleListInner2 p:last-child {
	font-size:1.1rem;
}

.cycleListInner3 {
	padding:0.5rem 1rem;
	width:calc(33.33% - 2rem / 3);
	text-align:center;
	font-size:1.35rem;
	color:#e67e22;
	border:2px solid #e67e22;
	border-radius:0.25rem;
}

@media screen and (max-width:768px) {
	.cycleList {
		flex-direction:column;
	}

	.cycleListInner2 {
		padding:0.5rem;
		width:100%;
	}

	.cycleListInner2 p:first-child {
		font-size:1.35rem;
	}

	.cycleListInner2 p:last-child {
		font-size:1rem;
	}

	.cycleListInner3 {
		padding:0.5rem;
		width:100%;
	}
}

/**********************************************
	安心のお支払い
**********************************************/
.oshiharaiList {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:1rem;
	margin:1rem auto;
	max-width:360px;
}

/**********************************************
	変更・解除も簡単
**********************************************/
.henkouList {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:1rem;
	margin-top:1rem;
}

.henkouList div {
	padding:0.5rem 1rem;
	width:calc(33.33% - 2rem / 3);
	text-align:center;
	font-size:1.35rem;
	color:#e67e22;
	border:2px solid #e67e22;
	border-radius:0.25rem;
}

@media screen and (max-width:768px) {
	.henkouList {
		flex-direction:column;
	}

	.henkouList div {
		padding:0.5rem;
		width:100%;
	}

	.henkouList div br {
		display:none;
	}
}

/**********************************************
	以下より選んでね
**********************************************/
.ikayoriText {
	margin-bottom:2rem;
	text-align:center;
	font-weight:bold;
	font-size:2rem;
	font-family:'Noto Serif JP',serif;
	color:#e67e22;
}

/**********************************************
	本文
**********************************************/
.sectionStepText {
	margin-bottom:1rem;
	text-align:center;
	font-weight:bold;
	font-size:1.8rem;
	font-family:'Noto Serif JP',serif;
	color:#fff;
	background-color:#ca3c3c;
	border-radius:0.25rem;
}

.honbunText {
	text-align:center;
	line-height:1.75;
	font-size:1.35rem;
}

.honbunText2 {
	margin-bottom:1rem;
	line-height:1.75;
	font-size:1.35rem;
	font-weight:bold;
}

.honbunText2 span {
	display:inline-block;
	margin-right:0.5rem;
	padding:0 0.5rem;
	background-color:#900;
	color:#fff;
	border-radius:0.25rem;
}

.markerLine {
	display:inline-block;
	margin:0 10px;
	background:linear-gradient(transparent 60%, #66FFCC 60%);
}

/**********************************************
	ご確認事項
**********************************************/
.teikiWarningTitle {
	text-align:center;
	font-size:1.5rem;
	margin-bottom:1rem;
}

.teikiWarningText li {
	margin-left:2rem;
	margin-bottom:0.75rem;
	list-style-type:circle;
	font-weight:300;
	font-size:0.9rem;
}

.telText {
	margin-top:1rem;
}

.bigTelText {
	display:inline-block;
	margin-left:0.5rem;
	font-family:"Oswald";
	font-size:1.5rem;
	color:#0087cb;
}

/**********************************************
	カート（1行に3商品）
**********************************************/
.threeBlockTitle {
	margin-bottom:1rem;
	font-weight:bold;
	font-size:2.0rem;
	font-family:'Noto Serif JP',serif;
	color:#ca3c3c;
	border-bottom:3px solid #ca3c3c;
}

.threeBlockCart {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:1rem;
	 margin-bottom:1rem;
}

.threeBlockInner {
	width:calc(33.33% - 2rem / 3);
}

.threeBlockInnerInner {
	padding:0.5rem;
	background-color:#fff;
	border:1px solid #aaa;
	border-radius:0.25rem;
}

.threeBlockCartImage {
	margin-bottom:0.5rem;
	padding:0 20%;
	text-align:center;
}

.threeBlockCartTitle {
	margin-bottom:0.5rem;
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;
}

@media screen and (max-width:1468px) {
	.threeBlockInner {
		width:calc(33.33% - 4rem / 3);
	}
}

@media screen and (max-width:1024px) {
	.threeBlockInner {
		width:calc(50% - 2rem / 2);
	}
}

@media screen and (max-width:568px) {
	.threeBlockInner {
		width:100%;
	}

	.threeBlockCartImage {
		margin-bottom:5%;
		padding:0 30%;
	}
}

/**********************************************
	通常購入リンクボタン
**********************************************/
.normalCartLinkButton {
	margin-bottom:2rem;
	padding:0.25rem 1rem;
	width:100%;
	background:#7a2121;
	border-radius:0.25rem;
}

.normalCartLinkButton a {
	color:#fff;
	text-decoration:none;
	font-size:1.1rem;
}

/**********************************************
	定期購入リボン
**********************************************/
.ribbon19-wrapper {
	display:block;
	position:relative;
	margin:0 auto;
}

.ribbon19-content {
	position:absolute;
	overflow:hidden;
	top:0;
	right:0;
	width:85px;
	height:85px;
}

.ribbon19 {
	display:inline-block;
	position:absolute;
	padding:5px 0;
	left:-24px;
	top:20px;
	width:160px;
	text-align:center;
	font-size:15px;
	line-height:15px;
	background:#39c3d4;
	color:#fff;
	letter-spacing:0.05em;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	box-shadow:0 0 0 2px rgb(57, 195, 212);
	border-top:dashed 1px rgba(255, 255, 255, 0.65);
	border-bottom:dashed 1px rgba(255, 255, 255, 0.65);
}