@charset "UTF-8";
/* top.css */

	

/* pc */
@media screen and (min-width: 501px) {
/*ここにpc用スタイルを記述*/


/*------------ TOP Message ------------*/

#background01 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base01.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

h2.font_indextitle {
	font-family: 'Quicksand', sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: 0.15em;
	top: 0;
	padding: 2% 0 3% 6.3%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h3.font_message {
	font-family: "M PLUS 1p";
	font-size: 1.5em;
	font-weight: 800;
	line-height: 1.7em;
	width: 66%;
	text-align: left;
	padding: 0 0 1.3% 6.5%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h4.font_message02 {
	font-family: "M PLUS 1p";
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.8em;
	color:#5c5c5c;
	width: 52%;
	text-align: left;
	padding: 0 0 2% 6.5%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	display: inline-block;
}

.pad_button01 {
	margin-left:6.5%; 
	padding-bottom:3%; 
	position:relative;
}

.pad_topbu01 {
	display: inline-block;
	position: absolute;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
	color: #323232;
	background-color: #a0d8c9;
	font-size: 1.1em;
	padding: 0.6% 3% 0.6% 3%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	transition-duration: 0.5s;
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
	white-space: nowrap;
}
.pad_topbu01 a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999999px;
	z-index: 10000;
}
.pad_topbu01:after {
	content:'▶︎';
	font-size: 0.8em;
	padding-left:0.6%;
}
.pad_topbu01:hover {
	background-color: #cc0000;
	color: #ffffff;
}

.pad_topbu01 a:link {
	color: #323232;
	text-decoration:none;
	outline: none;
}

.pad_topbu01 a:visited {
	color: #323232;
	text-decoration: none;
	outline: none;
}

.pad_topbu01 a:active {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}



/*------------ TOP Service ------------*/

#background02 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base02.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

p.pad_serviceimg {
	width: 18%;
	display: inline-block;
	text-align: left;
	padding: 0 0 2% 2%;
	margin-top: -3%;
	margin-bottom: -0.0em;
	vertical-align: top;
}

h4.font_service01 {
	font-family: "M PLUS 1p";
	font-size: 1.1em;
	line-height: 1.8em;
	color:#5c5c5c;
	font-weight: normal;
	width: 46%;
	text-align: left;
	padding: 0 0 2% 6.5%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	display: inline-block;
}






/*------------ TOP Nail02 ------------*/

#background06 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base06.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

h3.font_nailcare {
	font-family: "M PLUS 1p";
	font-size: 1.5em;
	font-weight: 800;
	line-height: 1.7em;
	width: 38%;
	text-align: left;
	padding: 4% 0 1.3% 0;
	margin-left: 50%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h3.font_nailcare02 {
	font-family: "M PLUS 1p";
	font-size: 1.5em;
	font-weight: 800;
	line-height: 1.7em;
	width: 38%;
	text-align: left;
	padding: 3% 0 1.3% 0;
	margin-left: 50%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h4.font_nailcare {
	font-family: "M PLUS 1p";
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.8em;
	color:#5c5c5c;
	width: 38%;
	text-align: left;
	padding: 0 0 2% 0;
	margin-left: 50%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	display: inline-block;
}

.pad_nailimg01 {
	width:45%; 
	padding:0 0 2% 50%; 
	margin-top:-0.0em; 
	margin-bottom:-0.0em;
}


/*------------ TOP Body Hair Removal ------------*/

#background07 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base07.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

h2.font_indextitle02 {
	font-family: 'Quicksand', sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: 0.15em;
	top: 0;
	padding: 7% 0 3% 50%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h3.font_bodycare {
	font-family: "M PLUS 1p";
	font-size: 1.5em;
	font-weight: 800;
	line-height: 1.7em;
	width: 38%;
	text-align: left;
	padding: 0 0 1.3% 0;
	margin-left: 50%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h4.font_bodycare {
	font-family: "M PLUS 1p";
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.8em;
	color:#5c5c5c;
	width: 38%;
	text-align: left;
	padding: 0 0 2% 0;
	margin-left: 50%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	display: inline-block;
}

.pad_nailimg02 {
	width:42%; 
	padding:0 0 2% 50%; 
	margin-top:-0.0em; 
	margin-bottom:-0.0em;
}



/*------------ TOP Gallery ------------*/

#background03 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base03.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

ul#top_gallery {
	width: 94%;
	padding: 6% 0 0 4.2%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}
ul#top_gallery li.area01 {
	width: 40%;
	float: left;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}
ul#top_gallery li.area02 {
	width: 57%;
	float: left;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

ul#top_gallery li.area02 ul#pic_gallery {
	width: 90%;
	padding: 0 0 0 0;
	margin-left: 6.5%;
	margin-top: 4%;
	margin-bottom: -0.0em;
}
ul#top_gallery li.area02 ul#pic_gallery li {
	float:left;
	width: 50%;
	text-align: left;
	padding: 0 0 4% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

ul#top_gallery li.area02 ul#pic_gallery li img {
	width: 88%;
	border: 8px #ffffff solid;
}






/*------------ TOP SHOP Info ------------*/

#background04 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base04.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


#box_overview {
	width: 43%;
	padding: 3% 3% 3% 3%;
	margin-top: -0.0em;
	margin-bottom: 3%;
	margin-left: 6.4%;
	background-color: rgba(255,255,255,0.6);
}

#table_overview {
	width: 100%;
}


