@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Zilla+Slab:500');

/*縦スクロールバーエリアを表示*/
html {
  overflow-y: scroll;
  overflow-x: hidden;
}

body {
	width:100%;
  font-family:"BIZ UDPGothic",游ゴシック体,YuGothic,游ゴシック medium,yu gothic medium,YuGothicM,yu gothic,メイリオ,Meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,Osaka,ms pゴシック,ms pgothic,sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
  word-wrap: break-word;
}
/* @group Reset */
* {
	margin: 0;
	padding: 0;
}

/*通常*/
a:link {
	/*color: rgba(107, 58, 6, 1);*/
  color: #000;
	text-decoration: none;
	padding-right: 1px;
	padding-left: 1px;
	transition: all .3s ease;
}

/*閲覧済み*/
a:visited {
	/*color: rgba(107, 58, 6, 1);*/
  color: #000;
	text-decoration: none;
}

/*マウスオン*/
a:hover {
	/*color: rgba(107, 58, 6, 1);*/
  color: #A09E98;
	padding-right: 1px;
	padding-left: 1px;
}

/*クリック中*/
a:active {
	/*color: rgba(107, 58, 6, 1);*/
  color: #46B5E7;
	text-decoration: none;
	background-color: transparent;
}

/*クリック時の枠線*/
a {
	padding: 0 0 0 0px;
	outline: none;
}

ul, ol {
	list-style: none;
}

img {
	vertical-align: middle;
	max-width:none;
}

/* テキストエディタ太文字 */
span.bold{
	font-weight:bold;
}
#ranking img,
#top_contents02 img,
.osusume img{
	height:calc(160px / 1.3);
	transition: all .3s ease;
	margin:0;
}

/* @end */

/* @group Fluid-img */
img {
	width: auto;
}
/* @end */


/* @group HTML */
html {
	width: 100%;
	font-size: 86%;
	line-height: 1.68;
}
/* @end */
div, p {
	text-align: justify;
	text-justify: inter-ideograph;
}
.top #container{
  width:100%;
}
#container{
  width:100%;
  height: auto;
  display: block;
}
.product_search .s_contents{
	border-bottom:none;
}
.product_search .s_contents form{
	margin: 10px 0 10px;
	display: flex;
}
.product_search form input{
	height: 33px;
	width: 330px;
	padding: 0px 10px 0px;
	border: 2px solid #a1a1a1;
}
.product_search form button{
	border-radius: 0px 3px 3px 0px;
	padding: 0px 6px 0px;
	margin: 0 0px 0 -6px;
	border: 2px solid #a1a1a1;
	background: #fff;
	color:#000;
	font-weight: bold;
	height: 33px;
	transition:0.3s;
}
	.product_search form button:hover{
		background:#a1a1a1;
		color:#fff;
	}
.product_search .close{
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	font-size: 20px;
	background: #F1EDEA;
	line-height: 20px;
}

#container #box{
  width:100%;
  margin:0 auto 0;
  position: relative;
  top:0px;
}
#container #main{
	width:1000px;
	padding: 20px 0 20px;
	margin:0 auto 0;
	position: relative;
	overflow:hidden;
}

/* トップエリア */
.top_main .main01{
	margin: 0 auto;
}
.top_main img{
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: 0 auto;
}
.top_main .main01{
	position:relative;
}
.top_main .main01 a{
	width: 32.4%;
	height: 39.9%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
}
	.top_main .main01 .link01{
		top: 13.4%;
		left: 1.1%;
	}
	.top_main .main01 .link02{
		top: 13.4%;
		left: 33.77%;
	}
	.top_main .main01 .link03{
		top: 13.4%;
		left: 66.4%;
	}
	.top_main .main01 .link04{
		top: 58.4%;
		left: 1.1%;
	}
	.top_main .main01 .link05{
		top: 58.4%;
		left: 33.77%;
	}
	.top_main .main01 .link06{
		top: 58.4%;
		left: 66.4%;
	}
	.top_main .main01 a:hover{
		background: rgba(255,255,255,0.7);
	}
	.top_main .main01 a:after{
		content:"";
		background:url(../parts/icon_link.svg) no-repeat;
		width:100px;
		height:100px;
		opacity:0;
		visibility:hidden;
		transition: all .3s ease;
	}
		.top_main .main01 a:hover:after{
			opacity:1;
			visibility:visible;
		}

.top_area{
	border-bottom:1px solid #E9E8E3;
	padding-bottom:8px;
	margin-bottom:50px;
	margin-top:50px;
}
.top_area > div{
	overflow:hidden;
	width:1000px;
	margin:0 auto;
}
.top_area .name{
	float:left;
}
	.top_area .name span{
		font-weight: bold;
		margin-right: 5px;
	}
.top_area .point{
	float:right;
}
	.top_area .point span{
		font-weight: bold;
		font-size: 1.4em;
	}
	
/* バナーエリア */
.bunner_area{
	margin-bottom:50px;
	margin-left: -5px;
	margin-right: -5px;
}
.bunner_area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bunner_area li{
	margin:0 5px 20px;
}
.bunner_area li a{
	display:block;
	padding:0;}
.bunner_area li img{
	display:block;
	max-width:100%;
}
.bunner_area .square{
	/*width:326px;*/
}
.bunner_area .oblong-tow-thirds{
	/*width:644px;*/
}
	
/* お知らせ */
#new_list{
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 13px;
	position:relative;
}
	#new_list:after{
		content: "";
		display: block;
		width: 900px;
		height: 265px;
		background: #FABD00;
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
#new_list li{
	width: 19.7%;
	height:210px;
	padding: 0px 0px;
	margin:26px 0 0;
	position: relative;
	overflow: hidden;
	position:relative;
	background:#00803F;
}
#new_list li a{
	display:block;
	height: 100%;
	display: flex;
	justify-content: center;
}
	#new_list li a:hover img{
		opacity:0.7;
	}
