@charset "utf-8";

/* 商品詳細 */
.productdetail-imgarea{
	width:100%;
	float:unset;
}
.slide-item::before {
	padding-top: 66.666%;
	display: block;
	content: '';
}
ul#thumbnail_slider {
	display: flex;
	margin: 1.0rem auto 2.0rem;
	padding: 0;
	list-style: none;
	width: 75%;
	max-width: 480px;
}

.productdetail-formarea {
	width:100%;
	float:unset;
	padding:1.0rem 0 0;
}
.contents-block .productdetail-formarea .ql-editor img {
	width: 100% !important;
	max-width: max-content !important;
}
.contents-block .ql-editor p{
	line-height: 1.6rem !important;
	margin: 0 0 0 0rem !important;
}
.mini_title{
	font-size:1.2rem;
	font-weight:bold;
	margin:1rem 0 0.5rem 0;
}


	/* メニュー見出し文字 hack用 */
	.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
		content: 'H1見出し';
		font-size:unset;
		border-left: 5px solid #98db54;
		padding: 0.25rem 0.5rem 0.25rem 0.5rem;
		font-style: normal;

	}
	.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
		content: 'H2見出し';
		font-size:unset;
		display: inline;
		background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(152,219,84,1) 70%);
	}
	.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
		content: 'H3見出し';
		font-size:unset;
		position: relative;
		display: inline-block;
		margin: 0 0 0.5rem 0;
		padding: 0.5rem 1rem;
		line-height: 1;
		color: #fff;
		text-decoration: none;
		font-style: normal;
		letter-spacing: 0.05rem;
		font-weight: normal;
		background-color:#98db54;
		font-size:1.0rem;
	}


	.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
		content: 'H4見出し（横線）';
		font-size:unset;
		
	}
	.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
		content: 'ボタンリンク';
		font-size:unset;
		padding: 0.5rem 1rem;
		border-radius: 10em;
		font-weight: 700;
		text-align: center;
		border: 0;
		background-color: #98db54;
		color: #000;
	}
	.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
		content: '区切り線';
		width:100%;
		border-bottom:1px solid #555555;
		font-size:unset;
	}
	.ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before {
		content: '通常文字';
		font-size:unset;
	}

	.ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before {
		content: '通常サイズ';
		font-size:unset;
	}

	.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
		content: '文字サイズ：小';
		font-size:unset;
	}

	.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
		content: '文字サイズ：大';
		font-size:unset;
	}

	.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
		content: '文字サイズ：特大';
		font-size:unset;
	}
.ql-editor ol, .ql-editor ul {
	line-height: 2.0rem !important;
}

.ql-snow .ql-editor h1 ,.ql-bubble .ql-editor h1 {
	border-left: 5px solid #f87c5a !important
}
.ql-snow .ql-editor h2 ,.ql-bubble .ql-editor h2 {
	background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(248,124,90,1) 70%) !important;
}
.ql-snow .ql-editor h3 ,.ql-bubble .ql-editor h3 {
	background-color:#f87c5a !important
}
.ql-snow .ql-editor h3:before ,.ql-bubble .ql-editor h3:before {
	border-color: transparent transparent transparent #f87c5a !important
}
.ql-snow .ql-editor h4:before ,.ql-bubble .ql-editor h4:before{
	background-color:#f87c5a !important
}
.ql-snow .ql-editor h5 a ,.ql-bubble .ql-editor h5 a {
	background-color: #f87c5a !important
}

/* TOP商品 */
.cate_title{
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.5rem 4.0rem 0.5rem 0.5rem;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.cate_title::after{
	content: '';
	display: block;
	border-top: 1px solid #ccc;
	position: absolute;
	top: calc(50% - 0.5px);
	right: 0;
	width: 3.5rem;
}