#table_overview .td01 {
	width: 22%;
	font-family: "M PLUS 1p";
	font-weight: normal;
	font-size: 0.75em;
	line-height: 1.8em;
	text-align:center;
	padding: 2% 0 2% 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}
#table_overview .td02 {
	width: 76%;
	font-family: "M PLUS 1p";
	font-weight: normal;
	font-size: 0.85em;
	line-height: 1.3em;
	text-align:left;
	padding: 2% 0 2% 4%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}
#table_overview td.td02 span {
	font-size: 0.88em;
}

#table_overview .td02 a:link {
	color: #323232;
	text-decoration:none;
	outline: none;
}

#table_overview .td02 a:visited {
	color: #323232;
	text-decoration: none;
	outline: none;
}

#table_overview .td02 a:hover {
	color: #fa4d8a;
	text-decoration: none;
	outline: none;
}

#table_overview .td02 a:active {
	color: #fad5d8;
	text-decoration: underline;
	outline: none;
}







/*------------ TOP SCHOOL ------------*/

#background08 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base08.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

h2.font_schooltitle {
	font-family: 'Quicksand', sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: 0.15em;
	top: 0;
	padding: 5% 0 2% 6.3%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h4.school {
	font-family: "M PLUS 1p";
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.7em;
	text-align: left;
	padding: 0 0 1.3% 6.3%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	color:#5c5c5c;
}

h3.font_schoolclass {
	font-family: "M PLUS 1p";
	font-size: 1.35em;
	font-weight: 800;
	text-align: left;
	padding: 2% 0 1% 6.3%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h3.font_schoolclass:before {
	content:"◆";
	color:#8db3b3;
	font-size: 0.85em;
	padding-right: 0.5%;
}


h4.font_schoolclass {
	float: left;
	width: 48%;
	font-family: "M PLUS 1p";
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.7em;
	text-align: left;
	padding: 0 0 1.3% 8.3%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

.pad_topbu02 {
	float: left;
	display: inline-block;
	position: absolute;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
	color: #323232;
	background-color: #a0d8c9;
	font-size: 1.1em;
	padding: 0.3% 2% 0.3% 2%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	transition-duration: 0.5s;
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
	white-space: nowrap;
}
.pad_topbu02 a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999999px;
	z-index: 10000;
}
.pad_topbu02:after {
	content:'▶︎';
	font-size: 0.8em;
	padding-left:0.6%;
}
.pad_topbu02:hover {
	background-color: #cc0000;
	color: #ffffff;
}

.pad_topbu02 a:link {
	color: #323232;
	text-decoration:none;
	outline: none;
}

.pad_topbu02 a:visited {
	color: #323232;
	text-decoration: none;
	outline: none;
}

.pad_topbu02 a:active {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}


/*------------ TOP TOPICS ------------*/

#background09 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base09.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

h2.font_topicstitle {
	font-family: 'Quicksand', sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: 0.15em;
	top: 0;
	padding: 3% 0 3% 6.3%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h2.font_topicstitle {
	font-family: 'Quicksand', sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: 0.15em;
	top: 0;
	padding: 3% 0 3% 6.3%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

ul#topics {
	width: 65%;
	padding: 0 0 0 5%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:auto auto auto;
    grid-template-columns:auto auto auto;
}

ul#topics li {
	margin:0 10% 10% 0;
	margin-top: -0.0em;
	margin-bottom: 5%;
	list-style:none;
	width: 90%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	position: relative;
}

ul#topics li:nth-child(1) {
	-ms-grid-column:1;
	grid-column:1;
	-ms-grid-row:1;
	grid-row:1;
	border: 1px #d39a73 solid;
	background-color: #ffffff;
}
 
ul#topics li:nth-child(2) {
	-ms-grid-column:2;
	grid-column:2;
	-ms-grid-row:1;
	grid-row:1;
	border: 1px #d39a73 solid;
	background-color: #ffffff;
}