.info_area{
	overflow: hidden;
	margin:0 0 50px;
}
.top #main .info_area h2{
	font-weight: bold;
	border-bottom: 3px solid #00803F;
	text-align: center;
	display: block;
	width: 400px;
	margin: 0px auto 22px;
	position: relative;
	padding: 20px 0 0;
}
.top #main .info_area h2 span.title_eng{
	font-weight:bold;
	font-size: 22px;
	letter-spacing: 0px;
}
.top #main .info_area h2 .point{
	background: #00803F;
	color: #fff;
	padding: 30px 25px;
	border-radius: 50% 50% 0px 50%;
	font-size: 13px;
	display: inline-block;
	position: absolute;
	left: -64px;
	top: 0px;
	font-weight: bold;
}
	.info_area h2 .point:first-letter{
		font-size:23px;
	}
#new_list li img{
	position:absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 150%;
	transition:.3s;
}
#new_list li .info_set{
	display: flex;
	align-items: center;
}
.new_info_title,
.new_info_text_area{
	position:relative;
	z-index:5;
}
.new_info_title{
	font-weight: bold;
	color: #fff;
	font-size: 20px;
	padding: 5px 16px;
	filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.5));
	overflow: hidden;
	display: block;
	max-height: 100%;
}
@media all and (-ms-high-contrast: none) {
  .new_info_title {
    box-shadow:2px 4px 4px 0px #bcbcbc;
  }
}
.info_area span.new{
	background:#F38C43;
	color: #fff;
	padding: 2px 5px 0px;
	font-size: 13px;
	position: absolute;
	left: 120px;
	top: 14px;
}
.info_area a.backnumber{
	padding: 3px 10px;
	float: right;
	background: #00803F;
	color: #fff;
}
	.info_area a.backnumber:hover{
		background:#44A172;
	}

/* トップコンテンツ */
.top #main h2{
	font-weight: normal;
	font-size: 16px;
}
.top #main h2 span.title_eng{
	color:#333333;
	font-size:23px;
	letter-spacing: 1.5px;
	margin-right:10px;
}
.top #main h2 span, #main h2 a{
	font-weight: normal;
	font-size: 0.8em;
	margin-left: 10px;
}
.top #main h2 a.list{
	display: block;
	border: 1px solid #000;
	border-radius: 20px;
	padding: 1px 9px;
	float: right;
	margin-top: -5px;
}
#top_contents01, #top_contents02, #top_contents01a{
	clear: both;
	overflow:hidden;
	margin-bottom:30px;
}
#top_contents02{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:40px;
}
	#top_contents02:after{
		content:"";
		display:block;
		width:49%;
	}
#top_contents02 ul.contents{
	flex-wrap:nowrap;
	overflow:hidden;
}
.top .contents{
	background:#F5F5F5;
	border:1px solid #E9E8E3;
	padding:15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow:hidden;
}
	.top .item_slider{
		justify-content: flex-start;
		padding:15px!important;
	}
	.top .item_slider,
	.top .osusume_slider{
		max-height:300px;
		overflow:hidden;
	}
.top .contents dl{
	display: flex;
	flex-wrap: wrap;
	position:relative; 
	background:#fff;
	align-content: flex-start;
}
.top .contents a{
	display:block;
	position:relative;
}
	.top .contents a:hover img{
		opacity:0.5;
		transition:0.3s;
	}
.pickup, .ranking, .outlet, .new_item{
	width:490px;
}
#top_contents01 .pickup + .ranking{
	float:right;
}
#top_contents01 > div:nth-child(odd){
	float:left;
}
#top_contents02 > div{
	width:49%;
	margin-bottom:20px;
}
/* ピックアップ */
.pickup a{
	width:220px;
	height:auto;
	margin-bottom:10px;
}
.pickup dl{
	overflow:hidden;
	height: 100%;
	justify-content: space-between;
	align-items: center;
}
	/*.pickup a:last-child{
		margin-bottom:0px;
		width:100%;
		height:65px;
	}*/
.pickup dl dt{
	width: calc(100% - 80px);
	padding:15px 10px;
}
	.pickup dl dt span.pickup_sub_title{
		display:block;
		font-weight:bold;
		font-size:15px;
		line-height:1.5em;
	}
.pickup dl dd{
	width: 80px;
	overflow: hidden;
}
	.pickup dl dd img{
		max-width:100%;
		transition: all .3s ease;
	}
/* ランキング */
.aggregating{
	width: 100%;
	padding: 10px;
	background-color: #fff;
	text-align: center;
}

#ranking .contents:after{
	content:"";
	display:block;
	width: 145px;
}
#top_contents02 .contents a{
	display:block;
	position:relative;
	height:100%;
}
#top_contents02 .contents a span,
.osusume a span{
	display:inline-block;
	font-size: 12px;
	position: absolute;
	top: 7px;
	left: 0px;
	z-index: 100;
	padding: 0px 7px;
	background: #fff;
	border: 2px solid #C0C0C0;
}
.ranking dl{
	position:relative;
	width: 145px;
	height: 100%;
}
	.ranking dl.gold:before{
		content: url("../parts/ranking_gold.svg");
		position: absolute;
		top: 5px;
		right: 7px;
		z-index: 500;
	}
	.ranking dl.silver:before{
		content: url("../parts/ranking_silver.svg");
		position: absolute;
		top: 5px;
		right: 7px;
		z-index: 500;
	}
	.ranking dl.bronze:before{
		content: url("../parts/ranking_bronze.svg");
		position: absolute;
		top: 5px;
		right: 7px;
		z-index: 500;
	}
