@charset "UTF-8";

*{
	margin: 0;
	padding: 0;
	font-style: normal;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	
html{height:100%;}

html>/**/body{overflow:-moz-scrollbars-vertical;}

html:first-child body{
	min-height: 100%;
	padding-bottom: 1px;}
	
body{
	font-family: 'Noto Sans JP', sans-serif;
	border: 0;
	color: #333;
	font-weight: 500;
	font-size: medium;
	font-size: 17px;
	-webkit-text-size-adjust:none;
	-webkit-appearance: none;
	line-height: 1.75em;
	background-color: #fff;
	}

a{
	outline: none;
	color: #ad0a0a;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	transition: 0.6s;
	cursor: pointer;
	text-decoration:none;
	}
	
a:visited	{color: #ad0a0a;}
a:hover		{/* opacity:0.8; */color: #1c92d7; text-decoration:none;}

img, iframe {max-width: 100%;}

img {
	width: 100%;
	border: none;
	vertical-align: bottom;
	margin: 0 auto;
	}

a img:hover	{opacity: 0.7;}

body > img{
	display:none;
}

figure img{margin-bottom:4px;}

	figcaption{
		margin: 6px auto 24px;
		font-size: 90%;
		color:#666;
		}

p{
	margin: 0 auto 16px;
	letter-spacing:0.02em;
	line-height: 1.75em;
	text-align: left;
}
	
strong{font-weight: 700;}

em{
	color: #c53417;
	font-style: normal;
	}

.txt_add{
	font-size: 76%;
	color:#666;
}

.marker-yellow {
background: linear-gradient(transparent 70%, #ffffa8 0%);
}

.marker-red {
background: linear-gradient(transparent 70%, #ffa8a8 0%);
}

/* ------------------------------------------  
FontAwesome
------------------------------------------ */
a.link:before{    
	font-family: FontAwesome;
    padding-right: 0.4em;
    text-decoration: none;
    display: inline-block;
    font-size:104%;
}

a.link:before{content: "\f105";}

/* ------------------------------------------  
HEADER
------------------------------------------ */
#new_header .inner{
	padding: 16px 0 0;
}
		
	h1,
	#new_header span{
		text-indent:100%;
		overflow:hidden;
		white-space:nowrap;
		float: left;
		height: 56px;
	}
	
		h1 a{
			display: block;
			background: url(https://img17.shop-pro.jp/PA01271/156/etc/logo.png) no-repeat;
			background-size: cover;
			width: 296px;
			height: 56px;
			}

	#new_header span{
		display: none;
		height:0;
		margin: 0;
		line-height: 0;
		}
	

	#header_right{
		float: right;
		margin: 0;
		height: 56px;
		}
		
		#header_right li{
			display:inline-block;
			line-height: 56px;
			margin-left:  24px;
          	letter-spacing:0.03em;
			}
		
		#header_right a,
		#header_right a:visited{
			color:#3faf3b;
		}

		#header_right a:hover{
			color: #01b4be;
		}

		#header_right a#shipping{
			background-color:#3faf3b;
			color:#fff;
			padding:8px 24px;
			border-radius: 6px;
		}

		#header_right a#shipping:hover{
			background-color: #01b4be;
			box-shadow: 1px 1px 12px rgba(0,0,0,0.2) !important;
		}

		#header_right a:after,
		#header_right a:hover:after{
			content: '';/*何も入れない*/
			display: inline-block;/*忘れずに！*/
			width: 15px;/*画像の幅*/
			height: 14px;/*画像の高さ*/
			background-size: contain;
			background-position: center;
			vertical-align: middle;
			padding: 3px 0 0 12px;
			}
		#shipping:after{background: url(https://img17.shop-pro.jp/PA01271/156/etc/icon_shipping.png) no-repeat;}
		#my:after{background: url(https://img17.shop-pro.jp/PA01271/156/etc/icon_my.png) no-repeat;}
		#h_cart:after{background: url(https://img17.shop-pro.jp/PA01271/156/etc/icon_cart.png) no-repeat;}

		#my:hover:after{background: url(https://img17.shop-pro.jp/PA01271/156/etc/icon_my_hover.png) no-repeat;}
		#h_cart:hover:after{background: url(https://img17.shop-pro.jp/PA01271/156/etc/icon_cart_hover.png) no-repeat;}
	

