body {
	background-color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	color: #000000;
	margin: 0;
	padding: 0;
	
}

#toparea {
	height: 70px;
	width: 850px;
	margin: 0 auto 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 15px;
}

.logo {
	margin-bottom: 20px;
	text-align: left;


}

.under {
	width: 850px;
	font-size: 10px;
	text-align: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	clear: left;
	margin-right: auto;
	margin-left: auto;

}

.aaa{
     margin-top: 10px;
	margin-left: 15px;
	float: left;
	padding-bottom: 20px;


}
.aa{
    float: left;
	margin-top: 10px;
	margin-left: 40px;
	padding-bottom: 20px;
	
	}
.ab{
    margin-top: 10px;
	margin-left: 40px;
	float: left;
	padding-bottom: 20px;
	}
   
.mojiname {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	color: #000000;
	font-weight: bold;


}
.mojicomment {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #666666;
	line-height: 20px;

}
.mojicomment a {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	line-height: 20px;

}
.mojiclose {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.mojiclose a {
    font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	font-weight: bold;
	color: #000000;

}
.cart {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	color: #666666;
}
.moji {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #666666;
	vertical-align: top;
	text-align: center;

}
.moji a {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #666666;
	vertical-align: top;
	text-align: center;
	font-weight: bold;


}
.moji1 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #666666;
	vertical-align: top;
	text-align: right;

}
.moji1 a {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #666666;
	vertical-align: top;
	text-align: right;
	font-weight: bold;


}
.mojicart {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #000;
	vertical-align: center;
	text-align: left;
	font-weight: bold;

}
.mojicart a {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #000;
	vertical-align: center;
	text-align: left;
	font-weight: bold;
}

.red{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #F00;

}


/* スライダーを包む箱 */

.slider-container {
  position: relative;
  width: 400px; 
  margin: 0 auto;
  overflow: hidden; 
}

.slider {
  display: flex !important; 
  width: 100%;
  height: 400px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
   flex-wrap: nowrap !important;
  /* スクロールバー非表示の設定 */
  -ms-overflow-style: none;    
  scrollbar-width: none;       
}

/* Chrome, Safari用スクロールバー非表示 */
.slider::-webkit-scrollbar {
  display: none;
}

.slide {
  /* 固定の400pxではなく100%にすることで、親のslider-containerにピッタリ合わせます */
  flex: 0 0 100%; 
  width: 100%;
  scroll-snap-align: start;
}

.slide img {
  /* 画像も親の.slideの幅いっぱいに広がるようにします */
  width: 100%;
  height: auto;
  display: block;
}

/* JavaScriptで制御するため、ページ読み込み時は「戻る」ボタンを隠しておきます */
.prev { 
  left: 5px; 
  visibility: hidden; 
}
/* 矢印ボタンの基本スタイル */
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.4);
  color: white;
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
}

.next { right: 5px; }

/* スマホで見たときだけテーブルの幅をリセットする魔法 */
@media screen and (max-width: 640px) {
  table {
    width: 100% !important;
    max-width: 100% !important;
  }
}