@charset "UTF-8";
@font-face {
  font-family: "FOT";
  src: url("../fonts/FOT-TsukuGoPro-D.woff2?var=xx2") format('woff2'),
	   url("../fonts/FOT-TsukuGoPro-D.woff?var=xx2")  format('woff');
}

.FOT-TsukuMinPr6N {
	font-family: fot-tsukumin-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.han{
	font-family: "source-han-sans-jp-variable", sans-serif!important;
	font-variation-settings: "wght" 250;
}

.TsukuGoPro{
	font-family: FOT!important;
}

html, .contents * p{
	font-family: fot-tsukumin-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
}

.b1{
	font-weight: 300;
}
.b400{
	font-weight: 400!important;
}
.b500{
	font-weight: 500!important;
}
.b600{
	font-weight: 600!important;
}

.mod-footLink {
	background: #f5f3f3;
}

.mod-footLink-logo{
	margin-top:0px;
}


.s1{
	font-size: 1.8vw!important;
	font-weight: lighter; 	
}
.s2{
	font-size: 1.4vw!important;
}
.price{
	font-weight: lighter; 
	font-size: 1.8vw!important;

}
.zei{
	font-size: 1.4vw!important;
}

.center{
	text-align:center;
}
.left{
	text-align:left;
}


li {
	list-style-type: none;
}

#wrapper{
	text-align: center!important;
}


.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.clear{
	clear: both;
	width : 100%;
}

.contents {
	background: #fff;
	padding: 0 0px 0px 0px;
	display:inline-block;
	width:100%;
	color: black;
}

.indexImg{
	background-image: url("../img/ice-butter-sand_pc7.jpg");
	background-repeat: no-repeat;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-size: 100% auto;
	width: 100%;
	height: auto;
	padding-top: 51.5%;
	object-fit: contain;
	background-position: bottom;
}

.section{
	width:100%;
	box-sizing: border-box;
}

.star_label{
	display: inline-block;
	position: relative;

}
.blue{
	color: #233780;
}
.main_midashi {
	display: block;
	text-align: center;
}
.sub_midashi {
	text-align: center;
	display: block;
}
.star{
	border-width: 1px;
	border-style: inset;
	margin: 10px 0 15px 0;
	padding: 0 10px 0 10px;

}
.star::after, .star::before{
	content: "";
	position: absolute;
    display: block;
	width: 42px;
    height: 42px;
	background-repeat:no-repeat!important;	
	top: 42px;	
}
.star::after {
  	right: -50px;
}

.star::before {
  	left: -28px;
}
.star.blue{
	border-color: #233780;
}
.star.blue::before, .star.blue::after {
    background: url("../img/blue_star.png");
}
.star.white{
	border-color: white;
}
.star.white::before, .star.white::after {
    background: url("../img/white_star.png");
}

/*ご購入はこちらボタン*/
.btn,
a.btn,
button.btn {
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 5rem 0.7rem 5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #393535;
  border-radius: 0.5rem;
}

.btn--buy,
a.btn--buy {
  color: white;
  background-color: #B98C4B;
}
a.btn--radius {
   border-radius: 100vh;
}

.padding8{
	padding: 8% 10% 8% 10%;
	display: inline-block;
}
.section_23377F {
	background-color:#23377F;
	padding:8% 10% 8% 10%;
	color: #fff;
}
.section_23377F.top{
	padding:6% 10% 8% 10%;
}
.img_left{
	display: inline-block;
}
.img_left .text_area{
	float: left;
	width: 30%;
}
.img_left .img_area{
	float: left;
	width: 65%;	
	margin-left: 5%;
}
.img_right{
	margin : 0 5% 0 5%;
	width: 90%;
	display: inline-block;
	position: relative;
}
.img_right .text_area{
	float: right;
	width: 50%;
	padding-left: 5%;;
}
.img_right .img_area{
	float: left;
	width: 50%;	
}
.img04-02 img{
	width: 50%;	
	margin: -5% 25% 0 25%;
}


