@charset 'UTF-8';

/* ================================================================================

	PC表示

================================================================================ */
@media only screen and (min-width: 768px) {
	/* フロント 新着並び */
	ul.boxline {
		margin: 0px;
		padding: 0 0 0 10px !important;
		margin-left:0px;
		letter-spacing:-0.4em!important;
	}
	.new-entry-thumb,.new-entry{

	}
	ul.boxline li {
		display: inline-block;
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		 width: calc(100% / 6.029) ;
		text-align: center;
		margin-bottom:25px!important;
	}
	 
	ul.boxline li img {
		display: block!important;
		max-width: 100%!important;
		height: auto!important;
		margin: 0px;
		padding: 0px;
	}


	/* 商品検索結果 */
	.archive-title{
		font-size:24px;
	}
	.serch_select_detail{
		width:1000px;
		margin:0 auto;
	}
	.catfield-2{
		margin-bottom:8px;
	}
	.three-col-grid .grid-item  {
		width: calc(100% / 4.029) ;
		float: left;
	}

	.three-col-grid{
		overflow:hidden!important;
		padding-left:4px;
	}
	.grid-item{
		background-color:#f6f4ef;
		padding:15px;
		margin-left:1px;
		margin-right:1px;
		margin-bottom: -99999px;
		padding-bottom: 100024px;
	}
	div.news_day{
		display:inline;
		font-size:11px;
		color:#c1a47b;
		margin-left:8px;
	}
	div.news_title{
		display:inline-block
	}
	div.news_title a{
		color:#000000;
		margin:0 auto;
		text-align:center;
		/*font-family: "EB Garamond","a-otf-ryumin-pr6n";*/
		font-size:120%;
	}
	div.news_honbun{
		margin-top:16px;
		/*font-family: "Noto Sans Japanese";*/
		font-size:90%;
		line-height:170%;
	}
	
	/* ---------------検索フォーム--------------- */
	
	#searchform input[type="text"]{
		-webkit-border-radius: 30px!important;
		-moz-border-radius: 30px!important;
		border-radius: 30px!important;
		margin-bottom:48px!important;
		height:30px;
	}
	input#s{
		width:91% !important;
	}
	input#searchsubmit{
		width:9% !important;
		background:url(../gr_img/search_icon.png) center center no-repeat;
		background-size:contain;
		background-color:#ffffff!important;
		text-indent:-9999px;
		height:30px;
	}
	input#searchsubmit:hover{
		opacity: 0.6;
		transition: opacity 0.3s ease-out 0s;
	}
	#searchform a{
		display:none!important;
	}
	.search_form{
		margin:0 auto;
		width:30%;
		clear:both;
		margin-top:20px;
	}
	#modal3 li{
		line-height:25px;
	}
	/*もっと見るのアイコン */ 
	.moremore{
		margin-left:16px;
	}
	.moremore::before{
		left: 10px;
		box-sizing: border-box;
		width: 10px;
		height: 8px;
		border: 5px solid transparent;
		border-left: 10px solid #000000;
	}
	.arrow{
		position: relative;
		display: inline-block;
		padding: 16px;
		color: #000;
		vertical-align: middle;
		text-decoration: none;
		font-size: 16px;
	}
	.arrow::before,
	.arrow::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
		padding-left:8px;
		padding-right:8px;
		margin-left:44px;
	}
	.more_bt a{
		font-size:22px;
		font-weight: bold;
		/*font-family:"EB Garamond","a-otf-ryumin-pr6n"!important;*/
		color:#000000;
		padding:8px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border:1px solid #000000;
		padding-left:72px;
		padding-right:44px;
		margin-left:-8px!important;
	}
	/* ---------------形でえらぶ一覧ボックス--------------- */
	.katachi{
	}
	.katachi li{
		display:block;
		float:left;
		width: calc(100% / 3); /* 33.3333333…％ */
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin: 0px;
		padding:0 8px;
	}
	.katachi img{
		margin: 0px;
		padding: 0px;
	}
	.tsukurite li{
		width: calc(100% / 5); /* 33.3333333…％ */
	}


	/* ---------------作り手から選ぶ一覧ボックス--------------- */
	.side-new p{
		margin-bottom:0px;
		margin-top:-8px!important;
	}
	.side-new-top p{
		margin-bottom:0px;
		margin-top:-8px!important;
	}
	.side-new_sakuhin{
		margin-bottom:50px;
	}
	#modal1Title{
		/*font-family:"EB Garamond","a-otf-ryumin-pr6n"!important;*/
		font-weight: bold;
		padding-top:8px;
	}
	/* ----タイトル---- */
	ul.boxline3 {
	width:35%;
		padding-left: 20px!important;
		margin: 0px;
		padding: 0px;
		letter-spacing:-0.4em!important;
		margin:0 auto;
	}
	
	#modal1Title{
		padding-top:8px;
	}
	.side-new p{
	font-size:20px!important;
	margin-top:-20px!important;
	}

	.side-new-top p{
	font-size:20px!important;
	margin-top:4px!important;
	}

	ul.boxline3 li {
			margin-left:20px;
		display: inline-block;
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		width: calc(100% / 3); /* 33.3333333…％ */
		margin-bottom:25px;
		/*font-family:"EB Garamond","a-otf-ryumin-pr6n"!important;*/
		vertical-align:middle;
		text-align:left;
	}

	ul.boxline3 li img {
		display: block!important;
		max-width: 100%!important;
		height: auto!important;
		margin: 0px;
		padding: 0px;
		margin-left:1px;
		margin-right:1px;
		text-align:right;
	}
	.boxline3 h4 {
		font-size:12px!important;
		/*font-family:"EB Garamond","a-otf-ryumin-pr6n"!important;*/
	}
	.circle2 li{
		display: inline-block;
	}
	.circle2 img {
	width:110%;
	}
	.circle2 h4{
	vertical-align:middle;
	/*font-family:"EB Garamond","a-otf-ryumin-pr6n"!important;*/
	font-size:350%!important;
	margin-left:8px;
	}
	.circle2 h3{
	font-size:16px;
	}
	.list_go{
		font-size:12px;
		color:#FF0000;
		text-align:right;
	}
	.sakuhin_hr{
	margin-top:-8px;
	border-top: 1px solid #333;
	}

	ul.boxlinesakuhin {
	width:80%;
		padding-left: 20px!important;
		margin: 0px;
		padding: 0px;
		letter-spacing:-0.4em!important;
	}
	.side-new{

	}
	.side-new p{
		font-size:17px;
		line-height:22px;
		color:#000000;
	}

	.side-new-top p{
		font-size:17px;
		line-height:22px;
		color:#000000;
	}

	ul.boxlinesakuhin li {
			margin-left:20px;
		display: inline-block;
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		width: calc(100% / 3); /* 33.3333333…％ */
		margin-bottom:25px;
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
		vertical-align:middle;
		text-align:left;
	}

	ul.boxlinesakuhin li img {
		display: block!important;
		max-width: 100%!important;
		height: auto!important;
		margin: 0px;
		padding: 0px;
		margin-left:1px;
		margin-right:1px;
		text-align:left;
	}
	.boxlinesakuhin h4 {
		font-size:12px!important;
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
	}
	.circle2sakuhin{
	width:280px;
	}
	.circle2sakuhin li{
		display: inline-block;
	}
	.circle2sakuhin img {
	width:40%;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
	}
	.circle2sakuhin h4{
	vertical-align:middle;
	/*font-family:"a-otf-ryumin-pr6n"!important;*/
	font-size:200%!important;
	margin-left:-20px;
	}
	.list_go{
		font-size:12px;
		color:#FF0000;
		text-align:right;
	}
	

	/* ---------------Price一覧ボックス--------------- */
	ul.boxline4 {
		padding-left: 0!important;
		margin: 0px;
		padding: 0px;
		margin-left:0px;
		letter-spacing:-0.4em!important;
		margin-right:10px;
	}

	ul.boxline4 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		width: calc(100% / 2); /* 33.3333333…％ */
		margin-bottom:25px;

	}

	ul.boxline4 li img {
		display: block!important;
		max-width: 100%!important;
		height: auto!important;
		margin: 0px;
		padding: 0px;
		margin-left:1px;
		margin-right:1px;
	}
	.boxline4 h3{
		font-size:18px!important;
		font-weight:normal;
		padding:8px 0 16px;
	}
	.katachi_photo_title{
		font-size:20px;
		font-weight:normal;
		padding:8px 0 16px;
		/*font-family: 'Lato', "a-otf-ryumin-pr6n",sans-serif!important;*/
		line-height:20px;
		height:75px;
	}
	.tsukurite .katachi_photo_title{
		font-size:16px;
	}
	.front_oubun{
	font-size:16px;
	}
	.list_oubun{
	font-size:16px;
	}
	.side-new p{
		/*font-family: 'Lato', sans-serif!important;*/
		font-size:17px;
		line-height:22px;
		color:#000000;
	}
	.side-new-top p{
		/*font-family: 'Lato', sans-serif!important;*/
		font-size:17px;
		line-height:22px;
		color:#000000;
	}



	/* ---------------形でえらぶ一覧ボックス--------------- */
	.kakaku{
	}
	.kakaku li{
		display:block;
		float:left;
		width: calc(100% / 2); /* 33.3333333…％ */
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin: 0px;
		padding:0 8px;
	}
	.kakaku img{
		margin: 0px;
		padding: 0px;
	}




	/* ---------------お知らせスライダー--------------- */
	.vgpc-image-block img{
		display:block !important;
		margin:0 auto !important;
	}
	.vgpc-text-block{
		max-width:300px;
		margin:0 auto;
	}
	.new_item_title{
		margin-top:110px;
		text-align:center;
	}

	.vgpc-post-title a{
		/*font-family:"a-otf-ryumin-pr6n" !important;*/
		font-size:13px;
		font-weight:bold;
		line-height:1.6;
	}
	.vgpc-post-desc{
		/*font-family:"Noto Sans Japanese",serif !important;*/
		font-size:14px;
	}
}




