@charset "utf-8";

/*******************************************************

　トップページ

*******************************************************/
/*-------------------------------------
　　共通
-------------------------------------*/
/* タイトル */
h1.title {
  font-size: 30px;
}
h1.subtitle {
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px !important;
  strong {
    font-size: 16px;
  }
}
/*-------------------------------------
　　スライドショー
-------------------------------------*/
#slidewr {
	min-width: 100%;
}
#slide {
	max-width: 600px;
    overflow: visible;
}
#slide ul li img {
}
@media only screen and (max-width: 600px) {
	#slide {
		padding: 0px;
		overflow: hidden;
	}
	#slide ul li img {
		border: none;
	}
}

/*-------------------------------------
　　重要なお知らせ
-------------------------------------*/
.info {
  margin-bottom: 40px;
  details {
    span {
      padding: 10px;
    }
  }
}

/*-------------------------------------
　　おすすめ一覧
-------------------------------------*/
.recommend {
}
.recommendLists {
  overflow: auto;
  margin-bottom: 20px;
}
.recommendLists a {
  padding: 0px 15px;
  min-width: 220px;
}
.recommendLists a:nth-of-type(1) {
  padding: 0px 15px 0px 0px;
}
.recommendLists a:nth-last-of-type(1) {
  padding: 0px 0px 0px 15px;
}
.recommendList {
	display: flex;
  flex-direction: column;
}

/*-------------------------------------
　　ギフト
-------------------------------------*/
#gift {
padding: 30px 15px;
.recommendLists a {
padding: 5px;
margin: 5px 10px 5px 0px;
}
}

/*-------------------------------------
　　トピックス
-------------------------------------*/
#topics {
  display: block;
  .topicsLists {
    margin-bottom: 30px;
    li {
      border: none;
    }
  }
  .buttons {
    position: static;
    top: 90px;
  }
}

/*-------------------------------------
　　コラム
-------------------------------------*/
#column {
  display: block;
  .bunnerLists{
    margin-bottom: 30px;
  }
}

/*-------------------------------------
　　CM
-------------------------------------*/
#cm {
  .flex-viewport {
	.slides li img {
    border: none;
  	}
  }
}


/*******************************************************

　商品情報

*******************************************************/

/*-------------------------------------
　　商品一覧
-------------------------------------*/
.productLists {
  >a {
    width: 100%;
    margin-bottom: 10px;
  }
}
.productList {
  padding-left: 100px;
  min-height: 100px;
  .pic {
    width: 80px;
  }
}
.status .productList .pic:before {
	font-size: 14px;
}

/*-------------------------------------
　　商品情報詳細
-------------------------------------*/
.productContent {
  justify-content: center;
}
.productMain {
	width: 100%;
}
.productGallery {
  order: -1;
}
.productData, .relatedLists {
	width: 100%;
}

/* 価格・送料 */
.productMain .prices {
  .price {
    margin-bottom: 30px;
    }
}


/* 製品情報 */
.productData {
  display: block;
  > div {
    width: 100%;
    margin-bottom: 30px;
    }
}
.productData hr {
  display: none;
}
.productData .component {
    margin-bottom: 30px;
}

/* 関連商品 */
.relatedLists {
  padding: 10px;
  overflow: auto;
  .relatedList {
    width: 100%;
    min-width: 600px;
    li {
      padding: 5px;
    }
  }
}


/*******************************************************

　最新情報

*******************************************************/
/*-------------------------------------
　　最新情報一覧
-------------------------------------*/
.topicsLists li a {
  flex-wrap: wrap;
}
.topicsLists li a {
  padding: 8px;
}
.topicsLists li span, .topicsLists li time {
  width: 100%;
}
.topicsLists li.new span:after {
  display: none;
}
.topicsLists li.new time:after {
  display: inline-block;
}

/*******************************************************

　固定ページ

*******************************************************/


/* お問合せフォーム
====================================================== */

@media only screen and (max-width: 767px) {

input{ font-size:16px !important; } /*iosフォームのフォーカスOFF*/

table.wpcf7-table th {
    width: 100%;
    display: block;
}

table.wpcf7-table td {
    width: 100%;
    display: block;
}

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"] {
    width: 100%;
}


table.wpcf7-table textarea {
    width: 90%;
}
}