.itemtitle_container {
	text-align: left;
}
.itemtitle {
	font-size:18px;
}
.itemtitle.small {
	font-size:12px;
}

/*商品詳細、特定原材料*/
.itemdetail{
	border-radius:8px;
	text-align:left;
	padding:2em;
	font-size:12px;
	letter-spacing: 0.2px;
	width:100%;
	border: 1px solid #233780;

}

.itemdetail_caution{
	font-size : 10px!important;
	line-height: 1.7;
	letter-spacing: 0.2px;
	margin-top:0.3em;
	margin-bottom:0.1em;
}

@media (min-width: 751px) {
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
	.mod-footLink-logo {
		width: 6%;
		margin-right: 10%!important;
	}
}

.point_area{
	margin: 0 5%;
	width: 90%;
}

.top_image{
	width: 40%;
	float: left;
}
.top_text{
	width: 55%;
	float: right;
}

.star_main, .sen{
	text-align: center;
	display: inline-block;
}
.sen1{
	width: 180px;
}
.sen2{
	width: 130px;
}
.sen3{
	width: 100px;
}
.img1, .img2{
	width: 12px;
	height: 12px;
	margin-top: 4px;
}
.img1, .img2, .sen{
	float: left;
}
.blue.sen{
	border-color: #233780;
}
.sen{
	border-width: 0px 0px 1.0px 0px;
	border-style: inset;
	margin: 10px 10px 15px 10px;
}