ul#topics li:nth-child(3) {
	-ms-grid-column:1;
	grid-column:1;
	-ms-grid-row:2;
	grid-row:2;
	border: 1px #d39a73 solid;
	background-color: #ffffff;
}

ul#topics li:nth-child(4) {
	-ms-grid-column:2;
	grid-column:2;
	-ms-grid-row:2;
	grid-row:2;
	border: 1px #d39a73 solid;
	background-color: #ffffff;
}




ul#topics li #pad_img {
	width:94%;
	margin: 3% 3%;
	position: relative;
	z-index: 5;
	box-sizing: border-box;
	border: 1px #d39a73 solid; 
}



ul#topics li a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	text-indent: -9999px;
	z-index: 10000;
	transition-duration: 0.5s;
} 

ul#topics li a:hover {
	background-color: rgba(255,255,200,0.4);

} 



.font_topicsdate {
	font-family: "M PLUS 1p";
	font-size: 0.75em;
	font-weight: normal;
	text-align: left;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	position: relative;
	padding: 0 0 0 3.3%;
	z-index: 5;
}

h4.font_topics {
	width: 92%;
	font-family: "M PLUS 1p";
	text-align: left;
	font-size: 1.05em;
	font-weight: normal;
	line-height: 1.5em;
	position: relative;
	padding: 0 0 2% 3.3%;
	z-index: 5;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}


/*------------ TOP Footer ------------*/

#background05 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base05.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.pad_map {
	padding: 0 0 0 0;
	width: 100%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}




}
 
 

 
/* smartPhone */
@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/



/*------------ TOP Message ------------*/

#background01 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base01_sp.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

h2.font_indextitle {
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
	font-size:1.2rem;
	letter-spacing: 0.05rem;
	top: 0;
	padding: 2% 0 3% 6.3%;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
}

h3.font_message {
	font-family: "M PLUS 1p";
	font-weight: 800;
	font-size: 0.9rem;
	line-height: 1.4rem;
	text-align: left;
	padding: 0 0 1.3% 6.5%;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
}

h4.font_message02 {
	font-family: "M PLUS 1p";
	font-size: 0.78rem;
	font-weight: normal;
	line-height: 1.2rem;
	color:#5c5c5c;
	width: 88%;
	text-align: left;
	padding: 0 0 4% 6.5%;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
	display: inline-block;
}

.pad_button01 {
	padding-bottom:3%; 
	position:relative;
}

.pad_topbu01 {
	display: inline-block;
	position: absolute;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
	color: #323232;
	background-color: #a0d8c9;
	font-size: 0.85rem;
	padding: 0.6% 5% 0.6% 5%;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
	margin-left: 6.2%;
	transition-duration: 0.5s;
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
	white-space: nowrap;
}
.pad_topbu01 a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999999px;
	z-index: 10000;
}
.pad_topbu01:after {
	content:'▶︎';
	font-size: 0.7rem;
	padding-left:0.6%;
}
.pad_topbu01:hover {
	background-color: #cc0000;
	color: #ffffff;
}

.pad_topbu01:link {
	color: #323232;
	text-decoration:none;
	outline: none;
}

.pad_topbu01 a:visited {
	color: #323232;
	text-decoration: none;
	outline: none;
}

