@charset "utf-8";
/* CSS Document */
/*========================================================================= common =========================================================================
==================================================================================================================================================*/
html {	overflow:auto;
overflow-y: scroll;
overflow-x: hidden;}
*:focus {
outline: none;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*-------------- flex --------------*/
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
 justify-content: space-around;
}
/*-------------- fade-in --------------*/
.fade-in {
	transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	-webkit-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
}
.fade-up {
	transition: opacity 0.7s;
	-moz-transition: opacity 0.7s;
	-webkit-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;
	transition: transform 0.7s;
	-moz-transition: transform 0.7s;
	-webkit-transition: transform 0.7s;
	-o-transition: transform 0.7s;
}
/*-------------- font --------------*/
.font_b {	font-weight:bold; }
.font_sans { font-family: 'Noto Sans', sans-serif; }
.font_serif { font-family: 'Noto Serif', serif; }
.f12 { font-size: 12px; font-size:1.2rem; }
.f15 { font-size: 15px; font-size:1.5rem; }
.f16 { font-size: 16px; font-size:1.6rem; }
.f18 { font-size: 18px; font-size:1.8rem; }
.f20 { font-size: 20px; font-size:2.0rem; }
.fc_blue { color: #007fcc;}
.notice, .fc_red{ color: #B80003; }
/*-------------- float --------------*/
.fl {	float: left;}
.fr {	float: right;}
.over {	overflow:hidden;}
.center {	text-align:center; }
.center-a {	text-align:center; }
.center_m { margin: 0 auto; }
/*-------------- space --------------*/
.p15 { padding: 15px; }
.ptb15 { padding-top: 15px; padding-bottom: 15px; }
.ptb30 { padding-top: 30px; padding-bottom: 30; }
.pt15 { padding-top: 15px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb50 { padding-bottom: 50px; }
.pr60 {padding-right: 60px;}
.mtb15 { margin-top: 15px; margin-bottom: 15px;}
.pr5 { padding-right: 5px;}
.pl5 { padding-left: 5px;}
/*-------------- border --------------*/
.border-a {
 border: 1px dashed #412b05;
 padding: 15px;
 max-width: 500px;
 width:95%;
}
/*-------------- table --------------*/
.table01 {
	width:90%;
	margin:0 auto;
	position:relative;
	z-index:15;
 border:1px solid #cfcfcf;
}
.table01 th,
.table01 td {
	padding:5px 10px;
	border-collapse: collapse;
 background:#ffffff;
}
.table01 th {
	background:#ffffff;
	width:30%;
 border-bottom:1px solid #cfcfcf;
 border-right: 1px solid #cfcfcf;
}
.table01 td {
	width:70%;
 border-bottom:1px solid #cfcfcf;
}
.table02 {
	width:90%;
	margin:0 auto;
	position:relative;
	z-index:15;
 border:1px solid #cfcfcf;
}
.table02 th,
.table02 td {
	padding:8px 10px;
	border-collapse: collapse;
 background:#ffffff;
}
.table02 th {
	background:#f7fdff;
	width:30%;
 border-bottom:1px solid #cfcfcf;
 border-right: 1px solid #cfcfcf;
}
.table02 td {
	width:70%;
 border-bottom:1px solid #cfcfcf;
}
/*-------------- btn --------------*/
.btn {
 max-width: 300px;
 width: 95%;
 text-align: center;
 margin: 20px auto 0px;
}
.btn_l {
 max-width: 380px;
 width: 95%;
 height: 54px;
 text-align: center;
 margin: 20px auto 30px;
}
.btn a.button,
.btn_l a.button {
 position: relative;
 display: inline-block;
 padding: .9em 0;
 width: 100%;
 height: 100%;
 border: solid 1px #007fcc;
 font-size: 15px;
 font-size: 1.5rem;
 text-align: center;
 text-decoration: none;
 outline: none;
 transition: all .3s;
 background: #ffffff;
 margin: 0 auto 30px;
 color: #007fcc;
}
.btn a.button::before,
.btn a.button::after,
.btn_l a.button::before,
.btn_l a.button::after{
 position: absolute;
 top: -2px;
 right: -2px;
 bottom: -2px;
 left: -2px;
 z-index: 2;
 content: '';
 transition: all .3s;
}
.btn a.button::before,
.btn_l a.button::before {
 border-top: 2px solid #007fcc;
 border-bottom: 2px solid #007fcc;
 transform: scale(0, 1);
}
.btn a.button::after,
.btn_l a.button::after {
 border-right: 2px solid #007fcc;
 border-left: 2px solid #007fcc;
 transform: scale(1, 0);
}
.btn a.button:hover,
.btn_l a.button:hover {
 color: #007fcc;
}
.btn a.button:hover::after,
.btn a.button:hover::before,
.btn_l a.button:hover::after,
.btn_l a.button:hover::before{
 transform: scale(1);
}
.btn a.button span,
.btn_l a.button span {
 padding: 0 0 0 10px;
 position: absolute;
 top: 25px;
 transition: all 1s;
}
.btn a.button:hover span,
.btn_l a.button:hover span{
 transform: translate(5px,0px);
}
/*-------------- display --------------*/
.block {
 display: block;
}
/*-------------- pageTop  --------------*/
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
 position:fixed;
	right:45px;
	bottom:0px;
	z-index:500;
	display: flex;
	height: 50px;
	margin: 2em auto;
	justify-content: center;
	align-items: center;
	text-align: center;
 cursor: pointer;
}
.cp_arrows .cp_arrow {
	position: relative;
	display: inline-block;
	padding-top: 1.8em;
	-webkit-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	-webkit-animation: arrow-move06 2s 1s ease-in-out infinite;
	        animation: arrow-move06 2s 1s ease-in-out infinite;
	text-decoration: none;
	color: #26c6da;
	border-color: #26c6da;
}
.cp_arrows .cp_arrow:before {
	font-size: 2em;
	line-height: 1.9em;
	position: absolute;
	top: 0;
	left: 50%;
	width: 2em;
	height: 2em;
	margin-left: -0.7em;
	content: '▲';
	-webkit-transition: transform 0.5s ease-in;
	        transition: transform 0.5s ease-in;
	text-align: center;
	border: 0.13em solid #ffffff;
	border-color: inherit;
	border-radius: 10em;
}
.cp_arrows .cp_arrow:hover {
	color: #ec407a;
	border-color: #ec407a;
}
.cp_arrows .cp_arrow:hover:before {
	transform: rotate(360deg);
}
@-webkit-keyframes arrow-move06 {
	0% {
		top: 1%;
		opacity: 0.1;
	}
	70% {
		top: 5%;
		opacity: 1;
	}
	100% {
		top: 1%;
		opacity: 0.3;
	}
}
@keyframes arrow-move06 {
	0% {
		top: 1%;
		opacity: 0.1;
	}
	70% {
		top: 5%;
		opacity: 1;
	}
	100% {
		top: 1%;
		opacity: 0.3;
	}
}
/*-------------- globalNavi --------------*/
.spbar { display: none; }
#sp_toggle {display: none;}
#globalNavi {
 display: flex;
 width: 100%;
	position: relative;
	z-index: 999;
}
.contents_nav {
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
}
.logo {
 position: absolute;
 top: 15px;
 left: 15px;
 width: 230px;
}
.contents_nav ul {
 float: right;
 display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
 justify-content: space-around;
 padding:15px 0 0 0;
 position: relative;
}
.contents_nav ul li a {
 display: block;
 position: relative;
 font-size: 12px;
 font-size: 1.2rem;
 padding: 20px 15px;
 color: #ffffff;
 transition-property: all;
 transition: 0.3s linear;
}
.contents_nav ul li a:hover {
 color: #001570;
}
.contents_nav ul li:last-child {
 position: absolute;
 top: 0;
 right: 15px;
}
.contents_nav ul li:last-child a {
 padding: 2px 10px;
 border-right: 1px solid #007fcc;
 border-bottom: 1px solid #007fcc;
 border-left: 1px solid #007fcc;
 background: rgba(0,127,204,0.6);
}

/*-------------- logo --------------*/
.logo {
	max-width:230px;
	width:95%;
}
/*-------------- wrapper --------------*/
#wrapper {	
	width:100%;
}
.container {
	width: 100%;
}
.contents {
	max-width: 1200px;
	width: 95%;
	margin: 0 auto;
}
/*-------------- map --------------*/
.map {
 width: 100%;
 height: 345px;
}
.map iframe {
 width: 100%;
 height: 100%;
 border: none;
}
/*-------------- footer --------------*/
footer {
	clear: both;
 background: #007fcc;
	color: #ffffff;
	padding: 35px 0 0 0;
	position:relative;
}
footer a:link,
footer a:visited,
footer a:active{
	color: #ffffff;
}
footer a:hover {
	text-decoration: underline;
}
.logo_city {
	width: 180px;
	margin: 0 auto;
}
.footer_logo {
	max-width: 514px;
	width: 95%;
	margin: 25px auto;
}
footer .contents {
 padding:0 0 50px 0;
}
.footer_box {
	width: 480px;
	padding: 0 0 20px;
	overflow: hidden;
}
.footer_subtitle {
	font-family: 'Noto Sans', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	background: url(../images/icon-titleline.png) no-repeat scroll left 10px;
	background-size: 20px 7px;
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
}
.footer_item {
	padding: 0 0 0 25px;
}
.footer_info {
	padding: 15px 0 0 0;
	font-size: 13px;
	font-size: 1.3rem;
}
.footer_info li {
	padding: 0 0 5px 0;
}
.footer_info span {
	display: inline-block;
	background: #ffffff;
	color: #007fcc;
	padding: 0 5px;
	font-size: 13px;
	font-size: 1.3rem;
	margin-right: 10px;
	min-width: 5em;
	text-align: center;
}
.footer_sns {
	position: absolute;
	bottom: 35px;
	right: 50px;
	width: 110px;
}
.footer_sns li {
	width: 45px;
}
.footer_btm {
	border-top: 1px solid #80bfe6;
	background: #001570;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 3px 0;
}
/*---------------------------- topPage ------------------------------------------*/
/*-------------- bg-slider --------------*/
.bg-slider {
	min-height: 850px;
	width: 100%;
	background-size: cover;
	background-position: center bottom;
	position: relative;
}
.main_title {
 width: 200px;
 margin: 0 auto;
 padding-top: 150px;
 position: relative;
 z-index: 5;
}
.main_openday {
 width: 212px;
 position: absolute;
 bottom:350px;
 right: 5%;
 z-index: 4;
}
/*-------------- title --------------*/
.top_title {
 font-size: 26px;
 font-size: 2.6rem;
 font-family: 'Noto Sans', sans-serif;
 font-weight: bold;
 text-align: center;
 color: #007fcc;
 margin: 0px auto 10px;
 padding-top: 30px;
 text-shadow: #eafbff 0 0 2px;
}
.top_title span {
 display: block;
 text-align: center;
 width: 45px;
 margin: 0 auto 10px;
}
.top_title_wh {
 font-size: 36px;
 font-size: 3.6rem;
 line-height: 1.2em;
 font-family: 'Noto Sans', sans-serif;
 font-weight: bold;
 text-align: center;
 color: #ffffff;
 margin: 0px auto 10px;
 padding-top: 90px;
}
.top_title_wh span {
 display: block;
 text-align: center;
 width: 45px;
 margin: 0 auto 10px;
}
.next_title_wh {
 font-size: 28px;
 font-size: 2.8rem;
 line-height: 1.2em; 
 font-weight: bold;
 text-align: center;
 color: #ffffff;
 margin: 0px auto 10px;
 text-shadow: #868686 0 0 5px;
}
.next_title_wh span {
 display: block;
 color: #ffffff;
 text-shadow: #868686 0 0 5px;
 text-align: center;
 margin: 0 auto 5px;
 font-family: 'Noto Sans', sans-serif;
}
.title_border {
 display: flex;
 align-items: center;
 color: #007fcc;
 font-size: 16px;
 font-size: 1.6rem;
 padding: 5px 0 15px;
 text-align: center;
 margin: 0 auto;
 width: 15em;
}
.title_border:before,
.title_border:after {
 border-top: 1px solid;
 content: "";
 flex-grow: 1;
 width: 25px;
}
.title_border:before {
 margin-right: 1rem;
}
.title_border:after {
 margin-left: 1rem;
}
.title_deco {
 font-size: 18px;
 font-size: 1.8rem;
 text-align: center;
 color: #007fcc;
 font-weight: bold;
 border-bottom: 1px solid #007fcc;
 padding-bottom: 15px;
 margin-bottom: 15px;
}
.title_deco:before {
 content: "";
 background: url("../images/icon-titleline_blue.svg") no-repeat scroll left 10px;
 padding:0px 0 0 30px;
}
.title_deco:after {
 content: "";
 background: url("../images/icon-titleline_blue_r.svg") no-repeat scroll right 10px;
 padding:0px 30px 0 0;
}

