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

#navi li{
	display:inline-block;
}
#navi li a{
	color:#2f2f2f;
	display:block;
	border:solid 1px #d4d4d4;
	padding:0.5em 1.5em;
	border-radius:3em;
	margin:0 0.3em 0.5em 0;
	transition-duration:0.3s;
}
#navi.local ul{
	flex-wrap:wrap;
}
#navi.local li{
	width:11.8%;
}
#navi.local li a{
	padding:0.5em 0em;
	margin:0 0em 0.5em 0;
	text-align:center;
}

#navi li:hover a{
	color:#EB0100;
	border:solid 1px #EB0100;
}
#navi li.active a{
	color:#EB0100;
	border:solid 1px #EB0100;
}

#icon_area{
	padding:2rem 0;
}
#icon_area .products_icon {
    justify-content: flex-end;
}
#icon_area .products_icon li {
    color: #3c3c3c;
}

h2{
	color:#EB0100;
	font-size:2.6rem;
}
h2.local{
	color:#2f2f2f;
}
.product_box{
	margin-bottom:8rem;
}
.product_box .product_wrap{
	justify-content:flex-start;
	width:102%;
	align-items:stretch;
}
.product_box li{
	width:18.8%;
	margin:0 1% 1% 0;
	border:solid 1px #ccc9c9;
	border-radius:0.5rem;
	box-sizing:border-box;
}
.product_box li a{
	display:block;
	text-align:center;
	line-height:1.4;
	padding:4.5rem 0.5rem 2rem 0.5rem;
	position:relative;
	transition-duration:0.3s;
}
.product_box li a:hover{
	color:#EB0100;
}
.product_box li a img{
	display:block;
	max-height:122px;
	width:auto;
	margin:0 auto 2rem;
}
.product_box .products_icon{
	position:absolute;
	top:1.8rem;
	left:0.7rem;
}
.product_box .products_icon li{
	width:auto;
	margin-right:0em;
	border:none;
}
.noitem{
	padding:0rem 0 3rem;
	text-align: center;
}

/* 新商品がない時のコメント */
.txt_no_new_product{
	padding-top:6rem;
	text-align: center;
	color: #2f2f2f;
	font-size: 1.8rem;
}

#keyword{
	background-color:#f1eee9;
	margin-bottom:1rem;
}
#keyword .inner{
	padding:4.7rem 0rem 4.7rem 0rem;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
}
#keyword h3{
	font-size:2.6rem;
	white-space:nowrap;
	margin-right:2em;
}
#keyword .search{
	width:53%;
}
#keyword .search form{
	padding:0.1rem;
	background-color:#FFF;
	border-radius:0.5rem;
	flex-wrap: nowrap;
}
#keyword .search .iSearchAssist{
	height:5.1rem;
	padding:0 0 0 1em;
	border:none;
	outline: none;
	font-size:1.7rem;
	width:100%;
   font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
#keyword .search .iSearchAssist::placeholder {
   color: #b1b0b0;
}
#keyword .search form + p{
	font-size:1.3rem;
	color:#3c3c3c;
	margin-top:1em;
	padding-left:1em;
	text-indent:-1em;
}
#keyword .search form input:nth-of-type(3){
	transition-duration:0.3s;
	height:5.1rem;
}
#keyword .search form input:nth-of-type(3):hover{
	opacity:0.7;
}
#keyword .btn a{
	color:#FFF;
	display:block;
	padding:1.15em 2.5em 1.15em 2.5em;
	line-height:1;
	border-radius:3em;
	background-color:#f17700;
	position:relative;
	transition-duration:0.3s;
	white-space:nowrap;
}
#keyword .btn a:hover{
	opacity:0.7;
}

#keyword .btn a:after {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    right: 0.7em;
    width: 0.35em;
    height: 0.35em;
    border-top: 0.2em solid #FFF;
    border-right: 0.2em solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
main .keyword{
  font-size:1.8rem;
}
main .keyword span{
	font-size:1.2em;
}
main .search_result{
	margin-bottom:1em;
  font-size:1.8rem;
}
main .search_result span{
	font-size:1.2em;
}
main .notfound{
	font-weight: bold;
	font-size:1em;
	margin-bottom:2em;
	text-align: center;
}

.link_enews{padding:0 0 2rem 0;}

.link_enews a{
  
  text-decoration:underline;
  font-weight:bold;
}

.link_enews a:hover{
  
  text-decoration:none;
 
}


/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
.product_box li a {
	font-size:1.35vw;
}
.product_box li a img{
    max-height: 12vw;
}

}


/*---------------------------------------------------------------
印刷時レイアウト
---------------------------------------------------------------*/
@media print{
.product_box li a img {
    max-height: 80px;
}

}


/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
#navi li a {
	font-size:1.4rem;
}
#navi.local li {
    width: 24%;
}
.product_box {
    margin-bottom: 5rem;
}
.product_box li {
    width: 32%;
    margin: 0 1% 1% 0;
}
.product_box li a{
	font-size:1.4rem;
}
.product_box li a img {
    max-height:24vw;
}
/* 新商品がない時のコメント */
.txt_no_new_product{
	padding-top:2rem;
}
#icon_area .products_icon {
    justify-content: flex-start;
}
#icon_area .products_icon li {
    margin-bottom: 2em;
}

#keyword .inner {
    padding: 2.5rem 1.2rem 2.5rem 1.2rem;
    flex-wrap: wrap;
}
#keyword .search {
    width: 100%;
}
#keyword h3 {
	margin-bottom:0.8em;
}
#keyword .search form input:nth-of-type(3) {
    width:15%;
	height:auto;
}
#keyword .search .iSearchAssist {
    height: 11.9vw;
	font-size:16px;
}
#keyword .search form + p {
    font-size: 1.5rem;
}
#keyword .btn{
	text-align:right;
	padding-top:1em;
	width:100%;
}
#keyword .btn a {
	display:inline-block;
}

}