.ranking dt, .item_slider dt, .osusume_slider dt{
	width: 100%;
	margin-bottom:5px;
	height:120px;
	overflow:hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.ranking dd:nth-of-type(1), 
.item_slider dd:nth-of-type(1),
.osusume_slider dd:nth-of-type(1){
	overflow: hidden;
	margin-bottom: 55px;
}
	.ranking dd.item{
		margin-bottom:30px;
	}
	.ranking dd.to_detail{
		margin-top:5px;
	}
.ranking dd,
.item_slider dd,
.osusume_slider dd{
	font-weight:normal;
	padding:0 10px 0px;
}
	.contents dd.to_detail{
		text-align:center;
		font-weight:normal;
		border-top:1px solid #EFEFEF;
		padding: 5px 0;
		width:100%;
		align-self: flex-end;
		margin-top: 5px;
		position:absolute;
		bottom:0;
		right:0;
	}
/* アウトレット・ニューアイテム その他 */
#top_contents02 .contents dd,
.ranking dd, .osusume_slider dl dd{
	width:100%;
	font-size: 12px;
	line-height: 16px;
}
#top_contents02 .contents{
	padding:15px 0;
}
.item_slider dl,
.osusume_slider dl{
	width:145px!important;
	height: 100%;
}
	.osusume_slider dl{
		width:180px!important;
	}
	.osusume_slider dl img{
		width: 180px;
		height: auto;
		object-fit: cover;
	}
.item_slider li{
	width: 145px;
	margin-right: 10px;
}
.osusume_slider{
	overflow: hidden;
}
	.osusume_slider li{
		margin-right:10px;
	}

	.osusume_slider li a{
		height:100%;
	}
	.osusume_slider dl{
		height:100%;
	}
	#top_contents02 .contents dd.price,
	.osusume_slider dl dd.price{
		font-size:16px;
		position:absolute;
		bottom:30px;
		left:0;
	}
	#top_contents02 .contents dd.cc,
	.osusume_slider dl dd.cc{
		font-weight:normal;
		margin: -53px 0 55px;
	}

/* カテゴリー */
#category{
	padding-bottom:5px;
}
.category{
	margin-bottom:70px;
}
.category .contents{
	display:flex;
	flex-wrap:wrap;
	justify-content: baseline;
}
.category .contents a{
	display:inline-block;
	background:none;
}
	.category .contents a:hover{
		background: rgba(255, 255, 255, 0.8);
		color: #000;
	}
.category .contents dl{
	display:block;
	width: 190px;
	min-height: 165px;
	padding: 10px 15px;
	margin-right: 4px;
	margin-bottom:10px;
	background-size: cover !important;
	border: 3px solid #ffff;
}
	.category dl:nth-of-type(5n){margin-right:0;}
	.category dl:nth-of-type(1){	background:url(../parts/top_cate_01.png) no-repeat;	margin-bottom:10px;}
	.category dl:nth-of-type(2){	background:url(../parts/top_cate_02.png) no-repeat;	margin-bottom:10px;}
	.category dl:nth-of-type(3){	background:url(../parts/top_cate_03.png) no-repeat;	margin-bottom:10px;}
	.category dl:nth-of-type(4){	background:url(../parts/top_cate_04.png) no-repeat;	margin-bottom:10px;}
	.category dl:nth-of-type(5){	background:url(../parts/top_cate_05.png) no-repeat;	margin-bottom:10px;}
	.category dl:nth-of-type(6){	background:url(../parts/top_cate_06.png) no-repeat;}
	.category dl:nth-of-type(7){	background:url(../parts/top_cate_07.png) no-repeat;}
	.category dl:nth-of-type(8){	background:url(../parts/top_cate_08.png) no-repeat;}
	.category dl:nth-of-type(9){	background:url(../parts/top_cate_09.png) no-repeat;}
	.category dl:nth-of-type(10){	background:url(../parts/top_cate_10.png) no-repeat;}
.category dl dt{
	width:100%;
	font-weight: bold;
	font-size: 1.3em;
}
.category dl dd{
	width:100%;
	display: flex;
}
	.category dl dd:before{
		content:url(../parts/icon_list.png);
		font-weight:bold;
		padding-right:8px;
	}
.bunner{
	clear:both;
	background:#F5F5F5;
	border-top:1px solid #E9E8E3;
	border-bottom:1px solid #E9E8E3;
	padding:25px 0;
	margin:50px 0 0;
}
.bunner ul {
	overflow:hidden;
	width:1000px;
	margin:0 auto;
}
.bunner li{
	float:left;
	width:185px;
	height:125px;
	margin-right:18px;
}
	.bunner li img{
		transition: all .3s ease;		
	}
	.bunner li:hover img{
		transition: 0.3s;
		opacity:0.5;
	}
.bunner li:last-child{
	margin-right:0px;
}
.top_button{
	display: flex;
	margin: 0 -100% 30px;
	padding: 0 100%;
	border-bottom: 1px solid #E9E8E3;
}
.top_button a{
	display: inline-block;
	width: 100%;
	height: 70px;
	line-height: 73px;
	font-size: 1.43em;
	text-align: center;
	border-right: 1px solid #E9E8E3;
	border-left: 1px solid #E9E8E3;
}
	.top_button a:before{
		content:url("../parts/icon_mm.png");
		margin-right: 10px;
		display: inline-block;
		vertical-align: middle;
		transition:all 0.3s ease;
	}
	.top_button a:hover{
		color:#000;
	}
	.top_button a:hover:before{
		transform: translateX(-10px);
	}


footer{
  clear:both;
  width:100%;
	border-top:1px solid #E7E7E7;
	margin:70px 0 0;
}
	.top footer{
		margin-top:0;
	}
footer .inner{
	width:100%;
}
footer .inner .footer_wrapper{
	width:1000px;
	height:auto;
	margin:0 auto;
	padding: 0px 0 0 0;
  position: relative;
  display:block;
  box-sizing: border-box;
  overflow: hidden;
}
footer .footer_menu{
	float:right;
	margin-bottom:30px;
}
footer .footer_menu > dl{
	display:inline-block;
	min-width:180px;
	vertical-align: top;
	margin-right:35px;
}
footer .footer_menu > dl:last-child{
		margin:0px;
	}
footer .footer_menu dl dt{
	font-weight: bold;
	border-bottom: 1px solid #DDDDDB;
	padding: 0 0 3px;
	margin: 0 0 20px;
}
footer .footer_menu dl dd{
	margin-bottom: 5px;
}
footer .footer_menu dl dd:before{
	content:url("../parts/footer_icon_arrow.png");
	margin-right:10px;
}
footer .footer_menu dl:last-child dt{
	border:none;
	margin-bottom: 0;
}
footer .footer_menu dl:last-child dd{
	width: 270px;
}
	footer .footer_menu dl:last-child dd:before{content:none;}