/* ------------------------------------------  
MENU
------------------------------------------ */	
#menu {
	font-size: 96%;
	clear: both;
	}
	
	#menu .logo{
		display: block;
		float: left;
		width: 176px;
		margin:0;
		}

		#menu .logo img{
			height: 60px;
		}
		
	#menu ul {
		font-size: 94%;
		text-align: center;
		margin: 0;
		padding: 24px 0;
		}
		
		#menu li{
			letter-spacing:  0.05em;
			line-height: 60px;
			float: left;
			width: 20%;
			}
		
		#menu li a,
		#menu li a:visited {
			padding: 0;
			text-decoration: none;
			color: #767878;
			border-right: 1px solid #767878;
			line-height: 1.6em;
			display: block;
			}

		#menu li:last-child a{
			border: 0;
		}

			#menu li a:hover {
				color: #01b4be;
				opacity: 1.0;
			}

#sp_menu{display: none;}



/* ------------------------------------------  
EYECATCH
------------------------------------------ */
#eyecatch{
	position: relative;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width: 100%;
	height: 0;
	background: url(https://img17.shop-pro.jp/PA01271/156/etc/eyecatch.jpg) no-repeat;
	background-size: cover;
	background-position: 0 50%;
	padding-bottom: 35%;
}

	#eyecatch img{
		position:absolute;
		width: 32%;
		top: 49%;
		left: 16%;
		transform: translate(0,-50%);
	}

	#eyecatch p{margin: 0;height:  0;}

#pr_area{
  	text-align:center;
	padding: 40px 0;
	background-color: #d4f0d3;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
	background-image:linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
	background-image:-webkit-linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
	background-image:-moz-linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
	background-image:-ms-linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
	-webkit-background-size:10px 10px;
	-moz-background-size:10px 10px;
	-ms-background-size:10px 10px;
	background-size:10px 10px; /* 2つ書かないと、firefoxで崩れがおきる */
}

	#pr_area .num{
		font-size: 112%;
	}

	#pr_area .open{
		width: 60%;
		max-width: 1000px;
		font-size: 220%;
		font-weight: bold;
		text-align: center;
		color: #3faf3b;
		background: rgba(255, 255, 255, 0.7);
		padding: 20px 0;
		margin: 0 auto;
		border: 5px solid #3faf3b;
		font-family: "Times New Roman", Georgia, HGS明朝E, HG明朝E, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",  游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", 'Hiragino Kaku Gothic Pro', "serif";
	}

#pr_area .shipping_info{
		display: inline-block;
		font-size:110%;
		margin: 8px auto 0;
	}
/*フリーページ 発送状況*/
.shipping_title{
	font-size:144%;
  	font-weight:bold;
  	line-height:1.5em;
  	padding:16px 0.5em;
  	border-top : 4px solid #ddd;
  	border-bottom : 4px solid #ddd;
}

#holiday{
	padding: 40px 0 20px;
	text-align:center;
}

	#holiday .inner{
		width:60%;
	}

	#holiday p{
		text-align:center;
     	margin-bottom: 20px;
	}

	.title{
		font-size:130%;
		font-weight:bold;
		border-bottom:2px solid #ddd;
		padding-bottom:8px;
	}

	.day{
		font-size:120%;
		color:#ad0a0a;
	}

/* ------------------------------------------  
BASE
------------------------------------------ */
#contents{
			max-width:1000px;
  			width:92%;
			margin:0 auto;}

#main {
			/* width:1000px; */
			/* margin-bottom:50px; */
			}

/* breadcrumbs */
#bread{
	line-height: 1.4em;
	font-size: 77%;
	margin: 0 auto;
	padding: 12px;
	background: #f4f4f4;
}

#bread a,
#bread a:visited{
	text-decoration:none;
}
	
	#bread a:after{
		font-family: FontAwesome;
		content: "\f105";
		padding: 0 0.5em 0 0.9em;
		color:#241701;
	}
	
.inner{
    max-width: 1000px;
    width: 92%;
    margin: 0 auto;
}


/* ------------------------------------------  
BOX
------------------------------------------ */
/* grid */
.grid1,
.grid2,
.grid3,
.grid4,
.half{
	float: left;
	margin: 0 1% 20px;
}

.grid1		{width: 38%;}
.grid2		{width: 58%;}
.grid3		{width: 31.33%;}
.grid4		{width: 23.00%;}
.half		{width: 48%; margin: 0 4% 0 0;}
.half:last-child{margin-right:0;}

.f_box{
	width: 50%;
}


/* ------------------------------------------  
TITLE
------------------------------------------ */
h2,h3,h4{clear: both;}

h2 + h3{margin-top:0;}

h2{
	font-size:160%;
	margin:32px auto 24px;}
