@charset "utf-8";

@media screen and (max-width: 767px) {
	.inner {
    width: 90%;
    margin: 0 auto;
}
	
/*----------------------------------------------
	メインビジュアル
------------------------------------------------*/
#mainvisual {
	width: 100%;
	height: 60vw;
	text-align: center;
    background: url("../images/bg-main.jpg") no-repeat center center / cover;
    padding-top: 23vw;
}
#mainvisual .title {
    display: inline-block;
    font-size: 5.4vw;
    font-weight: bold;
    background-color: #fff;
    padding: 3vw 6vw;
    border-radius: 7vw;
}
/*------------------------------------------------
導入
--------------------------------------------------*/
#lead {
    padding: 7vw 0;
}  
#item .inner {
    width: 80vw;
}
#lead h2 {
    font-size: 4.0vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5vw;
}
#lead h2 span {
    font-size: 6.0vw;
    line-height: 1.6em;
    font-family: 'Futura-Bold','Open Sans', sans-serif;
    display: block;
    margin-bottom: 3vw;
}
#lead .shop-box {
		display:flex;
  flex-flow: column;
	}
#lead .shop-box img {
    margin-bottom: 3vw;
    width: 100%;
}
#lead .shop-box p {
	    padding-right: 6vw;
	    padding-left: 6vw;
}
#lead .shop-box .sns {
    color: #d65d6b;
    font-weight: bold;
}
#lead .link-online {
    background-color: #bdd414;
    padding: 5px;
}
#lead .link-online a {
    display: block;
    color: #fff;
    text-decoration: none;
}
#lead .link-online p {
    padding: 1vw 2vw;
    font-weight: bold;
}
#lead .link-online img {
    width: 100%;
}

	


/*------------------------------------------------
商品紹介
--------------------------------------------------*/
#item {
    padding: 7vw 0;
    background-color: #edf7ff;
}
#item .inner {
    width: 80vw;
}
#item h2 {
    text-align: center;
    font-size: 4.3vw;
    line-height: 1.6em;
    font-weight: bold;
    margin-bottom: 5vw;
}
#item .item-list {
}
#item .item-list li {
    margin-bottom: 7vw
}
#item .item-list li img {
    width: 100%;
    margin-bottom: 2vw;
}
#item .item-list li h3 {
    font-size: 4.8vw;
    font-weight: bold;
    color: #71a0cb;
    margin-bottom: 1vw;
}
#item .item-list li p {
    font-size: 3.4vw;
    line-height: 1.5em;
}
#item .item-text {
    background-color: #fff;
    padding: 4vw;
    border: solid 1px #adcfe9;
}

/*------------------------------------------------
おすすめ商品
--------------------------------------------------*/
#reco-item {
    background: #d4f5ea url("../images/reco-item-bg-sp.png") no-repeat top center;
    background-size: 100%;
    padding: 13vw 0 10vw;
}
#reco-item .inner {
    width: 100%;
}
#reco-item h2 {
    text-align: center;
    width: 60vw;
    margin: 0 auto 5vw;
}
#reco-item h2 img {
    width: 100%;
}
#reco-item .text {
    width: 84vw;
    margin: 0 auto 5vw;
}
#reco-item .item-list {
    width: 100%;
    display: flex;
  flex-flow: column;
}
#reco-item .item-list li {
 width: 100%;
  height: 100%;
  object-fit: cover;
    padding: 2vw;
    background-color: #fff;
}
#reco-item .item-list li:first-child {
 }
#reco-item .item-list li img {
    width: 100%;
    vertical-align: bottom;
    margin-bottom: 2vw;
}
#reco-item .item-list li h3 {
    font-size: 3.6vw;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 1vw;
}
#reco-item .item-list li p {
    font-size: 3.3vw;
    line-height: 1.4em;
}
/*------------------------------------------------
取り扱いブランド
--------------------------------------------------*/
#brand {
    background-color: #fbf5ee;
    padding: 7vw 0;
}
#brand h2 {
    font-size: 4.0vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5vw;
}
#brand h2 span {
    font-size: 6.0vw;
    line-height: 1.5em;
    font-family: 'Futura-Bold','Open Sans', sans-serif;
    display: block;
    margin-bottom: 3vw;
}
#brand .brand-list {
display:flex;
  flex-flow: column;
	}
#brand .brand-list li {
    width: 100%;
    background-color: #fff;
    margin: 1vw;
    padding: 2vw;
    display: flex;
    align-items: flex-start;
}
#brand .brand-list li img {
    width: 20%;
	vertical-align: middle;
  margin-bottom: 0px;
}
#brand .brand-list li p {
vertical-align: middle;
	width: 80%;
	font-weight: bold;
}
}