footer .address{
	margin: 5px 0 0 10px;
	float: left;
	width: 260px;
	letter-spacing:1px;
}
footer .address > img:first-child{
	display:block;
	margin-bottom:20px;
}
footer .address a{
	display:inline-block;
	margin-right:20px;
	margin-top:20px;
}
footer .copy{
	width: 100%;
	clear: both;
	height: auto;
	font-weight:normal!important;
	font-size: 1em;
	text-align: center;
	display: block;
	padding: 20px 0;
	margin: 0;
	border-top: 1px solid #DDDED8;
	letter-spacing: 1px;
}

/* カレンダー */
#calender_area dl{
	border:1px solid #DDDDDB;
	position:relative;
}
#calender_area dl dt{
	color: #909090;
	background: #F2EEEB;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
	padding: 5px 0 5px;
	margin: 0 0 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#calender_area dl dt p{
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
#calender_area dl dt button{
	border:none;
	background:none;
	width: 10px;
	height: 17px;
	margin: 0 10px 0;
}
#calender_area .prev{
	background:url("../parts/icon_c_arrow.svg") no-repeat;
	background-size: 8px;
	background-position: center;
	transform: scale(-1, 1);
	position: absolute;
	z-index: 200;
}
#calender_area .next{
	background:url("../parts/icon_c_arrow.svg") no-repeat;
	background-size: 8px;
	background-position: center;
	position: absolute;
	right: 0;
	z-index: 200;
}
#calender_area dl dd{
	padding:0 0px 10px;
}
#calender_area table{
	border-collapse: separate;
	border-spacing: 5px 3px;
	margin: 0 auto;
	width: 240px;
}
#calender_area table td, #calender_area table th{
	padding: 3px 2px;
	text-align: center;
	border-radius: 50px;
	font-size: 12px;
}
	#calender_area table td.holiday{
		background:#F4D6CC;
	}
#calender_area table td{
	font-weight:bold;
}
.holiday_txt{
	margin:5px 5px 0;
}
	#calender_area .circle{
		display: inline-block;
		background: #F4D6CC;
		width: 14px;
		height: 14px;
		margin-right: 5px;
		border-radius: 50px;
		vertical-align: baseline;		
	}
.calender-comment{
	margin:0 5px;
}
#calender_area .saturday{
	color:#3A8CC9;
}
#calender_area .sunday{
	color:#DA2A59;
}

/* 配下 */
#box{
	text-align:center;
}
#box > h1{
	position:relative;
	text-align:center;
	min-height: 150px;
	overflow: hidden;
}
#box > h1 div{
	display:inline-block;
	text-align:center;
	margin: 2% 0;
}
#box > h1 div + img{
	position:absolute;
	z-index:-1;
	min-width:1000px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
#box > h1 span{
	display:block;
	font-size:0.8em;
	border-bottom:3px solid #000;
	margin-bottom: 5px;
}
#right{
	width:790px;
	float:right;
	border:1px solid #E8E7E5;
	background:#F5F5F5;
}
#right h2{
	overflow: hidden;
	position:relative;
	background:#fff;
	padding:20px;
	border-bottom: 1px solid #E8E7E5;
}
#right .contents{
	background:#fff;
	margin:30px 20px;
	padding: 0px 35px 5px;
}
.contents > div{
	overflow:hidden;
	clear:both;
	border-bottom:1px solid #DFDDDE;
}
.slick-list{
	border:none!important;
}
.contents > div:last-child{border:none;}
#left{
	width:190px;
}
.l_category{
	background:#F5F5F5;
	padding:10px;
	margin:0 0 20px;
}
.l_category a{
	display:block;
	background:#fff;
}
.l_category a img{
	width:60px;
	transition: all .3s ease;
}
	.l_category a:hover img{
		opacity:0.5;
	}
.l_category dl{
	display: flex;
	align-items: center;
	overflow:hidden;
	margin-bottom:5px;
}
.l_category dt{
	float: left;
	width: 108px;
	padding: 8px 10px 0 10px;
	line-height: 1.5em;
}
	.l_category dt span.pickup_sub_title{
		display: block;
		font-weight: bold;
		font-size: 14px;
	}
#left .l_item{
	border: 1px solid #DCDCD0;
	padding:10px;
}
.l_item dl{
	margin-bottom:10px;
}
.l_item dt{
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #DCDCD0;
	padding:0 5px;
	cursor:pointer;
	position:relative;
	padding-right: 25px;
}
	.l_item dt:after{
		content: url("../parts/icon_plus.svg");
		position: absolute;
		top: -6px;
		right: 10px;
		transition:0.3s;
	}
	.l_item dt.active:after{
		content: url("../parts/icon_minus.svg");		
	}
.l_item dd{display:none;}
.l_item dd a{	padding:5px 10px;}
	.l_item dd a{display:block;}

.page_view{
	overflow:hidden;
	clear: both;
	width: 790px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	padding: 50px 0 0;
}
	.item_syosai .page_view{
		float:right;
	}
.page_view button{
	border:none;
	/*
	background-color:#F0F0F0;
	*/
	margin: 0 5px 7px;
	width: 30px;
	height: 30px;
	transition:0.3s;
	background:none;

}
	.page_view button:not(.active):hover{
		/*opacity:0.5;*/
		background-color: #F0F0F0;
	}
.page_view .prev{
	float:left;
	background:url(../parts/item_icon_prev.png) no-repeat left center;
	padding-left:20px;
	width:60px;
}
.page_view .next{
	float:right;
	background:url(../parts/item_icon_next.png) no-repeat right center;
	padding-right:20px;
	width:60px;
}
.page_view .active{
	background-color: #F99600;
	color: #FFFFFF;
}