h3{
	color:#fff;
	font-size:145%;
	padding:10px;
	text-indent:45px;
	margin: 56px auto 20px;
	background:url(https://img17.shop-pro.jp/PA01271/156/etc/bg_h3.png) 0 0 no-repeat;}
h4{
	font-size: 112%;
	margin-bottom:5px;
	color: #646361;
	}

#home h2 {
	font-size: 212%;
	line-height: 1.6em;
	text-align: left;
	margin: 0 auto 8px;
	letter-spacing: 0.02em;
	font-weight: 900;
}


h3[id^="point"] {
  background:transparent;
  padding:0;
	font-size: 160%;
	text-align:center;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	margin: 0 auto 40px;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #d2aa01;
}

h3[id^="point"]{
	font-size: 196%;
  
}

h3#point02,
h3#point03{
	padding-top: 186px;
}

h3[id^="point"]:before{
	content: '';/*何も入れない*/
	display: block;/*忘れずに！*/
	width: 105px;/*画像の幅*/
	height: 96px;/*画像の高さ*/
	vertical-align: middle;
	margin: 0 auto 8px;
}

h3#point01:before{background: url(https://img17.shop-pro.jp/PA01271/156/etc/icon_point01.png) no-repeat center/contain;}
h3#point02:before{background: url(https://img17.shop-pro.jp/PA01271/156/etc/icon_point02.png) no-repeat center/contain;}
h3#point03:before{background: url(https://img17.shop-pro.jp/PA01271/156/etc/icon_point03.png) no-repeat center/contain;}


/* ------------------------------------------  
BUTTON
------------------------------------------ */	
.button {
	text-align: center;
	margin: 16px auto;
	clear: both;
}
	
	.button a{
		display: inline-block;
		text-decoration:none;
		font-size: 120%;
		padding: 12px 40px;
		background: #d2aa01;
		color: #fff;
		cursor: pointer;
		border-radius: 6px;
	}
	
		.button a:hover {
			background: #3faf3b;
			box-shadow:2px 2px 12px rgba(0,0,0,0.3);
		}

		#contact .button a:before{
				content: "";
				background-image: url(https://img17.shop-pro.jp/PA01271/156/etc/contact.png);
				background-size: 65%;
				background-position: 50% 46%;
				background-repeat: no-repeat;
				padding: 6px 16px;
				margin-right: .1em;
				-webkit-transition: 0.6s;
				-moz-transition: 0.6s;
				-o-transition: 0.6s;
				-ms-transition: 0.6s;
				transition: 0.6s;
			}

		#contact .button a:hover:before{
				background-image: url(https://img17.shop-pro.jp/PA01271/156/etc/contact_hover.png);
				opacity: 0.85;
			}

/* ------------------------------------------  
TABLE
------------------------------------------ */
table,
.table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin: 0 auto 24px;
	font-size: 96%;
	text-align:left;
	border-top: 2px solid #313131;
}

	table th,
	table td,
	.table th,
	.table td{
	padding: 12px 16px;
	border-bottom:2px #313131 solid;
	}

	table th {width: 25%;}
	table td {}

	table th em {color: #c30d23;}


.input-append, .input-prepend{
	margin-bottom:0;
}

.input-prepend.input-append input {
    border: 1px solid #ddd;
    padding: 12px;
    font-size: 16px;
    width: 5em;
}

/* ------------------------------------------  
LIST
------------------------------------------ */

ul {
	list-style: none;
	margin: 0 auto 24px;
	text-align: left;
	}
	
ol {
	list-style-position: inside;
	}

.list_on{
	list-style:disc;
	margin-left: 1.2em;
}

	.list_on li{
		/* text-indent:1.2em; */
	}
	
td ul{
	margin-bottom:0;
}

.page_link {
	text-align: center;
	}

.page_link li{
	display:inline-block;
	text-align: left;
	min-width:176px;
	margin:0 1%;
}

		.page_link a{
			position: relative;
			font-weight:500;
			font-size: 96%;
			display: block;
			padding: 8px 12px;
			margin:0 auto 12px;
			background-color: #d95d5d;
			color:  #fff;
			line-height:1.5em;
			text-decoration:none;
		}

			.page_link a:hover{
				background: #4568b9;
				color:#fff;
			}


/*ページ内リンク*/
.ul_nav{
	margin:40px 2%;
	text-align:center;
}

	.ul_nav li{
		display:inline-block;
		margin-left:0;
		text-indent:0;
		margin:0 5px 0 0;
		list-style:none;
		background-image:none;
		padding-left:0;
	}
	
	ul.ul_nav li a{
		width:auto;
		padding:7px 23px 5px 10px;
		margin:0 0 8px 0;
		text-indent:0;
		color:#ffffff;
		text-decoration:none;
		display:inline-block;
		position:relative;
		overflow:visible;
		border-radius:4px;
		background-color:#d95d5d;
	}

	ul.ul_nav li a:before{
		display: inline-block;
		padding:0 10px;
		font-family: FontAwesome;
		content:"\f107";
		font-size:120%;
		vertical-align: middle;
	}
	
	ul.ul_nav li a:hover{
		opacity:0.7;
		filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
	}


dl{
	width:98%;
	margin:0 auto 24px;
}

	dt {
	  font-weight: bold;
	}

	dd {
	}


p{margin-bottom:30px;}

.attention{
	padding: 24px;
	background: #e1fae0;
	margin-bottom:0px;
	}
.attention h3{
	color:#ae0031;
	background-image:none;
	text-indent:0;
	margin-bottom:10px;
	}
#main .attention ul {
    margin-bottom: -5px;
    list-style: disc;
    line-height: 1.75em;
}

