@charset "utf-8";

/* CSS Document */

/*------------------------

背景

------------------------*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	background-color: #fff;
	background-image: url(../img/back.png);
	background-size: 1796px;
	-webkit-animation: scrollBg 100s linear infinite;
	-ms-animation: scrollBg 100s linear infinite;
	animation: scrollBg 100s linear infinite;
}
@-webkit-keyframes scrollBg {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 0 -1270px;
}
}
@keyframes scrollBg {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 0 -1270px;
}
}

.wrap {
	width: 980px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}

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

.wrap {
	width: 94%;
	max-width: 980px;
}
}

.contents {
	background-color: #fff;
	border-top: 12px solid #EBEBEB;
	padding-top: 1em;
	padding-bottom: 1.65em;
}

.floor .contents {
	background-color: transparent;
	border-top: none;
}

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

.contents-left,
.contents-right {
	width: 100% !important;
	float: none !important;
	margin-left: 0 !important;
	margin-bottom: 1.65em !important;
	padding: 0 !important;
}
}

/*------------------------

ヘッダー

------------------------*/

.header-back {
	background-image: url(../img/header-back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

header {
	padding-top: 1.35em;
}

header .navbar {
	margin-bottom: 0;
}

header .navbar.navbar-left ul {
	margin-top: 1em;
}

header .navbar.navbar-right ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

header .navbar.navbar-right li {
	font-size: 1.2rem;
	line-height: 1.35;
}

header .navbar-right li a {
	padding-left: .5em;
	display: block;
	color: #676767;
}

header .navbar-right li a:before {
	width: 1.5em;
	margin-left: -1em;
	padding: 0;
	display: block;
	float: left;
	content: '\f054';
	color: #676767;
	font-family: 'FontAwesome';
	font-size: 1.1rem;
	line-height: 1.65;
	text-align: center;
}

header .navbar.navbar-right li a:hover {
	color: #0abaa4;
	text-decoration: none;
}

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

header {
	padding-top: 1em;
}

header .navbar {
	margin-bottom: .5em;
}

.header-back {
	margin-bottom: 1em;
	border-bottom: 5px solid #ededed;
}

header .navbar.navbar-right {
	display: none;
}
}

/*------------------------

ナビゲーション

------------------------*/

.navbar.main-menu {
	margin-bottom: .5em;
}

.main-menu li {
	margin-bottom: 0;
	vertical-align: middle;
}

.main-menu li:hover {
	-webkit-animation: shake .2s linear infinite;
	animation: shake .2s linear infinite;
}

.main-menu ul li span {
	display: none;
}
 @keyframes shake {
 0% {
 transform: translate(3px, 2px) rotate(0deg);
}
 10% {
 transform: translate(-2px, -3px) rotate(-1deg);
}
 20% {
 transform: translate(-4px, 0px) rotate(1deg);
}
 30% {
 transform: translate(0px, 3px) rotate(0deg);
}
 40% {
 transform: translate(2px, -2px) rotate(1deg);
}
 50% {
 transform: translate(-2px, 3px) rotate(-1deg);
}
 60% {
 transform: translate(-4px, 2px) rotate(0deg);
}
 70% {
 transform: translate(3px, 2px) rotate(-1deg);
}
 80% {
 transform: translate(-2px, -2px) rotate(1deg);
}
 90% {
 transform: translate(2px, 4px) rotate(0deg);
}
 100% {
 transform: translate(2px, -3px) rotate(-1deg);
}
}

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

.nav-fullwidth ul,
.nav-fullwidth li {
	width: 100%;
}

.main-menu li {
	width: 100%;
	display: block;
	text-align: center;
}

.main-menu ul li a {
	padding: .825em 1em;
}

.main-menu ul li a:hover {
	text-decoration: none;
}

.main-menu.navbar span {
	color: #FFF;
	font-weight: bold;
}

.main-menu ul li img {
	display: none;
}

.main-menu ul li span {
	display: block;
}

.main-menu ul li.nav01 a,
.main-menu ul li.nav05 a {
	background-color: #f6c500;
}

.main-menu ul li.nav02 a,
.main-menu ul li.nav06 a {
	background-color: #7a63c3;
}

.main-menu ul li.nav03 a {
	background-color: #0abaa4;
}

.main-menu ul li.nav04 a {
	background-color: #ed6785;
}
}