/* フリーページ */
.free_page #main{
	border: 1px solid #E8E7E5;
	background: #F5F5F5;
	padding:0 0 20px;
}
#left .contents{
	margin-bottom:80px;
	overflow: hidden;
	border:1px solid #E8E7E5;
}
.free_page .text-area a{
	text-decoration: underline;
}
.ttl_area{
	width:100%;
	margin:0 auto;
	display: flex;
}
h1.page_title{
	display: flex;
	justify-content: center;
	align-items: center;
	width:1000px;
	margin:0 auto;
	position: relative;
	text-align: center;
	min-height: 120px;
}
h2.ttl_main{
	background:url(../parts/h2_ttl_bg.jpg) no-repeat;
	background-size:cover;
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 0px;
	font-size: 23px;
}
h3.ttl_sub{
	font-size: 18px;
	padding: 20px 30px 0px;
	margin: 10px 0px 0px;
	background: #fff;
}
	h3.ttl_sub:before{
		content:url("../parts/icon_tori.svg");
		margin-right:10px;
		display: inline-block;
		vertical-align: middle;
	}
	.free_page .contents:first-child h3{
		margin-top:30px;
	}
	.free_page .contents:first-child div + div h3{
		margin-top:10px;
	}
.free_page .contents{
	padding:0 0 50px;
	margin:0 20px 0px;
	background:#fff;
}
.free_page .contents > div{
	border:none;
}
.free_page .contents > div p{
	word-break: break-all;
}
.free_page .text-area {
	padding: 20px 30px 20px;
	margin: 0 0px 0px;
	background: #fff;
}

/*ファイル別アイコン*/
.pdf a,
.xls a,
.doc a{
  color:#000;
  font-weight: 600;
  padding-right:19px;
}
.pdf a{
  background:url(../parts/icon_pdf.png) no-repeat right 0px;
}
.xls a{
  background:url(../parts/icon_excel.png) no-repeat right 0px;
}
.doc a{
  background:url(../parts/icon_word.png) no-repeat right 0px;
}

.free_page .text-area dl{
	margin:0 0 25px;
}
	.free_page .text-area dl:last-child{
		margin-bottom:0;
	}
.free_page .text-area dl dt{
	font-size: 17px;
	font-weight: bold;
	color: #9A693F;
	margin: 0 0 7px;
}
.free_page .text-area dl dd{
	margin:0 0 25px 10px;
	word-break: normal;
}
	.free_page .text-area dl dd:last-child{
		margin-bottom:0;
	}
.free_page .text-area ul li{
	position:relative;
	margin: 0 0 15px 0;
	padding: 0 0 0 18px;
	word-break: normal;
}
	.free_page .text-area ul li:last-child{
		margin-bottom:0;
	}
	.free_page .text-area li:before{
		content: url("../parts/icon_plus.svg");
		display:block;
		color:#9A693F;
		position:absolute;
		top:0;
		left:0;
	}

/* 購入ガイド */
.guide .payment dl{
	background: #FAF9F5;
	padding: 10px 10px;
}
.guide .payment dl dt{
	float:left;
	clear:left;
	font-size: medium;
	width: 120px;
}
.guide .payment dl dd{
	padding-top: 5px;
	margin: 0 0 13px 125px;
}
	.guide .payment dl dd:last-child{
		margin-bottom:0;
	}
.guide dl dd p{
	margin: 25px 0 15px;
	font-size: 16px;
	font-weight: bold;
	color: #9A693F;
	border-bottom: 1px dotted #9A693F;
}
table.postage{
	background:#FAF9F5;
	border-top:none;
}
table.postage td{
	border: 1px solid #e4d8c0 ;
}
.text-area table.postage th{
	width: 16%;
	background:#edebe4;
}
.text-area table.postage td.center{
	text-align:center;
}
.text-area table.postage td.right{
	text-align:right;
}
.text-area table.postage .trader td{
	text-align:center;
	width:20%;
}
.guide table th{
	white-space:nowrap;
}

/* フリーページ dl */
.free_dl{
	display:flex;
	justify-content: space-between;
}
.free_dl dd{
	margin-left:0!important;
}

/* 本物のオーガニックとは */
.about_o dl{
	width: 435px;
}
.about_o dt{
	border-bottom: 3px solid #9A693F;
	text-align: center;
}
.about_o dd{
	display:flex;
	justify-content: center;
}
.about_o dd img{
	display:block;
	height:130px;
	margin: 0 auto 13px;
}
.about_o dd p{
	text-align:center;
}

/* 本物を見抜けますか？ */
.organic .contents{
	margin-bottom:-50px;
}
.organic .ImgTopCenter + p a{
	margin-left: 308px;
}
.organic .ImgTopCenter + p a:before{
	content:"▼";
	color:#FA8D45;
	margin-right:5px;
}

/* 世界基準 */
.mark .free_dl{
	justify-content: center;
	margin-bottom:20px;
}
.mark .free_dl p{
	text-align:center;
	margin:10px 0 0;
}
.mark .free_dl img{
	height:auto;
	margin: 0 20px;
}

/* 生産者について */
.about_producers table th{
	white-space:nowrap;
}

/* ファイル */
.upfile{
	margin: 0 20px 0;
	background: #fff;
	padding: 0 30px;
}

/* 定義リスト */
.ul_typeA > li,
.ul_typeB > li{
	position:relative;
	counter-increment: cnt;
	padding-left:30px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.ul_typeA > li{
	border-bottom:1px solid #ccc;
}
.ul_typeA > li:last-child{
	border:none;
}
.ul_typeA > li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
	position: absolute;
	left: 0px;
	top: 0px;
}
.ul_typeB{
	margin-top:8px;
}
.ul_typeB > li{
	background:rgba(248, 250, 251, 1);
	padding: 5px 15px 5px 30px;
	margin: 0 0 2px;
}
.ul_typeB > li:before{
  display: marker;
  content: "" counter(cnt) ") ";
	position: absolute;
	left: 10px;
	top: 5px;
}
.table_typeA, .table_typeA th, .table_typeA td{
	width:570px;
	text-align:center;
	font-weight:normal;
	border:1px solid #ccc;
	padding:5px;
}
.table_typeA{
	margin:10px 0;
}
.table_typeA th{
	background:#E8F5FD;
}