img.left{
	float:left;
	margin-right:20px;
	}
img.eyecach{
	margin-bottom:30px;
	}

.arrow {
    background: url("https://img17.shop-pro.jp/PA01271/156/etc/arrow.png") no-repeat scroll 0 7px;
    padding-left: 12px;}
a.arrow:hover{
	background-position:0 -16px;
}
#wrapper{/*min-width:1024px;*/}
/*---------------------------------------------------------------------------------
UL OL
---------------------------------------------------------------------------------*/
#main ul{margin:0 0 16px 20px;}
  #main ul li,
  #main ol li{margin-bottom:8px; /*line-height:1.3em;*/}

#main ol{margin:0 0 15px 26px;}


	

/* ************************************************ 
 *  TABLE
 * ************************************************ 
table {
	font-size:10.5pt;
	width:1000px;margin:0px 0px 20px 0px;padding:0px;
	border-collapse:collapse;
	}
th {
	color:#555;
	width:150px;
	padding:15px;
	text-align:left;vertical-align:top;
	background-color:#f0fb93;
	border:1px solid #3c504b;
	}
td {
	padding:15px;
	background-color:#f9fbe5;
	border:1px solid #3c504b;
	}*/



/* ------------------------------------------  
INDEX
------------------------------------------ */
.price{
	font-size: 194%;
	letter-spacing: 0.05em;
	font-weight:bold;
	font-family: "Times New Roman", Georgia, HGS明朝E, HG明朝E, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",  游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", 'Hiragino Kaku Gothic Pro', "serif";
}

.red{
	color: #ad0a0a;
}

.num{
	font-size: 200%;
	letter-spacing: 0.03em;
}

.tax{font-size: 64%;}

.cart_in{
	margin: 0 auto 16px;
}

	.cart_in > div{
		float:left;
	}

	.kosu{
		border:2px solid #ddd;
		background:#fff;
		min-width:145px;
		padding:8px 16px;
		margin: 0 2% 16px 0;
	}


	.button.cart{
		clear: none;
		margin: 0;
	}

		.button.cart a,
		.button.cart a:visited{
			background:#ad0a0a;
		}

		.button.cart a:hover{
			background: #3faf3b;
			box-shadow:2px 2px 12px rgba(0,0,0,0.3);
		}

.memo{
	clear:both;
}

#premium > div > div{
	position:relative;
	/* margin-bottom: 184px; */
}

.img_box{
	width:52%;
}

.txt_box{
	position:absolute;
	width:52%;
	background:#fff;
	box-shadow: 2px 2px 24px rgba(0,0,0,0.2);
	padding: 40px;
}

.txt_box.right{
	right:0;
	top: 56px;
}
.txt_box.left{
	left:0;
	top: 56px;
}

	.txt_box p{
		letter-spacing: 0.05em;
		line-height: 1.85em;
		text-align:justify;
      	margin-bottom:0;
	}

.fleft{float:left;}
.fright{float:right;}

.w_72{
	width: 72%;
	margin: 0 auto 32px;
}

#buy h2,
#cart_area h2,
#premium h2 {
	font-family: "Times New Roman", Georgia, HG明朝E, HGS明朝E, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",  游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", 'Hiragino Kaku Gothic Pro', "serif";
}

#buy{
	background-image:url(https://img17.shop-pro.jp/PA01271/156/etc_base64/YmdfYnV5MDI.png), url(https://img17.shop-pro.jp/PA01271/156/etc/bg_buy.jpg);
	background-repeat:no-repeat, no-repeat;
	background-size: 36%, cover;
	background-position: 20% center, center;
	padding: 64px 0 3%;
	margin: 0 auto 104px;
}

#buy .f_box{
	float:right;
}