/*------------------------

サイド

------------------------*/

.side-ban {
	margin: 0 0 1.65em 0;
}

.side-ban li {
	list-style: none;
	margin-bottom: 1em;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
	width: 100%!important;
}

/*------------------------

ページトップへ戻る

------------------------*/

#page-top {
	position: fixed;
	z-index: 9;
	right: 20px;
	bottom: 21px;
}

#page-top a {
	width: 40px;
	height: 40px;
	padding: 9px 0 0;
	display: block;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #000;
	cursor: pointer;
	color: #fff;
	font-size: 116%;
	text-align: center;
}

#page-top a:hover {
	background: #ed6785;
	text-decoration: none;
}

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

#page-top {
	right: 10px;
	bottom: 10px;
}
}

/*------------------------

フッター

------------------------*/

footer {
	padding-top: 1.65em;
	border-top: 7px solid #f0f0f0;
	background-color: #fff;
}

.footer-ban {
	margin-bottom: 0;
}

.footer-ban li {
	display: table;
	float: left;
	border: 1px solid #dedede;
	background-color: #fff;
}

.footer-ban li p {
	height: 75px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	layout-grid-line: 75px;
}

.footer-ban li a {
	display: block;
}

.footer-top {
	padding-top: 1.65em;
	padding-bottom: 1.65em;
	background-color: #F0F0F0;
}

.footer-top .navbar {
	margin-bottom: 0;
}

.footer-top .navbar a {
	color: #555;
	font-size: 1.3rem;
}

.footer-top .navbar a:hover {
	color: #ed6785;
	text-decoration: none;
}

.footer-top .navbar li + li a:before {
	padding-right: 1.65em;
	float: left;
	content: url('../img/sepalate.png');
}

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

.footer-top .navbar li {
	border-bottom: 1px dotted #000;
	margin-bottom: 1em;
}

.footer-top .navbar li + li a:before {
	margin-right: 1em;
	padding-right: 0;
	position: relative;
	top: 8px;
	float: none;
	content: url('../img/sepalate.png');
}

.footer-top .navbar li a:before {
	margin-right: 1em;
	padding-right: 0;
	position: relative;
	top: 8px;
	float: none;
	content: url('../img/sepalate.png');
}
}

.footer-middle {
	padding-top: 1.65em;
	background-color: #E0E0E0;
}

.footer-middle .navbar-right {
	margin-top: .5em;
}

.footer-middle .navbar-right li a {
	color: #555;
	font-size: 1.3rem;
}

.footer-middle .navbar-right li a:hover {
	color: #ed6785;
	text-decoration: none;
}

.footer-middle .navbar-right li a:before {
	padding-right: .5em;
	content: '\f054';
	font-family: FontAwesome;
	font-size: 1.2rem;
}

.footer-middle .navbar-right li a:hover {
	text-decoration: none;
}

.copyright {
	padding: 1em 0;
	background-color: #000;
	color: #999;
	font-size: 1.2rem;
}

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

.copyright div {
	width: 100%;
}

.copyright {
	text-align: center;
}
}

/*------------------------

中面タイトル・パンくず

------------------------*/

.page-title {
	text-align: center;
	padding: 3em 0 1.7em;
	margin-top: -3em;
	z-index: -1;
}

.page-title h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
	font-size: 5.0rem;
	font-weight: normal;
	margin-bottom: 0;
}

