@charset "utf-8";
/* CSS Document */

.shop_wrap {
  border:3px solid #cccccc;
  box-sizing:border-box;
  margin:3% auto;
  padding:0 4%;
}
.shop_wrap h3 {
  display:table;
  width:100% !important;
  font-weight:bold;
  font-size:1.6em;
  background-color:none;
  border:none;
  margin:2% 0 0;
  padding:0;
}
.shop_wrap h3 em {
  display:table-cell;
  vertical-align:middle;
  width:12%;
}
.shop_wrap h3 a {
  color: #333;
  display:table-cell;
  vertical-align:middle;
  border:none;
}
.shop_wrap h3:after {
  background-color:#ffffff;
  width:100%;
}
.shop_wrap .shop_box {
}
.shop_wrap .shop_box dt {
  display:inline-block;
  width:36%;
}
.shop_wrap .shop_box dd {
  display:inline-block;
  width:60%;
  vertical-align:top;
  margin: 0;
  padding: 0 0 0 2%;
}
.shop_wrap .shop_box dd .title {
  color:#16a085;
  font-size:1.2em;
  font-weight:bold;
  border-left:4px solid #16a085;
  margin:0;
  padding:0 0 0 1%;
  line-height:1.5;
}
.shop_wrap .shop_box dd .content {
  margin:1% 0 0;
  padding:0;
  line-height:1.2;
}
.shop_wrap .shop_table {
  border:1px solid #7b7b7b;
}
.shop_wrap .shop_table tr {
  border:1px solid #7b7b7b;
}
.shop_wrap .shop_table th {
  width:20%;
  border:1px solid #7b7b7b;
  background:#dffcef;
  font-weight:normal;
  padding:1%;
}
.shop_wrap .shop_table td {
  border:1px solid #7b7b7b;
  font-weight:normal;
  padding:1%;
}
.shop_wrap .shop_btn {
  width:100%;
  height:auto;
  margin:0 auto;
}
.shop_wrap .shop_btn li {
  list-style:none;
  display:inline-block;
  text-align:center;
  width:48%;
}
.shop_wrap .shop_btn li + li {
  padding:0 0 0 2%;
}
.shop_wrap .shop_btn li a:hover{
  opacity:0.8;
}
.shop_wrap .voice_wrap {}
.shop_wrap .voice_wrap .voice_title {
  background: #26bc9e;
  background: -moz-linear-gradient(top,  #26bc9e 0%, #0a8e75 100%);
  background: -webkit-linear-gradient(top,  #26bc9e 0%,#0a8e75 100%);
  background: linear-gradient(to bottom,  #26bc9e 0%,#0a8e75 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26bc9e', endColorstr='#0a8e75',GradientType=0 );
  color:#ffffff;
  font-size:1.6em;
  font-weight:bold;
  border-radius:10px 10px 0 0;
  text-align:center;
  margin:0;
  padding:1% 0;
  position:unset;
}
.shop_wrap .voice_wrap .voice_title img {
  width:8%;
  padding:0 2% 0 0;
  vertical-align: middle;
}
.shop_wrap .voice_wrap .voice_content {
  background:#dffcef;
  margin:0 auto 3%;
  padding:0 0 5%;
  font-size:0;
  border-radius: 0 0 10px 10px;
}
.shop_wrap .voice_wrap .voice_content ul {
  margin:0 auto;
  padding:0;
  width:96%;
}
.shop_wrap .voice_wrap .voice_content ul li {
  padding:3% 0;
}
.shop_wrap .voice_wrap .voice_content ul li + li {
  border-top:1px solid #9fc1ba;
}
.shop_wrap .voice_wrap .voice_content ul li dl {
}
.shop_wrap .voice_wrap .voice_content ul li dt {
  width:16%;
  display:inline-block;
  vertical-align:middle;
}
.shop_wrap .voice_wrap .voice_content ul li dd {
  font-size:1rem;
  width:75%;
  display:inline-block;
  vertical-align:middle;
}
.shop_wrap .voice_wrap .voice_content ul li dd span {
  display:block;
}
.shop_wrap .voice_wrap .voice_content .btn_voice img {
  margin:2% auto;
  padding:0;
  display:block;
  text-align:center;
}
.shop_wrap .voice_wrap .voice_content .btn_voice a::hover {
  opacity:0.6;
}

@media
only screen and (max-width : 736px){
.shop_wrap {
  border:3px solid #cccccc;
  box-sizing:border-box;
  margin:0 auto;
  padding:0 4%;
  width:98%;
}
.shop_wrap h3 {
  display:table;
  width:100% !important;
  font-weight:bold;
  font-size:1.3em;
  background-color:none;
  border:none;
  margin:2% 0 0;
  padding:0;
}
.shop_wrap h3 em {
  display:table-cell;
  vertical-align:middle;
  width:12%;
  margin:0;
  padding:0 2% 0 0;
}
.shop_wrap h3 span {
  display:table-cell;
  vertical-align:middle;
  line-height:1.1;
}
.shop_wrap h3:after {
  background-color:#ffffff;
  width:100%;
}
.shop_wrap .shop_box {
}
.shop_wrap .shop_box dt {
  display:block;
  width:80%;
  margin:0 auto;
  text-align: center;
}
.shop_wrap .shop_box dd {
  display:block;
  width:90%;
  margin: 3% auto;
  padding: 0 0 0 2%;
}
.shop_wrap .shop_box dd .title {
  color:#16a085;
  font-size:1.2em;
  font-weight:bold;
  border-left:4px solid #16a085;
  margin:2% 0;
  padding:0 0 0 1%;
  line-height:1.4;
}
.shop_wrap .shop_box dd .content {
  margin:1% 0 0;
  padding:0;
  line-height:1.2;
}
.shop_wrap .shop_table {
  width: 100%;
  border-top: 1px solid #999;
}
.shop_wrap .shop_table tr {
  border:1px solid #999;
}
.shop_wrap .shop_table th:first-child {
  border-top: none;
}
.shop_wrap .shop_table th {
  display: block;
  width: 100%;
  margin:0;
  padding:1% 0;
  border-left:none;
  text-indent:2%;
}
.shop_wrap .shop_table td {
  border:none;
  display: block;
  margin:0;
  padding:0;
  text-indent:2%;
}
.shop_wrap .shop_btn li {
  margin:2% auto;
  display:block;
  width:100%;
}
.shop_wrap .shop_btn li + li {
  padding:0;
}
.shop_wrap .voice_wrap .voice_title {
  font-size:1.4em;
}

.shop_wrap .voice_wrap .voice_content ul li dl {
}
.shop_wrap .voice_wrap .voice_content ul li dt {
  width:25%;
  display:block;
  text-align:center;
  margin:0 auto;
  padding:0;
}
.shop_wrap .voice_wrap .voice_content ul li dd {
  font-size:1rem;
  width:90%;
  display:block;
  vertical-align:middle;
  margin:0 auto;
  padding:0;
}
.shop_wrap .voice_wrap .voice_content .btn_voice img {
  margin:2% auto;
  padding:0;
  display:block;
  text-align:center;
  width:30%;
}
}