/*-------------- contentsarea --------------*/
.top_concept {
 background: url("../images/top/concept_bg.png") no-repeat scroll center bottom;
 background-size: 295px 294px;
}
.top_concept .contents {
 position: relative;
 padding-bottom: 150px;
}
.top_concept dl {
 text-align: center;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: bold;
 position: relative;
 z-index: 5;
}
.top_concept dl dt {
 max-width: 490px;
 width: 100%;
 margin: 0 auto 30px;
}
.top_concept dl dd p {
 padding: 0 0 15px 0;
 /*text-shadow: #eafbff 0 0 2px;*/
 text-shadow:
 #eafbff 2px 0px 2px, #eafbff -2px 0px 2px,
 #eafbff 0px -2px 2px, #eafbff -2px 0px 2px,
 #eafbff 2px 2px 2px, #eafbff -2px 2px 2px,
 #eafbff 2px -2px 2px, #eafbff -2px -2px 2px,
 #eafbff 1px 2px 2px, #eafbff -1px 2px 2px,
 #eafbff 1px -2px 2px, #eafbff -1px -2px 2px,
 #eafbff 2px 1px 2px, #eafbff -2px 1px 2px,
 #eafbff 2px -1px 2px, #eafbff -2px -1px 2px,
 #eafbff 1px 1px 2px, #eafbff -1px 1px 2px,
 #eafbff 1px -1px 2px, #eafbff -1px -1px 2px;
}
.top_c01 {
 width: 300px;
 position: absolute;
 top: 50px;
 left: 0;
 z-index: 2;
}
.top_c02 {
 width: 300px;
 position: absolute;
 top: -100px;
 right: 0;
 z-index: 2;
}
.top_c03 {
 width: 295px;
 position: absolute;
 top: 150px;
 left: 100px;
 z-index: 3;
}
.top_c04 {
 width: 240px;
 position: absolute;
 top: 200px;
 right: 100px;
 z-index: 2;
}
.top_c05 {
 width: 290px;
 position: absolute;
 top: 350px;
 right: 150px;
 z-index: 3;
}
.top_c06 {
 width: 140px;
 position: absolute;
 top: 400px;
 left: 350px;
 z-index: 3;
}
.top_c07 {
 width: 120px;
 position: absolute;
 bottom: 0;
 right: 450px;
 z-index: 2;
}
.top_c08 {
 width: 43px;
 position: absolute;
 bottom: 130px;
 left: 450px;
 z-index: 2;
}
.container_news {
 background: url("../images/top/wave.png") no-repeat scroll top center;
 background-size: cover;
}
.container_news .top_title {
 padding-top: 80px;
}
.container_newsitem {
 background: #d2f7ff;
 padding: 30px 0;
}
.container_newsitem .btn {
 margin: 0px auto 0px;
}
.news_thummenu {
 max-width: 1200px;
 width: 95%;
 margin: 0 auto;
 padding-bottom: 30px;
}
.news_thummenu li {
 width: 340px;
 background: #ffffff;
 position: relative;
 margin: 0 auto 30px;
}
.top_newsphoto {
 width: 100%;
 position: relative;
}
.news_info {
 width: 70px;
 height: 70px;
 display: block;
 border-radius: 50%;
	background: #f6d918;
 position: absolute;
 right: 5px;
 bottom: -20px;
 text-align: center;
 color: #ffffff;
 font-size: 13px;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 70px;
}
.news_event {
 width: 70px;
 height: 70px;
 display: block;
 border-radius: 50%;
	background: #25d521;
 position: absolute;
 right: 5px;
 bottom: -20px;
 text-align: center;
 color: #ffffff;
 font-size: 13px;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 70px;
}
.news_thummenu li dl {
 padding: 15px;
}
.news_thummenu li dl dt {
 font-size: 12px;
 font-size: 1.2rem
}
.news_thummenu li dl dt strong {
 font-size: 16px;
 font-size: 1.6rem;
 color: #007fcc;
 display: block;
 padding: 5px 0 15px;
}
.container_media {
 background: #EAFBFF;
 padding:10px 0 20px;
}
.container_media ul {
 max-width: 860px;
 width: 95%;
 margin: 20px auto 5px;
}
.container_media ul li {
 max-width: 200px;
 width: 48%;
 /*width: 200px;*/
 margin: 0 auto 10px;
 border: 5px solid #ffffff;
}
.container_thummenu {
 width: 100%; 
}
.container_thummenu li {
 width: 50%;
 height: 380px;
}
.container_thummenu li a {
 border: 1px solid #ffffff;
 background: rgba(0,0,0,0.2);
 width: 80%;
 height: 330px;
 display: block;
 margin: 25px auto 0;
 transition-property: all;
 transition: 0.3s linear;
}
.container_thummenu li a:hover {
 border: 1px solid #ffffff;
 background: rgba(0,0,0,0.4);
}
.container_thummenu li:first-child {
 background: url("../images/top/thum_menu01.jpg") no-repeat scroll top center;
 background-size: cover;
}
.container_thummenu li:last-child {
 background: url("../images/top/thum_menu02.jpg") no-repeat scroll top center;
 background-size: cover;
}
.container_thummenu .title_border {
 font-size: 20px;
 font-size: 2.0rem;
 color: #ffffff;
 width: 10em;
}
.container_access {
 background: url("../images/bg_slanting.png") repeat;
 background-size: 10px 10px;
}
.container_access .contents {
 background: url("../images/top/access_map.png") no-repeat scroll  right top;
 background-size: contain;
}