.club .page-title h1 span,
.shop-det .page-title h1 span,
.shop .page-title h1 span,
.event .page-title h1 span {
	background: linear-gradient(transparent 60%, #FFDC48 60%);
	padding: 0 .2em;
}

.leaflet .page-title h1 span,
.leaflet-det .page-title h1 span,
.job .page-title h1 span,
.access .page-title h1 span,
.news .page-title h1 span {
	background: linear-gradient(transparent 60%, #B3ABDB 60%);
	padding: 0 .2em;
}

.privacy .page-title h1 span,
.salon .page-title h1 span,
.guide .page-title h1 span,
.coupon .page-title h1 span {
	background: linear-gradient(transparent 60%, #0ABAA5 60%);
	padding: 0 .2em;
}

.sitemap .page-title h1 span,
.info .page-title h1 span,
.floor .page-title h1 span,
.floor-list .page-title h1 span {
	background: linear-gradient(transparent 60%, #F56484 60%);
	padding: 0 .2em;
}

.breadcrumbs {
	margin-bottom: 1em;
}

@media (max-width: 767px) {

.breadcrumbs {
	margin-top: 1em;
}
}

/*------------------------

テーブル

------------------------*/

table td {
	word-break: break-all;
}

@media (max-width: 767px) {

th,
td {
	width: 100%;
	display: block;
}

th {
	width: 100%;
	display: block;
	background-color: #eee;
}

table .width-90,
table .width-80,
table .width-75,
table .width-70,
table .width-66,
table .width-65,
table .width-60,
table .width-50,
table .width-40,
table .width-35,
table .width-33,
table .width-30,
table .width-25,
table .width-20,
table .width-10 {
	width: 100%;
}
}

/*------------------------

ボタン

------------------------*/

.btn-pink {
	background: #FFF;
	display: block;
	padding: .55em 0;
	vertical-align: top;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.65em;
	text-align: center;
	text-decoration: none;
	color: #ec6784;
	-webkit-appearance: none;
	outline: 0;
	margin: 0;
	border: 0;
	border-radius: 2px;
	box-shadow: none;
	cursor: pointer;
	border: 1px solid #ec6784;
	margin-top: -2px;
}

.btn-pink:hover {
	background-color: #ec6784;
	color: #FFF;
	box-shadow: 0 2px 0 #CC1940;
}

.btn-pink.btn-active{
	display: block;
	padding: .55em 0;
	vertical-align: top;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.65em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	-webkit-appearance: none;
	outline: 0;
	border-radius: 2px;
	border: 1px solid #CC1940;
	background-color: #E74366;
	box-shadow: 0 1px 3px #CC1940 inset
}


@media (max-width: 767px) {

.btn,
input[type="submit"].btn {
	padding: 1em 2.5em;
}
}

/*------------------------

フォーム

------------------------*/

.form {
	width: 100%;
	background-color: #fff;
}

.form th,
.form td {
	padding: 1em;
	border: 1px solid #eee;
	text-align: left;
}

.form th {
	width: 190px;
	background-color: #f7f7f7;
}
@media (max-width: 767px) {

.form th,
.form td {
	width: 100%;
}

.form th {
	border-bottom: none;
}
}

label,
select {
	cursor: pointer;
}

input[type='submit'],
input[type='reset'],
input[type='button'] {
	-webkit-appearance: button;
}

/*------------
radio


[type='radio']:checked,
[type='radio']:not(:checked) {
	visibility: hidden;
}

[type='radio']:checked + label,
[type='radio']:not(:checked) + label {
	padding-left: 28px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: #666;
	line-height: 20px;
}

[type='radio']:checked + label:before,
[type='radio']:not(:checked) + label:before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
	content: '';
}

[type='radio']:checked + label:after,
[type='radio']:not(:checked) + label:after {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	background: #f87da9;
	content: '';
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

[type='radio']:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type='radio']:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
------------*/
/*------------
checkbox


[type='checkbox']:checked,
[type='checkbox']:not(:checked) {
	visibility: hidden;
}

[type='checkbox']:checked + label,
[type='checkbox']:not(:checked) + label {
	padding-left: 28px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: #666;
	line-height: 20px;
}

[type='checkbox']:checked + label:before,
[type='checkbox']:not(:checked) + label:before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ddd;
	background: #fff;
	content: '';
}

[type='checkbox']:checked + label:after,
[type='checkbox']:not(:checked) + label:after {
	width: 8px;
	height: 8px;
	position: absolute;
	top: 6px;
	left: 6px;
	background: #00a69c;
	content: '';
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

[type='checkbox']:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type='checkbox']:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
------------*/
/*------------------------

リスト

------------------------*/

.list-center {
	display: inline-block;
	zoom: 1;
 *display: inline;
}

.list-before li {
	padding-left: 1em;
	display: block;
}

.list-before li:before {
	width: 1em;
	margin-left: -1em;
	padding: 0;
	display: block;
	float: left;
	content: '\f054';
	color: #676767;
	font-family: 'FontAwesome';
	text-align: center;
}

.list-before li.second:before {
	width: 1em;
	margin-left: 0;
	padding: .5em 0;
	display: block;
	float: left;
	content: '';
	color: #007f2d;
	font-family: 'FontAwesome';
	text-align: center;
}

.list-after li {
	padding-right: 15px;
	position: relative;
}

.list-after li:after {
	margin-top: -12px;
	position: absolute;
	top: 50%;
	right: 10px;
	content: '';
	color: #007f2d;
	font-family: 'FontAwesome';
}

/*------------------------

画像

------------------------*/

a:hover img {
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
}

img.left {
	margin-right: 1em;
}

img.right {
	margin-left: 1em;
}

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

img.img-100 {
	width: 100%;
}
}

/*------------------------

レイアウト

------------------------*/

.v-bottom {
	position: absolute !important;
	right: 0;
	bottom: 0;
}

.v-center {
	width: 100%;
	display: table;
}

.v-center p,
.v-center > div,
.v-center img {
	padding: 0 .5em;
	display: table-cell;
	vertical-align: middle;
}

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

.v-center img {
	min-width: 150px;
	margin: 0;
	padding: 0 10px;
}
}

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

.v-center p,
 .v-center div {
	width: 100%;
	margin: 0 0 1.6em;
	padding: 0;
	display: block;
	text-align: left;
}

.v-center img {
	margin: 0 0 1.6em;
	padding: 0;
	display: block;
}
}

a img,
img {
	vertical-align: bottom;
}

.img-centered img {
	margin: 0 auto;
	display: block;
}

.btn-centered {
	text-align: center;
}

/*------------------------

アニメーション

------------------------*/


.shake:hover {
	-webkit-animation: shake .2s linear infinite;
	animation: shake .2s linear infinite;
}
@keyframes shake {
 0% {
 transform: translate(3px, 2px) rotate(0deg);
}
 10% {
 transform: translate(-2px, -3px) rotate(-1deg);
}
 20% {
 transform: translate(-4px, 0px) rotate(1deg);
}
 30% {
 transform: translate(0px, 3px) rotate(0deg);
}
 40% {
 transform: translate(2px, -2px) rotate(1deg);
}
 50% {
 transform: translate(-2px, 3px) rotate(-1deg);
}
 60% {
 transform: translate(-4px, 2px) rotate(0deg);
}
 70% {
 transform: translate(3px, 2px) rotate(-1deg);
}
 80% {
 transform: translate(-2px, -2px) rotate(1deg);
}
 90% {
 transform: translate(2px, 4px) rotate(0deg);
}
 100% {
 transform: translate(2px, -3px) rotate(-1deg);
}
}

/*------------------------

余白

------------------------*/

.mt05 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt70 {
	margin-top: 70px;
}

.mt100 {
	margin-top: 100px;
}

.mt_20 {
	margin-top: -20px;
}

.mtb05 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mtb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mb05 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml05 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.mr05 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.pt40 {
	padding-top: 40px;
}

/*------------------------

Typography

------------------------*/

a {
	color: #0abaa4;
	text-decoration: none;
}

a:hover {
	color: #ed6785;
}

.red {
	color: #FF0000;
}

i {
	margin: 0 .5em;
}

.font-pink {
	color: #ED6686;
}

.font-green {
	color: #0ABAA5;
}

.head-lines {
	margin-bottom: 0;
	padding: .3em 0;
	background-color: #000;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
}

.head-lines01 {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
}

.head-lines01 span {
	font-size: 1.3rem;
	font-style: normal;
}

.head-lines01 small {
	margin-top: 1em;
	margin-right: 1em;
	float: right;
	font-size: 1.2rem;
	font-weight: normal;
	font-style: normal;
}

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

.head-lines01 small {
	margin-top: 1.5em;
}
}

