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

.container {
	padding-left:5%;
	padding-right:5%;
}


.img-center {
	text-align:center;
	margin:0 auto;
}
a:hover {
	text-decoration: none;
   filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}
.clear {
	clear:both;
	margin:0;
}
.mensai li {
	font-size:12px;
	text-align:left;
	line-height:1.8em;
	list-style:none;
}
.space {
	margin-bottom:30px;
}
.red {
	color:#FF000F;
}
.big {
	font-size:1.8em;
	font-weight:bold;
}
.bigger {
	font-size:1.4em;
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
.white {
	color:white!important;
}
.small {
	font-size:80%;
}



.bg_gray {
	background:#d5d5d5;
	padding:3%;
	margin-left:5%;
	margin-right:5%;
}
.bg_gray02 {
	background:#b5b5b5;
	padding:2%;
}

h2.top {
	font-size:1.2em;
	font-weight:bold;
}

.letter02 {
	background:url(../img/bg_letter02.jpg)center bottom no-repeat;
	line-height:2em;
}
.letter03 {
	font-size:1.6em;
	line-height:2em;
	background:url(../img/bg_letter03.jpg)right bottom no-repeat;
	width:80%;
}

.letter04 {
	font-size:1.2em;
	line-height:2em;
	background:url(../img/bg_letter04.jpg)right bottom no-repeat;
	width:90%;
}
.box {
	border:solid 3px #0E08A2;
	padding:1%;
	width:85%;
	margin:0 auto;
	font-size:1.4em;
	font-weight:bold;
}

.letter05 {
	font-size:1.2em;
	line-height:2em;
	background:url(../img/bg_letter05.jpg)right bottom no-repeat;
	width:90%;
}

.jy {
	color:#ff0000;
	font-weight:bold;
	border:solid #ff0000 5px;
	padding:1%;
	width:20%;
	margin:0 auto;
	text-align:center;
	font-size:2em;
}
h3.title_tokuten {
	font-size:2.0em;
	font-weight:bold;
	text-align:center;
}


h5 {
	text-align:center;
}
.box_blue {
	background:#006cb1;
	color:white;
	font-weight:bold;
	padding:1%;
	text-align:center;
	font-size:1.4em;
}
.purple {
	background:#8f82bc;
	color:white;
	padding:1%;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
	width:90%;
	border:solid 10px #8f82bc;
border-radius: 1em; 
}

.plus li {
	font-size:1.6em;
	line-height:1.6em;
	list-style:circle;
}



.list01 {
	background:url(../img/bg_list.jpg)right center no-repeat;
}
.list01 li {
	list-style:none;
	background:url(../../img/check.png)left center no-repeat;
	padding-left:3%;
	line-height:2em;
	font-size:1.2em;
}
.sapo_box {
	background:#dedede;
	color:#555;
	padding:2%;
	margin-bottom:20px;
	font-size:1.4em;
	text-align:center;
}
.reason {
	background:#dedede;
	color:#555;
	padding:2%;
	margin-bottom:20px;
	font-size:1.4em;
	text-align:left;
}
.smalldetail {
	padding:3%;
	width:90%;
}
.stddetail {
	padding:1%;
}
.stddetail dt {
	line-height:2.2em;
}
.stddetail dd {
	line-height:2.2em;
	padding-left:3em;
	background:url(../img/blossom.jpg)left center no-repeat;
}
	
	
.panel li {
	list-style:none;
}

.btn_entry {
	width:70%;
}

h2.top {
	text-align:center;
	margin:0 auto;
	font-size:1.4em;
	font-weight:bold;
	line-height:2em;
}

h3.bg01 {
	background:#448aca;
	color:white;
	padding:1%;
	text-align:center;
	font-size:1.6em;
}
.fr {
	float:right;
}
.w40 {
	width:40%;
}
.prf {
	background:#dcdcdc;
	padding:1%;
}
.prftext dd {
	font-size:0.8em;
}
.img-center {
	margin:0 auto;
	text-align:center;
}

.support {
	background:#e4e4e4;
	padding:2%;
}
.support dt {
	line-height:2em;
}
.support dd {
	line-height:2em;
}

.price {
	margin:0 auto;
	text-align:center;
	width:80%;
}
thead th {
    text-align: center;
    background: #eee;
    color: #333;
    font-size: 26px !important;
}
table, th, td {
    border: 1px solid #999;
    color: #555;
    padding:1%;
}	

.lastmassage li {
	list-style:none;
	font-size:1.4em;
	line-height:1.6em;
}




/*button-ここから*/
.button {
	display: inline-block;
	width: 800px;
	height: 90px;
	text-align: center;
	text-decoration: none;
	line-height: 90px;
	outline: none;
	font-size:0.8em;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	-webkit-perspective: 300px;
	perspective: 300px;
}
.button span {
	display: block;
	position: absolute;
	width: 800px;
	height: 90px;
	border: 2px solid #fff;
	text-align: center;
	line-height: 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
	font-size:1.4em;
}
.button span:nth-child(1) {
	background-color: #096909;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
	
}

.button span:nth-child(2) {
	background-color: #096909;
	color: white;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button:hover span:nth-child(2) {
	background-color: #333;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
/*button-ここまで*/
.button_red span:nth-child(1) {
	background-color: #ff0000;
}
.button_red span:nth-child(2) {
	background-color: #ff0000;
}
.button_red {
	width: 750px;
	height: 90px;
	line-height: 90px;
	font-size:1.3em;
}
.button_red span {
	width: 750px;
	height: 110px;
	line-height: 110px;
	font-size:1.3em;
}

@media screen and (max-width: 768px) {

.container {
	padding-left:1%;
	padding-right:1%;
}


h2.top {
	font-size:1.0em;
}
h3 {
	font-size:1.2em;
}
h3.bg01 {
	background:#448aca;
	color:white;
	padding:1%;
	text-align:center;
	font-size:1.2em;
}
h3.title_tokuten {
	font-size:1.2em;
	text-align:center;
}
h5 {
	font-size:1.1em;
}
h6 {
	font-size:1.0em;
}



.caption {
	font-size:1.0em;
}
.caption p {
	font-size:0.9em;
}

.letter02,
.letter03,
.letter04 {
	line-height:1.4em;
}

.letter03,
.letter04
.letter05
 {
	width:100%;
}
.box {
	font-size:1.0em;
}
.box_blue {
	background:#006cb1;
	color:white;
	font-weight:bold;
	padding:1%;
	text-align:center;
	font-size:1.1em;
}
.purple {
	background:#8f82bc;
	color:white;
	padding:1%;
	font-size:1.1em;
	font-weight:bold;
	margin:0 auto;
	width:70%;
	border:solid 6px #8f82bc;
border-radius: 1em; 
}

.plus li {
	font-size:1.1em;
	line-height:1.6em;
	list-style:circle;
}










.price {
	margin:0 auto;
	text-align:center;
	width:95%;
}

.list01 {
	background:none;
}
.list01 li {
	list-style:none;
	background:url(../../img/check.png)left top no-repeat;
	padding-left:6%;
	line-height:2em;
	font-size:0.9em;
}


.button span {
	height: 60px;
	line-height: 24px;
	font-size:1.8em;
}


.button {
	display: inline-block;
	width:100%;
	height:50px;
 font-size:0.7em;
 line-height:1.8em;
}
.button span {
	display: block;
	position: absolute;
	width: 100%;
	font-size:1.4em;
	padding:1%;
}
.btn_entry {
	width:90%;
}



.mensai {
	margin:0 auto;
	width:100%;
}
.prf {
	background-color:white;
}
.prftext dd {
	font-size:0.8em;
}


}