@charset "utf-8";
/* CSS Document */


.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}

#blend-3nomikurabe #intro,
#blend-3nomikurabe #kodawari{
	scroll-margin-top: 150px;
}
#blend-3nomikurabe{
	width:960px;
	margin:0 auto;
	font-size:25px;
	background: #fff;
	padding: 0 0 20px;
}
#blend-3nomikurabe img{
	width:100%;
}
#blend-3nomikurabe .img1{
	padding:0 0 50px;
}
#blend-3nomikurabe .img2{
	padding:0 0 50px;
}
#blend-3nomikurabe .link ul{
	list-style:none;
	width:100%;
	padding:0;
	margin:0 0 30px;
}
#blend-3nomikurabe .link ul li{
	float:left;
	width:49%;
	margin:0 2% 0 0;
	font-size:30px;
	text-align:center;
}
#blend-3nomikurabe .link ul li:nth-child(1){
	background:#3b6866;
}
#blend-3nomikurabe .link ul li:nth-child(2){
	background:#ee5f00;
	margin:0;
}
#blend-3nomikurabe .link ul li .arr{
	background:url(/img/user/images/9262rwd/icon-under-arr.png) no-repeat 50% 85%;
	display:block;
}
#blend-3nomikurabe .link ul li a{
	padding:15px 0 40px;
	display:block;
	color:#FFF !important;
	text-decoration:none;
}

#blend-3nomikurabe .img3{
	padding:0 0 100px;
}


/* 味わい豊かな3種類のブレンドのご紹介 */
#blend-3nomikurabe #intro{
	padding:0 0 90px;
}
#blend-3nomikurabe #intro .t-intro{
	padding:0 0 60px;
}
#blend-3nomikurabe #intro ul{
	list-style:none;
	width:100%;
	padding:0;
}
#blend-3nomikurabe #intro ul li{
	float:left;
	width:31%;
	margin:0 3% 0 0;
	text-align:center;
}
#blend-3nomikurabe #intro ul li:nth-child(3){
	margin:0;
}
#blend-3nomikurabe #intro ul li img{
	display:block;
	padding:0 0 20px;
	width: 100%;
}


/* 商品 */
#blend-3nomikurabe .item{
	padding:0 0 80px;
}
#blend-3nomikurabe .item .item-img1{
	padding:0 0 30px;
}
#blend-3nomikurabe .item p{
	padding:0 0 20px;
	margin:0;
	line-height:1.6;
}
#blend-3nomikurabe .item table{
	border:1px solid #e5e5e5;
	margin:0 2% 30px;
	width:96%;
}
#blend-3nomikurabe .item table th{
	width:15%;
	background:#e5e5e5;
	font-weight: normal;
}
#blend-3nomikurabe .item table tr:nth-child(1) th{
	border-bottom:1px solid #fff;
}
#blend-3nomikurabe .item table td{
	width:85%;
	line-height:1.6;
}
#blend-3nomikurabe .item table tr td{
	padding:2%;
}
#blend-3nomikurabe .item table tr:nth-child(1) td{
	border-bottom:1px solid #e5e5e5;
}




/* ----------------------------------------
こだわり
---------------------------------------- */
#blend-3nomikurabe #kodawari{
	background-color: #F8F2E9 !important;
	padding: 40px 0 0;
}
#blend-3nomikurabe .kodawari-section {
	padding: 40px 0 50px;
	font-size: 17px;
}

/* こだわりアイコン */
#blend-3nomikurabe .kodawari-section .icon-kodawari {
	width: 215px;
	padding: 0 0 10px;
}

/* こだわり内の見出し */
#blend-3nomikurabe .kodawari-section h3 {
	margin: 0 0 25px;
	padding: 4px 0 4px 13px;
	border-left: solid 4px #ef8e2c;
	font-size: 20px;
}

/* txt-img */
#blend-3nomikurabe .kodawari-section .txt-img {
	display: flex;
	
	width: 100%;
	padding: 0 0 50px 0;
}
#blend-3nomikurabe .kodawari-section .txt-img .txt {
	width: 45%;
	max-width: 390px;
	padding-right: 40px;
	box-sizing: border-box;
}
#blend-3nomikurabe .kodawari-section .txt-img .img {
	width: 55%;
	max-width: 540px;
	padding: 5px 0 0;
}


/* 文章 */
#blend-3nomikurabe .kodawari-section p {
	font-size: 17px;
	line-height: 1.8;
	margin: 0;
}

/* 鑑定士のブログはこちら */
#blend-3nomikurabe .kodawari-section .btn-details {
	padding: 22px 0 0;
}
#blend-3nomikurabe .kodawari-section .btn-details a {
	display: flex;
	align-items: center;
	
	width: 320px;
	height: 48px;
	padding: 0 0 0 60px;
	box-sizing: border-box;
	border-radius: 50px;
	font-weight: bold;
	font-size: 16px;
	color: #fff !important;
	background: #cc473c url(/img/common/f_guide_arrow_circle_right_white.png) no-repeat calc(100% - 18px) 50%;
	background-size: 20px 20px;
	text-decoration: none !important;
}




#blend-3nomikurabe .img10{
	padding:0 0 60px;
}
#blend-3nomikurabe .img11{
	padding:0 0 50px;
}


/* セット内容 */
#blend-3nomikurabe .set{
	padding:0 0 60px;
}
#blend-3nomikurabe .set .t-set{
	padding:0 0 25px;
}
#blend-3nomikurabe .set ul{
	list-style:none;
	width:100%;
	padding:0;
}
#blend-3nomikurabe .set ul li{
	float:left;
	width:31%;
	margin:0 3% 0 0;
	font-size:25px;
	text-align:center;
}
#blend-3nomikurabe .set ul li:nth-child(3){
	margin:0;
}
#blend-3nomikurabe .set ul li img{
	display:block;
	padding:0 0 30px;
	width: 100%;
}




