@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=PT+Serif:400i');

/*---
reset
---*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline;
}

address, caption, cite, code, dfn, em, i, th, var{
	font-style:normal;
	font-weight:normal;
}

fieldset, img, object{
	border:0;
	vertical-align:bottom;
}

img{
	font-size:0;
	line-height:0;
	-ms-interpolation-mode:bicubic;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

caption, th{
	text-align:left;
}

ul{
	list-style-type:none;
}

h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}

/*---
common
---*/

html{
	height:100%;
	font-size:62.5%;
	line-height:1;
}

body{
	font-family:'游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ','メイリオ',Meiryo,sans-serif;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.6;
	color:#333;
	-webkit-text-size-adjust:100%;
	background:#fff url(../img/common/bg.gif) repeat-x 0 16px;
	border-top:5px solid #E56CA5;
}

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

body{
	background-image:none;
}

}

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

body{
	border-top:none;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
}

}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-osx-font-smoothing:auto;
}

a{
	color:#333;
	text-decoration:none;
}

#news a:hover,
#main a:hover{
	-moz-transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
	opacity:0.7;
}

div:after,
ul:after,
ol:after,
dl:after,
header:after,
nav:after{
    content:"";
    display:block;
    clear:both;
}

.text-ind{
	padding-left:1em;
	text-indent:-1em;
}

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

.mt1{
	margin-top:1em;
}

/*---
page-top
---*/

.page-top-sp{
	display:none;
}

.page-top{
    position:relative;
    width:100%;
    height:0;
    margin:0 auto;
}

.page-top a{
    position:fixed;
    right:0;
    bottom:0;
    display:block;
    width:50px;
    hegiht:50px;
    background:#ddd;
    padding:1.6em 0;
    text-align:center;
    outline:none;
    z-index:9999;
}

.page-top a:hover{
    background:#e56ca5;
}

.page-top a:before,
.page-top a:after{
	content:"";
	position:absolute;
	left:50%;
	width:0;
	height:0;
	margin-left:-10px;
	border:10px solid transparent;
}

.page-top a:before{
	top:50%;
	margin-top:-13px;
	border-bottom:10px solid #ddd;
}

.page-top a:hover:before{
	border-bottom:10px solid #e56ca5;
}

.page-top a:after{
	top:50%;
	margin-top:-15px;
	z-index:-1;
	border-bottom:10px solid #fff;
}

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

.page-top{
	display:none !important;
	opacity:0 !important;
}

.page-top-sp{
    position:relative;
	display:inherit;
    background:#fff;
	border-top:1px solid #fff;
    width:100%;
    height:0;
    margin:0 auto;
}

.page-top-sp a{
    display:block;
    padding:1.6em 0;
    background:#fff;
    text-align:center;
    outline:none;
    text-decoration:none;
    position:relative;
	width:100%;
    z-index:9999;
}

.page-top-sp a:before,
.page-top-sp a:after{
	position:absolute;
	left:50%;
	content:"";
	width:0;
	height:0;
	margin-left:-10px;
	border:10px solid transparent;
}

.page-top-sp a:before{
	top:50%;
	margin-top:-13px;
	border-bottom:10px solid #fff;
}

.page-top-sp a:after{
	top:50%;
	margin-top:-15px;
	z-index:-1;
	border-bottom:10px solid #e56ca5;
}

}

/*---
list
---*/

ul.l-normal{
	margin-left:1em;
	display:block;
}

ul.l-normal li{
	list-style-type:none;
	text-indent:-1em;
	margin:0;
	padding:0;
}

ul.l-square,
ul.l-circle{
	 margin-left:1em;
}

ul.l-square li,
ul.l-circle li{
	position:relative;
	margin-bottom:0.3em;
	list-style:none;
}

ul.l-square li:last-child,
ul.l-circle li:last-child{
	margin-bottom:0;
}

ul.l-square li:before{
	content:"";
	display:block;
	position:absolute;
	top:10px;
	left:-10px;
	bottom:auto;
	right:auto;
	margin:auto;
	width:5px;
	height:5px;
}