#premium h2{
	width: 100%;
	height: 0;
	padding-bottom: 5.1%;
	line-height: inherit;
	background: url(https://img17.shop-pro.jp/PA01271/156/etc/premium_h2.png) no-repeat center / cover;
	margin:0 auto 48px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

#boil{
	padding: 96px 0;
	margin: 64px auto 0;
	background:url(https://img17.shop-pro.jp/PA01271/156/etc/bg_boil.png) no-repeat;
	background-size: 50%;
	background-position: 100% 35%;
}

#voice{
	padding: 96px 0;
	background:#fcf7e4 url(https://img17.shop-pro.jp/PA01271/156/etc/bg_voice.png) no-repeat;
	background-size: 60%;
	background-position: -30% 40%;
}

	#voice .f_box{
		float: right;
	}

p[class^="v_"]{
	background: rgba(255,255,255,0.85);
	padding: 24px;
	border-radius: 6px;
}

#cart_area{
	padding: 64px 0 0;
}

	#cart_area .inner{
		/* width:72%; */
		/* max-width: 720px; */
	}

	#cart_area .grid1{
		margin:0 4% 16px 0;
	}

	#cart_area .grid2{
		margin:0 0 16px;
	}

#slider{
  margin: 0 auto 16px;
}
.slide-item{
  img{
    width: 100%;
  }  
}
#thumbnail-list{
  margin: 0 auto;
  /* display: flex; */
  justify-content: space-between;
  flex-wrap:wrap;
}

.thumbnail-item{
  float: left;
  width: 31.33%;
  margin-right: 3%;
  /* flex: 0 1 30%; */
  margin-bottom: 10px;
  box-sizing: border-box;
  position:relative;
  }

  .thumbnail-item:last-child{
  	margin-right:0;
  }

  .thumbnail-item:after{
    content:'';
    background-color: rgba(0,0,0,0.5);
    position:absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: .3s opacity linear;
  }

  .thumbnail-item.thumbnail-current:after{
    opacity: 0;
  }

  .thumbnail-item img{
    width: 100%;
    margin: 0 auto;
  } 


#follow_area{
	clear:both;
	width:72%;
	margin:0 auto 64px;
}

.sns {
	margin: 24px auto;
}

.sns li{
	float: left;
	width: 31.33%;
	margin-right:  3%;
	text-align: center;
}

.sns li:last-child{
	margin-right:0;
}

.sns a{
	color:#fff;
	padding: 10px 20px;
	display: block;
	border-radius: 6px;
}

.sns #fb a, .sns #fb a:visited{background:#3b579d;}
.sns #tw a, .sns #tw a:visited{background:#000000;}
.sns #line a, .sns #line a:visited{background:#00b900;}

.sns a:hover{box-shadow:2px 2px 12px rgba(0,0,0,0.3);}
.sns #fb a:hover{background:#6280ca;}
.sns #tw a:hover{background:#555555;}
.sns #line a:hover{background:#52e152;}

.sns a:before{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 20px;/*画像の幅*/
	height: 20px;/*画像の高さ*/
	background-size: contain;
	background-position: center;
	background-repeat:no-repeat;
	vertical-align: middle;
	padding-right: 15px;
	margin-bottom: 4px;/*vertical調整*/
}

.sns #fb a:before{background:url(https://img17.shop-pro.jp/PA01271/156/etc/fb.png) no-repeat no-repeat center/contain;}
.sns #tw a:before{background:url(https://img17.shop-pro.jp/PA01271/156/etc_base64/eC1sb2dv.png) no-repeat no-repeat center/contain;}
.sns #line a:before{background:url(https://img17.shop-pro.jp/PA01271/156/etc/line.png) no-repeat no-repeat center/contain;}

#caution{
	clear: both;
	background: #f4f4f4;
	padding: 32px;
	font-size: 96%;
}

#caution p{
	font-size:112%;
}

	#caution ul{
		list-style: disc;
		margin: 0 auto 8px;
	}

		#caution li{
			margin-left: 1.2em;
			margin-bottom: 0.5em;
          	line-height: 1.75em;
		}

#youtube{
	background:#000;
	padding: 0 0 3%;
}		
	
	#movie{
		position: relative;
		width: 100%;
		padding: 56.25% 0 0 0;
		}

		#movie iframe{
			position: absolute;
			top: 2px;
			left: 5%;
			width: 90%;
			height: 100%;
			}

.bn_box img{
	float: left;
	width:29.33%;
	margin:0 1% 2%;
	border: 2px solid #f2f2f2;
}


/* ------------------------------------------  
ページトップへ
------------------------------------------ */
#pagetop{
	line-height:60px;
	text-align:center;
	position: fixed;
	z-index: 200;
	bottom: 10px;
	right: 10px;
}

