@charset "utf-8";
/* CSS Document */

header#main{
   border-bottom: 13px solid #666;

}



/* ----------------------------------------------------- */
/* #shop */
/* ----------------------------------------------------- */

#shop{
	width:100%;
	margin:0 auto 25px auto;
	padding:80px 0 20px 0;

}

#shop h2{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}


#shop article{
    width:70%;
	margin: 0 auto 100px auto;
}

#shop article .left{
    width:30%;
	display: inline-block;
	margin: 0 30px 20px 0;
	vertical-align: top;
}
#shop article .left img{
    width:100%;
	height: auto;
}

#shop article dl{
    width:65%;
	display: inline-block;
	margin: 0 auto 10px 0;


}

#shop article dl dt{
    width:6em;
	float: left;
	clear: left;
    margin: 0 20px 10px 0;
	font-size:16px;
	text-align: left;
}



#shop article dl dd{
	float: left;
	font-size:16px;
    margin: 0 auto 10px 0;
	text-align: left;
}

#shop article .map{
    width:100%;
	margin: 0 auto;
	clear: both;
}

#shop article .map iframe{
    width:100%;
	height: 400px;
	margin: 0 auto;
}



/* ----------------------------------------------------- */
/* #blog */
/* ----------------------------------------------------- */



#blog{
	width:100%;
	margin:0 auto 55px auto;
	padding:80px 0 20px 0;
       

}

#blog h2.title{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}

#blog ol#bloglist{
    width:80% !important;
    margin:0 auto 10px auto;
    text-align:left;
    vertical-align:top;
    
}
#blog ol#bloglist li{
    list-style-type:none;
    margin:0 15px 25px auto;
    text-align:left;
    border:1px solid #000;
    display:inline-block;
    min-height:460px;
    max-height:460px;
    overflow:hidden;
    padding:2px;
    width:30%;
    float:left;
    /*background:url(../images/blog_arrow.png) no-repeat center right;
    padding-right:20px;*/
    cursor:pointer;
    /*background:url(../images/blog_arrow.png) no-repeat right bottom;*/
}

#blog ol#bloglist li a{
    color:#000;
    text-decoration:none;

}


#blog ol#bloglist li a:hover{
    color:#1c992b;
    /*text-decoration:underline;*/
}
#blog ol#bloglist li:hover{
  /*  background:#f3f4f2;*/
    color:#1c992b;
}



#blog ol#bloglist li img.news-image{
/*     width:100%;
     height:auto;*/
     display:block;
     margin:0 auto 10px auto;
     width: 100%;
     height: 100%;
     aspect-ratio: 1280 / 721;
}

#blog ol#bloglist li img.news-image:hover{
     opacity:0.5;

}



#blog .blogwrap{
    width:100%;
    margin:0 auto 30px auto;
    text-align:left;    
}

#blog h3.bloglist_title{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:22px;
    font-weight:400;
    margin:0 10px 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;


}

#blog ol#bloglist li time{
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    margin:0 auto 5px 10px;


}
#blog ol#bloglist li p{
    margin:0 10px 5px 10px;
    font-size:14px;

}

/*

#blog article.blog_header{
    width:100%;
    margin: 0 auto 20px auto;
   
    padding:20px 0;
    border-top: 10px solid #CCC;
    border-bottom: 10px solid #CCC;
}

#blog article.blog_header .inner{
    width:80%;
    margin:0 auto 10px auto;

}



#blog article.blog_header h3.title{

    margin:0 auto 5px auto;
    padding:0 5px 3px 3px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:28px;
    font-weight:600;





}



#blog article.blog_header p.blog_category{
    background:#000;
    display:inline-block;
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align:center;
    padding:5px 10px;
    color:#FFF;
}

#blog article.blog_header p.blog_category a{
   color:#FFF;
   text-decoration:none;

}



#blog article.blog_body{
    width:80%;
    margin:0 auto 20px auto;

}

#blog article.blog_body p{
   margin:0 auto 15px 0;


}


#blog article.blog_body img{
   width:30%;
   height:auto;
   display:inline-block;
   margin:0 10px 10px auto;

}
*/


#blog article.blog_footer{
    width:80%;
    margin:0 auto 20px auto;
    padding:0 0 30px 0;

}

#blog p.tags{
   margin:10px auto 0 auto;
   text-align:left !important;

}

#blog p.tags a{
/*  display:inline-block;
  padding:2px 5px;
  text-align:center;
  color:#FFF !important;
  text-decoration:none;
  font-size:13px;
  background:#000;
  margin:0 5px 3px 0; */

  display:inline-block;
  padding:2px 2px 5px 15px;
  text-align:left;
  background:url(../images/tag.png) no-repeat top left;
  font-size:14px;
  margin:0 5px 3px 0;
}

#blog ol#bloglist li p.blog_category{
    background:#000 !important;
    display:inline-block !important;
    font-size:13px !important;
    font-family: 'Noto Sans JP', sans-serif !important;
    text-align:center !important;
    padding:3px 10px !important;
    color:#FFF !important;
}

