.carousel {
  display: flex;
  justify-content: flex-start;
}

.main_containts {
  width: 95%;
  background-color: #fff;
  margin: 0 auto;
  padding: 10px 0 50px;
}



.contains {
  /* サイズは自由に変更してください。*/
  /* 下の.slideも同じサイズにしてください。 */
  width: 40%;
;
  overflow: hidden;
  position: relative;
  padding: 0;
  list-style: none;
}
/* スライド切り換え用ラジオボタンは常に非表示 */
.slide_select {
  display: none;
}
/* 各スライド */
.slide {
  /* サイズは自由に変更してください。*/
  /* 上の.containsも同じサイズにしてください。 */
  width: 40%;
 
  position: absolute;
  /* スライドの初期値は選択されていないので透明にしておく */
  opacity: 0;
}
/* 前へ次へボタン */
.scroll_button {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  /* 縦中央から20px上の位置 */
  top: 50%;
  margin-top: -20px;
/* 上辺と右辺のみ幅5pxの枠線 */
  border-width: 5px 5px 0 0;
  border-style: solid;
  border-color: #424242;
  cursor: pointer;
  /* 普段はボタンはやや薄くする */
  opacity: 0.5;
  /* スライドよりも前面にする */
  z-index: 3;
}
/* ホバー時にボタンを強調 */
.scroll_button:hover {
  opacity: 1;
}
/* 前へボタン */
.scroll_prev {
  left: 15px;
  /* 上辺と右辺の枠線を回転して"＜"にする */
  transform: rotate(-135deg);
}
/* 次へボタン */
.scroll_next {
  right: 15px;
  /* 上辺と右辺の枠線を回転して"＞"にする */
  transform: rotate(45deg);
}

/* 1番目のスライド選択時 */
/* 1番目のスライドの透明度を0にして表示する */
.slide_select:nth-of-type(1):checked ~ .slide:nth-of-type(1) {
  opacity: 1;
}
/* スライド移動ボタンの1個目を明るくする */
/* （今選択されていることが分かるように） */
.slide_select:nth-of-type(1):checked ~ .move_controler .button_move:nth-of-type(1) {
  opacity: 1;
}
.slide_select:nth-of-type(2):checked ~ .slide:nth-of-type(2) {
  opacity: 1;
}
.slide_select:nth-of-type(2):checked ~ .move_controler .button_move:nth-of-type(2) {
  opacity: 1;
}
.slide_select:nth-of-type(3):checked ~ .slide:nth-of-type(3) {
  opacity: 1;
}
.slide_select:nth-of-type(3):checked ~ .move_controler
  .button_move:nth-of-type(3) {
  opacity: 1;
}
.slide_select:nth-of-type(4):checked ~ .slide:nth-of-type(4) {
  opacity: 1;
}
.slide_select:nth-of-type(4):checked
  ~ .move_controler
  .button_move:nth-of-type(4) {
  opacity: 1;
}

.slide img{
  width: 100%;  
}



.item_text_container{
  text-align: left;
  padding: 0 10% 0 50%;
  margin-bottom: 700px;
}

.inner {
  width: 95%;
  background-color: #fff;
  margin: 0 auto;
  padding: 10px 0 50px;
}



.sub_title {
  font-size: 30px;
  border-bottom:1px solid;
  width: 100%;
  border-bottom-style: dashed;
}

.item_price{
  font-size: 20px;
  font-weight: bold;
}

.buy_button{
  padding: 10px;
  text-align: center;
  font-size: 25px;
  border: 8px solid #8b8b8b;
  border-style: double;
  font-weight: bold;
  background-color: #e7e7e7;
}

#page-top a{
  display: flex;
  justify-content:center;
  transition:all 0.3s;
}

#page-top a:hover{
  background: #777;
}


body {
	background-color: #ffffff;            /* 背景色 */
	background-image: url("../image/background_img.png"); /* 画像 */
	background-size: cover;               /* 全画面 */
	background-attachment: fixed;         /* 固定 */
	background-position: center center;   /* 縦横中央 */
 }