ul.l-square li:before{
  content:"";
  background:#333;
}

ul.l-circle li:before{
	content:"";
	display:block;
	position:absolute;
	top:10px;
	left:-10px;
	bottom:auto;
	right:auto;
	margin:auto;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#333;
}

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

ul.l-square li:before,
ul.l-circle li:before{
	top:6px;
}

}

/*---
title
---*/

h3{
	padding:10px;
	background-color:#e56ca5;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	line-height:1;
	color:#fff;
}

h4{
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	line-height:1;
	color:#e56ca5;
}

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

h3,
h4{
	font-size:16px;
	font-size:1.6rem;
}

}

/*---
header
---*/

#wrapper{
	max-width:953px;
	margin:0 auto;
	padding-top:10px;
	border-left:1px solid #959595;
	border-right:1px solid #959595;
}

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

#wrapper{
    max-width:98%;
}

}

header{
	background-color:#fff;
	border-bottom:1px solid #959595;
}

header{
	position:relative;
}

header h1{
	padding:0 10px 10px;
	display:inline-block;
	float:left;
}

/*---
footer
---*/

footer{
	background-color:#ddd;
	padding:20px 0;
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
}


/*---
nav
---*/

nav{
	border-top:1px solid #959595;
	float:right;
}

nav ul{
	display:table;
}

nav ul li{
	position:relative;
	display:table-cell;
	border-right:1px solid #959595;
	vertical-align:middle;
}

nav ul li:last-child{
	border-right:none;
}

nav ul li a{
	display:block;
	padding-left:25px;
	padding-right:7px;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
}

nav ul li a span{
	display:block;
}

nav ul li:nth-child(1) a,
nav ul li:nth-child(4) a,
nav ul li:nth-child(5) a,
nav ul li:nth-child(6) a{
	padding-top:33px;
	padding-bottom:33px;
}

nav ul li:nth-child(2) a,
nav ul li:nth-child(3) a{
	padding-top:20px;
	padding-bottom:20px;
}

nav ul li::before{
    content:"";
    position:absolute;
    top:50%;
    left:7px;
    display:block;
    width:12px;
    height:12px;
    background:url("../img/common/arrow-nav.svg") no-repeat 100% 50%;
    background-size:12px auto;
    margin:-6px 0 0 0;
    -webkit-transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

nav ul li:hover{
	background:linear-gradient(#FBCD89, #FFE7C3);
	cursor:pointer;
}

#nav{
	position:relative;
	z-index:10;
}

#nav ul{
	text-align:left;
}

#nav ul li a{
	display:block;
	transition:all 0.2s linear;
}


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

header h1 img{
	width:175px;
	height:auto;
}

nav ul li a{
	padding-left:10px;
	padding-right:10px;
	font-size:13px;
	font-size:1.3rem;
}

nav ul li:nth-child(1) a,
nav ul li:nth-child(4) a,
nav ul li:nth-child(5) a,
nav ul li:nth-child(6) a{
	padding-top:22px;
	padding-bottom:22px;
}

nav ul li:nth-child(2) a,
nav ul li:nth-child(3) a{
	padding-top:10px;
	padding-bottom:10px;
}

nav ul li::before{
	display:none;
    content:none;
}

}

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

#nav ul{
	width:100%;
}

}

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

#wrapper{
    max-width:100%;
    padding-top:0;
    border-left:none;
    border-right:none;
}

header{
	min-height:inherit;
}

header h1{
	float:none;
	padding:10px 10px 0;
}

header h1 img{
	width:160px;
	height:auto;
}

nav{
	border-bottom:0;
}

nav ul li{
	width:33.33333%;
}

nav ul li a{
	height:50px;
	font-size:13px;
	font-size:1.3rem;
	background-color:#fff;
}

nav ul li a span{
	display:inline-block;
}

#nav{
	display:none;
}

#nav-box{
	width:100%;
}

#nav-box #nav-btn{
	width:100%;
	position:absolute;
	top:15px;
	right:10px;
	width:40px;
	height:40px;
	z-index:100;
}

