@charset "UTF-8";

/* about同様 */
.aboutttl {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  height: 350px;
  background-color: #222529;
  color: #FFFFFF;
  text-align: center;
}
.aboutttl h1 {
  position: relative;
  display:block;
  text-align: center;
  font-size:2em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: 0.3rem;
  padding: 220px 0 0 0;
}

.aboutcol{
  padding: 50px 0 50px 0;
}
.aboutcol h2{
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 2.5em;
  letter-spacing: 0.3rem;
  padding: 30px 0 80px 0;
}
.aboutcol h3{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  letter-spacing: 0.3rem;
  line-height: 2rem;
  padding: 0;
}
.aboutcol p{
  padding: 0 0 2rem 0;
}

/* -------------------------------------------
料金表
-------------------------------------------*/
.pricedescription{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 300px;
  padding: 50px 15% 20px 15%;
  margin: 0 auto;
  background: url("../img/price/m-price.png") no-repeat center top / cover;
}
.pricedescription h2{
  font-weight: 300;
  font-size: 2em;
  letter-spacing: 0.3rem;
  line-height: 1.8em;
  padding: 0 0 30px 0;
  color: #fff;
}

.pricemenu h3{
	text-align: center;
	color: #fff;
	font-weight: 300;
	padding: 0;
	margin: 0 0 30px 0;
}
.pricemenu nav{
  	width: 100%;
  	background-color: #964D65;
	margin: 0 0 20px 0;
	padding: 12px 0 0 0;
	opacity: 0.8;
}
.pricemenu ul{
 	display: flex;
 	justify-content: space-around;
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
}
.pricemenu li a{
	color: #fff;
	margin: 0;
	padding: 0;

}
.pricemenu li a:link{
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.pricemenu li a:hover{
	display: block;
	opacity: 0.5;
	transition : 1s;	
	margin: 0;
	padding: 0;
}
.pricedata dl {	
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.pricedata dt {
	flex-basis: 50%;
	vertical-align: middle;
	padding: 10px;
	font-weight: 500;
	border-top: 1px solid #ccc;
	background-color: #FAF8F9;
}
.pricedata dd {
	flex-basis: 50%;
	vertical-align: middle;
	padding: 10px 10px 0 10px;
	font-weight: 300;
	border-top: 1px solid #ccc;
}
 .pricedata dt:before {
	content: "⚫︎";
    margin-right:2px;
    top:0;
    left:0;
    color: #9D6173;
}

.creditcard h2{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;	
	font-size: 2em;
	margin: 0 0 20px 0;
}
.creditcard h3{
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-size: 1.6em;
	color: #9D6173;
	margin: 0 0 50px 0;
}



@media screen and (max-width: 640px) {
.aboutcol h2{
  font-size: 1.8em;
  padding: 10px 0 50px 0;
}
.aboutcol h3 {
	text-align: center;
}
}

@media screen and (max-width: 767px) {
.pricemenu ul{
 	display:block;
	text-align: center;	
}
.pricemenu li a{
	color: #fff;
	margin: 0;
	padding: 0;
}
.pricemenu li a:link{
	font-size: 0.9em;
	text-align: center;
}
.pricemenu li a:hover{
	margin: 0;
	padding: 0;
}
	
.pricedata dl {
	flex-flow: column;
	padding: 30px 0 0 0;
}
.pricedata dt {
	padding: 5px 10px 5px 5px;
}
.pricedata dd {
	border-top: 1px solid #EBEBEB;
}
}