
* {
	padding: 0 ;
	margin: 0 ;
}

body {
	color: #333 ;
	font-size: 13px ;
	line-height: 170% ;
	background-image: url(http://miyaspa.com/about/images/back.jpg) ;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#about-head {
	text-aling: center ;
	padding: 130px 0 0 ;
	height: 270px ;
	background-image: url(http://miyaspa.com/about/images/headmain.jpg) ;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


#about-main {
	font-size: 14px ;

	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width: 1000px ;
	margin: 0 auto ;
}

.box560a { width: 560px ; float: left ;}
.box400b { width: 400px ; float: right ;}
.box400a { width: 400px ; float: left ;}
.box560b { width: 560px ; float: right ;}

.box100c { width: 100px ; float: left ;}
.box280d { width: 280px ; float: right ;}

.box100a { width: 100px ; float: left ;}
.box880b { width: 880px ; float: right ;}


.box-map {
	height: 660px ;
	background-image: url(http://miyaspa.com/th/images/map-05.png) ;
}

.box480a { width: 480px ; float: left ;}


#footer {
	margin: 0 ;
	background: #604C3F ;
}

#footer-text {
	color: #FFF ;
	width: 900px ;
	margin: 0 auto;
	padding: 15px 0 ;
}

#footer li {
	float: left ;
	padding-right:22px ;
	list-style-type: none;
}

#footer li a {
	text-decoration: none ;
	color: #FFFFFF ;
}

#footer li a:hover {
	text-decoration: underline ;
	color: #FFFFFF ;
}