#nav-box #nav-btn #nav-switch{
	position:relative;
	width:40px;
	height:40px;
	display:block;
}

#nav-box #nav-btn #nav-switch span{
	left:20%;
	width:60%;
	height:2px;
	display:block;
	position:absolute;
	background-color:#333;
	transition:all 0.2s linear;
}

#nav-box #nav-btn #nav-switch span:nth-of-type(1){
	top:10px;
	-webkit-transform:rotate(0);
	transform:rotate(0);
}

#nav-box #nav-btn #nav-switch span:nth-of-type(2){
	top:18px;
	-webkit-transform:scale(1);
	transform:scale(1);
}

#nav-box #nav-btn #nav-switch span:nth-of-type(3){
	bottom:12px;
	-webkit-transform:rotate(0);
	transform:rotate(0);
}

#nav-box #nav-btn #nav-switch.nav-close span:nth-of-type(1){
	top:16px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

#nav-box #nav-btn #nav-switch.nav-close span:nth-of-type(2){
	-webkit-transform:scale(0);
	transform:scale(0);
}

#nav-box #nav-btn #nav-switch.nav-close span:nth-of-type(3){
	bottom:22px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

#nav-box ul{
	width:100%;
	display:none;
}

#nav-box ul li{
	width:100%;
	border-bottom:#959595 1px solid;
}

#nav-box ul li a{
	padding:15px 20px;
	text-align:left;
	display:block;
	background:#fff;
	position:relative;
}

#nav-box ul li a br{
	display:none;
}

#nav-box ul li a:after{
	content:"";
	margin-top:-4px;
	top:50%;
	right:15px;
	width:6px;
	height:6px;
	color:#aaa;
	font-size:1em;
	font-weight:bold;
	line-height:1.2em;
	display:block;
	position:absolute;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

}

/*---
layout
---*/

#contents{
	display:flex;
	display:-webkit-flex;
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
}

#contents #left{
	float:left;
	width:225px;
	order:1;
	-webkit-order:1;
}

#contents #main{
	float:right;
	width:726px;
	border-left:1px solid #959595;
	order:2;
	-webkit-order:2;
}

#main .ttl-panel{
	display:none;
}

.ttl-panel{
	display:block;
	padding:1px;
	background:linear-gradient(#E56CA5, #EDAACA);
}

.ttl-panel-in{
	padding:1px;
	border:1px solid #fff;
}

.ttl-panel .ttl-panel-in h2{
	display:block;
	padding:40px 18px;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	line-height:1;
	color:#fff;
	text-align:center;
}

#main .ttl-panel .ttl-panel-in h2{
	padding:20px;
	font-size:16px;
	font-size:1.6rem;
	text-align:left;
}

#main .ttl-panel .ttl-panel-in h2 br{
	display:none;
}

.ttl-panel .ttl-panel-in h2 span{
	display:block;
	margin-top:5px;
	padding-top:7px;
	border-top:1px solid #fff;
	font-size:14px;
	font-size:1.4rem;
	font-weight:normal;
	color:#FFF699;
}

#main .ttl-panel-in h2 span{
	font-size:12px;
	font-size:1.2rem;
}

#left #hours,
#hours-top-sp{
	margin:10px;
	padding:10px;
	border:2px solid #E56CA5;
}

#hours-top-sp{
	display:none;
}

#left #hours strong,
#left #hours p,
#hours-top-sp strong,
#hours-top-sp p{
	display:block;
	font-size:20px;
	font-size:2rem;
	font-weight:700;
	text-align:center;
}

#left #hours p,
#hours-top-sp strong{
	color:#F60;
	word-break:break-all;
}

#left #hours span,
#hours-top-sp span{
	display:block;
	padding-left:1em;
	text-indent:-1em;
	font-size:12px;
	font-size:1.2rem;
}

#left #news{
	margin:10px;
	font-size:13px;
	font-size:1.3rem;
}

#left #news dl{
	margin-top:20px;
}

#left #news dl dt{
	position:relative;
	font-weight:700;
	color:#ff0000;
}

