@charset "utf-8";

/* CSS Document */

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

背景

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

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

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

body {
	background-color: #fff;
}

.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;
}
}

.content-left {
	width: 686px;
}

.content-right {
	width: 265px;
	padding-left: 15px;
}

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

.content-right {
	padding-left: 0;
}
}

article {
	padding: 0;
}

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

ヘッダー

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

header {
	border-top: 7px solid #009fdb;
	background-image: url(../img/pat01.png);
	background-repeat: repeat;
	background-position: center top;
	padding-top: 1em;
}

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

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

header .navbar.navbar-right li {
	border-left: 2px dotted #d5d5d5;
	margin-right: 1.65em;
	margin-left: 0;
	margin-bottom: 0;
	vertical-align: middle;
}

header .navbar.navbar-right li a {
	padding: .5em 0 .5em 1.65em;
	display: block;
}

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

header .link-list {
	margin-top: .5em;
}

header .link-list li {
	margin-right: 0;
	margin-left: 1em;
}

header .link-list li a {
	padding-left: .5em;
	display: block;
	font-size: 1.4rem;
	color: #009fdb;
}

header .link-list li a:before {
	width: 1.5em;
	margin-left: -1em;
	padding: 0;
	display: block;
	float: left;
	content: "\f0da";
	color: #009fdb;
	font-family: 'FontAwesome';
	font-size: 1.1rem;
	text-align: center;
}

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

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

header {
	padding-top: .5em;
	margin-bottom: 1em;
}

header .units-row .unit-60 {
	width: 100%;
	margin-bottom: 0;
}

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

.navbar.navbar-left li.logo,
header .logo,
header .logo img {
	margin: 0 auto;
	display: block;
	text-align: center;
	float: none;
}

header .navbar,
header .navbar.navbar-left li,
header .navbar.navbar-right li {
	width: 100%;
	text-align: center;
	border-left: none;
}

header .navbar.navbar-right li {
	border-bottom: 2px dotted #d5d5d5;
	border-left: none;
	margin-right: 0;
}

header .navbar.navbar-right li:last-child {
	border-bottom: 0;
}

header .navbar.navbar-right ul li a {
	padding: .825em .5em;
	display: block;
	font-size: 1.2rem;
}

header .navbar.navbar-right ul li img {
	display: none;
}

header .navbar.navbar-right ul li span {
	color: #009fdb;
	font-weight: bold;
	display: block;
}

header .unit-40 {
	display: none;
}
}

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

header .navbar.navbar-left li,
header .navbar.navbar-right li {
	width: 50%;
	text-align: center;
	float: left;
	border-left: 1px solid #d5d5d5;
}

header .navbar.navbar-left li.logo {
	border: 0;
}

header .navbar.navbar-right li:nth-last-child(2) {
	border-bottom: 0;
}
}

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

サイド

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

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

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

.side-ban li a img {
	margin: 0 auto;
	display: block;
	text-align: center;
}

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

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

body右固定のボタン

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

.nav-btn {
	position: fixed;
	z-index: 9;
	right: -3px;
	top: 170px;
	width: 68px;
}

.nav-btn .floor,
.nav-btn .access {
	float: left;
}

.nav-btn .floor {
	margin-bottom: 1em;
}

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

.nav-btn {
	display: none;
}
}

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

ページトップへ戻る

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

#page-top {
	position: fixed;
	z-index: 1200;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
}

#page-top a {
	width: 65px;
	height: 65px;
	padding: 16px 0 0;
	display: block;
	-webkit-border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;
	background: #fff;
	border-top: 2px solid #009fdb;
	border-left: 2px solid #009fdb;
	cursor: pointer;
	color: #009fdb;
	font-size: 116%;
	text-align: center;
}

@media only screen and (min-width: 1280px) {

#page-top a:hover {
	background: #009fdb;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff;
}

#page-top a:hover i {
	color: #fff;
}
}

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

#page-top {
	display: none !important;
}
}

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

フッター

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

footer {
	padding-top: 1.65em;
	background-image: url(../img/pat01.png);
	background-repeat: repeat;
	background-position: center top;
}