#blog ol#bloglist li p.blog_category a{
   color:#FFF !important;
   text-decoration:none !important;

}



/* ----------------------------------------------------- */
/* #carlist   一覧表示に反映 */
/* ----------------------------------------------------- */



#carlist{
	width:100%;
	margin:0 auto 55px auto;
	padding:80px 0 20px 0;
       

}

#carlist h2.title{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}

#carlist ol#clist{
    width:80% !important;
    margin:0 auto 10px auto;
    text-align:left;
    vertical-align:top;
    
}
#carlist ol#clist li{
    list-style-type:none;
    margin:0 15px 25px auto;
    text-align:left;
    border:1px solid #000;
    display:inline-block;
    min-height:400px;
    padding:2px;
    width:30%;
    /*float:left;*/
    /*background:url(../images/blog_arrow.png) no-repeat center right;
    padding-right:20px;*/
    cursor:pointer;
    /*background:url(../images/blog_arrow.png) no-repeat right bottom;*/
    position:relative;
    overflow: hidden;
    vertical-align:top;
}

#carlist ol#clist li a{
    color:#000;
    text-decoration:none;

}


#carlist ol#clist li a:hover{
    color:#1c992b;
    /*text-decoration:underline;*/
}
#carlist ol#clist li:hover{
  /*  background:#f3f4f2;*/
    color:#1c992b;
}

#carlist ol#clist li p.sp2{
    display:none;
}

#carlist ol#clist li img.news-image{
     width:100%;
     height:auto;
     display:block;
     margin:0 auto 10px auto;
}

#carlist ol#clist li img.news-image:hover{
     opacity:0.5;

}

#carlist ol#clist li img.soldout{
    z-index:999999;
    position: absolute;
    top:1px;
    left:1px;
    width:40%;
    height:auto;

}

#carlist .cwrap{
    width:100%;
    margin:0 auto 30px auto;
    text-align:left;    
}

#carlist h3.clist_title{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:22px;
    font-weight:400;
    margin:0 10px 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom:2px solid #1634a3;


}

/*
#carlist ol#clist li time{
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    margin:0 auto 5px 10px;


}*/


#carlist ol#clist li p{
    margin:0 10px 5px 10px;
    font-size:14px;

}


#carlist ol#clist li p.price{
   font-weight:bold;
   display:inline;
   margin-left:10px;  
}
#carlist ol#clist li p.price strong{
   font-size:40px;
   color:#ff7133;
   font-family: "Anton", sans-serif;
   font-weight: 400;
   font-style: normal;


}


#carlist ol#clist li p.state_1{
   font-size:20px;
   display:inline-block;
   width:3em;
   padding:2px 8px;
   background:#005dcc;
   color:#FFF;
   font-weight:bold;
   vertical-align:middle;
   margin: -30px 0 0 0;
}


/*

#carlist article.blog_header{
    width:100%;
    margin: 0 auto 20px auto;
   
    padding:20px 0;
    border-top: 10px solid #CCC;
    border-bottom: 10px solid #CCC;
}

#carlist article.blog_header .inner{
    width:80%;
    margin:0 auto 10px auto;

}



#carlist article.blog_header h3.title{

    margin:0 auto 5px auto;
    padding:0 5px 3px 3px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:28px;
    font-weight:600;





}



#carlist article.blog_header p.blog_category{
    background:#000;
    display:inline-block;
    font-size:14px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align:center;
    padding:5px 10px;
    color:#FFF;
}

#carlist article.blog_header p.blog_category a{
   color:#FFF;
   text-decoration:none;

}



#carlist article.blog_body{
    width:80%;
    margin:0 auto 20px auto;

}

#carlist article.blog_body p{
   margin:0 auto 15px 0;


}


#carlist article.blog_body img{
   width:30%;
   height:auto;
   display:inline-block;
   margin:0 10px 10px auto;

}
*/


#carlist article.c_footer{
    width:80%;
    margin:0 auto 20px auto;
    padding:0 0 30px 0;

}

#carlist p.tags{
   margin:10px auto 0 auto;
   text-align:left !important;

}

#carlist p.tags a{
/*  display:inline-block;
  padding:2px 5px;
  text-align:center;
  color:#FFF !important;
  text-decoration:none;
  font-size:13px;
  background:#000;
  margin:0 5px 3px 0; */

  display:inline-block;
  padding:2px 2px 5px 15px;
  text-align:left;
  background:url(../images/tag.png) no-repeat top left;
  font-size:14px;
  margin:0 5px 3px 0;
}

#carlist ol#clist li p.c_category{
    background:#000 !important;
    display:block !important;
    font-size:13px !important;
    font-family: 'Noto Sans JP', sans-serif !important;
    text-align:center !important;
    padding:3px 10px !important;
    color:#FFF !important;
    clear:both;
}

#carlist ol#clist li p.c_category a{
   color:#FFF !important;
   text-decoration:none !important;

}