.pad_topbu01 a:active {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}



/*------------ TOP Service ------------*/

#background02 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base02_sp.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

h4.font_service01 {
	font-family: "M PLUS 1p";
	font-size: 0.78rem;
	font-weight: normal;
	line-height: 1.2rem;
	color:#5c5c5c;
	width: 89%;
	text-align: left;
	padding: 0 0 4% 6.5%;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
	display: inline-block;
}




/*------------ TOP Nail02 ------------*/

#background06 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base06_sp.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
h3.font_nailcare {
	font-family: "M PLUS 1p";
	font-size: 0.9rem;
	line-height: 1.4rem;
	text-align: left;
	padding: 45% 0 1.3% 6.5%;
	text-align: left;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h3.font_nailcare02 {
	font-family: "M PLUS 1p";
	font-size: 0.9rem;
	line-height: 1.4rem;
	text-align: left;
	padding: 13% 0 1.3% 6.5%;
	text-align: left;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h4.font_nailcare {
	font-family: "M PLUS 1p";
	font-size: 0.78rem;
	font-weight: normal;
	line-height: 1.2rem;
	color:#5c5c5c;
	width: 88%;
	text-align: left;
	padding: 0 0 2% 6.5%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	display: inline-block;
}

.pad_nailimg01 {
	width:88%; 
	padding:0 0 2% 6.3%; 
	margin-top:-0.0rem; 
	margin-bottom:-0.0rem;
}


/*------------ TOP Body Hair Removal ------------*/

#background07 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base07_sp.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

h2.font_indextitle02 {
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
	font-size:1.2rem;
	letter-spacing: 0.05rem;
	top: 0;
	padding: 9% 0 5% 23%;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
}

h3.font_bodycare {
	font-family: "M PLUS 1p";
	font-weight: 800;
	font-size: 0.9rem;
	line-height: 1.4rem;
	text-align: left;
	padding: 0 0 2% 23%;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
}


h4.font_bodycare {
	font-family: "M PLUS 1p";
	font-size: 0.78rem;
	font-weight: normal;
	line-height: 1.2rem;
	color:#5c5c5c;
	width: 72%;
	text-align: left;
	padding: 0 0 2% 23.6%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	display: inline-block;
}

.pad_nailimg02 {
	width:73%; 
	padding:0 0 2% 23%; 
	margin-top:-0.0rem; 
	margin-bottom:-0.0rem;
}



/*------------ TOP Gallery ------------*/

#background03 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base03_sp.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

ul#top_gallery {
	width: 96%;
	padding: 2% 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}
ul#top_gallery li.area01 {
	width: 100%;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}
ul#top_gallery li.area02 {
	width: 100%;
	padding: 0 0 0 0;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

ul#top_gallery li.area02 ul#pic_gallery {
	width: 96%;
	padding: 0 0 0 0;
	margin-left: 6%;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
}
ul#top_gallery li.area02 ul#pic_gallery li {
	float:left;
	width: 50%;
	text-align: left;
	padding: 0 0 3% 0;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
}

ul#top_gallery li.area02 ul#pic_gallery li img {
	width: 84%;
	border: 6px #ffffff solid;
}



/*------------ TOP SHOP Info ------------*/

#background04 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base04_sp.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


#box_overview {
	width: 80%;
	padding: 3% 3% 3% 3%;
	margin-top: -0.0em;
	margin-bottom: 3%;
	margin-left: 6.4%;
	background-color: rgba(255,255,255,0.6);
}

#table_overview {
	width: 100%;
}


#table_overview .td01 {
	width: 22%;
	font-family: "M PLUS 1p";
	font-size: 0.66rem;
	font-weight: normal;
	line-height: 1.2rem;
	text-align:center;
	padding: 2% 0 2% 0;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
}
#table_overview .td02 {
	width: 76%;
	font-family: "M PLUS 1p";
	font-size: 0.82rem;
	font-weight: normal;
	line-height: 1.1rem;
	text-align:left;
	padding: 2% 0 2% 4%;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
}
#table_overview td.td02 span {
	font-size: 0.8rem;
}

#table_overview .td02 a:link {
	color: #323232;
	text-decoration:none;
	outline: none;
}