#left #news dl dt.new::after{
	content:"NEW";
	position:absolute;
	top:0;
	right:0;
	padding:0 3px;
	background-color:#333;
	border-radius:3px;
	font-size:11px;
	font-size:1.1rem;
	color:#fff;
}

#left #news dl dd{
	margin-bottom:10px;
	padding:0 0 10px;
	border-bottom:1px dotted #89835F;
	font-size:13px;
	font-size:1.3rem;
}

#left #news dl dd:last-child{
	border-bottom:none;
}

#left #news a.more{
	background-color:#333;
	padding:5px;
	color:#fff;
	text-align:center;
	display:block;
	border-radius:5px;
}

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

#contents #left{
	width:25%;
}

#contents #main{
	width:75%;
}

.ttl-panel .ttl-panel-in h2{
	font-size:16px;
	font-size:1.6rem;
}

.ttl-panel .ttl-panel-in h2 span{
	font-size:13px;
	font-size:1.3rem;
}

#left #hours strong,
#left #hours p,
#hours-top-sp strong,
#hours-top-sp p{
	font-size:16px;
	font-size:1.6rem;
}

}

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

#contents #left{
	float:none;
	width:100%;
	order:2;
	-webkit-order:2;
}

#contents #main{
	float:none;
	width:100%;
	border-left:none;
	order:1;
	-webkit-order:1;
}

.ttl-panel{
	display:none;
}

#main .ttl-panel{
	display:inherit;
	padding:0;
}

#main .ttl-panel .ttl-panel-in{
	border:none;
}

#left #hours span,
#hours-top-sp span{
	padding-left:0;
	text-indent:0;
	text-align:center;
}

#left #news{
	/*display:none;*/
    /* ib 2020.06.29 */
}

#left .hours-top{
	display:none;
}

#hours-top-sp{
	display:inherit;
}

}


/*---
top
---*/

/* ib 2020.06.29 */
#left #medical-top-sp{
    display: none;
}
/* /ib 2020.06.29 */

/* ib 2020.06.29 */
#main #medical,
#left #medical-top-sp{
	position:relative;
	margin:20px 10px 10px;
	padding:0 5px 10px;
	border:1px solid #C2689E;
}

#main #medical p,
#left #medical-top-sp p{
	position:relative;
	top:-10px;
	background-color:#fff;
	font-size:13px;
	font-size:1.3rem;
	color:#C2689E;
	text-align:center;
}

#main #medical p strong,
#left #medical-top-sp p strong{
	font-weight:700;
}

#main #medical p br,
#left #medical-top-sp p br{
	display:none;
}

#main #medical ul li,
#left #medical-top-sp ul li{
	display:inline-block;
}

#main #medical p.clinic,
#left #medical-top-sp p.clinic{
	position:relative;
	top:0;
	background-color:none;
}
/* /ib 2020.06.29 */

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

/* ib 2020.06.29 */
#main #medical p,
#left #medical-top-sp p{
	top:0;
	padding:10px 0;
}

#main #medical p strong,
#left #medical-top-sp p strong{
	display:block;
}

#main #medical ul li,
#left #medical-top-sp ul li{
	display:block;
}

#main #medical ul li:nth-child(n+2),
#left #medical-top-sp ul li:nth-child(n+2){
	margin-top:10px;
}

#main #medical ul li img,
#left #medical-top-sp ul li img{
	display:block;
	margin:0 auto;
}
/* /ib 2020.06.29 */

}

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

#contents #main #main-visual img{
	margin:0 auto;
}

/* ib 2020.06.29 */
#main #medical{
    display: none;
}
#left #medical-top-sp{
    display: block;
}
/* /ib 2020.06.29 */

#main #medical p br,
#left #medical-top-sp p br{
	display:block;
}

}

/*---
lower
---*/

#contents #lower{
	padding:20px;
}


/* ib 2020.06.29 */
#left .link{
    width: 205px;
    margin: 2rem auto;
}
#left .link a,
#left .link a:link{
    text-decoration: none;
    display: block;
    opacity: 1;
    transition: 0.3s;
}
#left .link a:hover{
    opacity: 0.6;
}
#left .link img{
    margin: 0 auto 1rem;
}
/* /ib 2020.06.29 */