.footer-ban {
	margin-bottom: 0;
	padding-bottom: 50px;
	background-size: 1278px 101px;
	-webkit-animation: scrollBg 100s linear infinite;
	-ms-animation: scrollBg 100s linear infinite;
	animation: scrollBg 100s linear infinite;
	background-image: url(../img/footer-back.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}
@-webkit-keyframes scrollBg {
 0% {
 background-position: 0 bottom;
}
 100% {
 background-position: 1278px bottom;
}
}
@keyframes scrollBg {
 0% {
 background-position: 0 bottom;
}
 100% {
 background-position: 1278px bottom;
}
}

.footer-ban li {
	height: 70px;
	float: left;
	border: 1px solid #C2E0EB;
	border-radius: 3px;
	background-color: #fff;
}

/*フッターバナー配置*/
.footer-ban ul > li+li+li+li{
	margin-right: 0;
}
@media only screen and (max-width: 768px) {
.footer-ban ul > li+li+li{
	margin-right: 0;
}
}
/*フッターバナー配置*/

.footer-ban li p {
	text-align: center;
	vertical-align: middle;
}

.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;
}

@media only screen and (min-width: 1280px) {

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

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

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

.footer-ban li {
	height: auto;
}

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

footer .navbar.navbar-left li,
footer .navbar.navbar-left li img {
	margin: 0 auto;
	display: block;
	text-align: center;
	float: none;
}

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

.footer-top .navbar li + li a:before {
	margin-left: 0;
	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 .navbar-right li {
	margin-bottom: -1em;
}
}

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

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

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

@media only screen and (min-width: 1280px) {

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

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

@media only screen and (min-width: 1280px) {

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

.copyright {
	padding: 1em 0;
	background-color: #009fdb;
	color: #fff;
	font-size: 1.2rem;
}

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

.footer-middle .navbar-right li a {
	padding: 1em 0;
}

.copyright div {
	width: 100%;
}

.copyright {
	text-align: center;
}
}

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

中面タイトル・パンくず

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

.title-wrap {
	border-width: 1px;
	border-color: rgb(158, 205, 223);
	border-style: solid;
	border-radius: 3px;
	background-color: rgb(195, 225, 237);
	padding: 1em 1.65em 1.1em;
	text-align: center;
}

.title-wrap h1 {
	margin-bottom: 0;
	
	font-weight: 300;
	font-size: 2.3rem;
	letter-spacing: .1em;
	text-align: left;
}

.breadcrumbs {
	margin-bottom: 1em;
}

@media (max-width: 767px) {

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

h1.main,
h1.main01,
h1.main02,
h1.main03,
h1.amuze,
h1.amuze01,
h1.amuze02,
h1.north,
h1.north01,
h1.north02,
h1.north03,
h1.east,
h1.east01,
h1.east02,
h1.east03 {
	
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	color: #fff;
	padding: .6em 1em;
	letter-spacing: .1em;
	margin-bottom: 1.65em;
}

h1.main,
h1.main01,
h1.main02,
h1.main03 {
	background-image: url(../img/h1-main.png);
}

h1.amuze,
h1.amuze01,
h1.amuze02 {
	background-image: url(../img/h1-amuze.png);
}

h1.north,
h1.north01,
h1.north02,
h1.north03 {
	background-image: url(../img/h1-north.png);
}

h1.east,
h1.east01,
h1.east02,
h1.east03 {
	background-image: url(../img/h1-east.png);
}

.category {
	padding: 0;
	color: #626262;
	font-size: 1.1rem;
}

.category i {
	color: #626262;
	margin: 0 .2em 0 0;
}

.shop-list h1,
.shop-det h1 {
	
	font-weight: 200;
	padding: 10px 10px 15px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

h1.num_purple {
	color: #B189C1;
	border-left: 60px solid #D6C2DF;
	background-color: #F3EDF5;
}

h1.num_blue {
	color: #689FCA;
	border-left: 60px solid #B6D0E5;
	background-color: #E9F1F7;
}

h1.num_green {
	border-left: 60px solid #7FC97F;
	color: #7FC97F;
	background-color: #F0F8F0;
}

h1.num_yellow {
	border-left: 60px solid #FECC45;
	color: #FECC45;
	background-color: #FEF9E9;
}

h1.num_orange {
	border-left: 60px solid #FD993E;
	color: #FD993E;
	background-color: #FEEFE2;
}

h1.num_pink {
	border-left: 60px solid #FA9AA3;
	color: #FA9AA3;
	background-color: #FEEAEC;
}

.link-list a {
	display: block;
	text-align: center;
}

.sitemap ul {
	margin: 0 0 1.65em;
}

.sitemap ul li {
	position: relative;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.sitemap ul li ul {
	margin-left: 1.65em;
}

.sitemap ul li li {
	margin: 5px 0 0;
	padding: 0;
}

.sitemap ul li ul li:before {
	line-height: 1;
	position: absolute;
	top: .25em;
	left: 0;
	content: '-';
	color: #78bd36;
}

.sitemap ul li ul li:first-child {
	margin-top: 0;
}

.sitemap a {
	display: block;
}

.sitemap li a {
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.5;
	margin: 30px auto;
	padding: 0 0 14px 15px;
	border-bottom: 1px solid #d5d5d5;
}

.sitemap li li a {
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1.5;
	margin: .5em auto;
	padding: 0 0 14px 30px;
	border-bottom: 0;
}

.parking .label {
	display: block;
	font-size: 2.0rem;
	padding: .5em;
	line-height: 1.3;
	text-align: center;
}

.parking th,
.parking td {
	vertical-align: middle;
}

.parking td {
	color: #de2c3b;
	font-weight: bold;
	font-size: 1.6rem;
}

.service i {
	color: rgba(0, 0, 0, 0.4);
}

.leaflet h1.head-lines05 {
	text-align: center;
	margin-bottom: 3em;
}

.leaflet .btn-blue {
	background-color: #005BAC;
}

.leaflet-list .head-lines06 {
	margin-bottom: 1em;
}

.access .head-lines06 {
	margin-bottom: .5em;
}

@media (max-width: 767px) {

.leaflet-list p br {
	display: block;
}
}

ul.privacy-list{
	list-style:none;
	margin-left:0;
	margin-top:-1.2em;
	}
	
ul.privacy-list > li{
	padding-left:2.6em;
	text-indent:-2.6em;
	}
	
/*------------------------

テーブル

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

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%;
}
}

.job th,
.job td {
	border: 1px solid #fff;
}

.job th {
	width: 150px;
	background-color: #E7F8FF;
}

.job td {
	background-color: #F7F7F7;
}

.job td.name {
	width: 500px;
}

@media only screen and (max-width: 767px) {
.job th,
.job td.name {
	width: 100%;
}
}
/*------------------------

ボタン

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

@media (max-width: 767px) {

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

.btn-blue.btn-outline,
input[type="submit"].btn-blue.btn-outline {
	border-color: #008FC4;
	color: #008FC4;
}

.btn-blue.btn-outline:hover,
input[type="submit"].btn-blue.btn-outline:hover {
	background-color: #008FC4;
}

.btn-green.btn-outline,
input[type="submit"].btn-green.btn-outline {
	border-color: #1B8365;
	color: #1B8365;
}

.btn-green.btn-outline:hover,
input[type="submit"].btn-green.btn-outline:hover {
	background: #1B8365;
}

.bg-light-pink {
  background-color: #f8d3db !important;
}

.bold-txt {
	font-weight: bold;
}

.btn-red.btn-outline,
input[type="submit"].btn-red.btn-outline {
	border-color: #E53550;
	color: #E53550;
}

.btn-red.btn-outline:hover,
input[type="submit"].btn-red.btn-outline:hover {
	background: #E53550 !important;
}

.btn-yellow.btn-outline,
input[type="submit"].btn-yellow.btn-outline {
	border-color: #FB9728;
	color: #FB9728;
}

.btn-yellow.btn-outline:hover,
input[type="submit"].btn-yellow.btn-outline:hover {
	background: #FB9728;
}

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

フォーム

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

.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;
}

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

リスト

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

.list-center {
	display: inline-block;
}

.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';
}

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

画像

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


@media only screen and (min-width: 1280px) {

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;
}

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

余白

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

.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;
}

.mb0 {
	margin-bottom: 0;
}

.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;
}

@media (max-width: 767px) {

}

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

アイコン

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

object {
	display: inline;
}

.head-lines01 object {
	margin-top: -5px;
	vertical-align: middle;
	margin-right: .5em;
}

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

Typography

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


@media only screen and (min-width: 1280px) {

a {
	color: #009fdb;
	text-decoration: none;
}
}

a:hover {
	color: #ee86b4;
}

.red {
	color: #FF0000;
}

i {
	color: #009fdb;
	margin: 0 .5em;
}

mark {
	background-color: #f5ec00;
	font-weight: bold;
}

.head-lines01 {
	background-image: url(../img/headlines01.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	color: rgb(255, 255, 255);
	padding: .7em 1em;
}

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

.head-lines01 span a,
.head-lines01 span i {
	color: #fff;
}

@media only screen and (min-width: 1280px) {

.head-lines01 span a:hover {
	text-decoration: underline;
}
}

.head-lines02 {
	padding-top: .9em;
	padding-bottom: .7em;
	border-bottom: 1px dotted #C7C7C7;
	background-image: url(../img/event-box.png);
	background-repeat: repeat-x;
	background-position: left top;
	color: #009fdb;
}

.head-lines03 {
	padding-top: .6em;
	padding-bottom: .7em;
	border-bottom: 1px dotted #C7C7C7;
	border-top: 7px solid #009fdb;
	color: #009fdb;
}

.head-lines04 {
	height: 42px;
	background-color: #C2E4A2;
	font-size: 16px;
	color: rgb(255, 255, 255);
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.head-lines04 span {
	width: 200px;
	height: 42px;
	background-color: #78BD36;
	font-size: 16px;
	color: rgb(255, 255, 255);
	padding: .8em;
	display: inline-block;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.head-lines04 i {
	color: #fff
}

.head-lines05 {
	font-size: 1.7rem;
	padding-bottom: .5em;
	color: #009fdb;
	border-bottom: 2px solid #009fdb;
}

.head-lines06 {
	font-size: 1.7rem;
	padding: .5em;
	color: #fff;
	margin-bottom: 1.65em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	background-color: #009fdb;
}

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

フォントサイズ

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

html {
	font-size: 62.5%;
}

body {
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 1.4rem;
	line-height: 1.8;
}

.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;
}

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

cookie

------------------------*/
.cookie-accept-bar {
    display: none;
}
.cookie_wrap > p {
  
}
.cookie_wrap > p {
  font-size: 13px;
  text-align: left;
  margin-bottom: 1rem;
}
/*! 通知バーのアニメーション用 */
@-webkit-keyframes ga-cookie-accept-bar-slide-in {
  from {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes ga-cookie-accept-bar-slide-in {
  from {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes ga-cookie-accept-bar-slide-out {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
}
@keyframes ga-cookie-accept-bar-slide-out {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
}

/*! 通知バーのスタイル */
.cookie-style-accept-bar {
  -webkit-animation-duration: .6s;
          animation-duration: .6s;
  -webkit-animation-name: ga-cookie-accept-bar-slide-in;
          animation-name: ga-cookie-accept-bar-slide-in;
  background-color: #0d3e76;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 5px 20px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}
.cookie-style-accept-bar.state-remove {
  -webkit-animation-duration: .6s;
          animation-duration: .6s;
  -webkit-animation-name: ga-cookie-accept-bar-slide-out;
          animation-name: ga-cookie-accept-bar-slide-out;
}
.cookie-style-accept-bar p {
  margin: 1em 0;
}
.cookie-style-accept-bar a {
  color: inherit;
  text-decoration: underline;
}
.cookie-style-accept-bar p button:first-child {
  margin-right: 1em;
}
/*! ボタン */
.cookie-style-accept-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
 border: 2px solid #d32f2f;
  display: inline-block;
  background-color: #d32f2f;
  color: #fff;
  font-family: inherit;
  min-height: auto;
  font-size: 13px;
  padding: .5em 1em;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}
.cookie-style-accept-btn:hover{
	background-color: #fff;
    color: #333;
	cursor: pointer;
}
.cookie-style-deny-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-family: inherit;
  min-height: auto;
  font-size: 13px;
  padding: .5em 1em;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}
.cookie-style-deny-btn:hover{
	background-color: #fff;
    color: #333;
	cursor: pointer;
}