#pagetop .btn,
#pagetop .btn:visited {
    display: block;
    margin-bottom: 0;
    padding: 0;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #3faf3bb8;
    text-align: center;
    font-size: 72%;
    cursor: pointer;
    color: #fff;
    height: 70px;
    width: 70px;
    line-height: .8em;
}

#pagetop .btn i{
	display:block;
	font-size:360%;
}

/*#pageTop a{
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #fff;
    background: #808080;
    opacity: 0.9;
}


#pageTop a:hover{
	box-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.2);
	opacity: 0.75;
}*/


/* ------------------------------------------  
FOOTER
------------------------------------------ */
#new_footer{
	background: #ebc93f;
	text-align: center;
	font-size: 88%;
	margin: 96px 0 0;
	}

	#new_footer .inner{
		padding: 64px 0 0;
	}

	#new_footer img{width: 180px;}

	#new_footer p {text-align:center;}

	#foot_main{
		column-count:3;
		padding-bottom: 32px;
		margin: 0;
		border-bottom: 1px solid #fff;
	}

		#foot_main li{
			margin-bottom: 8px;
		}

#foot_sub{
	margin: 0;
	padding: 32px 0;
	text-align: center;
	}
	
	#foot_sub li{
		display:inline-block;
		margin-bottom: 16px;
	}
		
		#foot_sub li:last-child{
			display:block;
			width:100%;
			margin:0 auto;
			}

		#foot_sub li a{
			display:inline-block;
			line-height: 1.2em;
			padding: 0 1.2em;
			border-right:1px solid #333;
		}
		
		#foot_sub li:nth-child(4) a,
		#foot_sub li:last-child a{
			border-right:0;
		}
	
		#new_footer li a,
		#new_footer li a:visited {
			display: inline-block;
			text-decoration: none;
			color: #333333;
			}
		
			#new_footer li a:hover{color: #1c92d7;}
			
#sns_icon p{
	font-size: 136%;
	font-weight:bold;
	font-style:italic;
	margin-bottom: 12px;
}

	#sns_icon ul{
		display:flex;
		justify-content: center;
		}

		#sns_icon li{
			width: 40px;
			height: 40px;
			margin: 0 12px;
			}


#copyright{
	padding: 16px 0;
	margin: 0;
	text-align:center;
	background: #fff;
	font-size: 88%;
	letter-spacing: 0.08em;
}

/* ------------------------------------------  
freepage
------------------------------------------ */
.w_250{width: 280px;margin: 0 0 16px;display: block;}
.w_700{width:700px;}/*image-size調整*/



/* ------------------------------------------  
DETAILS
------------------------------------------ */
.sp{display:none;}

@media only screen and (min-width: 1920px){
#buy {
    background-image: url(https://img17.shop-pro.jp/PA01271/156/etc_base64/YmdfYnV5MDI.png), url(https://img17.shop-pro.jp/PA01271/156/etc/bg_buy.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: 42%, cover;
    background-position: 10% 30%, center;
}

}

@media only screen and (max-width: 1920px){
#buy {
    background-image: url(https://img17.shop-pro.jp/PA01271/156/etc_base64/YmdfYnV5MDI.png), url(https://img17.shop-pro.jp/PA01271/156/etc/bg_buy.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: 50%, cover;
    background-position: 0 30%, center;
}

}

@media only screen and (max-width: 1440px){
#buy {
    background-image: url(https://img17.shop-pro.jp/PA01271/156/etc_base64/YmdfYnV5MDI.png), url(https://img17.shop-pro.jp/PA01271/156/etc/bg_buy.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: 60%, cover;
    background-position: -15% 30%, center;
}

#boil {
    padding: 96px 0;
    margin: 64px auto 0;
    background: url(https://img17.shop-pro.jp/PA01271/156/etc/bg_boil.png) no-repeat;
    background-size: 800px;
    background-position: 100% 64px;
}


}


@media only screen and (max-width: 1024px){
#buy {
    background-image: url(https://img17.shop-pro.jp/PA01271/156/etc_base64/YmdfYnV5MDI.png), url(https://img17.shop-pro.jp/PA01271/156/etc/bg_buy.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: 75%, cover;
    background-position: -80% 0, center;
}


#menu{
	padding:0 16px;
}

	#menu li a,
	#menu li a:visited {
		padding: 0 .8em;
		}

}


@media only screen and (max-width: 960px){
body{font-size: 94%;}

#new_header{
	width: 100%;
	margin-top: 24px;
}

	#new_header .inner{
		padding:0;
	}

	h1, h1 a{
		width: 200px;
		height: 60px;
		float: none;
		margin: 0 auto;
	}

	h1 a{
		background-size:contain;
		background-position:  center;
	}
	
	#header_right{
		display: none;
	}
	
	#eyecatch{
		/* margin-top:60px; */
	}