#table_overview .td02 a:visited {
	color: #323232;
	text-decoration: none;
	outline: none;
}

#table_overview .td02 a:hover {
	color: #fa4d8a;
	text-decoration: none;
	outline: none;
}

#table_overview .td02 a:active {
	color: #fad5d8;
	text-decoration: underline;
	outline: none;
}

/*------------ TOP SCHOOL ------------*/

#background08 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base08_sp.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

h2.font_schooltitle {
	font-family: 'Quicksand', sans-serif;
	font-size:1.2rem;
	letter-spacing: 0.05rem;
	font-weight: normal;
	top: 0;
	padding: 5% 0 2% 6.5%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h4.school {
	width: 80%;
	font-family: "M PLUS 1p";
	font-size: 0.78rem;
	font-weight: normal;
	line-height: 1.2rem;
	text-align: left;
	padding: 0 0 1.3% 6.5%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
	color:#5c5c5c;
}

h3.font_schoolclass {
	font-family: "M PLUS 1p";
	font-size: 0.9rem;
	font-weight: 800;
	text-align: left;
	padding: 3% 0 1% 6.3%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

h3.font_schoolclass:before {
	content:"◆";
	color:#8db3b3;
	font-size: 0.85em;
	padding-right: 0.5%;
}


h4.font_schoolclass {
	width: 85%;
	font-family: "M PLUS 1p";
	font-size: 0.78rem;
	font-weight: normal;
	line-height: 1.2rem;
	text-align: left;
	padding: 0 0 1.3% 9%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

.pad_topbu02 {
	display: inline-block;
	position: relative;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
	color: #323232;
	background-color: #a0d8c9;
	font-size: 0.85rem;
	padding: 0.6% 5% 0.6% 5%;
	margin-top: -0.0em;
	clear: both;
	margin-bottom: 1%;
	margin-left: 6.6%;
	transition-duration: 0.5s;
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
	white-space: nowrap;
}
.pad_topbu02 a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999999px;
	z-index: 10000;
}
.pad_topbu02:after {
	content:'▶︎';
	font-size: 0.7rem;
	padding-left:0.6%;
}
.pad_topbu02:hover {
	background-color: #cc0000;
	color: #ffffff;
}

.pad_topbu02 a:link {
	color: #323232;
	text-decoration:none;
	outline: none;
}

.pad_topbu02 a:visited {
	color: #323232;
	text-decoration: none;
	outline: none;
}

.pad_topbu02 a:active {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}





/*------------ TOP TOPICS ------------*/

#background09 {
	margin: 0 auto;
	width: 100%;
	padding: 0 0 0 0;
	text-align: left;
}

h2.font_topicstitle {
	font-family: 'Quicksand', sans-serif;
	font-size:1.2rem;
	letter-spacing: 0.05rem;
	font-weight: normal;
	top: 0;
	padding: 5% 0 3% 6.3%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}


ul#topics {
	width: 76%;
	padding: 0 0 0 11%;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}

ul#topics li {
	margin:0 10% 10% 0;
	margin-top: -0.0em;
	margin-bottom: 5%;
	width: 100%;
	position: relative;
	border: 1px #d39a73 solid;
	background-color: #ffffff;
}






ul#topics li #pad_img {
	width:94%;
	margin: 3% 3%;
	position: relative;
	z-index: 5;
	box-sizing: border-box;
	border: 1px #d39a73 solid; 
}


ul#topics li a {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	z-index: 10000;
} 





.font_topicsdate {
	font-family: "M PLUS 1p";
	font-size: 0.6rem;
	font-weight: normal;
	text-align: left;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
	position: relative;
	padding: 0 0 0 3.3%;
	z-index: 5;
}

h4.font_topics {
	width: 92%;
	font-family: "M PLUS 1p";
	text-align: left;
	font-size: 0.78rem;
	font-weight: normal;
	line-height: 1.2rem;
	position: relative;
	padding: 0 0 2% 3.3%;
	z-index: 5;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}






/*------------ TOP Footer ------------*/

#background05 {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(../images/base05_sp.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.pad_map {
	padding: 0 0 0 0;
	width: 100%;
	margin-top: -0.0rem;
	margin-bottom: -0.0rem;
}



}