.schedule_text span{
	border-color: #fff;
	display: block;
	width: 50%;
	margin: 0 25% 10px 25%;
	padding-bottom: 8px;
	text-align: left;
	border-width: 0px 0px 1.0px 0px;
	border-style: inset;
}
.go_to{
	padding: 6.0px 100px;
	margin: 5px 0px 0px 0px;
	display: inline-block;
	border-radius: 50px;
	letter-spacing: 0.2em;
	line-height: 38px;
	background-color: #D3AB5F;
}
.go_to span{
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
/* フルサイズ -------------------------------------------------- */
@media (min-width: 1025px) {
	.SPonly,
	.SPonly_process {
		display:none;
	}

	.big{
		font-size: 20px!important;
	}
	.zei{
		font-size: 16px!important;
	}
	.label{
		font-size : 16px!important;
	}
	.small1{
		font-size : 14px!important;
		line-height: 1.2;
		letter-spacing: 2px;
	}
	.paddingTop4{
		padding-top: 4%;
	}
	img.point1{
		float:left;
		width:47%;
		margin-right: 3%;
	}
	div.point1{
		float:left;
		width:50%;
	}
	img.point2{
		float:right;
		width:50%;
	}
	div.point2{
		float:right;
		width:47%;
		margin-right: 3%;
	}
	div.point_point2{
		float:right;
		width:47%;
		height: 430px;
	}
	img.top_point1 {
		width:358px;
		max-width:100%;
		text-align:left;
	}
	div.point_point1,
	img.point_point1{
		float:left;
		width:47%;
		height: 430px;
	}
	img.itemdetail_point1,
	div.itemdetail_point1 {
		float:left;
		width:49%;
	}

	img.itemdetail_point2,
	div.itemdetail_point2 {
		float:right;
		width:46%;
		text-align: left;
	}

	div.process_point1 {
		float:left;
		width:55%;
		margin-left:49px;
	}
	div.process_point2 {
		float:right;
		width: 35%;
		margin-top: 140px;
	}
	div.process_point3 {
		float:left;
		width:48%;
		margin-left:0px;
		margin-top:1vw;
	}
	div.process_point4 {
		float:right;
		width:50%;
		padding-left:50px;
	}


	.letterspacing_0 {
		letter-spacing: 0px!important;
	}
	.letterspacing_06 {
		letter-spacing: -0.6px!important;
	}
	.letterspacing_tight {
		letter-spacing: -0.4px!important;
	}
	.letterspacing_03 {
		letter-spacing: -0.3px!important;
	}
	.top_container {
		display:table;
		width:100%;
	}

	.itemtitle_container {
		width:100%;
		text-align: left;
	}
	.midashi2::after {
		height:4px;
		transform: scale(1);
	}
	.ashirai_snow {	
	padding-bottom:10px;
	}

	/*iPhoneSEの時だけ改行*/
	br.spsmall {
		display: none;
	}
}


/* タブレットサイズ -------------------------------------------------- */
@media (min-width: 751px) and (max-width: 1024px) {
	.TABNot,
	.SPonly,
	.SPonly_process {
		display:none;
	}
	.TABonly{
		display:block;

	}
	p {
		font-size: 14px!important;
		line-height: 28px;
		letter-spacing: 2px;
	}
	.big{
		font-size: 18px!important;
	}
	.padding8 {
	  padding: 4%;
	}
	.zei{
		font-size: 16px!important;
	}
	.label{
		font-size : 16px!important;
	}
	.small1{
		font-size : 14px!important;
		line-height: 1.2;
		letter-spacing: 2px;
	}
	.point_area {
		margin: 0%;
		width: 100%;
	}
	div.point1{
		float:left;
		width:50%;
	}
	img.point1{
		float:left;
		width:47%;
		margin-right: 3%;
	}
	div.point_point1,
	img.point_point1{
		float:left;
		width:43.5%;
		height: 430px;
	}
	img.itemdetail_point1,
	div.itemdetail_point1 {
		float:left;
		width:42%;
	}
	div.point_point2 {
		float:right;
		width:43.5%;
		height: 430px;
	}
	img.itemdetail_point2,
	div.itemdetail_point2 {
		float:right;
		width:46%;
	}

	div.process_point1 {
		float:left;
		width:55%;
		margin-left:49px;
	}
	div.process_point2 {
		float:right;
		width: 35%;
		margin-top: 140px;
	}
	div.process_point3 {
		float:left;
		width:45%;
	}
	div.process_point4 {
		float:right;
		width:50%;
	}
	img.point2{
		float:right;
		width:50%;
	}
	div.point2{
		float:right;
		width:47%;
		margin-right: 3%;
	}


	.letterspacing_06 {
		letter-spacing: -0.6px!important;
	}	
	.letterspacing_tight {
		letter-spacing: -0.4px!important;
	}
	.letterspacing_03 {
		letter-spacing: -0.3px!important;
	}
	.top_container {
		display:table;
		width:100%;
	}
	img.top_point1 {
		width:358px;
		max-width:100%;
	}
	.section_ffe6a5 {
		padding:0 9%;
	}
	.itemtitle_container {
		text-align: center!important;
		width:100%;
	}
	.midashi2::after {
		height:4px;
		transform: scale(1);
	}
	.ashirai_snow {	
		padding-bottom:10px;
	}
	.itemdetail{
		letter-spacing: 1px;
	}
	/*iPhoneSEの時だけ改行*/
	br.spsmall {
		display: none;
	}

	.img04-02{
		display: none;
	}

}

/* スマホサイズ -------------------------------------------------- */
@media (max-width: 750px) {
	.padding8{
		padding: 8% 0 8% 0;
		display: inline-block;
	}
	.PConly,
	.PConly_process {
		display:none;
	}

	.itemtitle_container {
		text-align: center;
	}

	.indexImg{
		background-image: url("../img/ice-butter-sand_sp7.jpg");
		padding-top: 134%;
	}

	.schedule_text span{
		border-color: #fff;
		display: block;
		width: 98%;
		margin: 0 1% 10px 1%;
		padding-bottom: 8px;
		text-align: left;
		border-width: 0px 0px 1.0px 0px;
		border-style: inset;
	}
	.go_to{
		padding: 6.0px 100px;
		margin: 5px 0px 0px 0px;
		display: inline-block;
		border-radius: 50px;
		letter-spacing: 0.2em;
		line-height: 38px;
		background-color: #D3AB5F;
	}
	.go_to span{
		font-size: 16px;
		font-weight: 600;
		color: #fff;
	}
	p {
		font-size: 3vw!important;
		letter-spacing: 0px!important;
	}
	.top .b1{
		font-size: 22px;
		line-height: 1.4;
	}
	.point_midashi2{
		font-size: 4.6vw !important;
	}	
	.top_image{
		width: 100%;
		float: initial;
		margin-bottom: 4vw;
	}
	.top_text{
		width: 90%;
		float: initial;
	}
	.img_left .img_area{
		width: 100%;
		margin-left: -15%;
	   	float: initial;
	}
	.img_left .text_area{
		width: 90%;
		float: initial;
		margin: 5vw 5% 0 5%;
	}
	.img_right{
		padding: 0;
		margin: 0;
		width: 100%;		
	}
	.img_right .img_area{
		width: 100%;
		float: initial;	
	}
	.img_right .img_area img{
		width: 100%;
	}
	.img_right .text_area{
		width: 90%;
		float: initial;
		padding-left: 0%;
		margin: 5vw 5% 0 5%;
	}
	.point_point1, .point_point2, .itemdetail_point1, .itemdetail{
		width: 80%;
		margin: 20px 10%;
	}

	.process_point3{
		margin-bottom: 6vw;
	}
	.process_point3 b.left{
		text-align: center!important;
		display: block;
		font-size: 18px;
		margin-bottom: 2vw;
		font-weight: 400;
  }

	.star{
		border-width: 1px;
		border-style: inset;
		margin: 10px 0 15px -10%;;
		width: 120%;	
	}
	.star::after, .star::before{
		content: "";
		position: absolute;
		display: block;
		width: 42px;
		height: 42px;
		background-repeat:no-repeat!important;	
		top: 38px;	
	}
	.star::after {
		right: -62px;
	}

	.star::before {
		left: -32px;
	}

	.big{
		font-size: 18px!important;
	}
	.zei{
		font-size: 16px!important;
	}
	.label{
		font-size : 14px!important;
	}
	.letterspacing_tight {
		letter-spacing: -0.4px;
	}
	.small1{
		font-size : 12px!important;
		line-height: 1.2;
		letter-spacing: 2px;
	}


	.main_midashi {
		line-height:1.3;
	}
	.section_ffe6a5 {
		padding:0 4% 4% 4%;
	}
	/*iPhoneSEの時だけ改行*/
	br.spsmall {
		display: none;
	}
}

/* スマホ小サイズ -------------------------------------------------- */
@media (max-width: 520px) {

	.PConly {
		display:none;
	}

	.contents {
		padding: 0;
	}
	.lpText {
		margin-bottom: 40px;
	}
	.point3{
		width : 100%;
	}
	.comment{
		padding :20px;
	}
	.comment div.point2{
		margin-top:20px;
	
	}
	.mt05{
		margin-top:5px;
	}
}
@media (max-width: 400px) {
	/*iPhoneSEの時だけ改行*/
	br.spsmall {
		display:block;
		line-height: 0;
	}
}

@media (max-width: 390px) {
	p {
		font-size: 12px!important;
		line-height: 20px;
		letter-spacing: 2px;
	}
	.big{
		font-size : 18px!important;
		line-height: 1.4;
	}
	.zei{
		font-size: 14px!important;
	}
	.label{
		font-size: 16px!important;
		line-height: 1.4;
	}
	.small1{
		font-size : 10px!important;
		line-height: 1.4;
		letter-spacing: 2px;
	}
	.s1{
		font-size: 16px!important;
	}
	.s2{
		font-size: 10px!important;
	}
}
.main_midashi {
	font-size:32px;
	font-weight:500;
	line-height:1;
}

.sub_midashi {
	line-height: 0.1;
	padding-top: initial;
	font-size:14px;
}
.top_message b{
	font-size: 25px;
}
.top_message p{
	font-size: 18px;
	font-weight: 600;

}
p.text{
	font-size: 12px!important;
	line-height: 2.2;
	letter-spacing: 0.08vw;
}