/* ================================================================================

	スマホ表示

================================================================================ */
@media only screen and (max-width: 767px) {
	/* フロント 新着並び */
	ul.boxline {
		padding-left: 0 !important;
		margin: 0px;
		padding: 0px;
		margin-left:0px;
		letter-spacing:-0.4em !important;
		list-style:none;
	}
	.new-entry-thumb,.new-entry{
		margin: 0px;
		padding: 0px;
	}
	ul.boxline li {
		display:inline-block;
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin:0 0 18px 0;
		padding: 0px 8px;
		width: calc(100% / 3); /* 33.3333333…％ */
		text-align: center;
	}
	 
	ul.boxline li img {
		display: block!important;
		max-width: 100%!important;
		height: auto!important;
		margin: 0px;
		padding: 0px;
	}
	/* 商品検索結果 */
	.archive-title{
		font-size:24px;
	}
	.catfield-2{
		margin-bottom:8px;
	}



	/* お知らせ */
	.vgpc-post-title a{
		/*font-family:"a-otf-ryumin-pr6n" !important;*/
		font-size:13px;
		font-weight:bold;
		line-height:1.6;
	}
	.vgpc-post-desc{
		/*font-family:"Noto Sans Japanese",serif !important;*/
		font-size:14px;
	}
	#vgpc-wrapper779{
		margin-bottom:80px !important;
	}





	/* ---------------Category一覧ボックス--------------- */
	.remodal{
		position:absolute !important;
		top:0 !important;
		left:0 !important;
	}
	.category_over{
		height:100% !important;
	}
	#modal1Title{
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
		padding-top:8px;
	}



	/* ---------------形から選ぶ--------------- */
	.katachi li{
		margin-bottom:18px;
		vertical-align:top;
	}
	.katachi_photo{
		width:100%;
		margin:0 auto;
	}

	.katachi li{
		display:block;
/* 		width:50%; */
		width:calc(100%/3);
		float:left;
		padding:0 8px;
	}

	.tsukurite li{
		width:33%;
	}


	/* ---------------作り手から選ぶ--------------- */
	ul.boxline3 {
		padding-left: 0!important;
		margin: 0px;
		padding: 0px;
		margin-left:0px;
		letter-spacing:-0.4em!important;
	}

	ul.boxline3 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		width: calc(100% / 1); /* 33.3333333…％ */
		margin-bottom:25px;
	}

	ul.boxline3 li img {
		display: block!important;
		max-width: 100%!important;
		height: auto!important;
		margin: 0px;
		padding: 0px;
		margin-left:1px;
		margin-right:1px;
	}
	.boxline3 h4{
		font-size:14px!important;
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
	}

	.circle2{
		width:100px;
		height:100px;
		display: inline-block;
	}
	.circle2 img {
		width:100px;
		height:100px;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
	}

	ul.boxlinesakuhin li:nth-child(1) {
		display: inline-block;
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		width: calc(100% / 3.6); /* 33.3333333…％ */
		margin-bottom:25px;
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
		vertical-align:middle;
		text-align:left;
	}

	ul.boxlinesakuhin li:nth-child(2) {
		display: inline-block;
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		width: calc(100% / 1.5); /* 33.3333333…％ */
		margin-bottom:25px;
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
		vertical-align:middle;
		text-align:left;
	}

	ul.boxlinesakuhin li img {
		display: block!important;
		max-width: 100%!important;
		height: auto!important;
		margin: 0px;
		padding: 0px;
		margin-left:1px;
		margin-right:1px;
		text-align:left;
	}
	.boxlinesakuhin h4 {
		font-size:12px!important;
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
	}
	.circle2sakuhin li{
		display: inline-block;
	}
	.circle2sakuhin img {
		width:80px;
		border-radius: 80px;
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
	}
	.circle2sakuhin h4{
		vertical-align:middle;
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
		font-size:20px !important;
	}
	.circle2 h3{
	font-size:16px;
	}


	.side-new p{
		margin:-20px 0 0px;
	}
	.side-new-top p{
		margin:0;
	}
	.side-new_sakuhin{
		margin-bottom:80px;
	}

	.sakuhin_hr{
		display:none;
	}





	/* ---------------価格帯から選ぶ--------------- */
	ul.boxline4 {
		padding-left: 0!important;
		margin: 0px;
		padding: 0px;
		margin-left:0px;
		letter-spacing:-0.4em!important;
		margin-right:10px;
	}

	ul.boxline4 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing:normal;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		width: calc(100% / 2); /* 33.3333333…％ */
		margin-bottom:25px;

	}

	ul.boxline4 li img {
		display: block!important;
		max-width: 100%!important;
		height: auto!important;
		margin: 0px;
		padding: 0px;
		margin-left:1px;
		margin-right:1px;
	}
	.boxline4 h4{
		font-size:12px!important;
	}



	.list_go{
		font-size:12px;
		color:#FF0000;
		text-align:right;
	}

	/* ---------------検索フォーム--------------- */
	/* 商品検索 */
	.search_form{
		margin:0 auto;
		width:80%;
		overflow:auto;
	}

	#searchform input[type="text"]{
		-webkit-border-radius: 30px!important;
		-moz-border-radius: 30px!important;
		border-radius: 30px!important;
		margin-bottom:48px!important;
		height:30px;
	}
	input#s{
		width:86% !important;
	}
	input#searchsubmit{
		width:14% !important;
		background:url(../gr_img/search_icon.png) center center no-repeat;
		background-size:contain;
		background-color:#ffffff!important;
		text-indent:-9999px;
		height:30px;
	}
	input#searchsubmit:hover{
		opacity: 0.6;
		transition: opacity 0.3s ease-out 0s;
	}
	#searchform a{
		display:none!important;
	}



	/* ---------------価格から選ぶ--------------- */
	.kakaku li{
		margin-bottom:18px;
		vertical-align:top;
	}
	.kakaku_photo{
		width:100%;
		margin:0 auto;
	}

	.kakaku li{
		display:block;
		width:50%;
		float:left;
		padding:0 8px;
	}

	/*もっと見るのアイコン */ 
	.moremore{
		margin-left:16px;
	}
	.moremore::before{
		left: 10px;
		box-sizing: border-box;
		width: 8px;
		height: 6px;
		border: 4px solid transparent;
		border-left: 4px solid #000000;
	}
	
	.arrow{
		position: relative;
		display: inline-block;
		padding: 16px;
		color: #000;
		vertical-align: middle;
		text-decoration: none;
	}
	.arrow::before,
	.arrow::after{	
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
		padding-left:8px;
		padding-right:8px;
		margin-left:44px;
	}
	.more_bt a{
		width:95%;
		font-size:18px;
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
		color:#000000;
		padding:8px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border:1px solid #000000;
		padding-left:64px;
		padding-right:44px;
		margin-left:-3px!important;
	}

	.katachi_photo_title{
		font-size:18px;
		font-weight:normal;
		padding:4px 0 8px;
		/*font-family: 'Lato', "a-otf-ryumin-pr6n",sans-serif!important;*/
		line-height:20px;
		height:30px;
	}
	.tsukurite .katachi_photo_title{
		font-size:16px;
	}
	.front_oubun{
		font-size:16px;
	}
	.list_oubun{
		font-size:16px;
	}

}





