/******* レビュー *******/
/* comment */

.slider > li {
  height: 9em;
  margin: .5em;
  padding: .5em;
  border: 1px solid #888888;
}
.buy_data {
  font-size: 0.8em;
}
.buy_data {
  margin-top: 0;
}
.n_name,.time {
  margin-bottom: 0;
}
.v_comment {
  width: 300px;
  font-size: 1em;
  white-space: pre-wrap;/** 折り返しを適用 **/
  margin-bottom: 1.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.n_name {
  max-width: 300px;
  padding-bottom: 2px;
  border-bottom: 2px solid #000000;
}

@media screen and (max-width:480px) {
.slider > li {
  height: 10em;
  width: 80%;
  margin: .5em;
  padding: .5em;
  border: 1px solid #888888;
}
.v_comment {
  font-size: 1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.n_name {
  max-width: 500px;
}
}
/* //comment */


.customer_voice {
  box-sizing: border-box;
}
.voice_scroll {
  display: flex;
  overflow: hidden;
}
.slider {
  animation: loop-slide 60s infinite linear 1s both;
  display: flex;
}
.slider > li:nth-last-child(n+15) {/*コメント表示件数設定*/
  display:none;
}


@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
#voice:hover .voice_scroll {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/******* //レビュー *******/



#top-page {
}

.top_tit01 {
  background: #000000;
  color: #FFFFFF;
  text-align: center;
  padding: 3px;
}
.top_tit01::before {
  content: 'Topic';
  font-size: 1.5em;
  padding: 3px;
}

.top_tit02 {
  position: relative;
  margin-bottom: 1.5em;
  font-size:2em;
}
.top_tit02:before {
  content: '';
  position: absolute;
  bottom: -105%;
  display: block;
  width: 120px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000000;
  border-radius: 2px;
}

.top_tit03 {
  background: #000000;
  color: #D6DE22;
  padding: 5px 10px;
  margin-bottom: 1.5em;
}

.top_tit03:after {
  content: '';
  color: #FFFFFF;
  font-size: 2.5em;
  display: block;
  padding-bottom: 5px;
}

.tit03_after_01:after {
  content: 'New Arrival';
}
.tit03_after_02:after {
  content: 'Shop Information';
}
.tit03_after_03:after {
  content: 'Pickup Contents';
}
.tit03_after_04:after {
  content: 'Customer Voice';
}

.tit01_ex {
  font-size: 1.2em;
  line-height: 1.5em;
}

.tit02_ex {
  display: inline-block;
  background: #000000;
  padding: 0.3em 1em;
  color: #FFFFFF;
}

.cp-img {
  width: 100%;
}

.topic-area {
  border: 1px solid #E6E7E7;
}

.topic-list {
  padding: 5px;
  line-height: 1em;
}

.topic-list dt{
  float: left;
  padding-right: 10px;
}

.topic-link {
  background: #E6E7E7;
}

.topic-link p {
  text-align: center;
  margin: 0;
}

.flex-inner {
  width: 90%;
  margin: 0 auto;
  padding: 5px 0;

}
/*
.new-arrival_flex {
  position: relative;
  width: 24%;
  vertical-align: top;
}

.new-arrival_squer {
  width:100%;
  height: 100%;
  position: relative;
}
.new-arrival_squer:before{
  content: "";
  display: block;
  padding-top: 80%;
  border: 1px solid #E6E7E7;
}

.new-arrival_squer:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.new-arrival_flex_img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 98%;
  height: auto;
  margin: auto;
}
*/
.shop-info_img {
  width: 40%;
}

.shop-info_img img{
  margin: 0 10px 10px 0;
}

.shop-info_txtarea {
  width: 55%;
}

.shop-info_list dt {
  font-weight: normal;
  padding-bottom: 0.5em;
}

.shop-info_list > dt {
  width: 53%;
}

.shop-info_list dt:after {
  content: ':';
}

.shop-info_list > dd {
  width: 45%;
}

.shop-info_list__nest > dt{
  width: 45%;
}

.shop-info_list__nest > dd{
  width: 53%;
}

.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.Recommended_img {
  display: inline-block;
  width:32%;
}
/*------------------画面幅が480px以下の時-SP------------------*/
@media screen and (max-width:480px){

.top_tit02 {
  font-size:1.3em
}
.top_tit02:before {
  bottom: -50%;
  width: 25vw;
}
  
.top_tit03 {
  margin-bottom: 1.3em;
}

.top_tit03:after {
  font-size: 2em;
}

  
.tit01_ex {
  line-height: 1.2em;
}

  
/*Layout*/  
.topic-list dd{
  clear: both;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px dotted #333;
}
  
 
.reason_img {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 4vw;
  padding-top: 4vw;
}
  
.service-block {
  margin-bottom: 4vw;
}
  
.new-arrival_flex {
  width: 48%;
}
  
.shop-info_img {
  width: 100%;
}
 
.shop-info button {
  margin: 4vw 0;
}

.shop-info_txtarea {
  width: 100%;
}

.Recommended_img {
  width: 46%;
  padding: 1vw;
  margin: auto;
}
  
}