/*---
news
---*/


.page-news dl#news-list dt{
	position:relative;
	font-weight:700;
	color:#ff0000;
}

.page-news dl#news-list dt.new::after{
	content:"NEW";
	position:absolute;
	top:0;
	right:0;
	padding:0 3px;
	background-color:#333;
	border-radius:3px;
	font-size:11px;
	font-size:1.1rem;
	color:#fff;
}

.page-news dl#news-list dd{
	margin-bottom:10px;
	padding:0 0 10px;
	border-bottom:1px dotted #89835F;
}

.page-news dl#news-list dd:last-child{
	border-bottom:none;
}

.page-news .pager{
	overflow:hidden;
	position:relative;
}

.page-news .pager ul{
	position:relative;
	left:50%;
	float:left;
}

.page-news .pager ul li{
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:5px;
	padding:3px 10px;
	border:1px solid #ddd;
	border-radius:5px;
}

.page-news .pager ul li a{
	display:block;
}

.page-news .pager li.current{
	padding:3px 10px;
	background-color:#E56CA5;
	color:#fff;
}

/*---
news detail
---*/

#news-detail #ttl{
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
	padding-bottom:20px;
}

#news-detail #ttl p{
	float:left;
	padding:2px 8px;
	background-color:#E56CA5;
	border-radius:3px;
	color:#fff;
	width:6em;
}

#news-detail #ttl h2{
	padding-left:6em;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
}

.btn-news a{
    position:relative;
    display:inline-block;
	float:right;
	margin-top:20px;
    padding:5px 10px;
	background-color:#333;
	border-radius:5px;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
}

ul#pdflink{
	clear:both;
	display:block;
	margin-top:20px;
}

#pdflink li{
	background:url(../img/news/icon_pdf.jpg) left 3px no-repeat;
	padding-left:20px;
}

#pdflink li:nth-child(n+2){
	margin-top:10px;
}

/* pattern1_6 */

#pattern1 #text,
#pattern2 .pic,
#pattern3 #text,
#pattern4 .pic{
	margin-top:20px;
}

#pattern1 .pic img,
#pattern2 .pic img{
	margin:0 auto;
}

#pattern3 .pic li,
#pattern4 .pic li{
	float:left;
	width:48%;
	margin-right:4%;
}

#pattern3 .pic li:nth-child(even),
#pattern4 .pic li:nth-child(even){
	margin-right:0;
}

#pattern3 .pic li:nth-child(n+3),
#pattern4 .pic li:nth-child(n+3){
	margin-top:4%;
}

#pattern5 .pic,
#pattern6 #text{
	float:left;
	width:48%;
	margin-right:4%;
}

#pattern5 #text,
#pattern6 .pic{
	float:right;
	width:48%;
}

#pattern5 .pic li:nth-child(n+2),
#pattern6 .pic li:nth-child(n+2){
	margin-top:20px;
}

#pattern1 #text strong,
#pattern2 #text strong,
#pattern3 #text strong,
#pattern4 #text strong,
#pattern5 #text strong,
#pattern6 #text strong{
	font-weight:700 !important;
}

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

    
/* ib 2020.06.29 */
#left .link{
    width: 90%;
}
#left .link img{
    
}
/* /ib 2020.06.29 */


}

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

/* ib 2020.06.29 */
#left .link{
    width: 64.065%;
}
#left .link img{
    
}
/* /ib 2020.06.29 */

#news-detail #ttl{
	margin-bottom:10px;
	padding-bottom:10px;
}

#news-detail #ttl p{
	float:none;
	display:inline-block;
	width:auto;
}

#news-detail #ttl h2{
	margin-top:10px;
	padding-left:0;
	font-size:16px;
	font-size:1.6rem;
}

#pattern3 .pic li,
#pattern4 .pic li{
	float:none;
	width:100%;
	margin-right:0;
}