/* フリーページ（画像の配置） */
	/*######################################
		フリーページの画像位置設定
	[配置対応番号]
	0_ImgTopLeft:左上		1_ImgTopCenter:中上			2_ImgTopRight:右上
	3_ImgLeft:左							4_ImgRight:右
	5_ImgBottomLeft:左下		6_ImgBottomCenter:中下		7_ImgBottomRight:右下
	########################################*/
.ImgTopCenter,
.ImgBottomCenter,
.ImgRight,
.ImgLeft,
.ImgTopLeft,
.ImgTopRight,
.ImgBottomLeft,
.ImgBottomRight {
  max-width: 1000px;
  position: relative;
  z-index: 100;
}

.ImgTopCenter img,
.ImgBottomCenter img,
.ImgRight img,
.ImgLeft img,
.ImgTopLeft img,
.ImgTopRight img,
.ImgBottomLeft img,
.ImgBottomRight img {
  border-radius: 2px;
  max-width: 100%;
}

/*----------------------------------
	上の左（回り込なし）に表示の設定
------------------------------------*/
.ImgTopLeft {
  margin-left: 0px;
}

/*----------------------------------
	上に表示の共通設定
------------------------------------*/
.ImgTopCenter,
.ImgRight,
.ImgLeft,
.ImgTopLeft,
.ImgTopRight {
  margin-bottom: 15px;
}

/*----------------------------------
	下に表示の共通設定
------------------------------------*/
.ImgBottomLeft,
.ImgBottomCenter,
.ImgBottomRight {
  margin-top: 15px;
  clear: both;
}

/*----------------------------------
	左に表示の共通設定
------------------------------------*/
.ImgTopLeft,
.ImgLeft,
.ImgBottomLeft {
  text-align: left;
  margin: 0 15px 15px 0px;
}

.freeImg0 {
  margin-top: 20px;
}

/*----------------------------------
	中央に表示の共通設定
------------------------------------*/
.ImgTopCenter,
.ImgBottomCenter {
  text-align: center;
}

.ImgTopCenter {
  margin-top: 20px;
}

/*----------------------------------
	右に表示の共通設定
------------------------------------*/
.ImgTopRight,
.ImgRight,
.ImgBottomRight {
  text-align: right;
  margin-left: 15px;
}

.ImgRight {
  margin-left: 27px;
}

.ImgTopRight {
  margin-top: 20px;
}

/*----------------------------------
	上下の共通設定
------------------------------------*/
.ImgTopLeft,
.ImgTopRight,
.ImgBottomLeft,
.ImgBottomCenter,
.ImgBottomRight {
  clear: both;
}

/*----------------------------------
	左に表示
------------------------------------*/
.ImgLeft {
  float: left;
  margin-right:20px;
}

/*----------------------------------
	右に表示
------------------------------------*/
.ImgRight {
  float: right;
}

/*----------------------------------
	左下に表示
------------------------------------*/
.ImgBottomLeft {
  margin-top: 15px;
}
/* 一つ目のcontentsの直下の画像は上にマージンをとらない */
#left > .contents:nth-child(1) > .text-area > .ImgTopCenter{
	margin-top: 0;
}
/* 詳細ページへのボタン */
.text-area a.syosaibtn{
	border-bottom: solid 1px rgba(209, 231, 246, 1);
	display: block;
	font-size: 0.9rem;
	padding: 1px 25px;
	float: right;
}

/* 表作成 */
.baseTbl_A{
	width:100%;
	font-size: 0.95rem;
	margin:10px 0;
	box-sizing:border-box;
}
.baseTbl_A th,
.baseTbl_A td{
	padding: 10px 10px;
	font-weight: 100;
	border-bottom:solid 1px #fff;
	vertical-align:top;
}
.baseTbl_A th{
	width: 25%;
	text-align: left;
	font-weight:bold;
}

.soryo_txt h3{
	margin:0 0 20px;
	font-size:17px;
}
.soryo_txt div{
	margin:15px 0 20px;
}
.text-area  table {
    width: 100%;
    margin: 10px 0px;
    box-sizing: border-box;
	border-top: solid 1px #ccc;
}
.text-area  table th, .text-area  table td {
    padding: 10px 25px;
    border-bottom: solid 1px #ccc;
    vertical-align: top;
}
.text-area  table th{
	background:#FAF9F5;
	font-weight: bold;
}

/*パンくず*/
.breadrumb{
	margin: 10px auto 20px;
	border-bottom: 1px solid #E9E8E6;
	padding: 15px 0;
	box-sizing: content-box;
	width: 1000px;
}
.breadrumb span{
	background:url(../parts/bread_home.png) no-repeat left center;
	display:inline-block;
	padding: 2px 17px 2px 7px;
	margin-right:10px;
	cursor:pointer;
	transition:all 0.3s ease;
}
	.breadrumb span:hover{
		transform:translateX(7px);
	}
#page-top {
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 100px;
	left: 50%;
	margin-left: 499px;
	z-index: 9999999;
	cursor: pointer;
}
#page-top a{
  display: block;
  width: 100%;
  height: 100%;
  line-height: 90px;
  text-align: center;
  color:#fff;
  font-size:12px;
  -webkit-transition:1.0s;
  transition:1.0s;
  background:#fff url(../parts/pagetop.svg) no-repeat 0 0px ;
  background-position: center;
	border: 1px solid #E9E8E3;
}

