@charset "UTF-8";

/*------------全体設定とヘッダーは別途css------------*/

#main {
  margin-top: 80px;
}
@media screen and (min-width: 960px) {
  #main {
    margin-top: 14px;
  }
}

#main .container {
  /*background-color: #d6ffa5;*/
  max-width: 100%;
}

.h2haikei {
  width: 100%;
  height: 160px;
  position: relative;
  background-image: url(../images/bg_esthe.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  text-align: center;
}

h2 {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  font-size: 2rem;
  padding: 0.8rem;
  background-color: rgba(255,255,255,0.4);
}
@media screen and (min-width: 960px) {
  h2 {
    font-size: 2.4rem;
  }
}


h3 {
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 32px;
}

.hrborder2 {
    width: 100%;
    margin: 4px auto 8px auto;
    border-bottom: 1px solid #000;
}



/*----------------エステここから-----------------*/

.wrap_esthe {
  width: 90%;
  margin: auto;
  
}
@media screen and (min-width: 960px) {
  .wrap_esthe {
    width: 1080px;
  }
}

.teishi {
  width: 100%;
  margin-top: 24px;
  text-align: center;
}

.teishi img {
  width: 90%;
  height: auto;
}
@media screen and (min-width: 960px) {
  .teishi img {
    width: 70%;
  }
}


/*テーブル部分ここから*/
.menutbl {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 90%;
	table-layout: fixed;
	color: #074D8C;
}

.menutbl tr {
	background-color: #fff;
	padding: .35em;
	border-bottom: 1px dotted #000080;
}

.menutbl tr:last-child{
	border-bottom: 2px solid #000080;
}

.menutbl th, td {
	padding: 1em 10px 1em 1em;
}

tbody th {
	/*color: #074D8C;*/
	color: #fff;
	background: #0082A3;
}
.txt{
	text-align: left;
	font-size: 0.85em;
}
.price{
	text-align: right;
}

/*アイテムここから*/
main .item {
	clear: both;
	width: 100%;
	background-color: #ffffff;
	margin-top: 80px;
}


.item .inner ul {
	list-style: none;
	text-align: center;
	padding-left: 0;
  display: block;
}

@media screen and (min-width: 960px) {
  .item .inner ul {
    display: flex;
    flex-direction: row;
  }
  .item .inner ul li {
    width: 48%;
    padding: 2.0%;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    /*background: #000080;*/
  }
}

.item img {
	max-width: 300px;
	display: block;
	margin: 0 auto;
}

.item .inner p {
	font-size: 0.8em;
}