@charset "utf-8";

/*メインバナー************/
.main-banner{
margin-bottom: 5px;
}
.main-banner a:hover{
opacity: 0.5;
}
.main-banner{
  /*box-shadow: 3px 3px 3px rgba(0,0,0,0.3);*/
}
.main-banner.info img, .main-banner.categ img{
  box-shadow: none;
}
.main-banner.categ img{
border-radius: 0 8vw 0 0 ;
}
.ctg-copy h1{
color: rgba(228,95,195,1.00);
font-family: suns-serif;
line-height: 1.4em;
font-size: calc(11px + 9 * (100vw - 420px)/780);
margin-bottom: 5vw;
}
.ctg-copy.haha{
color: rgba(240,111,205,1.00);
}
.ctg-copy.spring h1{
color: rgba(82,185,89,1.00);
}
.ctg-copy.autumn h1, .ctg-copy.material h1{
color: rgba(143,76,31,1.00);
}
.ctg-copy.mini-green h1{
color: rgba(115,173,76,1.00);
}
.ctg-copy.large-green h1{
color: rgba(107,179,120,1.00);
}
.ctg-copy.care h1{
color: rgba(143,143,24,1.00);
}
.ctg-copy.seedling h1{
color: rgba(134,183,79,1.00);
}
.ctg-copy.saccu h1{
color:rgba(154,135,60,1.00);
}
.ctg-copy.info h1{
color: rgba(88,126,198,1.00);
}
.ctg-copy h1{
margin-left: 2em;
}
.ctg-h1.haha{
background-color: rgba(232,94,228,0.70);
}
.ctg-h1.spring{
background-color: rgba(113,170,77,1.00);
}
.ctg-h1.winter{
background-color: rgba(247,124,222,1.00);
}
.ctg-h1.info h1{
  background:rgba(182,224,237,1.00);
}
.ctg-h1.autumn{
  background-color:rgba(135,82,47,1.00);
}
.ctg-h1.material{
background-color:rgba(218,141,72,1.00);
}
.ctg-h1.seedling{
background-color: rgba(211,227,81,1.00);
}
.ctg-h1.mini-green{
background-color: rgba(162,205,103,0.70);
}
.ctg-h1.large-green{
background-color: rgba(193,215,114,1.00);
}
.ctg-h1.care{
background-color:rgba(175,183,0,1.00);
}
.ctg-h1.saccu{
background-color: rgba(195,201,65,1.00);;
}
.ctg-h1.info{
background-color: rgba(204,226,111,1.00);
}
.ctg-h1{
margin-top: -3px;
height: 5vw;
background: linear-gradient(#ffffff50 50%, transparent 50%);
background-size: 4px 4px;
border-radius: 0 0 0 5vw;
}

/*スライダーを隠す******************/
.slider-wrapper{
display: none;
}
.kanban-wrapper{
margin-top: 35px;
}

/*カテゴリー、商品一覧*/
.guid-midasi{
	border-bottom: rgba(189,155,78,0.50) 8px solid;
  padding-bottom: 0;
}
.guid-midasi h2{
	font-size: calc(20px + 12 * (100vw - 420px)/780);
	font-weight: bold;
	color:rgba(176,49,98,1.00);
  margin-bottom: -0.4em;
  font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  text-shadow: 2px 2px 3px #bbb;
}                       

.ctg-title{
margin-top: 0 ;
}

.ctg-item{
	width: 29%;
	float: left;
	margin-right: 6%;
	margin-bottom: 8%;
	height: 200px;
}
.item-group{
font-size: 18px;
margin-bottom: 30px;
}
.title{
border-bottom: 5px solid rgba(152,222,164,0.50);
margin-bottom: 30px;
height: 10px;
}
.ctg-table:nth-child(3n){
  margin-right: 0;
}
.ctg-item a {
text-decoration: none !important;
font-size: calc(12px + 8 * (100vw - 420px)/780);
line-height: 1.5em;
	}
.ctg-item a img{
box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
}
.ctg-table.junbi{
font-size: 3vw;
line-height: 1.7em;
color: rgba(99,38,6,1);
}
.ctg-item-name{
color: rgba(99,38,6,1);
font-family: sans-serif;
}

.sub-name{
	color:rgba(99,38,6,0.70);
	font-weight: normal;
	border-bottom: rgba(99,38,6,0.6) 1px solid;
	font-size: calc(10px + 8 * (100vw - 420px)/780);
	margin-bottom: 0.6vw;
	line-height: 1.5em;
	display: block;
	}
.ctg-item-icon img{
height: 13px;
width: auto !important;
}


.guid-copy{
margin-bottom: -10px;
margin-top: 20px;
margin-left: -10px;
font-weight: normal;
color: rgba(0,0,0,0.50)
}
.guid-shopping-table p{
margin-left: 20px;
color:rgba(58,48,34,1.00);
line-height: 1.7em;
}

.ctg-info img{
width: 60%;
box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
display: block;
margin-bottom: 15px;
}
.ctg-info a img:hover{
opacity: 0.5;
}
.ctg-info{
font-size: 16px;
color: darkslategray;
margin-bottom: 30px;
}

/*ガイドページのドロップダウンリスト************/
.guid-icon{
position: relative;
}

.ddl-hana, .ddl-green, .ddl-garden{
position: absolute;
top: 50px;
opacity: 0;
transform: scaleX(0.9);
width: 140%;
transform-origin: -200px ;
}
.guid-icon:hover .ddl-hana, .guid-icon:hover .ddl-green, .guid-icon:hover .ddl-garden{
top: 70px;
display: block;
}
.guid-icon:hover > ul{
opacity: 1;
transition: ease-out 0.5s;
}
.guid-icon:hover .icon-title{
display: none;
}
.ddl-hana li, .ddl-green li, .ddl-garden li{
width: 100%;
font-size: 12px;
padding: 7px ;
border-radius: 10px;
margin-bottom: 3px;
white-space: nowrap;
text-align: left;
}
.ddl-hana li a, .ddl-green li a, .ddl-garden li a{
color: #fff;
text-decoration: none;
}
.ddl-hana li{
background-color: rgba(249,64,120,0.60);
}
.ddl-green li{
background-color: rgba(72,194,53,0.60);
}
.ddl-garden li{
	background: rgba(218,145,47,0.60);
}
.example-1{
vertical-align: super;
font-size: 10px;
color:rgba(53,92,173,1.00);
}

/*配送地域・追加料金*************/
.haisou table{
widht:100%;
font-size: 13px;
line-height: 1.2em;
}
.haisou td, .haisou th{
padding: 5px 0;
}
.haisou table tr:nth-child(-n+2){
font-weight: bolder;
}
.haisou table th{
width: 1%;
}
.haisou table tr{
border-bottom: 1px solid rgba(132,118,107,0.5);
}
.haisou table th:first-child{
width: 1.6%;
border-right:1px solid #aaa;
}



/*XS****************************
**XS***************************/
@media screen and (max-width : 420px ){

	/*.sm-xs-contents .row{
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}*/
.ctg-title img{
	width: 100%;
	margin-top: 15px;
}
.ctg-image img{
	width: 100%;
	margin-top: -4%;
	z-index: -1;
	position: relative;
	box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
}
	.ctg-copy p{
		color: #666;
		margin-bottom: 40px;
		font-size: 13px;
		line-height: 1.5em;
	}
.ctg-table{
	margin-top: 20px;
}
  .ctg-table:nth-child(2n){
    margin-right: 0px;
  }
.ctg-item{
	width: 45%;
	float: left;
	margin-bottom: 18%;
}

.ctg-image.yearend img{
margin-top: -2.8%;
}
.ctg-item:nth-child(2n){
	margin-right: 0;
}
.ctg-item-img img{
	width: 100%;
	display: block;
	box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
	margin-bottom: 10px;
}
.ctg-item a img:hover{
	opacity: 0.7;
}
.ctg-item-name{
	margin-bottom: 10px;
}
.ctg-item-icon img{
	width: 20%;
}

/*カテゴリー・ガイドのheadエリア*******/
.guid-shopping h1{
	color:rgba(15,140,216,1.00);
}
	.ctg-h1.guid-shopping h1{
		color:rgba(15,140,216,1.00);
	}
	.ctg-h1.guid-biginner h1{
		color: rgba(174,86,14,1.00);
	}
	.ctg-h1.spring-pot h1{
		color: rgba(219,86,133,1.00);
	}
/*guid-guidance***********************/
.guid-shopping-table img{
	width: 100%;
}
.guid-shopping-table{
	margin-top: 50px;
}
.ctg-header.guid-shopping{
	margin-top: 5px;
}
.guid-copy{
font-size: 14px;
}
/*概要********************/
.guid-copy th, .guid-copy td{
border-bottom: #aaa 1px solid;
padding: 10px;
font-size: 13px;
color: #666;
text-align: left;
}
table.guid-copy{
border-top: #aaa 1px solid;
}
.guid-copy th{
width: 30%;
color: #000;
background: rgba(152,152,152,0.34);
}

.guid-icon{
	width: 15vw;
	text-align: center;
	margin-left: 5%;
	float: left;
	font-size: 10px;
	color: #777;
}
	.guid-icon a img{
		margin-bottom: 0;
	}
.guid-icon a{
	display: block;
	color:#555;
	border-radius: 50%;
}
.guid-icon a:hover{
	background:rgba(255,240,0,0.13);
}

dl.siharai, p.guid-copy{
font-family:"漢字タイポス４１５ Std R";
color: #666;
line-height: 1.5em;
}
.guid-copy img{
box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
display: block;
margin: 10px 0;
}
.yamato-site{
background: rgba(230,220,190,0.5);
padding:10px;
font-size: 11px;
margin: 0 20px 20px;
	line-height: 1.3em
}
	.haisoujikan{
		background: rgba(188,177,119,1.00);
		width: 50%;
		padding: 8px;
		border-radius: 20px;
		text-align: center;
		font-size: 12px;
		margin: 5px auto 10px;
	}
	.haisoujikan a{
		color: #FFFFFF;
		text-decoration: none;

	}
	.haisoujikan a:hover{
		opacity: 0.5;
	}
p.henpin {
padding-left: 20px;
}
/*お買い物の流れを******************/
.over-600{
display: none !important;
}

}

/*SM*********************************
**SM********************************/
@media screen and ( min-width : 421px ) and (max-width : 600px ){
/*本文*/
.ctg-copy p{
font-size: 14px;
line-height: 1.5em;
margin-top: 10px;
}
.guid-shopping-table p{
font-size: 14px;
line-height: 1.5em;
color: #666666;
}
	
/*カテゴリー一覧******************/
	.guid-shopping-table img.shopping-flow{
		width: 80%;
		margin: 5% ;
	}
	.ctg-title img{
	width: 100%;
	margin-top: 15px;
}
.ctg-image img{
	width: 100%;
	margin-top: -6%;
	z-index: -1;
	position: relative;
	box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
}
	.ctg-image.mother img{
		margin-top: -2.5%;
	}
	.ctg-image.yearend img{
		margin-top: -2.8%;
	}
	.ctg-copy p{
		color: #666;
		margin-bottom: 40px;
	}
.ctg-table{
	margin: 30px auto ;
	width: 90%;
}
.ctg-item{
	width: 29%;
	float: left;
	margin-right: 6%;
	margin-bottom: 8%;
}
.ctg-item img{
width: 100%;
}
.ctg-item:nth-child(3n){
	margin-right: 0;
}
.ctg-item a img:hover{
	opacity: 0.7;
}
.ctg-item-name{
	margin-bottom: 5px;
}                       /***SM***/
.ctg-item-icon img{
		height: 15px;
	}
/*カテゴリー・ガイドのheadエリア*/
.ctg-h1.guid-shopping h1{
	color:rgba(15,140,216,1.00);
}
	.ctg-h1.spring-pot h1{
		color: rgba(176,71,129,1.00);
}
	
/*guid-ガイド*/
.guid-shopping-table img{
	width: 100%;
}
.guid-shopping-table{
	margin-top: 50px;
}
.ctg-header.guid-shopping{
	margin-top: 5px;
}
	.guid-shopping-table p, .ctg-copy p{
		padding-left: 3%;
		padding-right: 3%;
	}
	.guid-copy{
		margin-bottom: 20px;
	}
/*概要********************/
.guid-copy th, .guid-copy td{
border-bottom: #aaa 1px solid;
padding: 10px;
font-size: 13px;
color: #666;
text-align: left;
}
table.guid-copy{
border-top: #aaa 1px solid;
}
.guid-copy th{
width: 30%;
color: #000;
background: rgba(152,152,152,0.34);
}

.guid-icon{
	width: 70px;
	text-align: center;
	margin-left: 5%;
	float: left;
	font-size: 10px;
	color: #777;
}
	.guid-icon a img{
		margin-bottom: 0;
	}
.guid-icon a{
	display: block;
	color:#555;
	border-radius: 50%;
}
.guid-icon a:hover{
	background:rgba(255,240,0,0.13);
}
	.ctg-item{
		height: 200px;
}                       /***SM***/
/*guid-ご利用案内*/
dl.siharai, p.guid-copy{
font-family:"漢字タイポス４１５ Std R";
color: #666;
line-height: 1.5em;
}
.guid-copy img{
box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
display: block;
margin: 10px 0;
}
.yamato-site{
background: rgba(230,220,190,0.5);
padding:10px;
font-size: 11px;
margin: 0 20px 20px;
}
	.haisoujikan{
		background: rgba(188,177,119,1.00);
		width: 50%;
		padding: 8px;
		border-radius: 20px;
		text-align: center;
		font-size: 12px;
		margin: 5px auto;
	}
	.haisoujikan a{
		color: #FFFFFF;
		text-decoration: none;
		display: block;
	}
	.haisoujikan a:hover{
		background:	rgba(255,255,255,0.31);
	}
p.henpin {
padding-left: 20px;
}
/*お買い物の流れ*******************/
.over-600{
display: none !important;
}
}

/*MD**************************************
**MD*************************************/
@media screen and (min-width:601px) and (max-width: 770px) {
/*本文*/
.ctg-copy p{
font-size: 16px;
line-height: 1.5em;
margin-top: 10px;
}
.guid-shopping-table p{
font-size: 16px;
line-height: 1.5em;
color: #666666;
}

/*カテゴリー一覧*/
  .guid-midasi{
    margin-bottom: 30px;
  }
	.ctg-title img{
	width: 100%;
}
.ctg-image img{
	width: 100%;
	z-index: -1;
	position: relative;
	box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
}
	.ctg-copy p{
		color: #666;
		margin-bottom: 40px;
	}
.ctg-table{
	margin: 30px auto ;
	width: 90%;
}

.ctg-item img{
margin-top: -2vw;
}
.ctg-image.yearend img{
margin-top: -2.5%;
}
.ctg-item:nth-of-type(3n){
margin-right: 0;
}
.ctg-item-img img{
	width: 100%;
	display: block;
	box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
	margin-bottom: 10px;
}
.ctg-item a img:hover{
	opacity: 0.7;
}
.ctg-item-name{
	margin-bottom: 10px;
}
.ctg-item-icon img{
	height: 15px;
}
/*カテゴリー・ガイド*/
.ctg-h1.guid-shopping h1{
	color:rgba(15,140,216,1.00);
}
	.ctg-h1.spring-pot h1{
		color: rgba(176,71,129,1.00);
	}
/*guid-ご利用ガイド*/
.guid-shopping-table img{
	width: 100%;
}
.guid-shopping-table{
	margin-top: 50px;
}
.ctg-header.guid-shopping{
	margin-top: 5px;
}
	.guid-copy{
		margin-bottom: 20px;
	}
/*店舗紹介********************/
.guid-copy th, .guid-copy td{
border-bottom: #aaa 1px solid;
border-top: #aaa 1px solid;
padding: 18px 10px;
font-size: 13px;
color: #666;
text-align: left;
}
table.guid-copy{
width: 100%;
}
.guid-copy th{
width: 30%;
color: #000;
background: rgba(152,152,152,0.34);
}
.guid-copy td{
width: 70%;
}
/*.guid-copy td:first-child, .guid-copy th:first-child{
border-top: #aaa 1px solid;
}*/

.guid-icon{
	width: 70px;
	text-align: center;
	margin-left: 5%;
	float: left;
	font-size: 10px;
	color: #777;
}
	.guid-icon a img{
		margin-bottom: 0;
	}
.guid-icon a{
	display: block;
	color:#555;
	border-radius: 50%;
}
.guid-icon a:hover{
	background:rgba(255,240,0,0.13);
}
/*guid-ご利用案内*/
p.guid-copy{
font-family:"漢字タイポス４１５ Std R";
color: #666;
line-height: 1.5em;
}
.guid-copy img{
box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
display: block;
margin: 10px 0;
}
.yamato-site{
background: rgba(230,220,190,0.5);
padding:10px;
font-size: 11px;
margin: 0 20px 20px;
	line-height: 1.3em
}
	.haisoujikan{
		background: rgba(188,177,119,1.00);
		width: 50%;
		padding: 8px;
		border-radius: 20px;
		text-align: center;
		font-size: 12px;
		margin: 5px auto 10px;
	}
	.haisoujikan a{
		color: #FFFFFF;
		text-decoration: none;

	}
	.haisoujikan a:hover{
		opacity: 0.5;
	}

p.henpin {
padding-left: 20px;
}

.ddl-hana li{
border-radius: 20px ;
padding: 7px ;
}
/*お買い物の流れ********************/
.less-600{
display: none !important;
}

}

/*LG*********************************
**LG******************************/
@media screen and (min-width: 770px) {
/*本文*/
.ctg-h1 h1{
font-size: 16px;
font-family: "源柔ゴシックL Medium";
}
.ctg-copy p{
font-size: 16px;
line-height: 1.5em;
margin-top: 10px;
}
.guid-shopping-table p{
font-size: 16px;
line-height: 1.5em;
color: #666666;
}

/*カテゴリー一覧*/
	.ctg-title{
	}
	.ctg-title img{
	width: 100%;
}
	.ctg-image.yearend img{
		margin-top: -2.5%;
	}
	.ctg-copy p{
		font-size: 16px;
	color: #666;
	margin-bottom: 40px;
	}
.ctg-table{
	margin: 30px auto ;
	width: 90%;
}
.ctg-item{
	width: 29%;
	float: left;
	margin-right: 6%;
	margin-bottom: 8%;
	height: 30vw;
}
.ctg-table .ctg-item:nth-child(3n){
	margin-right: 0;
}
.ctg-item-img img{
	width: 100%;
	display: block;
	box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
	margin-bottom: 10px;
}
.ctg-item a img:hover{
	opacity: 0.7;
}
.ctg-item-name{
	margin-bottom: 10px;
}
.ctg-item-icon img{
	width: 20%;
}
/*カテゴリー・ガイドのheadエリア*/
.ctg-h1.guid-shopping h1{
	color:rgba(15,140,216,1.00);
}
	.ctg-h1.spring-pot h1{
		color: rgba(176,71,129,1.00);
	}
/*ガイド*/
.guid-shopping-table img{
	width: 100%;
}
.guid-shopping-table{
	margin-top: 50px;
}
.ctg-header.guid-shopping{
	margin-top: 5px;
}
/*.guid-midasi{
	border-bottom: rgba(218,206,143,0.50) solid 6px;
	margin-bottom: 15px;
}
.guid-midasi h2{
	margin-bottom: -0.35em;
	font-size: 28px;
	font-weight: normal;
	color:rgba(98,49,21,1.00);

}*/
	.guid-copy{
		margin-bottom: 20px;
	}
.guid-icon{
	width: 70px;
	text-align: center;
	margin-left: 5%;
	float: left;
	font-size: 10px;
	color: #777;
}
	.guid-icon a img{
		margin-bottom: 0;
	}
.guid-icon a{
	display: block;
	color:#555;
	border-radius: 50%;
}
.guid-icon a:hover{
	background:rgba(255,240,0,0.13);
}
/*ご利用案内*/
 p.guid-copy{
font-family:"漢字タイポス４１５ Std R";
color: #666;
line-height: 1.5em;
}
.gu img{
box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
display: block;
margin: 10px 0;
}
.yamato-site{
background: rgba(230,220,190,0.5);
padding:10px;
font-size: 11px;
margin: 0 20px 20px;
	line-height: 1.3em
}
	.haisoujikan{
		background: rgba(188,177,119,1.00);
		width: 50%;
		padding: 8px;
		border-radius: 20px;
		text-align: center;
		font-size: 12px;
		margin: 5px auto 10px;
	}
	.haisoujikan a{
		color: #FFFFFF;
		text-decoration: none;

	}
	.haisoujikan a:hover{
		opacity: 0.5;
	}
p.henpin {
padding-left: 20px;
}
/*店舗紹介*/
.guid-copy th, .guid-copy td{
border-bottom: #aaa 1px solid;
border-top: #aaa 1px solid;
padding: 20px 10px;
font-size: 14px;
color: #666;
text-align: left;
}
table.guid-copy{

}
.guid-copy tr{
width: 100% !important;
}
.guid-copy th{
color: #000;
background: rgba(152,152,152,0.34);
}
.guid-copy td{
width: 70%;
}
/*お買い物の流れ*/
.less-600{
display: none !important;
}

}