.container_snsarea {
	position: relative;
	width: 100%;
	min-height: 500px;
}
.container_snsarea .contents {
 position: relative;
 z-index: 2;
}
.conceptmoviearea {
 width: 515px;
 margin: 0 auto 20px;
}
.conceptmovie {
 width: 100%;
}
.facebookarea {
 width: 340px;
 margin: 0 auto 20px;
}
.facebookarea iframe {
 width: 100%;
	margin: 0 auto;
}
.snsarea_illust01 {
	width: 222px;
	position: absolute;
	left: 0;
	top: 0px;
 z-index: 1;
}
.snsarea_illust02 {
	width: 222px;
	position: absolute;
	right: 0;
	top: 0px;
 z-index: 1;
}
/*---------------------------- nextPage ------------------------------------------*/
/*-------------- common --------------*/
.nextpage {
 background: url("../images/next_headerbg.jpg") no-repeat scroll top center;
 background-size: cover;
 width: 100%;
}
.nextpage .title_border {
 color: #ffffff;
 width: 10em;
 margin: 0px auto 0;
 padding: 60px 0 5px;
}
.container_next {
 background: url("../images/next_wave.png") repeat-x scroll bottom center;
 background-size: contain;
 min-height:280px;
}
/*-------------- breadcrumb --------------*/
.breadcrumb {
	width: 100%;
	margin: 0 auto;
	overflow: hidden ;
	font-size: 12px;
	font-size: 1.2rem;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb li:after {
	content: ">" ;
	padding: 0 8px ;
}
.breadcrumb li:last-child:after {
	content: none ;
}
.breadcrumb li a {
	color:#39bffe;
}
.breadcrumb li a:hover {
	text-decoration:underline;
}
/*-------------- contactPage --------------*/
.contact_title {
 max-width: 1000px;
 width: 95%;
 margin: 0 auto 0;
 background: #007fcc;
 border-radius: 10px;
 padding: 15px 12px;
 color: #ffffff;
 font-size: 20px;
 font-size: 2.0rem;
 text-align: center;
}
.contact_media {
 max-width: 600px;
 width: 90%;
 margin: 20px auto 30px;
 border: 1px dashed #007fcc;
 padding: 20px 20px 0;
 text-align: center;
}
.contact_media dt {
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: bold;
 border-bottom: 1px dashed #007fcc;
 padding-bottom: 10px;
 margin-bottom: 10px
}
.contact_media .btn a.button {
 margin: 20px auto 0;
}
.contact_btnarea {
 max-width: 650px;
 width: 100%;
 margin: 30px auto;
}
.contact_btnarea li {
 width: 300px;
 height: 48px;
 margin: 0 auto 10px;
}
form .btn {
 height: 54px;
}
.contact_txt {
 display: block;
 width: 100%;
}
/*multipurposeroom*/
.container_room {
 max-width: 1200px;
 width: 95%;
 margin: 20px auto 60px;
}
.title_room {
 /*font-family: 'Noto Sans', sans-serif;*/
	font-size: 18px;
	font-size: 1.8rem;
 font-weight: bold;
 color: #007fcc;
	background: url("../images/icon-titleline_blue.png") no-repeat scroll left 10px;
	background-size: 20px 7px;
	padding: 0 0 0 25px;
	margin: 30px 0 10px;
}
.table_room {
	width:90%;
	margin:0 auto;
	position:relative;
	z-index:15;
 border:1px solid #cfcfcf;
}
.table_room th,
.table_room td {
	padding:5px 10px;
	border-collapse: collapse;
 background:#ffffff;
}
.table_room th {
	background:#fffdf0;
 border: 1px solid #cfcfcf;
 border-right: 0px;
 border-bottom: 0px;
 font-weight: bold;
}
.table_room td {
 border: 1px solid #cfcfcf;
 border-right: 0px;
 border-bottom: 0px;
}
.r_w01 { width: 10%; }
.r_w02 { width: 20%; }
.r_w03 { width: 30%; }
.r_w04 { width: 40%; }
.r_w05 { width: 50%; }
.room_downloadarea {
 margin: 20px 0;
}
.room_downloadarea {
margin: 10px 0;
}
.room_downloadarea li {
 margin: 0 0 5px 0;
}
a.btn-download {
 border: 1px solid #007fcc;
 padding: 10px 15px 5px;
 display: inline-block;
 background: #ffffff;
 color: #007fcc;
}
a.btn-download span {
 width: 15px;
 display: inline-block;
 margin:5px 0 0 5px;
 transition: all 1s;
}
a.btn-download:hover span {
 transform: translate(0px,5px);
}
.room_contactarea {
 border: 1px dashed #007fcc;
 margin: 15px auto;
 padding: 30px 20px;
 max-width: 900px;
 width: 95%;
 text-align: center;
}
.room_contactarea dt {
 color: #007fcc;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: bold;
}
.room_contactarea dd {
 padding-bottom: 15px;
}
.room_contactarea dd a.button {
 margin: 0 0 0 0;
}
.room_border-top {
 border-top: 1px solid #007fcc;
 margin-top: 15px;
 padding: 20px 0;
}
/*-------------- #contactarea --------------*/
#contactarea{
 max-width: 1000px;
	background:#fff;
	margin:30px auto 60px;
	border-radius: 10px;
	padding:5%;
}
#contactarea .table01{
	border:none;
}
#contactarea .table01 th{
	border-right:none;
 vertical-align: middle;
 padding:30px 0;
}
#contactarea .table01 th:first-of-type,
#contactarea .table01 td:first-of-type{
 border-top:1px solid #ccc;
}
#contactarea .table01 td{
 vertical-align: middle;
 padding:30px 0;
}
@media screen and (max-width: 1000px) {
#contactarea .table01 th:first-of-type,
#contactarea .table01 td:first-of-type{
 border-top:none;
 border-bottom:1px solid #ccc;
}
#contactarea .table01 th{
 padding:15px 0;
}  
}
/*form selectarea*/
select::-ms-expand {
display: none;
}
.selectarea {
	position: relative;
	cursor: pointer;
}
.selectarea .arrow-under-br {
 border-top: 5px solid #1b0000;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	margin: 0 0 0 0;
	position: absolute;
	right: 30px;
	top: 50px;
}
.btn_disabled[disabled],
.btn_disabled[disabled]:hover,
.btn_disabled[disabled]:active {
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
	border:1px solid #b8b8b8;
	background: #fafafa;
	cursor: default;
	position: static;
	color: #b9b9b9;
	margin:8px 0;
	border-radius: 2px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	-webkit-appearance: button;
}
/*-------------- btn_back / btn_send --------------*/
.btn_group{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.btn_group:first-of-type{
 margin-right: 60px;
}
.btn_group a.btn_back{
 margin: 0 60px 0 auto;
}
@media screen and (max-width: 1000px) {
.btn_group a.btn_back{
 margin: 0 20px 0 auto;
}  
}
.btn_group a.btn_send{
 margin: 0 auto 30px;   
}
.btn_group a.btn_back,
.btn_group a.btn_send{
 position: relative;
 display: inline-block;
 padding: .9em 0;
 min-width: 160px;
 border: solid 1px #007fcc;
 font-size: 15px;
 font-size: 1.5rem;
 text-align: center;
 text-decoration: none;
 outline: none;
 transition: all .3s;
 background: #ffffff;
 color: #007fcc;
}
@media screen and (max-width: 1000px) {
.btn_group a.btn_back,
.btn_group a.btn_send{
 min-width: 100px;
}    
}
.btn_group a.btn_back::before,
.btn_group a.btn_back::after,
.btn_group a.btn_send::before,
.btn_group a.btn_send::after{
 position: absolute;
 top: -2px;
 right: -2px;
 bottom: -2px;
 left: -2px;
 z-index: 2;
 content: '';
 transition: all .3s;
}
.btn_group a.btn_back::before,
.btn_group a.btn_send::before{
 border-top: 2px solid #007fcc;
 border-bottom: 2px solid #007fcc;
 transform: scale(0, 1);
}
.btn_group a.btn_back::after,
.btn_group a.btn_send::after {
 border-right: 2px solid #007fcc;
 border-left: 2px solid #007fcc;
 transform: scale(1, 0);
}
.btn_group a.btn_back:hover,
.btn_group .btn_send:hover{
 color: #007fcc;
}
.btn_group a.btn_back:hover::after,
.btn_group a.btn_back:hover::before,
.btn_group a.btn_send:hover::after,
.btn_group a.btn_send:hover::before{
 transform: scale(1);
}
.btn_group a.btn_back span,
.btn_group a.btn_send span{
 padding: 0 0 0 10px;
 position: absolute;
 top: 25px;
 transition: all 1s;
}
.btn_group a.btn_back span{
	transform: scale(-1,1);
 left: 25px;
}
@media screen and (max-width: 1000px) {
.btn_group a.btn_back span{
 left: 5px;
}
}
.btn_group a.btn_send:hover span{
 transform: translate(5px,0px);
}
.btn_group a.btn_back:hover span{
	transform: scale(-1,1) translateX(15px);
}
/*-------------- infoPage --------------*/
.news_container{
 max-width: 1000px;
 width: 95%;
 margin: 0 auto;
 padding: 50px 0;
} 
.news_contents {
 padding: 0px 15px 20px;
 border-bottom: 1px dotted #007fcc;
	margin-bottom: 20px;
 position: relative;
}
.news_contents h3 {
 font-size: 18px;
 font-size: 1.8rem;
 font-weight: bold;
 color: #007fcc;
 padding: 0 0 16px 0;
 width: calc(100% - 75px);
}
.news_box {
 width: 100%;
}
.news_contents .news_info {
 top: 0;
 right: 10px;
}
.news_item {
 padding: 15px 10px;
}
.media_nav {
 max-width: 1000px;
	width: 95%;
	border: 1px solid #007fcc;
	margin: 20px auto;
}
.media_nav li {
	width: 33%;
	height: 55px;
 border-right: 1px solid #007fcc;
 position: relative;
}
.media_nav li:last-child {
	border-right: none;
 width: 34%;
}
.media_nav li:after {
 content: "▼";
 font-size: 8px;
 display: block;
 margin: 0 auto;
 text-align: center;
 position: absolute;
 bottom:-5px;
 left: 49%;
 color: #007fcc;
}
.media_nav li a {	
	color: #007fcc;
 background: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
 font-weight: bold;
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
	line-height:55px;
	transition-property: all;
 transition: 0.3s linear;
}
.media_nav li a:hover {
	background: #007fcc;
	color: #ffffff;
}
.media_nav li:last-child a:hover {
 border-right: 1px solid #007fcc;
}
.media_box {
 max-width: 1000px;
 width: 95%;
 border-bottom: 1px #007fcc dotted;
 padding: 20px 0 30px;
 margin: 0px auto;
}
.media_box_last {
 max-width: 1000px;
 width: 95%;
 padding: 30px 0 40px;
 margin: 0 auto 10px;
}
.media_title {
 border-radius: 12px;
 background: #47b2f3;
 max-width: 750px;
 width: 100%;
 margin: 5px auto 10px;
 color: #ffffff;
 font-size: 16px;
 font-size: 1.6rem;
 padding: 8px 15px;
 text-align: center;
}
.media_photo {
 max-width: 450px;
 width: 100%;
 margin: 0 auto;
}
.container_mediaitem {
 background: url(../images/top/wave.png) no-repeat scroll top center;
 background-size: cover;
 width: 100%;
 margin: 50px auto 0;
}
.container_mediabox {
 background: #d2f7ff;
 padding: 0px 0 30px;
}
.container_mediaitem_b {
 background: url(../images/news/wave.png) no-repeat scroll top center;
 background-size: cover;
 width: 100%;
 margin: 0 auto 0;
}
/*-------------- concept--------------*/
.concept_title {
	max-width: 580px;
	width: 95%;
	margin: 0 auto 30px;
}
.concept {
	position: relative;
	padding: 50px 0 80px 0;
}
.concept .contents {
	position: relative;
	z-index: 5;
}
.concept .contents p {
	text-align: center;
	padding:0 10px 1.2em 10px;
	font-size: 15px;
	font-size: 1.5rem;
 line-height: 3em;
}
.illust_a {
 max-width: 550px;
 width: 95%;
 min-height: 200px;
 position: relative;
 overflow: hidden;
 margin: 30px auto 60px;
}
.illust_a .con_bgimg {
 position   : absolute;
 top        : 0;
 left       : 0;
 bottom     : 0;
 right      : 0;
 opacity    : 0;
 animation  : bgAnime 10s infinite;
 z-index: 4;
}
.illust_a .img01 {
 background: url("../images/concept/illust_a.png") no-repeat scroll right top;
 background-size: 550px 200px;
}
.illust_a .img02 {
 background: url("../images/concept/illust_b.png") no-repeat scroll right top;
 background-size: 550px 200px;
 animation-delay  : 5s;
}
@keyframes bgAnime {
   0% { opacity: 0; }
   9% { opacity: 1; }
  25% { opacity: 1; }
  34% { opacity: 1; }
 100% { opacity: 0; }
}
.concept_photo {
	max-width: 780px;
	width: 95%;
 margin: 30px auto 45px;
}
.concept_photo li {
	width: 220px;
	margin: 0 auto 15px;
}
.con_img01 {
	position: absolute;
	right:20px;
	top: 0;
	width: 280px;
	height: 750px;
	z-index: 1;
}
.con_img02 {
	position: absolute;
	left:20px;
	top: 100px;
	width: 280px;
	height: 750px;
	z-index: 1;
}
.con_img03 {
	position: absolute;
	left:60px;
	top: 150px;
	width: 300px;
	height: 290px;
	z-index: 3;
}
.con_img04 {
	position: absolute;
	right:60px;
	top: 350px;
	width: 300px;
	height: 290px;
	z-index: 3;
}
.con_img05 {
	position: absolute;
	left:60px;
	top: 390px;
	width: 222px;
	height: 200px;
	z-index: 2;
}
.con_img06 {
	position: absolute;
	right:40px;
	top: 590px;
	width: 222px;
	height: 200px;
	z-index: 2;
}
.con_img07 {
	position: absolute;
	left:20px;
	bottom: 50px;
	width: 280px;
	height: 750px;
	z-index: 1;
}
.con_img08 {
	position: absolute;
	right:20px;
	bottom: 100px;
	width: 280px;
	height: 750px;
	z-index: 1;
}
.con_logomark {
	width: 250px;
	margin: 40px auto 20px;
}
.concept_greetingarea {
 max-width: 1040px;
 width: 95%;
 margin: 80px auto 0px;
 position: relative;
 padding: 12px;
}
.g_bg01 {
 width: 140px;
 position: absolute;
 left: 0;
 bottom:0;
 z-index: 1;
}
.g_bg02 {
 width: 140px;
 position: absolute;
 right: 0;
 top:0;
 z-index: 1;
}
.g_bg02 img {
 transform: scale(-1, 1);
}
.concept_greeting {
 background: #ffffff;
 width: 100%;
 margin: 0 auto;
 position: relative;
 z-index: 2;
 padding: 40px 30px;
}
.concept_greeting p.mayor {
 width: 140px;
 display: inline-block;
 margin: 0 20px 5px 0; 
 line-height: 1.3em;
 text-align: left;
}
.concept_greeting p.mayor img {
 margin-bottom: 5px;
}
.concept_greeting p {
 line-height: 2.5em;
 width: calc(100% - 170px);
 display: inline-block;
}
/*-------------- floorguide --------------*/
.floor_nav  {
	width: 100%;
	border: 1px solid #007fcc;
	margin: 20px auto;
}
.floor_nav li {
	width: 25%;
	height: 55px;
 border-right: 1px solid #007fcc;
 position: relative;
}
.floor_nav li:last-child {
	border-right: none;
}
.floor_nav li:after {
 content: "▼";
 font-size: 8px;
 display: block;
 margin: 0 auto;
 text-align: center;
 position: absolute;
 bottom:-5px;
 left: 48%;
 color: #007fcc;
}
.floor_nav li a {	
	color: #007fcc;
 background: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
	line-height:55px;
	 transition-property: all;
 transition: 0.3s linear;
}
.floor_nav li a:hover {
	background: #007fcc;
	color: #ffffff;
}
.floor_iconarea {
	border: 1px dotted #787878;
	max-width: 900px;
	width: 90%;
	margin: 0 auto 60px;
	padding: 15px 0 10px 15px;
}
.floor_iconarea li {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 30px;
	margin: 0 15px 5px 0;
	text-align: left;
	width: 130px;
}
.floor_iconarea li span {
	width: 30px;
	display: inline-block;
	margin-right: 10px;
}
.floor01 {
	background: url(../images/floorguide/bg01.png) no-repeat scroll left bottom;
	background-size: 700px 430px;
	padding-bottom: 80px;
}
.floor02 {
	background: url(../images/floorguide/bg02.png) no-repeat scroll left bottom;
	background-size: 700px 430px;
	padding-bottom: 80px;
}
.floor02_cover {
	background: url(../images/floorguide/bg02_cover.png) no-repeat scroll right top;
	background-size: 450px 430px;
}
.floor03 {
	background: url(../images/floorguide/bg03.png) no-repeat scroll right top;
	background-size: 700px 700px;
	padding-bottom: 80px;
}
.floor_titlecontainer {
	background: linear-gradient(90deg,#007fcc 0%,#007fcc 30%,#47b2f3 30%,#47b2f3 100%);
	width: 100%;
	height: 70px;
}
.floor_titlecontainer dl {
	max-width: 1200px;
	width: 95%; 
	margin: 0 auto;
	height: 70px;
}
.floor_titlecontainer dl dt {
	width: 200px;
	height: 100%;
 display: inline-block;
	line-height: 1.4em;
	color: #ffffff;
	font-family: 'Noto Sans', sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	background: #007fcc;
	padding-top: 15px;
}
.floor_titlecontainer dl dd {
	width: calc(100% - 230px);
	height: 100%;
	display: inline-block;
	text-align: left;
	padding-top: 20px;
	padding-left: 30px;
	background: #47b2f3;
	line-height: 1.4em;
	color: #ffffff;
 font-size: 18px;
	font-size: 1.8rem;
}
.floor_map {
	max-width: 900px;
	width: 95%;
	margin: 30px auto 20px;
	background: rgba(255,255,255,0.85);
}
.floor_info {
	max-width: 680px;
	width: 90%;
	margin: 0 auto 0px;
	border: 1px solid #007fcc;
 background: #ffffff;
	padding: 15px;
}
.floor_info dt {
	width: 180px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	padding-top: 40px;
	color:#007fcc;
	text-align: center;
	line-height: 1.4em;
	vertical-align: middle;
	display: inline-block;
	padding-right: 15px;
}
.floor_info dt.tenant02 {
	padding-top: 20px;
}
.floor_info dt.tenant03 {
	padding-top: 0px;
}
.tenant03_shop {
	padding-top: 15px;
}
.floor_info dt strong {
	background:#007fcc;
	border-radius: 10px;
	padding: 5px;
	color: #ffffff;
	margin-bottom: 8px;
	display: block;
}
.floor_info dd {
	width: calc(100% - 200px);
	display: inline-block;
	border-left: 1px dotted #007fcc; 
	padding: 0 0 0 20px;
}
.floor_info dd li {
	line-height: 40px;
	margin-bottom: 10px;
}
.floor_info dd li span {
	width: 40px;
	display: inline-block;
	margin-right: 10px;
}
.floor_photoarea {
 max-width: 900px;
 width: 95%;
 margin: 20px auto 0;
}
.floor_photoarea li {
 width: 270px;
 margin: 0 auto 5px;
}
.container_floorabout {
 background: url("../images/top/wave.png") no-repeat scroll top center;
 background-size: cover;
}
.container_floorabout .floor_title {
 padding-top: 80px;
}
.container_flooraboutitem {
 background: #d2f7ff;
 padding: 30px 0 80px;
}
/*-------------- shopPage --------------*/
.shop_container {
	max-width: 1200px;
	width: 95%;
	margin: 0 auto;
}
.shop_maintitle {
	max-width: 700px;
	width: 95%;
	margin: 50px auto 30px;
}
.shop_point {
	max-width: 1200px;
	width: 100%;
}
.shop_point li {
	width: 320px;
	margin: 0 auto;
}
.shop_point li:nth-child(2) {
	padding: 50px 0;
}
.shop_point li p {
	padding: 10px 0 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #007fcc;
}
.shop_point li p span {
	display: block;
}
.shop_a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
 justify-content: space-around;
}
.shop_b {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row-reverse;;
	flex-wrap: wrap;
 justify-content: space-around;
}
.shop_photo {
 width: 600px;
	height: 100%;
}
.shop_photo img {
	width: 600px;
object-fit: cover;
}
.shop_info {
 width: 600px;
	display: block;
	background: #ffffff;
	padding: 30px 25px 15px;
}
.shop_info .btn a.button {
	margin: 0 auto 0;
}
.shop_logo {
	max-width: 350px;
	width: 90%;
	margin: 0 auto 30px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #007fcc;
}
.container_shopping {
 background: url("../images/top/wave.png") no-repeat scroll top center;
 background-size: cover;
}
.container_shopping .floor_title {
 padding-top: 80px;
}
.container_shoppingitem {
 background: #d2f7ff;
 padding: 30px 0 80px;
}
.shop_shopinfo {
 margin: 50px auto 20px;
 width: 95%;
	position: relative;
	z-index: 3;
}
.shop_shopinfo dd {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.shop_shopicon {
 width: 45px;
 position: relative;
 z-index: 2;
 margin: -70px auto 20px;
}
.shop04_main {
	position: relative;
}
.s04_img01 {
	position: absolute;
	right: 40px;
	top: 0px;
	width: 222px;
	height: 200px;
	z-index: 1;
}
.s04_img02 {
	position: absolute;
	left: 40px;
	top: 50px;
	width: 222px;
	height: 200px;
	z-index: 1;
}
.shop04_floorimg {
	padding: 30px;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto 20px;
	/*background: #ffffff;*/
	position: relative;
	z-index: 3;
}
.shop04_floorimg li {
	width: 300px;
	margin: 0 auto 15px;
}
.shop04_floomaparea {
 max-width: 1200px;
 width: 95%;
 margin: 0 auto 30px;
 background: #ffffff;
 padding: 50px 0;
}
.shop04_floomap {
 width: 500px;
 margin: 0 auto 20px;
}
.shop04_shopinfo {
 width:500px;
}
.shop02_mainimg {
 max-width: 900px;
 width: 100%;
 margin: 50px auto;
}
.shop02_main {
	position: relative;
}
.s02_img01 {
 position: absolute;
 width: 230px;
 height: 273px;
 top: 0;
 right: 40px;
}
.s02_img02 {
 position: absolute;
 width: 230px;
 height: 273px;
 top: 0;
 left: 40px;
}
.shop02_floorimg {
	padding: 30px;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto 20px;
	/*background: #ffffff;*/
	position: relative;
	z-index: 3;
}
.shop02_floorimg li {
	width: 300px;
	margin: 0 auto 15px;
}
.shop02_photo {
 width: 100%;
 height: 300px;
 display: block;
 background: url("../images/shop/shop02/photo.jpg") no-repeat scroll bottom center;
 background-size: cover;
}
.shop_det {
 width: calc(100% - 420px);
 float: left;
}
.shop_det li {
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 2em;
 margin: 0 auto 10px;
}
.shop_det li:first-child {
 font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4em;
	font-weight: bold;
	color: #007fcc;
 display: block;
 padding-bottom: 15px;
 /*text-align: center;*/
}
.shop_det li span {
 display: inline-block;
 background: #007fcc;
 border-radius: 4px;
 padding: 0 10px;
 color: #ffffff;
 line-height: 2em;
 margin-right: 10px;
}
.shop_mainimg {
	max-width: 700px;
	width: 100%;
	margin: 20px auto 0;
}
.container_shopmenu {
	background: url("../images/bg_slanting.png") repeat;
 background-size: 10px 10px;
}
.shop_thummenu {
 max-width: 1200px;
 width: 95%;
 margin: 0 auto;
 padding: 20px 0 50px;
}
.shop_menuphoto {
 position: relative;
}
.shop_recomennded {
 width: 70px;
 height: 70px;
 display: block;
 border-radius: 50%;
	background: #ff6858;
 /*background: #f6d918;*/
 position: absolute;
 right: 5px;
 bottom: -20px;
 text-align: center;
 color: #ffffff;
 font-size: 13px;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 70px;
}
.shop_menutitle {
 /*background: #f6d918;*/
 background: #007fcc;
 border-radius: 10px;
 padding: 15px 10px;
 color: #ffffff;
 /*line-height: 2em;*/
 font-size: 20px;
 font-size: 2.0rem;
 /*font-weight: bold;*/
 max-width: 1200px;
 width: 95%;
 margin: 0 auto 20px;
 text-align: center;
}
.shop_thummenu li {
 width: 340px;
 background: #ffffff;
 position: relative;
 margin: 0 auto 30px;
}
.shop_thummenu li.s02menu {
 width: 500px;
}
.shop_itemlogo {
	width: 80px;
	position: absolute;
	top: 5px;
	right: 5px;
}
.shop_thummenu li dl {
 padding: 15px;
}
.shop_thummenu li dl dt {
 font-size: 12px;
 font-size: 1.2rem;
	padding-bottom: 10px;
}
.shop_thummenu li dl dt strong {
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: bold;
 color: #007fcc;
 display: block;
 padding: 5px 0 0;
}
.shop_thummenu li dl dd {
	line-height: 1.5em;
}
.shop_thummenu li.s02menu dl dd {
 font-size: 16px;
 font-size: 1.6rem;
}
.shop01_logo {
 max-width:600px;
 width: 95%;
 margin: 50px auto 30px;
}

.shop01_nav  {
 max-width: 1200px;
	width: 95%;
 border-top: 1px solid #007fcc;
	border-left: 1px solid #007fcc;
	margin: 20px auto 40px;
 border-right: 1px solid #007fcc;
}
.shop01_nav li {
	width: 25%;
	height: 50px;
 border-right: 1px solid #007fcc;
 border-bottom: 1px solid #007fcc;
 position: relative;
}
.shop01_nav li:last-child,
.shop01_nav li:nth-child(4) {
	border-right: none;
}
.shop01_nav li a {	
	color: #007fcc;
 background: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
	line-height:45px;
	transition-property: all;
 transition: 0.3s linear;
 
}
.shop01_nav li a:hover {
	background: #007fcc;
	color: #ffffff;
}
.shop01_nav li:after {
 content: "▼";
 font-size: 8px;
 display: block;
 margin: 0 auto;
 text-align: center;
 position: absolute;
 bottom:-5px;
 left: 48%;
 color: #007fcc;
}
.shop01_text {
 text-align: center;
 padding: 20px 0 0px;
	position: relative;
	background: url(../images/shop/shop01/bg.png) no-repeat scroll bottom center;
	background-size: contain;
}
.shop01_text dt {
 text-align: center;
 font-size: 28px;
 font-size: 2.8rem;
 line-height: 2em;
 font-weight: bold;
 /*color: #ff6858;*/
 color: #01014f;
 padding: 0 0 15px 0;
	position: relative;
	z-index: 5;
}
.shop01_text dd {
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 0.2em;
	color: #01014f;
 text-shadow: #eafbff 0 0 2px;
 line-height: 2.5em;
	width:100%;
	text-align: center;
}
.shop01_text dd p {
	padding-bottom: 0.7em;
	position: relative;
	z-index: 5;
}
.shop01_mainimg {
	max-width: 800px;
	width: 95%;
	margin: 0 auto 30px;
}
.under {
  background: linear-gradient(transparent 50%, #f6d918 50%);
}

/*-------------- accessPage --------------*/
.access_container {
}
.box_blue {
 width: 450px;
 border: 1px solid #007fcc;
 background: #ffffff;
 padding: 25px 10px;
 margin: 0 auto 20px;
}
.access_icon {
 width: 40px;
 margin: 0 auto 10px;
}
.access_parking {
 color: #FF6858;
 padding: 20px 10px 0px;
}
.access_parking dt {
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: bold;
 line-height: 36px;
}
.access_parking dt span {
 width: 30px;
display: inline-block;
margin-right: 10px;
}
.access_illust {
 width: 65px;
 margin: 20px auto 0;
}
.access_map_l {
 max-width: 645px;
 width: 95%;
 margin: 30px auto 10px;
}
/*-------------- privacyPage --------------*/
.privacy-text {
 padding: 20px 0 100px;
}
.privacy-text dt {
 font-weight: bold;
}
.privacy-text dd {
 padding: 0 0 10px;
}
/*================================================================================================= responsive =========================================================================
===========================================================================================================================================================================================================================*/
@media screen and (min-width: 1530px) {
}
@media screen and (max-width: 1300px) {
}
@media screen and (max-width: 1000px) {
.top_c03 {
 left: 10px;
}
.top_c04 {
 right: 10px;
}
.top_c05 {
 right: 0px;
}
.top_c06 {
 left: 250px;
}
}
@media screen and (max-width: 800px) {
.fl {	float: none;}
.fr {	float: none;}
.sp_menu {
 position: fixed;
 z-index: 3;
 top: -255px;
 overflow: hidden;
 width: 100%;
 border-top: 50px solid #007fcc;
 -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
 transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
 opacity: 0;
 background-color: rgba(255,255,255,0.9);
}
.sp_menu a {
	pointer-events: none;
	z-index: 1;
}
/* menu toggle */
.spbar {
display: block;
z-index: 10;
position: fixed;
top: 15px;
right: 15px;
width: 25px;
height: 30px;
}
.sp_menuicon {
display: block;
position: relative;
width: 25px;
height: 100%;
cursor: pointer;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.sp_menuicon > span {
display: block;
position: absolute;
top: 55%;
margin-top: -0.3em;
width: 100%;
height: 0.2em;
border-radius: 1px;
background-color: #007fcc;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.sp_menuicon > span:before, .sp_menuicon > span:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 1px;
background-color: #007fcc;
-webkit-transition: transform .3s ease;
transition: transform .3s ease;
}
.sp_menuicon > span:before {
-webkit-transform: translateY(-0.6em);
transform: translateY(-0.6em);
}
.sp_menuicon > span:after {
-webkit-transform: translateY(0.6em);
transform: translateY(0.6em);
}
#sp_toggle:checked + .spbar .sp_menuicon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	
}
#sp_toggle:checked + .spbar span:before,
#sp_toggle:checked + .spbar span:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-color: #ffffff;
}
#sp_toggle:checked + .spbar .sp_menuicon > span {
	background-color: #ffffff;}
#sp_toggle:checked ~ .sp_menu {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
top: 0;
}
#sp_toggle ~ .sp_menu a {
 display: none;
} 
#sp_toggle:checked ~ .sp_menu a {
 pointer-events: visible;
 z-index: 100;
 display: block;
}
.contents_nav ul {
 float: none;
 display: block;
 height: 100%;
 width: 100%;
 padding: 0 0 0 0;
}
.contents_nav ul li {
 border-right: none;
 border-bottom: 1px solid #007fcc;
 width: 100%;
}
.contents_nav ul li:first-child {
 border-left: none;
}
.contents_nav ul li a {
 text-align: center;
 height: auto;
-webkit-writing-mode: inherit;
      -ms-writing-mode: inherit;
          writing-mode: inherit;
 color: #007fcc;
}
.contents_nav ul li a::after {
 border-top: solid 4px #007fcc;
 top: 80%;
}
.contents_nav ul li a:hover::after {
 top: 85%;
} 
.contents_nav ul li:last-child {
 position: relative;
 top: inherit;
 right: inherit;
}
.contents_nav ul li:last-child a {
 padding: 20px 15px;
 border-right: none;
 border-bottom: none;
 border-left: none;
 background: none;
}
.container_thummenu li {
 width: 100%;
}
.container_snsarea .contents div {
 width: 100%;
}
.nextpage .title_border {
/* margin: 130px auto 0;*/
	padding: 100px 0 5px
}
.con_img03 {
	left:5px;
	top: 10px;
	width: 150px;
	height: 145px;
}
.con_img04 {
	right:5px;
	top: 50px;
	width: 150px;
	height: 145px;
}
}
@media screen and (max-width: 660px) {
	.center-a {
		text-align: left;
	}
	.nextpage .title_border {
 padding: 120px 0 5px;
}
	.container_next {
 min-height:260px;
}
 .table01 {
  border: none;
 }
 .table01 th {
		width:100%;
		display:block;
  border-right: none;
  border-bottom: none;
	}
	.table01 td {
		width:100%;
		display:block;
		border:none;
  background: none;
	}
	.table02 th {
		width:100%;
		display:block;
		border-right: none;
		border-bottom:1px dotted #cfcfcf;
	}
	.table02 td {
		width:100%;
		display:block;
	}
	.table02 tr:last-of-type td {
		border: none;
	}
.bg-slider {
	min-height: 85vh;
	width: 100%;
 background-size: cover;
	background-position: center top;
	position: relative;
}
.main_title {
 padding-top: 90px;
}
.main_openday {
 bottom: 100px;
 right: 0;
}
.top_concept dl {
 text-align: left;
}
.top_c01 {
 width: 150px;
 top: 0px;
}
.top_c02 {
 width: 150px;
 top: -50px;
 right: 0;
}
.top_c03 {
 width: 190px;
 left: 0px;
 top: 350px;
}
.top_c04 {
 right: 10px;
 top: 350px;
}
.top_c05,.top_c06 ,.top_c07,.top_c08 {
 display: none;
}
.container_access .contents {
 background:none;
}
.snsarea_illust01 {
	display: none;
}
.snsarea_illust02 {
	display: none;
}
.floor_nav li {
	width: 50%;
}
.floor_nav li:first-child {
	border-bottom: 1px solid #007fcc;
	border-right: 1px solid #007fcc;
	}
.floor_nav li:nth-child(2) {
	border-bottom: 1px solid #007fcc;
	border-right: none;
}
.floor_nav li:nth-child(3) {
	border-right: 1px solid #007fcc;
	}
	.floor_titlecontainer {
	background: linear-gradient(180deg,#007fcc 0%,#007fcc 50%,#47b2f3 50%,#47b2f3 100%);
	width: 100%;
	height: 100px;
}
.floor_titlecontainer dl dt {
 width: 100%;
 height: 50px;
 display: block;
 font-size: 20px;
 font-size: 2.0rem;
}
.floor_titlecontainer dl dd {
	width:100%;
	height: 50px;
	display: block;
	text-align: center;
	padding-top: 15px;
	padding-left: 0px;
	font-size: 16px;
	font-size: 1.6rem;
}
	.floor_info dt {
	width: 180px;
	padding-right: 0px;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 10px;
	display: block;
}
.floor_info dt.tenant02,
.floor_info dt.tenant03 {
	padding-top: 0px;
}
.tenant03_shop {
	padding-top: 0px;
}
.floor_info dd {
	width: 100%;
	display: block;
	border-left: none;
	border-top: 1px dotted #007fcc; 
	padding: 20px 0 0 0
}
.concept .contents p {
	text-align: left;
}
.concept .contents p br {
 display: none;
 }
.concept_greeting p.mayor {
 display: block;
 margin: 0 auto 20px;
}
.concept_greeting p {
 width: 100%;
 display: block;
}
.con_img01 {
	right:0px;
	width: 140px;
	height: 375px;
}
.con_img02 {
	left:0px;
	width: 140px;
	height: 375px;
}
.con_img03 {
	display: none;
}
.con_img04 {
	display: none;
}
.con_img05 {
	display: none;
}
.con_img06 {
	display: none;
}
.con_img07 {
	left:0px;
	bottom: 50px;
	width: 140px;
	height: 375px;
}
.con_img08 {
	right:0px;
	bottom: 100px;
	width: 140px;
	height: 375px;
}
.illust_a .img01 {
 background: url("../images/concept/illust_a.png") no-repeat scroll right top;
 background-size: contain;
}
.illust_a .img02 {
 background: url("../images/concept/illust_b.png") no-repeat scroll right top;
 background-size: contain;
 animation-delay  : 5s;
}	
.shop01_text {
 text-align: left;
	background: url(../images/shop/shop01/bg.png) no-repeat scroll bottom center;
	background-size: cover;
}
.shop01_text dd {
 text-align: left;
	line-height: 2.0em;
}
 .shop01_text dd p br {
  display: none;
 }
.shop01_nav  {
 max-width: 1200px;
	width: 95%;
 border-top: 1px solid #007fcc;
	border-left: 1px solid #007fcc;
	margin: 20px auto 40px;
 border-right: 1px solid #007fcc;
}
.shop01_nav li {
	width: 50%;
 border-right: none;
}
.shop01_nav li:nth-child(odd){
	border-right: 1px solid #007fcc;
}
.s04_img01 {
	right: 0px;
	top: 0px;
	width: 111px;
	height: 100px;
}
.s04_img02 {
	left: 0px;
	top: 0px;
	width: 111px;
	height: 100px;
}
.shop_shopinfo dd {
	text-align: left;
}
.scroll {
 overflow-x: auto;
}
.table_room {
 min-width: 640px;
 }
.room_contactarea {
 text-align: left;
}
}
@media screen and (max-width: 380px) {
.main_openday {
 display: none;
 }
.floor_titlecontainer dl dd {
	font-size: 14px;
	font-size: 1.4rem;
}
}