#pattern3 .pic li:nth-child(n+2),
#pattern4 .pic li:nth-child(n+2){
	margin-top:4%;
}

#pattern5 .pic,
#pattern6 #text,
#pattern5 #text,
#pattern6 .pic{
	float:none;
	width:100%;
	margin-right:0;
}

#pattern5 #text{
	margin-top:20px;
}

}

/*---
floorguide
---*/

.page-floorguide h3{
	margin-top:40px;
}

.page-floorguide h4{
	margin:20px 0 10px;
}

.page-floorguide img{
	margin:20px auto 0;
}

.page-floorguide strong.hours{
	display:block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	line-height:1;
}

.page-floorguide span{
	font-size:12px;
	font-size:1.2rem;
}

.page-floorguide p.pet{
	margin-top:20px;
}

.page-floorguide dl{
	width:100%;
	overflow:hidden;
	margin-top:10px;
	background:#fff;
	border:1px solid #ddd;
	border-top:none;
}

.page-floorguide dl dt{
	width:30%;
	float:left;
	padding:10px;
	border-top:1px solid #ddd;
}

.page-floorguide dl dd{
	width:70%;
	float:left;
	padding:10px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	background:#fff;
}

ul.floor-nav:last-child{
	text-align:right;
}

ul.floor-nav li{
	display:inline-block;
	padding:0 10px;
	border-right:1px solid #333;
}

ul.floor-nav:last-child{
	margin-top:20px;
}

ul.floor-nav li:last-child{
	border-right:none;
}

.floor-ttl{
	position:relative;
	margin-bottom:20px;
	border-bottom:3px solid #FACD89;
}

.floor-ttl p{
	font-family: 'PT Serif', serif;
	font-weight:400;
	font-style:italic;
	font-size:30px;
	font-size:3.0rem;
	color:#ccc;
	line-height:1;
}

.floor-ttl p:first-letter{
	font-size:40px;
	font-size:4.0rem;
}

.floor-ttl ul{
	position:absolute;
	top:30%;
	right:0;
}

.floor-ttl ul li{
	display:inline-block;
	margin-right:15px;
	font-size:12px;
	font-size:1.2rem;
}

.floor-ttl ul li:last-child{
	margin-right:0;
}

ul.floor-shop{
	margin-top:20px;
}

ul.floor-shop li{
	margin-top:5px;
	padding-left:1.4em;
	text-indent:-1.4em;
}

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