ul.list2 { }
.list2 li{ width: 47% ; margin: 0px 4% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list2 li:nth-child(2n){ margin-right: 0 ;}

ul.list3all {  }
.list3all li{ width: 31% ; margin: 0px 2.5% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list3all li:nth-child(3n){ margin-right: 0 ;}

ul.list3 {  }
.list3 li{ width: 31% ; margin: 0px 2.5% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list3 li:nth-child(3n){ margin-right: 0 ;}

ul.list4 { }
.list4 li{ width: 22.5% ; margin: 0px 2% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list4 li:nth-child(4n){ margin-right: 0 ;}

ul.list5 { font-size: 0 ; }
.list5 li{ font-size: 14px ; width: 18% ; margin: 0px 2.2% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list5 li:nth-child(5n){ margin-right: 0 ;}


/*--------------------------------------------------------------
 Image
--------------------------------------------------------------*/


img.waku { border: 1px dashed #D5E5BB ; padding: 4px ;}
img.maru {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
img.maru2 {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}

/* bottom */
img.bottom0 {margin-bottom:0;}
img.bottom5 {margin-bottom:5px;}
img.bottom10 {margin-bottom:10px;}
img.bottom15 {margin-bottom:15px;}
img.bottom20 {margin-bottom:20px;}
img.bottom25 {margin-bottom:25px;}
img.bottom30 {margin-bottom:30px;}
img.bottom50 {margin-bottom:50px;}
img.bottom100 {margin-bottom:100px;}
img.bottom150 {margin-bottom:150px;}

/* top */
img.top0 {margin-top:0px;}
img.top5 {margin-top:5px;}
img.top10 {margin-top:10px;}
img.top15 {margin-top:15px;}
img.top20 {margin-top:20px;}
img.top25 {margin-top:25px;}
img.top30 {margin-top:30px;}
img.top50 {margin-top:50px;}
img.top100 {margin-top:100px;}
img.top150 {margin-top:150px;}

/* right */
img.right0 {margin-right:0px;}
img.right5 {margin-right:5px;}
img.right10 {margin-right:10px;}
img.right15 {margin-right:15px;}
img.right20 {margin-right:20px;}
img.right25 {margin-right:25px;}
img.right30 {margin-right:30px;}

/* left */
img.left0 {margin-left:0px;}
img.left5 {margin-left:5px;}
img.left10 {margin-left:10px;}
img.left15 {margin-left:15px;}
img.left20 {margin-left:20px;}
img.left25 {margin-left:25px;}
img.left30 {margin-left:30px;}

/* right-float */
img.right0f {float:left;}
img.right5f {float:left;margin-right:5px;}
img.right10f {float:left;margin-right:10px;}
img.right15f {float:left;margin-right:15px;}
img.right20f {float:left;margin-right:20px;}
img.right25f {float:left;margin-right:25px;}
img.right30f {float:left;margin-right:30px;}

/* left-float */
img.left0f {float:right;}
img.left5f {float:right;margin-left:5px;}
img.left10f {float:right;margin-left:10px;}
img.left15f {float:right;margin-left:15px;}
img.left20f {float:right;margin-left:20px;}
img.left25f {float:right;margin-left:25px;}
img.left30f {float:right;margin-left:30px;}


/*--------------------------------------------------------------
 img
--------------------------------------------------------------*/

a img { border: 0; }
img { max-width: 100%; height: auto; }

a:hover img.trans {
	opacity:0.5; 
	transition: .4s;
	filter:Alpha(opacity=50);
}


.expansion img{
  	transition: 0.3s;
}

.expansion img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
}


/*--------------------------------------------------------------
 a link
--------------------------------------------------------------*/

a {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    text-decoration: none;
    color: #1c7c7c;
}

a:hover {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            color: #999;
}

a.btn_pink { display: inline-block; padding: 0.3em 1em; text-decoration: none; background: #eb6d8e; color: white; border: solid 1px #eb6d8e; border-radius: 2px; transition: .4s; }
a.btn_pink:hover { background: #FFFFFF; color: #eb6d8e;}

a.btn_orange { display: inline-block; padding: 0.3em 1em; text-decoration: none; background: #ee7800; color: white; border: solid 1px #ee7800; border-radius: 2px; transition: .4s; }
a.btn_orange:hover { background: #FFFFFF; color: #ee7800;}

a.btn_sky { display: inline-block; padding: 0.3em 1em; text-decoration: none; background: #2ea7e0; color: white; border: solid 1px #2ea7e0; border-radius: 2px; transition: .4s; }
a.btn_sky:hover { background: #FFFFFF; color: #2ea7e0;}

a.btn_green { display: inline-block; padding: 0.3em 1em; text-decoration: none; background: #53b332; color: white; border: solid 1px #53b332; border-radius: 2px; transition: .4s; }
a.btn_green:hover { background: #FFFFFF; color: #53b332;}

a.btn_blue { display: inline-block; padding: 0.3em 1em; text-decoration: none; background: #003660; color: white; border: solid 1px #003660; border-radius: 2px; transition: .4s; }
a.btn_blue:hover { background: #FFFFFF; color: #003660;}

a.btn_blue2 { display: inline-block; padding: 0.3em 1em; text-decoration: none; background: #FFFFFF; color: #003660; border: solid 1px #003660; border-radius: 2px; transition: .4s; }
a.btn_blue2:hover { background: #003660; color: white;}


/*--------------------------------------------------------------
 Text
--------------------------------------------------------------*/


p { margin-bottom: 5px; }


/* カラー */
.red {color:#C30D22;}
.blue {color:#172A88;}
.orange	{color:#EA5414;}
.green {color:#33aa41;}
.brown	{color:#3e261c;}


/* フォントサイズ */
.font9	{font-size: 9px;}
.font10	{font-size: 10px;}
.font11	{font-size: 11px;}
.font12	{font-size: 12px;}
.font13	{font-size: 13px;}
.font14	{font-size: 14px; line-height: 150% ;}
.font15	{font-size: 15px; line-height: 150% ;}
.font16 {font-size: 16px; margin-bottom:5px ; line-height: 150% ;}
.font18 {font-size: 18px; margin-bottom:5px ; line-height: 150% ;}
.font20 {font-size: 20px; margin-bottom:5px ; line-height: 150% ;}
.font24	{font-size: 24px; margin-bottom:5px ; line-height: 180% ;}
.font30	{font-size: 30px; margin-bottom:5px ; line-height: 180% ;}
.font36	{font-size: 36px; margin-bottom:5px ; line-height: 180% ;}


/* タイトル */
.titlefont12 {font-size: 12px; font-weight: 700; margin-bottom:5px ;}
.titlefont14 {font-size: 14px; font-weight: 700; margin-bottom:5px ;}
.titlefont16 {font-size: 16px; font-weight: 700; margin-bottom:5px ;}
.titlefont18 {font-size: 18px; font-weight: 700; margin-bottom:5px ; line-height: 150% ;}
.titlefont20 {font-size: 20px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont24 {font-size: 24px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont27 {font-size: 27px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont30 {font-size: 30px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont36 {font-size: 36px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}


/* 文字揃え */
.textright { text-align:right;}
.textleft { text-align:left;}
.textcenter { text-align:center;}
img.center { margin: 0 auto ;}


/* 文字揃え */
.textbottom5 {margin-bottom:5px;}
.textbottom10 {margin-bottom:10px;}
.textbottom15 {margin-bottom:15px;}
.textbottom20 {margin-bottom:20px;}
.textbottom30 {margin-bottom:30px;}
.textbottom50 {margin-bottom:50px;}

.texttop5 { margin-top:5px;}
.texttop10 { margin-top:10px;}
.texttop15 { margin-top:15px;}
.texttop20 { margin-top:20px;}
.texttop30 { margin-top:30px;}
.texttop50 { margin-top:50px;}


/* スペース 使用方法：<div class="space10"><hr></div>*/
hr{ display: none ; }
.space1 { height:1px; clear:both;}
.space2 { height:2px; clear:both;}
.space3 { height:3px; clear:both;}
.space4 { height:4px; clear:both;}
.space5 { height:5px; clear:both;}
.space6 { height:6px; clear:both;}
.space7 { height:7px; clear:both;}
.space8 { height:8px; clear:both;}
.space9 { height:9px; clear:both;}
.space10 { height:10px; clear:both;}
.space12 { height:12px; clear:both;}
.space14 { height:14px; clear:both;}
.space15 { height:15px; clear:both;}
.space16 { height:16px; clear:both;}
.space18 { height:18px; clear:both;}
.space20 { height:20px; clear:both;}
.space22 { height:22px; clear:both;}
.space24 { height:24px; clear:both;}
.space25 { height:25px; clear:both;}
.space26 { height:26px; clear:both;}
.space30 { height:30px; clear:both;}
.space40 { height:40px; clear:both;}
.space50 { height:50px; clear:both;}


#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #3f98ef;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #3f98ef;
}


.pc_box { display: block !important; }
.sp_box { display: none !important; }