.head-lines-yellow {
	padding: .3em .7em;
	background-image: url(../img/head-lines01.png);
	background-repeat: no-repeat;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
	text-shadow: .707px .707px 1px rgba(217, 174, 0, .75);
}

.head-lines-yellow span {
	font-size: 1.3rem;
	font-style: normal;
}

.head-lines-yellow small {
	margin-top: 1em;
	margin-right: 1em;
	float: right;
	color: #fff;
	font-size: 1.2rem;
	font-weight: normal;
	font-style: normal;
}

.head-lines-yellow small a {
	color: #fff;
}

.head-lines-yellow small a:hover {
	text-decoration: underline;
}

.head-lines-purple {
	padding: .3em .7em .6em;
	background-image: url(../img/head-lines-purple.png);
	background-repeat: no-repeat;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
	text-shadow: .707px .707px 1px rgba(74, 52, 162, .75);
}

.head-lines-purple span {
	font-size: 1.3rem;
	font-style: normal;
}

.head-lines-purple small {
	margin-top: 1em;
	margin-right: 1em;
	float: right;
	color: #fff;
	font-size: 1.2rem;
	font-weight: normal;
	font-style: normal;
}

.head-lines-purple small a {
	color: #fff;
}

.head-lines-purple small a:hover {
	text-decoration: underline;
}

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