.floor-ttl ul li:nth-child(1)::before,ul.floor-shop li.food::before{color:#FFE67A;}
.floor-ttl ul li:nth-child(2)::before,ul.floor-shop li.goods::before{color:#DAE24A;}
.floor-ttl ul li:nth-child(3)::before,ul.floor-shop li.fashion::before{color:#F9D2D4;}
.floor-ttl ul li:nth-child(4)::before,ul.floor-shop li.service::before{color:#91D2E5;}
.floor-ttl ul li:nth-child(5)::before,ul.floor-shop li.eatin::before{color:#EF845D;}

.floor-ttl ul li:nth-child(1)::before,
.floor-ttl ul li:nth-child(2)::before,
.floor-ttl ul li:nth-child(3)::before,
.floor-ttl ul li:nth-child(4)::before,
.floor-ttl ul li:nth-child(5)::before{
	content:"■";
	margin-right:5px;
}

ul.floor-shop li.food::before,
ul.floor-shop li.goods::before,
ul.floor-shop li.fashion::before,
ul.floor-shop li.service::before,
ul.floor-shop li.eatin::before{
	content:"◆";
	margin-right:5px;
}

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

.page-floorguide dl{
	border:none;
}

.page-floorguide dl dt,
.page-floorguide dl dd{
	width:100%;
	float:none;
	border-left:none;
	border-top:none;
}

.page-floorguide dl dt{
	background-color:#eee;
}

.floor-ttl ul{
	position:relative;
	margin-bottom:10px;
}

}

/*---
shopguide
---*/

.page-shopguide .tax{
	margin-top:20px;
}

.shop-box-in{
	padding:10px;
	background-color:#F3F3F3;
	margin-top:20px;
} 

.shop-box-in ul li:nth-child(1){
	display:block;
	margin-bottom:10px;
	border-bottom:2px solid #e56ca5;
}

.shop-box-in ul li:nth-child(2){
	float:left;
	width:10%;
}

.shop-box-in ul li:nth-child(3){
	float:right;
	width:88%;
}

.shop-box-in .shop-box{
	width:88%;
	padding:0;
	margin-left:12%;
	background-color:none;
}

.shop-box{
	padding:10px;
	background-color:#F3F3F3;
	margin-top:20px;
}

.shop-box ul li:nth-child(1){
	display:block;
	margin-bottom:10px;
	border-bottom:2px solid #e56ca5;
}

.shop-box-in .shop-box ul li:nth-child(1){
	border-bottom:2px solid #399;
}


.shop-box ul li:nth-child(2){
	float:left;
	width:30%;
}

.shop-box-in ul li:nth-child(2) img,
.shop-box ul li:nth-child(2) img{
	margin:0 auto;
}

.shop-box ul li:nth-child(2) img:last-child{
	margin-top:10px;
}

.shop-box ul li:nth-child(3){
	float:right;
	width:68%;
}

.shop-box-in dl,
.shop-box dl{
	margin-top:10px;
	padding-top:10px;
}

.shop-box-in dl{
	border-top:1px solid #e56ca5;
}

.shop-box-in > .shop-box dl{
	border-top:1px dotted #399;
}

.shop-box dl{
	border-top:1px dotted #e56ca5;
}

.shop-box-in dl dt,
.shop-box dl dt{
	float:left;
	width:auto;
	margin:0 0 4px 0;
	padding:0;
}

.shop-box-in dl dd,
.shop-box dl dd{
	margin:0 0 4px 130px;
	word-break:break-all;
}

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

.shop-box-in .shop-box{
	width:100%;
	margin-left:0;
}

.shop-box-in ul li:nth-child(2),
.shop-box-in ul li:nth-child(3),
.shop-box ul li:nth-child(2),
.shop-box ul li:nth-child(3){
	float:none;
	width:100%;
}

.shop-box-in ul li:nth-child(3),
.shop-box ul li:nth-child(3){
	margin-top:10px;
}

.shop-box-in dl,
.shop-box dl{
	border-top:none;
	margin-top:0;
	padding-top:0;
}

.shop-box-in dl dt,
.shop-box dl dt{
	float:none;
	background-color:#fff;
	margin:10px 0 5px;
	padding:3px 5px;
}

.shop-box-in dl dd,
.shop-box dl dd{
	margin:0;
}

}

/*---
access
---*/

.page-access .access-map{
	text-align:center;
	margin-bottom:20px;
}

.page-access .access-map img{
	margin:0 auto;
}

.page-access .access-map p{
	margin-top:10px;
}

.page-access h4{
	margin-top:20px;
	margin-bottom:10px;
}

.page-access strong{
	color:#039;
	font-weight:bold;
}

.page-access strong.strong2{
	display:block;
	margin-top:20px;
}

.page-access table tr th,
.page-access table tr td{
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}

.page-access table. tr td a{
	text-decoration:underline;
}

.page-access table tr th{
	width:22%;
	vertical-align:middle;
	color:#F282B1;
	font-weight:700;
}



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

.page-access .access-left,
.page-access .access-right{
	float:none;
	width:100%;
}

}

/*---
aboutus
---*/

.page-aboutus h3:nth-child(n+2){
	margin-top:40px;
}

.page-aboutus dl{
	margin-top:20px;
}

.page-aboutus dl dt{
	float:left;
	width:auto;
	margin:0 0 15px 0;
	padding:0;
}

.page-aboutus dd{
	margin:0 0 15px 120px;
	word-break:break-all;
}

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

.page-aboutus dl dt{
	float:none;
	background-color:#f3f3f3;
	margin:15px 0 5px;
	padding:5px;
}

.page-aboutus dl dd{
	margin:0;
}

}