@media screen and ( max-width:1179px) {
	html{
		overflow-x:scroll;
	}
	#container,
	#container #main,
	#container #box{
		width: 100%!important;
	}
	#container #main{
		padding:0 10px;
		box-sizing: border-box;
	}
		.top #main{
			padding:0px!important;
		}
	footer .copy,#department{
		width:100%;
		display:block;
	}
	nav{
		width: 100%;
		height: 8vh;
		top: -5vh;
		right: 10px;
		margin: 0 auto;
	}
	footer{
		width:100%;
	}
	footer .inner{
		width:auto;
	}
	footer .inner .footer_wrapper {
		width: 100%;
		min-width: 320px;
		overflow: hidden;
		box-sizing: border-box;
}

	footer ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
		font-size: 17px;
		width:93%;
		margin:0 auto;
	}
	footer li{
		width:50%;
		padding:0;
	}
	footer li:last-child::after {
	    content: none;
	}
	footer .facebook{
		position:static;
		margin: 20px auto 0;
	}
	footer .address{
		width:100%;
		padding-bottom:30px;
		text-align:center;
		margin:0 auto;
	}
		footer .address a{
			color:#fff;
			float:none;
			width:auto;
			margin:0px;
		}
		footer .address img{
			display:block;
			margin:0 auto;
		}
		footer .address span{
			display:block;
			margin-top:10px;
		}
	footer .footer_menu{
		padding:0 10px;
		float: none;
	}
	footer .footer_menu > dl{
		width:43%;
		margin-bottom: 20px;
		margin-right:0px;
	}
	footer .footer_menu dl:last-child dd{
	    width: 280px;
	}
	footer .copy{
		position: static;
		margin: 0 0 30px;
	}
	/* バナーエリア */
	.bunner_area{
		margin: 0 0px 40px;
	}
	
 .breadrumb{
	 	padding: 10px 0px;
		margin:10px 10px 30px 10px;
		text-align:left;
		width: auto;
	}
	.top #container #box{
		top:0px;
	}
	#right{
		width:100%;
		margin:0 0 20px;
	}
	#right .contents{
		padding:0 20px;
	}
	#left{
		width: 100%;
		margin-top:30px;
		clear:both;
	}
	.l_category{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;		
	}
	.l_category a{
		width:49%;
		margin:0 0 10px;
	}
	.l_category dl{
		justify-content: space-between;
		min-height: 60px;
		margin-bottom:0;
	}
	.l_category dt{
		width:73%;
	}
	
	.bunner_area li{
		width:92%;
	}
	.bunner_area .square{
		width:31.4%;
		max-width:100%;
	}
	.bunner_area .oblong-tow-thirds{
		width:64%;
		max-width:100%;
	}

/* パンくず */
.breadrumb{
	width:auto;
	margin:10px;
}

/* お知らせ */
	.info_area span.new_info_date{
		margin-top:8px;
	}
	.info_area span.new{
		font-size:11px;
	}
	.info_area a.backnumber{
		margin-right:10px;
	}
	
/* トップコンテンツ */
	#top_contents01, #top_contents02{
		margin-bottom:0;
	}
	#top_contents02 .contents a span{
		font-size:11px;
		padding:0 4px;
	}
	#top_contents02 > div{
		width:100%;
		margin-bottom: 30px;
	}
	.top_area > div{
		width:auto;
		padding: 0 10px;
	}
	.pickup, .ranking, .outlet, .new_item{
		width: 100%;
		margin-bottom: 30px;
	}
	.pickup a{
		width:48%;
	}
	.ranking a{
		width:30%;
	}
	.ranking dl{
		width:100%;
	}
	.outlet dl, .new_item dl{
		width:140px!important;
	}
	.category .contents{
		height:auto!important;
		width:100%;
		justify-content: space-around;
	}
	.category .contents:after{
		content:"";
		display:block;
		width:190px;
	}
	.category .contents dl{
		width: 45%;
		display:inline-block;
		vertical-align:top;
		background-size: cover !important;
		margin-bottom:10px;
	}
	.category dl:nth-of-type(7){margin-bottom:10px;}
	.bunner ul{
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-around;
	}
		.bunner ul:after{
			content:"";
			display:block;
			width:30%;
		}
	.bunner li{
		width: 30%;
		height: auto;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.bunner li a,
	.bunner li img{
		display:block;
		max-width:100%;
		margin: 0 auto;
	}
	.info_area{
		margin:0 0 20px;
	}
	
/* 配下 */
	h2.ttl_main{
		padding:20px 10px 10px;
		margin: 0 0 0px;
	}
	#box > h1{
		overflow:hidden;
		min-height: 100px;
		margin: 20px 0px 25px;
	}
		#box > h1:before{
			content: "";
			display: block;
			/*padding-top: 100%; /* 1:1 */			
		}
	#box > h1 div{
		font-size: 20px;
	}
	#box > h1 div + img{
		min-width:100%;
		max-width: 100%;
	}

	/* 表 */
	table{
		width:100%!important;
	}
	.baseTbl_A{
		margin:0px;
	}
	.baseTbl_A th,
	.baseTbl_A td{
		padding: 10px 10px;
	}
	.f_tbl{
		overflow: auto;
		white-space: nowrap;
	}
	.f_tbl::-webkit-scrollbar {
	  height: 10px;
	}
	.f_tbl::-webkit-scrollbar-track {
	  margin: 0 2px;
	  background: #ccc;
	  border-radius: 5px;
	}
	.f_tbl::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #666;
	}
	
	/* 下部コンテンツ */
	.top_button a:first-child{
		border-bottom:1px solid #E9E8E3;
		border-left:none;
	}
	.top_button a:nth-of-type(2){
		border-right:none;
	}
	
	/* メルマガ */
	.mail_magazine form input#MAIL_ADDRESS{
		width:80%;
		max-width:330px;
	}
	#MAIL_ENTRY, #MAIL_CANCEL{
		padding:20px 13px;
	}

	/* フリーページ */
	.free_page #box #main{
		border: 1px solid #E8E7E5;
		background: #F5F5F5;
		padding:0 0!important;
		margin:	0 10px!important;
		width:auto!important;	
	}
	.free_page .contents{
		margin:10px 10px 10px;
		padding-bottom:30px;
	}
	.ttl_area{
		width:100%;
		min-height:1.8em;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	h1.page_title{
		width:100%;
		height:auto;
		font-size:1.8em;
		padding: 20px 20px;
	}
	h3.ttl_sub{
		padding:20px 10px 5px;
		margin:0 0 0;
	}
	.free_page .text-area{
		padding: 10px 10px 30px;
		margin:0;
	}
	dl.caution{
		padding:10px 10px;
	}
	table img{
		width:100%;
	}

	dl.dl_typeB dt{
		width:100%;
		padding:3px 10px!important;
		margin-bottom: 5px;
	}
	dl.dl_typeB dd{
		margin-left:0px!important;
	}

	/* 画像 */
	.ImgTopCenter, .ImgBottomCenter, .ImgRight, .ImgLeft, .ImgTopLeft, .ImgTopRight, .ImgBottomLeft, .ImgBottomRight{
		float:none;
		text-align: center;
		margin:15px 0;
	}
	.ImgTopCenter img, .ImgBottomCenter img, .ImgRight img, .ImgLeft img, .ImgTopLeft img, .ImgTopRight img, .ImgBottomLeft img, .ImgBottomRight img, .text-area img{
		max-width:100%;
	}
/* ページネーション */
	.page_view{
		width:100%!important;
		padding: 20px 0 30px;
	}
	.page_view button{
		padding: 3px 0px;
		font-size: 13px;	
		float:none!important;	
	}
	
/* フリーページdl */
	.about_o,
	.about_o dd{
		display:block;
	}
	.about_o dl{
		width:auto;
	}
/* 購入ガイド */
.guide .payment dl dt{
	float:none;
}
.guide .payment dl dd{
	margin-left:0px;
}
/* 本物を見抜けますか？ */
	.organic .ImgTopCenter + p a{
		margin-left:0;
	}
/* 世界基準 */	
	.mark .free_dl img{
		margin:0 auto;
	}
	
	.upfile{
		margin:0;
		padding:0;
	}
	
	#new_list li{
		height:20vh;
	}
	
}

