@charset "UTF-8";
/* CSS Document */
.inner {
  /*width: 50vw;*/
  margin: auto;
  padding-left: 10%;
  margin: 0 10%;
}
.inner .main_visual {
  margin-top: 5%;
  border-radius: 30px;
}
.text_wrap {
  position: relative;
}
/*
	background-image: url(images/read_back_border.png);
	background-repeat: no-repeat;
	
	background-position-x: -20px;
	background-position-y: 20px;
	height: 750px;
	border-radius: 20px;
	*/

/*.inner .main_visual {
	text-align: center;
	margin-top: 10%;
	border-radius: 20px;
	width: 50%;
	height:auto;/*width:100%;
  margin: auto;* 元々innerの指示/
	background-image: url("images/kaukoto_backborder.png");
	background-repeat: no-repeat;
	text-align: center;
	background-position-x: 125px;
	background-position-y: 20px;
	height: 750px;

	position: relative;
	*/
/*メインビジュアル　スライド部分
#slide {
	position: relative;
	overflow: hidden;
	height: 670px;
}
#slide ul {
	position: absolute;
	width: 400%;
}
#slide li {
	float: left;
	width: 100%;
	list-style-type: none;
}
button {
	opacity: .6;
	transition: opacity .2s;
	border: none;
	background: none;
}
button:focus {
	outline: none;
}
button:hover {
	opacity: 1;
}
#prevBtn {
	position: absolute;
	top: 225px;
	left: 20px;
}
#nextBtn {
	position: absolute;
	top: 225px;
	right: 20px;
}
*/
/*mainvisualスライドショー部分*/

#slide ul li img {
  border-radius: 30px;
}
#slide ul {
  position: relative;
}
#slide li {
  position: absolute;
  width: 100%;
}
#slide {
  padding-bottom: 70%;
}
/*botton*/
#button ul li a {
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #717171;
}
#button {
  text-align: center;
  margin-bottom: 10%;
}
#button ul li a.target {
  background: #000;
}
#button ul {
  display: inline-block;
}
#button ul li {
  float: left;
  margin-right: 1em;
}
#button ul li:last-child {
  margin-right: 0;
}
.inner /*.main_visual*/ h1 {
  /*position: absolute;
    top: 0px;
    left: 25%;*/
  padding: 1% 3% 0 0%;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  letter-spacing: 0.2em;
  font-size: 3em;
  font-weight: normal;
  z-index: 10;
}
.inner /*.main_visual*/ h2 {
  position: absolute;
  top: 3%;
  padding: 1.5% 1.5% 1.5% 1.5%;
  left: 10%;
  font-size: 1.5em;
  font-weight: normal;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  background-color: #ffffff;
  border-radius: 0 0 30px 0;
  z-index: 10;
  text-align: center;
}
.inner .english {
  padding-top: 2%;
  margin-bottom: 10%;
}
main h3 {
  text-align: center;
  margin-bottom: 3%;
  width: 14%;
  margin: auto;
  padding-bottom: 4%;
}
main {
  margin-bottom: 70px;
}
.item_list {
  position: relative;
  /*width: 1260px;*/
  width: 100%;
}
.item_list table {
  border: 1px solid #a3a3a3;
  border-collapse: collapse;
  margin: auto;
}
.item_list table td {
  text-align: center;
}
.item_list .table_text {
  vertical-align: bottom;
  text-align: right;
  font-size: 0.2em;
}
.item_list .space {
  height: 200px;
}
.item_list .relative ul {
  position: relative;
}
.item_list .flypan {
  position: absolute;
  left: -10%;
  top: -50%;
  width: 100%;
}
.item_list .grass {
  position: absolute;
  left: -25%;
  top: 40%;
  width: 100%;
}
.item_list .houki {
  position: absolute;
  left: -6%;
  top: -10%;
  width: 100%;
}
.item_list .naotshoes2 {
  position: absolute;
  left: -3%;
  top: -50px;
  width: 100%;
}
.item_list .center_one {
  position: absolute;
  left: 0%;
  top: 37%;
  width: 100%;
}
.item_list .bigbacket {
  position: absolute;
  left: 10%;
  top: 66%;
  width: 100%;
}
.item_list .tutu_one {
  position: absolute;
  left: 8%;
  top: 65%;
  width: 100%;
}

.table_sp {
  display: none;
}

/*
.item_list .flypan {
    position: absolute;
    left: -2%;
    top: -5%;
    width: 30%;
}
.item_list .grass {
  position: absolute;
left: 19%;
    top: 20%;
    width: 30%;
}
.item_list .houki {
  position: absolute;
      left: -3%;
    top: 27%;
    width: 30%;
}
.item_list .naotshoes2 {
  position: absolute;
    left: 22%;
    top: 48%;
    width: 30%;
}
.item_list .center_one {
  position: absolute;
    left: -4%;
    top: 58%;
    width: 30%;
}
.item_list .bigbacket {
  position: absolute;
left: 53%;
    top: 64%;
    width: 30%;
}
.item_list .tutu_one {
  position: absolute;
    left: 77%;
    top: 77%;
    width: 30%;
}
*/
@media screen and (max-width: 640px) {
  .inner h2 {
    top: 2%;
    left: 5%;
  }
  .inner {
    padding-left: 5%;
  }
  main h3 {
    width: 50%;
    margin: auto;
    padding-bottom: 20%;
    padding-top: 10%;
  }

  .item_list .table_text {
    text-align: center;
    font-size: 0.2em;
  }

  .table_pc {
    display: none;
  }
  .table_sp {
    display: block;
  }

  .item_list .space {
    height: 115px;
  }

  .item_list .flypan {
    left: -11%;
    top: -46%;
    width: 95%;
    transform: rotate(-54deg);
  }
  .item_list .grass {
    left: -27%;
    top: 34%;
  }
  .item_list .bigbacket {
    left: 0%;
    top: 72%;
  }

  .item_list .center_one {
    left: -4%;
    top: 51%;
  }
  .item_list .tutu_one {
    left: 10%;
    top: 62%;
  }

  .tr_height {
    height: 160px;
  }

  .text_padding {
    padding-top: 13%;
  }
}