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


/* タイトル */
.spa_all{
	margin-top:20px;
}
.spa_all .title h1{
	font-size:1.7em;
	margin-bottom:0;
}

.spa_all .title h2 {
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
  text-align:left;
  font-size:1.3em;
}
.spa_all .title h2 span {
  display: block;
  margin-bottom: .2em;
  color: #aaa;
  font-size: 0.8em;
  text-align:left;
}
.spa h3{
	text-align: left;
	background-color: #c6dea6;
	padding-bottom: 2px;
	font-size: 1.2em;
	padding-top:3px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding-left:5px;
}
.spa_all .title p{
	margin-bottom:50px;
}

/* 内容 */
.spa:after{
	content:"";
	display:block;
	clear:both;
}
.spa_foto{
	float: left;
	width:20%;
	margin-right:2%;
}
.spa_title{
	float:left !important;
	width:75%;
}
.spa_foto img{
	width:100%;
	height:auto;
	margin-top:20px;
}
.spa_title h4{
	text-align:left;
}
.spa_title ul{
	text-align:left;
}
/* 個別メニュ見出し */
.spa_title h5{
	position: relative;
	color: #111;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 3px solid #B92A2C;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}


/* 大人気 */
.btn-gradient-radius {
	display: inline-block;
	border-radius: 25px;
	text-decoration: none;
	color: #FFF;
	background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
	transition: .4s;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	margin-right: 10px;
	font-size:0.8em;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}
/* 取り消し線 */
.spa_title ul li .torikeshi{
	text-decoration: line-through;
}

/* ポイント枠 */
.waku_toko {
	border: 2px solid #da4033;
	border-radius: 4px;
	position: relative;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 3%;
	font-size: 0.9em;
	padding-right: 2%;
}
.waku_toko::before {
	background-color: #FFFFFF;
	color: #da4033;
	content: "SPA INFORMATION";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -1em;
}
.waku_toko h3{
	text-align:center;
}
.waku_toko ul{
	margin-top:-1em;
}


/* comingsoon */
.comingsoon {
	text-align:center;
}

.comingsoon h5{
	background-color:#c6dea6;
	padding-top:3px;
	padding-bottom:3px;
	font-size:1em;
	margin-bottom:3px;
}

/* ########### 480px以下 スマホ＆タブレット縦 ########### */
@media (max-width: 480px) {
/* 内容 */
.spa:after{
	content:"";
	display:block;
	clear:both;
}
.spa_foto{
	float: left;
	width:100%;
}
.spa_title{
	float:left !important;
	width:100%;
}

.spa_foto img{
	width:48%;
	height:auto;
	margin-top:20px;
}
.spa h3{
	font-size: 0.9em;
}
.spa_title ul{
	margin-left:-2em;
}
/* ポイント枠 */
.waku_toko{
	text-align:left;
}
}


/* ########### 481px以上～767px以下 タブレット縦 ########### */
@media (min-width: 481px) and (max-width: 767px) {
/* 内容 */
.spa:after{
	content:"";
	display:block;
	clear:both;
}
.spa_foto{
	float: left;
	width:100%;
}
.spa_title{
	float:left !important;
	width:100%;
}
.spa_foto img{
	width:23%;
	height:auto;
	margin-top:20px;
}
.spa_title ul{
	margin-left:-2em;
}
}



/* ########### 768px以上～1019px以下 小ＰＣ＆タブレット横 ########### */
@media (min-width: 768px) and (max-width: 1019px) {
	
	
	
	
	
	
}



/* ########### 1020px以上  大ＰＣ ########### */
@media (min-width: 1020px) {
	
	
	
	
}