/* NAV 960 */
#menu{/* display: none; */}
	
#sp_menu {display: block;}

	#menu_btn{
		width:35px;
		position:fixed;
		top:12px;
		right:4%;
		z-index:100;
	}


/*.remodal-wrapper{
	padding:0;
}

.remodal {
    max-width: 100%;
    height:100%;
    margin:0;
    padding: 40px 0;
}*/

.remodal-overlay {
    background: rgba(60, 60, 60, 0.75);
}

	.remodal img{
		width: 240px;
	}
	

	.remodal ul{
		margin: 20px auto;
		width: 100%;
		border-top: solid 1px #ccc;
	}

		.remodal li{
			list-style:none;
			font-weight:bold;
			/* float: left; */
			/* width: 50%; */
		}

		.remodal li a{
			display:block;
			padding: 18px 24px;
			color:#333;
			border-bottom: solid 1px #ccc;
			position:relative;
		}

			.remodal li a:after{
				position:absolute;
				right:24px;
				font-family: FontAwesome;
				padding-right: 0.4em;
				text-decoration: none;
				display: inline-block;
				font-size:104%;
				content: "\f105";
			}

		.remodal li a:hover{
			background: #fee684;
			}

		.remodal form{margin-bottom:10px;}

		.remodal select{
			padding:3px 0 4px 10px;
			border:1px solid #d00920;
		}

.remodal-close {
    position: absolute;
    top: 0;
    left: inherit;
    right: 0;
    display: block;
    overflow: visible;
    width: 56px;
    height: 56px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
}

.remodal-close:before {
    font-size: 40px;
    line-height: 60px;
    width: 60px;
}


	.mlmg{
		width: 50%;
    	text-align: center;
	}
	
	.mlmg a{
		display: block;
		background: #d2aa01;
		color: #fff;
		padding: 16px 24px;
		border-radius: 6px;
		margin: 16px 0;
	}

	#eyecatch img{
		width: 44%;
		top: 49%;
		left: 3%;
	}

#pr_area .open{
	width: 72%;
	}


#buy{
	background-image:url(https://img17.shop-pro.jp/PA01271/156/etc_base64/YmdfYnV5MDI.png), url(https://img17.shop-pro.jp/PA01271/156/etc/bg_buy.jpg);
	background-repeat:no-repeat, no-repeat;
	background-size:70%, cover;
	background-position: -70% 50%, center;
	padding: 64px 0;
	margin: 0 auto 104px;
}

	.f_box {width: 56%;}

.img_box,
.txt_box{width:100%;}

.txt_box{position:static;}

h3[id^="point"]{
	margin-bottom: 24px;
}	

h3#point02,
h3#point03{
	padding-top: 104px;
}

.fleft,
.fright{float:none;}

.w_72{
	width: 100%;
	margin: 0 auto 32px;
}


#boil{
	background-size: 720px;
	background-position: 180% 100px;
}

#voice{
	padding: 96px 0;
	background:#fcf7e4 url(https://img17.shop-pro.jp/PA01271/156/etc/bg_voice.png) no-repeat;
	background-size: 90%;
	background-position: -300px 50%;
}
	
#follow_area{
	clear:both;
	width:100%;
}
	
	h2{font-size: 180%;}
	
}

@media only screen and (max-width: 768px){
#menu{display: none;}

  #new_header{
  	margin-top:56px;
  }  
  
#eyecatch{padding-bottom: 44%;}	
	#eyecatch img{width: 50%;}

#holiday .inner,  #pr_area .open{width: 92%;}	

#buy{
	background-image:url(https://img17.shop-pro.jp/PA01271/156/etc_base64/YmdfYnV5MDI.png), url(https://img17.shop-pro.jp/PA01271/156/etc/bg_buy.jpg);
	background-repeat:no-repeat, no-repeat;
	background-size: 72%, cover;
	background-position: -180px 50%, center;
	padding: 40px 0;
	margin: 0 auto 104px;
	
}

.f_box {width: 60%;}
	
.price{font-size: 164%;}

#premium h2{
	overflow: hidden;
	padding-bottom: 7%;
}

#boil{
	padding: 64px 0;
	background:url(https://img17.shop-pro.jp/PA01271/156/etc/bg_boil.png) no-repeat;
	background-size: 90%;
	background-position: 240px 80px;
}

#voice{
	padding: 64px 0;
	background:#fcf7e4 url(https://img17.shop-pro.jp/PA01271/156/etc/bg_voice.png) no-repeat;
	background-size: 115%;
	background-position: -400px 24px;
}