/* ================================================================================

	お勧め商品バナー

================================================================================ */

/* PC表示 */
@media only screen and (min-width: 768px) {
	.brand_banners{
		max-width:1920px;
		width:100%;
		margin:0 auto 160px;
		padding:0 16px;
	}
	ul.brand_banners01{
		margin-bottom:1%;
	}
	ul.brand_banners01 li a img{
		width:98%;
		height:auto;
		margin-bottom:5px;
	}
	ul.brand_banners02 li{
		float:left;
		width:49.5%;
	}
	ul.brand_banners02 li:nth-of-type(1){
		margin-right:1%;
	}
	ul.brand_banners02 li:nth-of-type(1) a img{
		width:98%;
		height:auto;
		margin-bottom:15px;
		margin-left:10px;
	}
	ul.brand_banners02 li:nth-of-type(2) a img{
		width:98%;
		height:auto;
		margin-bottom:15px;
	}
	ul.brand_banners01 li a img:hover,
	ul.brand_banners02 li a img:hover{
		opacity: 0.8;
		transition: opacity 0.3s ease-out 0s;
	}
}


/* スマホ表示 */
@media only screen and (max-width: 767px) {
	.brand_banners{
		max-width:767px;
		width:100%;
		margin:0 auto 64px;
		padding:0 8px;
	}
	ul.brand_banners01 li{
		margin-bottom:8px;
	}
	ul.brand_banners02 li{
		float:left;
		width:49.5%;
		margin-bottom:8px;
	}
	ul.brand_banners02 li:nth-of-type(1) a img{
		width:98%;
		height:auto;
		margin-right:4px;
	}
	ul.brand_banners02 li:nth-of-type(2) a img{
		width:98%;
		height:auto;
		margin-left:5px;
	}
}