h1.head-lines-yellow,
h1.head-lines-purple {
	font-size: 2rem;
	padding-top: .5em;
}

.head-lines-yellow small,
.head-lines-purple small {
	margin-top: .5em;
	margin-left: .5em;
	float: none;
}

.head-lines-yellow span,
.head-lines-purple span {
	display: none;
}
}

.head-lines02 {
	font-size: 1.8rem;
	margin: 5px 0 1.65em;
	font-weight: normal;
}

.head-lines02 span {
	position: relative;
	background: #333;
	padding: .2em 3em;
	color: #FFF;
}

.head-lines02 span:after {
	top: 99%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #333;
	border-width: 8px;
	margin-left: -8px;
}

.head-lines02 a {
	position: relative;
	background: #333;
	padding: .2em 3em;
	color: #FFF;
}

.head-lines02 a:after {
	top: 99%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #333;
	border-width: 8px;
	margin-left: -8px;
}

.head-lines02 a:hover {
	background: #EE6787;
}

.head-lines02 a:hover,
.head-lines02 a:hover:after {
	border-top-color: #EE6787;
}

.head-lines02.pink span {
	background: #EC6784;
}

.head-lines02.pink span:after {
	border-top-color: #EC6784;
}

.head-lines02.yellow span {
	background: #F6C500;
}

.head-lines02.yellow span:after {
	border-top-color: #F6C500;
}

.head-lines03 {
	margin-top: .5em;
	margin-bottom: 1em;
	padding-top: 1em;
	background-image: url(../img/border06.png);
	background-repeat: repeat-x;
	background-position: center top;
}

.head-lines04 {
	padding: .5em .7em .3em;
	background-color: #F0F0F0;
	color: #000;
	font-size: 1.3rem;
}

.head-lines05 {
	margin-top: .5em;
	padding-top: 1em;
	background-image: url(../img/border04.png);
	background-repeat: repeat-x;
	background-position: center top;
}

.head-lines06 {
	margin-top: .5em;
	padding-top: 1em;
	background-image: url(../img/border02.png);
	background-repeat: repeat-x;
	background-position: center top;
}

.head-lines07 {
	margin-top: .5em;
	padding-top: 1em;
	background-image: url(../img/border05.png);
	background-repeat: repeat-x;
	background-position: center top;
}

.head-lines08 {
	margin-top: .5em;
	padding-top: 1em;
	background-image: url(../img/border03.png);
	background-repeat: repeat-x;
	background-position: center top;
}

@media (max-width: 767px) {

.head-lines05,
.head-lines06,
.head-lines07,
.head-lines08 {
	font-size: 2.5rem;
}
}