#cart_area .grid2{
		
	}	

  /*menu 768*/
  .header-dropdown {
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
    background-color: #fff;
  }

  .header-dropdown.affix {
    position: fixed;
  }

  .header-dropdown .dropdown-nav li {
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
  }

  .header-dropdown .dropdown-nav a {
    display: block;
    padding: 10px;
  }

  .header-dropdown .btn-dropdown {
    padding-left: 34px;
    font-size: 16px;
    line-height: 1.6;
    background: rgba(63, 175, 59, 0.8);
    color: #fff;
  }

  .header-dropdown .btn-dropdown-close {
    opacity: 0.4;
  }

  .header-dropdown .btn-dropdown i {
    top: 0;
  }

  
/*GRID 768*/
.grid1,
.grid2,
.grid3,
.half
{
	float: none;
	width: 100%;
	clear: both;
	margin: 0 auto 24px;
}

.sp{display:block !important;}
.pc{display:none !important;}

}


@media only screen and (max-width: 640px){
#eyecatch{padding-bottom: 50%;}	
	#eyecatch img{width: 60%;}

#pr_area{
	padding: 32px 0;
}

	#pr_area .num{
		font-size: 112%;
	}

#pr_area .open{
	width: 92%;
	font-size: 160%;
	padding: 16px 0;
	margin: 0 auto;
	border: 5px solid #3faf3b;
}

  #holiday p{text-align:left;}
  
.txt_box {
    padding: 24px;
}
	
#buy{
	background-image:url(https://img17.shop-pro.jp/PA01271/156/etc_base64/YmdfYnV5MDI.png), url(https://img17.shop-pro.jp/PA01271/156/etc/bg_buy.jpg);
	background-repeat:no-repeat, no-repeat;
	background-size: 114%, cover;
	background-position: 50% 114%, center;
	padding: 10% 0 60%;
	margin: 0 auto 104px;
}
	
	#buy h2{
		margin-bottom: 8px;
	} 
	
	#buy .f_box{width: 100%;float: none;}
	.f_box{width: 100%;}

#boil{
	padding: 64px 0 50%;
	background:url(https://img17.shop-pro.jp/PA01271/156/etc/bg_boil.png) no-repeat;
	background-size: 100%;
	background-position: 50% 112%;
}

#voice{
	padding: 64px 0 50%;
	background:#fcf7e4 url(https://img17.shop-pro.jp/PA01271/156/etc/bg_voice.png) no-repeat;
	background-size: 115%;
	background-position: 50% 123%;
}

.sns li{
	float: none;
	display: inline-block;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.sns li:nth-child(2){
	margin-right:0;
}

#foot_main{
	column-count:2;
}

	#foot_sub li{
		display:inline-block;
		margin-bottom: 0;
	}

table th,
table td{
	display:block;
	width: 100%;	
	}


	table th{
		border-bottom:0;
		padding-bottom:4px
	}

	table td{
		padding-top:4px;
	}

  .cartjs_product_table table th{
	display:table-cell;
}

/* BASE 640 */
.inner{width: 90%;}


/* TITLE 640 */

h2{font-size: 172%;margin-bottom: 16px;letter-spacing: 0.03em;}
  #home h2{font-size: 172%;}
h3{/* font-size:136%; */}
h4{font-size:112%;}


#ggmap {
    padding-bottom: 88%;
    }

/*footer 640*/
#footer_nav ul {
	width:90%;
    column-count: 2;
}

	#footer_nav li{
		margin-bottom:4px;
	}

.pc{display:none;}
.sp{display:block;}

}


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

#eyecatch{
	padding-bottom: 60%;
	background-position:center;
	}	
	#eyecatch img{width: 78%;}

#pr_area .open{
	font-size: 144%;
	padding: 16px 8px;
}

#foot_main{
	column-count:1;
}


#premium h2 {
    padding-bottom: 9%;
}

h3[id^="point"]{
	font-size: 180%;
}

h3[id^="point"]:before{
	width: 86px;/*画像の幅*/
	height: 72px;/*画像の高さ*/
}

.sns li {
    width:100%;
    margin-right: 0;
    margin-bottom: 2%;
}
 
.un_line {
background:linear-gradient(transparent 70%, #FFFF00 0%);
}
  
}


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

#eyecatch{
	padding-bottom: 72%;
	background-position:center;
	}	
	#eyecatch img{width: 90%;}

}


/* ------------------------------------------  
CLEARFIX-HACK
------------------------------------------ */
#new_header:after,
#header_right:after,
ul:after,
dl:after,
.inner:after,
#caution:after,
.cart_in:after,
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}