@media screen and ( max-width:799px) {
	
	.top_main .main01{
		width: 100%;
		margin: 0 auto;
		max-width: 100%;
	}
	.top_main .main01 a{
		display:block;
	}
		.top_main .main01 a:hover{
			background:none;
		}
		.top_main .main01 a:after{
			background: url(../parts/icon_link_sp.svg) no-repeat;
			height:20px;
			width:20px;
			display: block;
			margin: 5px 0 0px 6px;
			background-size: contain;
			opacity:1;
			visibility:visible;		
		}
		
	#new_list{
		padding: 0 5px;		
	}
	#new_list li{
		height: 100px;
		margin-bottom:1px;	
		width: 32.7%;
	}
	#new_list:after{
		width: 90%;
	}
	.top #main .info_area h2 span.title_eng{
		font-size:20px;
	}
	.new_info_title{
		font-size:16px;
	}
	.top #main .info_area h2 .point{
		padding:25px;
	}

}

@media screen and (max-width:500px){
	
	
/* お知らせ */
	.top #main .info_area h2{
		width:auto;
	}
	.top #main .info_area h2 .point{
		padding:3vh;
	}
	.top #main .info_area h2 span.title_eng{
		 margin: 0 0 0 5vh;
		font-size: 5.3vw;
		display: block;
		text-align: center;
	}
	#new_list{
		padding: 15px 5px 23px;
		margin-bottom: 5px;		
	}
	#new_list li{
		width: 80%;
		min-height: 70px;
		margin: 0 auto 5px;
	}
	#new_list li:first-child{
		height:25vh;
	}
	#new_list li:last-child{
		margin-bottom:0;
	}
	.top #main .info_area h2{
		margin-bottom:10px;
	}
	.top #main .info_area h2 .point{
		padding: 18px 13px;
		left:0;
		z-index: 5;
	}
	.info_area a.backnumber{
		margin-top:-20px;
	}
	#new_list::after{
		width:70%;
		height:100%;
		top:0;
	}
	.info_area a.backnumber{
		margin-right:40px;
	}
	/* 新着情報 */
	#new_list{
		padding-top: 3vh;
	}
	.top #main .info_area h2 .point{
		padding: 6vw 5vw;
		font-size: 12px;
	}
	.top #main .info_area h2 .point:first-letter{
		font-size:18px;
	}
	
}

/* 400px未満sp */
@media screen and (max-width:400px){

	html {
		min-width:320px;
		overflow-x: scroll;
	}
	
	
/* フッター */
	footer .footer_menu > dl{
		width:100%;
	}
	

	
/* トップコンテンツ */
	#pickup a{
		width:100%;
	}	
	.top_area .name , .top_area .point{
		float:none;
		text-align:center;
	}
	.ranking .contents{
		justify-content:center;
	}
ul.contents
	.ranking a{
		margin:0 0 15px;
		width: 60% !important;
		max-width: 100%;
	}
	.ranking dl{
		margin-bottom:15px;
	}
	.item_slider dl{
		width:100%!important;
	}
	.top .contents dl{
		width:100%!important;
	}
	#top_contents02 .contents dd.cc, .osusume_slider dl dd.cc{
		margin-bottom:66px;
	}
	.osusume_slider dt{
		height:auto;
	}
	
	/* バナーエリア */
	.bunner_area li,
	.bunner_area .oblong-tow-thirds{
		width:93%;
	}
	.bunner_area .square{
		width: 45%;
	}
	
/* 下部コンテンツ */
	.bunner ul:after{
		width:50%;
	}
	.bunner li{
		width: 50%;
		margin-right: 0;
		height: auto;
	}
	.bunner li a{
		display:block;
	}
	.top_button a{
		width:100%;
		background-position:8% 50%!important;
	}

	/* 右コンテンツ */
	#right .contents{
		margin:30px 10px;
		padding:0 10px;
	}
	
	/* 左メニュー */
	.l_category a{
		width:100%;
	}
	.l_category dl{
		margin-bottom:0;
		justify-content: space-between;
	}
	
	/* 新着情報 */
	.top #main .info_area h2 .point {
		padding: 6.5vw 4vw;
	}

/*------------print---------------------*/
/* 印刷 */
@page {
	margin: 12mm 7mm;
}
@media print{
	body{ zoom: 95%; }

	#page-top{
		display:none!important;
	}
}
.alter_data{
	font-weight:bold;
	color:#ff3300;
}