.head-lines09 a {
	position: relative;
	background: #333;
	display: block;
	color: #FFF;
	font-size: 1.2rem;
	padding: .3em;
	text-align: center;
	margin-right: 13%;
}

.head-lines09 a:after {
	top: 99%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #333;
	border-width: 8px;
	margin-left: -8px;
}

.head-lines09.pink a:hover {
	background: #EE6787;
}

.head-lines09.pink a:hover,
.head-lines09.pink a:hover:after {
	border-top-color: #EE6787;
}

.head-lines09.yellow a:hover {
	background: #F6C500;
}

.head-lines09.yellow a:hover,
.head-lines09.yellow a:hover:after {
	border-top-color: #F6C500;
}

.head-lines09.green a:hover {
	background: #0ABAA5;
}

.head-lines09.green a:hover,
.head-lines09.green a:hover:after {
	border-top-color: #0ABAA5;
}

.head-lines09.purple a:hover {
	background: #7964C3;
}

.head-lines09.purple a:hover,
.head-lines09.purple a:hover:after {
	border-top-color: #7964C3;
}

@media (max-width: 767px) {

.head-lines09 a {
	padding: 1em 0;
	margin-right: 0;
}
}

/*------------------------

フォントサイズ

------------------------*/

html {
	font-size: 62.5%;   /*10px reset*/
}

body {
	color: #676767;
	font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Lucida Grande', 'Lucida Sans Unicode', 'ＭＳ Ｐゴシック', Arial, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.3rem;  /*13px* base*/
	line-height: 18px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

body {
	font-size: 13px;    /*13px* base　chromeのみページ変遷時にhtml設定を読み込まないバグのためのハック*/
}
}

.font06 {
	font-size: .6rem;
}

.font07 {
	font-size: .7rem;
}

.font08 {
	font-size: .8rem;
}

.font09 {
	font-size: .9rem;
}

.font10 {
	font-size: 1.0rem;
}

.font11 {
	font-size: 1.1rem;
}

.font12 {
	font-size: 1.2rem;
}

.font13 {
	font-size: 1.3rem;
}

.font14 {
	font-size: 1.4rem;
}

.font15 {
	font-size: 1.5rem;
}

.font16 {
	font-size: 1.6rem;
}

.font17 {
	font-size: 1.7rem;
}

.font18 {
	font-size: 1.8rem;
}

.font19 {
	font-size: 1.9rem;
}

.font20 {
	font-size: 2.0rem;
}

.font21 {
	font-size: 2.1rem;
}

.font22 {
	font-size: 2.2rem;
}

.font23 {
	font-size: 2.3rem;
}

.font24 {
	font-size: 2.4rem;
}

.font25 {
	font-size: 2.5rem;
}

.font26 {
	font-size: 2.6rem;
}

.font27 {
	font-size: 2.7rem;
}

.font28 {
	font-size: 2.8rem;
}

.font29 {
	font-size: 2.9rem;
}

.font30 {
	font-size: 3.0rem;
}

.font31 {
	font-size: 3.1rem;
}

.font32 {
	font-size: 3.2rem;
}

/*------------------------

表示・非表示

------------------------*/

br.sp_only {
	display: none;
}

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

br {
	display: none;
}

br.both {
	display: block;
}

br.sp_only {
	display: block;
}
}

.hidden {
	display: none;
	visibility: hidden;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inline-block !important;
}

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

.hidden-desktop {
	display: inherit !important;
}

.visible-desktop {
	display: none !important;
}

.visible-tablet {
	display: inherit !important;
}

.hidden-tablet {
	display: none !important;
}
}

@media (max-width: 767px) {

.hidden-desktop {
	display: inherit !important;
}

.visible-desktop {
	display: none !important;
}

.visible-phone {
	display: inherit !important;
}

.hidden-phone {
	display: none !important;
}
}

/*------------------------

clearfix

------------------------*/

.clearfix:before,
.clearfix:after {
	height: 0;
	display: block;
	overflow: hidden;
	content: '.';
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
} /* IE < 8 */