/*おすすめ*/

#blend-3nomikurabe .osusume-comment{
	margin:0 auto 5%;
	padding:2%;
	border: dashed 1px #e5e5e5;
	font-size:0.9em;
	color:#522800;
	width:96%;
}
#blend-3nomikurabe .osusume-comment .heading{
	padding:1%;
	background:#e5e5e5;
	font-size:1.2em;
}
#blend-3nomikurabe .osusume-comment .osusume-comment-box{
	padding:2% 1%;
}
#blend-3nomikurabe .osusume-comment .heading .mark1{
	color:#f00;
}

#blend-3nomikurabe .osusume-comment-box span{
	color:#ff0000;
	font-weight:bold;
}


@media screen and ( max-width:767px) {

	#blend-3nomikurabe #intro,
	#blend-3nomikurabe #kodawari{
		scroll-margin-top: calc(26.6666666667vw + 10px);
	}
	#blend-3nomikurabe{
		width:100%;
		margin:0;
		font-size:1em;
	}
	#blend-3nomikurabe .img1{
		padding:0 0 5%;
	}
	#blend-3nomikurabe .img2{
		padding:0 0 5%;
	}
	#blend-3nomikurabe .link ul li{
		font-size:3.6vw;
	}
	#blend-3nomikurabe .link ul li a{
		padding:6% 0 12%;
	}
	#blend-3nomikurabe .link ul li .arr{
		background:url(/img/user/images/9262rwd/icon-under-arr.png) no-repeat 50% 83%;
		background-size:20%;
		display:block;
	}

	#blend-3nomikurabe .img3{
		padding:0 0 10%;
	}


	/* 味わい豊かな3種類のブレンドのご紹介 */
	#blend-3nomikurabe #intro{
		padding:0 0 9%;
	}
	#blend-3nomikurabe #intro .t-intro{
		padding:0 0 6%;
	}

	#blend-3nomikurabe #intro ul li img{
		padding:0 0 2%;
	}

	/* 商品 */
	#blend-3nomikurabe .item{
		padding:0 0 8%;
	}
	#blend-3nomikurabe .item .item-img1{
		padding:0 0 3%;
	}
	#blend-3nomikurabe .item p{
		padding:0 2% 2%;
	}
	#blend-3nomikurabe .item table{
		width:96%;
		margin:0 2% 5%;
	}
	#blend-3nomikurabe .item table th{
		width:20%;
	}
	#blend-3nomikurabe .item table td{
		width:80%;
	}


	/* ----------------------------------------
	こだわり
	---------------------------------------- */
	#blend-3nomikurabe .kodawari-section {
		padding: 30px 0;
	}

	#blend-3nomikurabe .kodawari-section .kodawari-3 .txt-img {
		padding: 0 0 40px;
	}

	/* こだわりアイコン */
	#blend-3nomikurabe .kodawari-section .icon-kodawari {
		width: 215px;
		padding: 0 0 12px;
	}

	/* こだわり内の見出し */
	#blend-3nomikurabe .kodawari-section h3 {
		margin: 0 0 30px;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.6;
		letter-spacing: 0.07em;
		padding-left: 15px;
		padding-block: 4px;
		position: relative;
		border-left: none;
	}
	#blend-3nomikurabe .kodawari-section h3::before {
		content: "";
		display: block;
		width: 4px;
		height: 100%;
		background-color: #EF8E2C;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}

	/* txt-img */
	#blend-3nomikurabe .kodawari-section .txt-img {
		display: block;
		padding: 0 0 54px 0;
	}
	#blend-3nomikurabe .kodawari-section .txt-img .txt {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 0 33px;
	}
	#blend-3nomikurabe .kodawari-section .txt-img .img {
		width: 100%;
		max-width: 100%;
		padding: 5px 0 0;
	}


	/* 文章 */
	#blend-3nomikurabe .kodawari-section p {
		font-weight: 400;
		line-height: 1.8;
		letter-spacing: 0.07em;
		font-size: 14px;
	}

	/* 鑑定士のブログはこちら */
	#blend-3nomikurabe .kodawari-section .btn-details {
		padding: 25px 0 0;
	}
	#blend-3nomikurabe .kodawari-section .btn-details a {
		display: flex;
		align-items: center;
		width: 340px;
		height: 48px;
		padding: 0 0 0 67px;
		box-sizing: border-box;
		border-radius: 50px;
		letter-spacing: 0.2em;
		font-weight: bold;
		font-size: 16px;
		color: #fff;
		background: #cc473c url(/img/common/f_guide_arrow_circle_right_white.png) no-repeat calc(100% - 18px) 50%;
		background-size: 20px 20px;
	}




	#blend-3nomikurabe .img10{
		padding:0 0 6%;
	}
	#blend-3nomikurabe .img11{
		padding:0 0 5%;
	}


	/* セット内容 */
	#blend-3nomikurabe .set{
		padding:0 0 6%;
	}
	#blend-3nomikurabe .set .t-set{
		padding:0 0 2.5%;
	}
	#blend-3nomikurabe .set ul li{
		font-size:1em;
	}

	#blend-3nomikurabe .set ul li img{
		padding:0 0 3%;
	}


	/*おすすめ*/
	#blend-3nomikurabe .osusume-comment{
		font-size:1em;
		margin:0 auto 5%;
		width:96%;
	}


}