@charset "UTF-8";

/* html,body{ overflow-x:hidden; height:100%; font-family:Hiragino Kaku Gothic W3 JIS2004; line-height:1.8;} */
html,body{ height:100%; font-family:Hiragino Kaku Gothic W3 JIS2004; word-break: break-all;}
body{ font-size:93%;}
#maincontents{ margin-top:85px; padding-top:3em;}
.btn-lg, .btn-group-lg > .btn{ padding:1rem 3rem; font-size:116%;}
.btn-lg i{ margin-left:1em;}
@media (max-width: 992px) {
	#maincontents{ margin-top:0; padding-top:0;}
}
@media (min-width: 768px) and (max-width: 992px) {
	#maincontents{ margin-top:147px; padding-top:0;}
}
@media (min-width: 577px) and (max-width: 767px) {
	#maincontents{ margin-top:135px; padding-top:0;}
}
@media (max-width: 576px) {
	#maincontents{ margin-top:137px; padding-top:0;}
	.btn-lg, .btn-group-lg > .btn{ padding:1rem 2rem;}
}
@media(min-width: 768px){
	a[href^="tel:"]{ pointer-events: none;}
	.text-center-md{ text-align:center;}
}


.display-period {display:none;}
.inlineblock{ display:inline-block;}

.gutters-05{ margin-right:-0.5em; margin-left:-0.5em;}
.gutters-05 > .col,.gutters-05 > [class*="col-"] { padding-right:0.5em; padding-left:0.5em;}

a.bannertxtlink{ color:#000; text-decoration:none; transition-duration:0.3s; text-align:center; display:block;}
a.bannertxtlink:hover{ opacity:0.5; transition-duration:0.3s;}
a.bannertxtlink img{ display:block; margin-bottom:0.3em;}


@media (max-width: 576px) {
	.no-gutters-md {
	  margin-right: 0;
	  margin-left: 0;
	}

	.no-gutters-md > .col,
	.no-gutters-md > [class*="col-"] {
	  padding-right: 0;
	  padding-left: 0;
	}
}


.container-small{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-small{
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-small{
    max-width: 720px;
  }
}




/******************************************************************/
/* HEADER */
/******************************************************************/
h1{ margin:0; padding:0; font-size:1em;}
.navbar{ padding:0.5em 2em;}
.navbar-light{ border-bottom:1px solid #CCC;}
.navbar-brand{ padding:0; margin-right:0;}
.navbar-brand img{ max-height:85px;}
.navbar-toggler{ border:none; padding:0; font-size:85%;}
.navbar-light .navbar-toggler-icon{ font-size:197%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); display:block;}
ul.iconmenu_pc{ margin:0.2em 0 0 0; padding:0; list-style:none; line-height:1.6; float:left;}
ul.iconmenu_pc li{ display:inline-block; text-align:center; font-size:69%; margin-left:1.6em;}
ul.iconmenu_pc li a{ color:#666; text-decoration:none;}
ul.iconmenu_pc li img{ display:block; margin:0 auto 0.1em auto; height:45px;}
ul.iconmenu_pc li i{ display:block; font-size:229%; margin-bottom:0.1em;}
.event i{ color:#0066cc;}
.shopguide i{ color:#ee8002;}
.floormap i{ color:#93c901;}
.access i{ color:#c6a187;}
.shopnews i{ color:#85459f;}
.culture i{ color:#5C1B44;}
.hoshiplazanews i{ color:#ffdc00;}
.webshopping i{ color:#fc76a9;}
/*
#sidebarMenu{ height:100%; overflow:scroll; position:fixed; top:101px; right:0; width:300px; transform: translateX(300px); transition: transform 300ms ease-in-out; background:#FFF;}
 */
#sidebarMenu{ height:100%; overflow:scroll; position:fixed; top:105px; right:0; width:100%; transform: translateX(100%); transition: transform 300ms ease-in-out; background-color: rgba(0,0,0,0.6); text-align:center;}
/*
#sidebarMenu div.smenucontents{ position:absolute; top:0; right:0; width:350px; background:#FFF; overflow-x:hidden; padding-bottom:90px;}
*/
#sidebarMenu div.smenucontents{ position:absolute; top:0; right:0; width:350px; background:#FFF; overflow-x:hidden; padding:15px 0 40px 0;}
#sidebarMenu a{ text-decoration:none; display:block; color:#000;}
.sideiconmenu{ text-align:center;}
.sideiconmenu i{ display:block; font-size:261%; margin-bottom:0.1em;}
.sideiconmenu a{ color:#888; border-left:1px solid #CCC; border-bottom:1px solid #CCC; padding:1em 0; font-size:85%;}
input[type=checkbox]:checked ~ #sidebarMenu{ transform:translateX(0);}
input[type=checkbox] { transition:all 0.3s; box-sizing:border-box; display:none;}
.sidebarIconToggle{ display:none;}
/*
.sidebarIconToggle{ transition:all 0.3s; box-sizing:border-box; cursor:pointer; z-index:99; height:46px; width:46px; padding-top:0.9em; text-align:center;}
.sidebarIconToggle small{ font-size:77%; color:#666;}
*/
.smenutab .nav-link{ position:relative; display:inline-block; padding:0.5em 0; background:#999; border-radius:0; color:#FFF; border:0; width:50%;}
.smenutab .nav-link.active,.smenutab .show > .nav-link{ color:#fff; background:#004EA2;}
.smenutab .nav-link.active:before{ content:""; position:absolute; top:100%; left:50%; margin-left:-10px; border:10px solid transparent; border-top:10px solid #004EA2;}
.smenutitle{ background:#666; color:#FFF; padding:0.5em;}
.orikomibanner{ margin:1em;}
.orikomibanner img{ border:1px solid #CCC;}
.spinner{ transition:all 0.3s; box-sizing:border-box; position:absolute; height:2px; width:76%; background:#172A88; margin-left:12%;}
.horizontal{ transition:all 0.3s; box-sizing:border-box; position:relative; float:left; margin-top:13px;}
.diagonal.part-1{ position:relative; transition:all 0.3s; box-sizing:border-box; float:left;}
.diagonal.part-2{ transition:all 0.3s; box-sizing:border-box; position:relative; float:left; margin-top:12px;}
/*
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal{ transition:all 0.3s; box-sizing:border-box; opacity:0;}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1{ transition:all 0.3s; box-sizing:border-box; transform:rotate(135deg); margin-top:12px;}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2{ transition:all 0.3s; box-sizing:border-box; transform: rotate(-135deg); margin-top:-14px; margin-bottom:12px;}
 */
.ic_line,.ic_facebook,.ic_twitter{ line-height:1.3; text-align:center;}
.ic_line span,.ic_facebook span,.ic_twitter span{ color:#888; font-size:69%;}
.ic_facebook i,.ic_twitter i{ font-size:213%;}
.ic_line{ font-size:161%; white-space:nowrap;}
.ic_line a{ color:#00b900;}
.ic_facebook a i{ color:#4267b2;}
.ic_twitter a i{ color:#1da1f2; display:block;}
ul.guidemenu{ margin:0; padding:0; list-style:none;}
ul.guidemenu li{ border-bottom:1px solid #CCC;}
ul.guidemenu li a{ color:#888; padding:0.5em 1em;}
ul.guidemenu li a:before{ font-family: FontAwesome; content:'\f105'; color:#888; float:right;}
.ft_spmenu{ display:none;}
.smenuicon_sp a{ text-align:center; display:block; font-size:69%; margin-top:2em;}
.smenuicon_sp a img{ display:block; margin:1em auto 0.5em auto;}
.smenutxtmenu{ font-size:1.1em;}
.smenutxtmenu a{ display:block; color:#172A88!important; margin-bottom:1em;}
.smenutxtmenu a span{ border-bottom:2px solid #172A88; padding:0 0.8em 0.2em 0.8em;}
@media (max-width: 320px) {
	.ft_spmenu a{ font-size:85%;}
	.navbar-brand img{ max-height:45px;}
}
@media (max-width: 576px) {
	h1{ font-size:0.85em!important;}
	.navbar { padding:0.5em 0;}
	.navbar-brand img{ height:67px;}
/*
	.sidebarIconToggle{ padding-top:0.5em;}
*/
	#sidebarMenu{ top:113px;}
	#sidebarMenu div.smenucontents{ width:100%;}
	.ft_spmenu{ display:block; background:#023887; z-index:99;}
	.ft_spmenu:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
	.ft_spmenu div{ border-right:1px solid #FFF;}
	.ft_spmenu a{ display:block; color:#FFF; font-family:Hiragino Kaku Gothic W6 JIS2004; padding:0.5em 0; text-align:center;}
	.ft_spmenu a:after{ font-family: FontAwesome; content:'\f105'; color:#FFF; margin-left:0.2em; font-size:131%;}
}
@media (min-width: 577px) and (max-width: 767px) {
	.navbar-brand img{ max-height:70px;}
	#sidebarMenu{ top:123px;}
}
@media (max-width: 767px) {
	.sidebarIconToggle{ display:inline-block; transition:all 0.3s; box-sizing:border-box; cursor:pointer; z-index:99; height:46px; width:46px; padding-top:0.5em; text-align:center;}
	.sidebarIconToggle small{ font-size:77%; color:#666;}
}

@media (min-width: 768px) and (max-width: 992px) {
	.navbar-brand img{ max-height:52px;}
	.navbar{ padding:1em 0em;}
	.sidebarIconToggle{ padding-top:0.7em;}
	#sidebarMenu{ top:138px;}
	#sidebarMenu div.smenucontents{ padding-bottom:110px;}
	ul.iconmenu_pc li{ margin-left:0.4em;}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.navbar-brand img{ max-height:70px;}
}


/******************************************************************/
/* FOOTER */
/******************************************************************/
footer{ margin:3em 0 0.5em 0;}
.copyright{ font-size:77%; margin-top:4em;}
.sitename{ font-size:277%;}
.sitename img{ max-height:84px;}
#pagetopbox{ display:none; position:fixed; bottom:10px; right:10px; z-index:999999;}
#pagetopbox a{ display:block; background:#999; color:#FFF; padding:0.5em 1em;}
#pagetopbox a i{ font-size:197%;}
ul.ft_link{ margin:0 0 2em 0; padding:0;}
ul.ft_link li::before{ content:"・";}
ul.ft_link li{ display:block; margin-right:1em;}
ul.ft_link li a{ text-decoration:underline; color:#000;}
@media (max-width: 320px) {
	.sitename img{ max-height:55px;}
}
@media (max-width: 576px) {
	img.ftbanner{ height:80px;}
}
@media (max-width: 767px) {
	.sitename img{ max-width:340px;}
/*
	#pagetopbox{ bottom:55px; right:10px;}
*/
}


/******************************************************************/
/* COMMON */
/******************************************************************/
h2,h3,h4,h5{ font-family:Hiragino Kaku Gothic W3 JIS2004; line-height:1.5;}
.hd_centertitle{ text-align:center; font-size:153.9%; letter-spacing:0.1em;}
.hd_centertitle span{ display:block; margin-top:0.5em; font-size:53%; color:#AAA;}
.hd_borderbtm{ font-size:131%; border-bottom:2px solid #000; margin-top:2em; margin-bottom:1em; padding-bottom:0.5em; position:relative;}
.hd_borderbtm:before{ content:''; width:70px; height:2px; background-color:#00B2CE; display:block; position:absolute; left:0; bottom:-2px;}
.hd_bglblue{ background:#E9F5F7; font-size:131%; margin-bottom:1em; padding:0.5em;}
.hd_bglbluesmall{ background:#E9F5F7; font-size:108%; margin-bottom:1em; padding:0.5em;}
.breadcrumb{ padding:0 0 0.5em 0; background:#FFF; font-size:85%;}
.breadcrumb-item + .breadcrumb-item::before{ color:#AAA; content:">";}
.breadcrumb-item a,.breadcrumb-item.active{ color:#AAA;}
.marker_yellow{ background:linear-gradient(transparent 60%, #ffff66 60%);}
.fbcolor{ color:#4267b2;}
.twittercolor{ color:#1da1f2;}
.red,.red a{ color:#E20048;}
.blue,.blue a{ color:blue;}
.bg_character01{ background:url(../images/character01.png) left top/0% no-repeat; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.bg_character02{ background:url(../images/character02.png) right top/0% no-repeat; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
a img{ transition-duration:0.3s;}
a:hover img{ opacity:0.5; transition-duration:0.3s;}
.fontl{ font-size:131%;}
.uline{ border-bottom:1px solid #000;}
.txtbold{ font-family:Hiragino Kaku Gothic W6 JIS2004;}
ul.normallist{ margin:0 0 0 1em; padding:0;}
ul.komelist{ list-style:none; padding-left:1em; text-indent:-1em;}
ul.komelist > li:before{ content:"※";}
ul.checklist{ list-style:none; padding-left:1.5em; text-indent:-1.5em;}
ul.checklist > li:before{ margin-right:0.5em; font-family:FontAwesome; content:'\f046';}
ol.numcircle{ counter-reset:my-counter; list-style:none; padding:0;}
ol.numcircle li:before{ content:counter(my-counter); counter-increment:my-counter; display:block; float:left; text-align:center; height:19px; width:19px; border-radius:50%; border:1px solid #000;}
.ic_bgred{ background:#A91F24; color:#FFF; font-size:85%; padding:0.1em 0.5em; display:inline-block;}
@media (max-width: 576px) {
	.hd_centertitle{ font-size:138.5%;}
	.bg_character01{ background:url(../images/character01.png) left top 80px/0% no-repeat;}
}
@media (min-width: 768px) and (max-width: 992px) {
	.bg_character01{ background:url(../images/character01.png) left top 70px/0% no-repeat;}
}


form.formstyle label{ text-align:right;}
@media (max-width: 576px) {
	form.formstyle label{ text-align:left;}
}




/******************************************************************/
/* HOSHIPLAZA TOP */
/******************************************************************/
.hd_topcentertitle{ text-shadow: 0 0 5px white; padding: 0.3em 0.5em; background: -webkit-repeating-linear-gradient(-45deg, #E3F1FC, #E3F1FC 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #E3F1FC, #E3F1FC 3px,#e9f4ff 3px, #e9f4ff 7px); font-size:153.9%; text-align:center;}
.hd_topcentertitle span{ display:block; margin-top:0.5em; font-size:53%; color:#AAA;}

ul.slider{ margin:0; padding:0; list-style:none;}
.slick-slide{}
.slick-slide img{ width:90%; margin:0 5%;}
.slick-prev,.slick-next{ z-index:100; width:35px; height:35px;}
.slick-prev{ top:50%; left:50px;}
.slick-next{ top:50%; right:60px;}
.slick-prev:before,.slick-next:before{ color:#000; font-size:35px;}
.slick-slide{ transition:all ease-in-out .3s;}
/* 
.slick-slide{ transition:all ease-in-out .3s; opacity:.2;}
.slick-active{ opacity:.5;}
.slick-current{ opacity:1;}
 */
/*
.shopnewsimglist{ margin-bottom:2em; position:relative; overflow:hidden;}
.shopnewsimglist a{ color:#000; text-decoration:none; transition-duration:0.3s;}
.shopnewsimglist a:hover{ opacity:0.5; transition-duration:0.3s;}
.shopnewsimglist img{ width:100%; height:255px; object-fit:cover;}
.shopnewsimglist div{ position:absolute; bottom:5%; left:5%; font-size:85%; width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5;}
 */
.hoshinewslist{ border-top:1px solid #CCC; padding-top:1em; padding-bottom:1em;}
.hoshinewslist h3{ font-size:116%; color:#004EA2;}
.hoshinewslist.borderbtm{ border-bottom:1px solid #CCC;}
.hoshinewslist a{ color:#000; text-decoration:none; transition-duration:0.3s;}
.hoshinewslist a:hover{ opacity:0.5; transition-duration:0.3s;}
.hoshinewslist img{ width:100%; object-fit:scale-down;}
/*
.hoshinewslist img{ width:100%; height:160px; object-fit:cover; border:1px solid #CCC;}
 */
table.infotbl th{ white-space:nowrap;}
.facebook-wrapper{ max-width:500px; margin:0 auto;}
.facebook-wrapper > .fb-page{ width:100%;}
.facebook-wrapper > .fb-page > span,.facebook-wrapper iframe{ width:100% !important;}

h2.hd_shopinfo{ text-align:center; background:#172A88; border-radius:40px; padding-bottom:0.2em; margin-bottom:0.8em;}
h2.hd_shopinfo img{ height:30px;}
h2.hd_service{ text-align:center; background:#D3EDFB; border-radius:40px; padding-bottom:0.2em; margin-bottom:0.8em;}
h2.hd_service img{ height:30px;}

@media (max-width: 576px) {
	.slick-slide img{ width:100%; margin:0;}
	h2.hd_shopinfo img{ height:22px;}
	h2.hd_service img{ height:17px;}
}
@media (max-width: 767px) {
	.shopnewsimglist img{ height:165px;}
	.hoshinewslist img{ height:90px;}
	table.infotbl th span{ display:block;}
}
@media (min-width: 768px) and (max-width: 992px) {
	.slick-slide img{ width:98%; margin:0 1%;}
	.shopnewsimglist img{ height:150px;}
	.hoshinewslist img{ height:90px;}
}
@media (max-width: 992px) {
/* 
	.slick-prev:before,.slick-next:before{ display:none;}
 */
	.slick-prev{ top:50%; left:3%;}
	.slick-next{ top:50%; right:3%;}
	.slick-prev:before,.slick-next:before{ font-size:35px;}
	ul.thumb{ margin:1em 0 0 0; padding:0; list-style:none;}
	ul.thumb img{ width:98%; margin:0 1%;}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.shopnewsimglist img{ height:210px;}
	.hoshinewslist img{ height:130px;}
}


.topyoutube{ text-align:center;}
@media (max-width: 575.98px) {
	.topyoutube iframe{ height:106px;}
}
@media (min-width: 576px) {
	.topyoutube iframe{ height:135px;}
}

@media (min-width: 768px) {
	.topyoutube iframe{ height:84px;}
}

@media (min-width: 992px) {
	.topyoutube iframe{ height:118px;}
}

@media (min-width: 1200px) {
	.topyoutube iframe{ height:143px;}
}




/******************************************************************/
/* EVENT */
/******************************************************************/
.eventlist a{ color:#000; text-decoration:none; transition-duration:0.3s;}
.eventlist a:hover{ opacity:0.5; transition-duration:0.3s;}
.eventlist div{ margin-top:0.5em; margin-bottom:2em;}
.eventlist small{ font-size:85%; display:block;}
.eventlist img{ width:100%; height:255px; object-fit:cover;}
h3.eventtitle{ font-size:131%;}
@media (max-width: 767px) {
	.eventlist img{ height:165px;}
}
@media (min-width: 768px) and (max-width: 992px) {
	.eventlist img{ height:150px;}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.eventlist img{ height:210px;}
}


/******************************************************************/
/* SHOP GUIDE */
/******************************************************************/
.nav-pills .nav-link{ color:#000; font-size:116%;}
.nav-pills.shopguidemenu .nav-link.active,.nav-pills .show > .nav-link{ color:#fff; background:#ee8002;}
/*
.nav-pills .nav-link.active,.nav-pills .show > .nav-link{ color:#fff; background:#ee8002}
 */
.shoplist a{ color:#000; text-decoration:none;}
.shoptype{ margin:0.5em 0;}
.shoptype span{ background:#999; color:#FFF; padding:0.5em; font-size:85%;}
.shoparea{ margin-bottom:2em;}
.shoparea span{ border-bottom:1px solid #000; font-size:93%; padding-bottom:2px;}
.cocopoint{ background:#ffcd82; padding:1em 2em;}
.cocopoint .col{ background:#FFF; padding-top:1em;}
.cocopoint .col dl{ border:1px solid #ff6600;}
.cocopoint .col dl dt,.cocopoint .col dl dd{ padding:0.2em 1em;}
.cocopoint .col dl dt{ background:#ff6600; color:#FFF;}
.cocopoint .col dl dd h4{ color:#ff6600; margin-top:0.5em; font-size:138.5%;}
dl.cocofee{ margin:1.5em;}
dl.cocofee dt{ background:#a57515; color:#FFF; border-top:1px solid #FFF; padding-top:0.4em;}
dl.cocofee dd{ border-top:1px solid #a57515; padding-top:0.4em;}
dl.cocoqa dt{}
dl.cocoqa dd{ padding-bottom:0.5em; border-bottom:1px dashed #CCC; padding-left:1.5em; text-indent:-1.5em;}
dl.lbluefee{ margin:0;}
dl.lbluefee dt{ background:#E9F5F7; border-top:1px solid #FFF; padding-top:0.4em;}
dl.lbluefee dd{ border-top:1px solid #E9F5F7; padding-top:0.4em;}

@media (max-width: 767px) {
	.nav-justified .nav-item { flex-basis:auto;}
	dl.cocofee dt{ padding-top:0;}
}
@media (min-width: 768px) and (max-width: 992px) {
	dl.cocofee dt{ padding-top:0;}
}


/******************************************************************/
/* FLOORMAP */
/******************************************************************/
.nav-pills.floormapmenu .nav-link.active,.nav-pills .show > .nav-link{ color:#fff; background:#93c901;}


/******************************************************************/
/* ACCESS */
/******************************************************************/
.nav-pills.accessmenu .nav-link.active,.nav-pills .show > .nav-link{ color:#fff; background:#c6a187;}
.nav-pills.accessmenu .nav-link i{ margin-right:0.5em;}
.hd_access{ color:#c6a187; font-size:123.1%;}
.hd_access:before{ font-family: FontAwesome; content:'\f006'; color:#c6a187; margin-right:0.2em;}


/******************************************************************/
/* SHOP NEWS */
/******************************************************************/
.shopnewslist a{ color:#000; text-decoration:none; transition-duration:0.3s;}
.shopnewslist a:hover{ opacity:0.5; transition-duration:0.3s;}
.shopnewslist div{ margin-top:0.5em; font-size:85%;}
.shopnewslist small{ background:#999; color:#FFF; padding:0 0.5em; display:inline-block; margin-right:0.5em;}
.shopnewslist h3{ margin-top:0.5em; font-size:100%;}
.shopnewslist img{ border:1px solid #CCC; width:100%; height:255px; object-fit:scale-down;}
/*
.shopnewslist img{ border:1px solid #CCC; width:100%; height:255px; object-fit:cover; border:1px solid #CCC;}
 */
.shopnewsdetailimg{ text-align:center; border:1px solid #CCC;}
.shopnewsdetailbox{}
.shopnewsdetailbox a{ text-decoration:underline; color:#000;}
.shopnewsdetailbox small{ background:#999; color:#FFF; padding:0 0.5em; display:inline-block; margin-right:0.5em;}
.shopnewsdetailbox h3{ font-size:138.5%; color:#023887; border-bottom:2px solid #023887; margin:0.5em 0 1em 0; padding-bottom:0.2em;}
.shopname{ padding-left:1em;text-indent:-1em; font-size:100%;}
.shopname:before{ font-family: FontAwesome; content:'\f105'; margin-left:0.3em; margin-right:0.4em; color:#444;}
@media (max-width: 767px) {
	.shopnewslist img{ height:165px;}
	.shopnewsdetailbox{}
}
@media (min-width: 768px) and (max-width: 992px) {
	.shopnewslist img{ height:150px;}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.shopnewslist img{ height:210px;}
}


/******************************************************************/
/* HOSHIPLAZA NEWS */
/******************************************************************/
h3.hoshiplazanewstitle{ font-size:131%;}


/******************************************************************/
/* LINE */
/******************************************************************/
.hd_line{ color:#00b900; font-size:131%;}
.hd_line:before{ font-family: FontAwesome; content:'\f006'; color:#00b900; margin-right:0.2em;}


/******************************************************************/
/* SAISONCARD */
/******************************************************************/
.hd_saisontokuten{ color:#191D6A; margin-bottom:1em; font-size:153.9%;}
.hd_saisontokuten span{ margin-left:1em;}
.saisonpoint{ text-align:right;}
.saisonpoint span{ background:#D70051; border-radius:50%; color:#FFF; padding:1em 0.5em; font-size:116%; font-family:Hiragino Kaku Gothic W6 JIS2004; border:3px solid #FFF;}
.preferentialbox{ margin-bottom:4em;}
.preferentialbox h4{ margin:0.5em 0 0 0; color:#191D6A; font-size:116%;}
.preferentialbox .tokuten{ font-size:137%; font-family:Hiragino Kaku Gothic W6 JIS2004; color:#E20048;}
@media (max-width: 767px) {
	.hd_saisontokuten span{ margin-left:0; display:block;}
	.saisonpoint{ margin-bottom:3em;}
	.saisonpoint span{ padding:1.1em 0.5em;}
}

/******************************************************************/
/* SUPPORT */
/******************************************************************/
table.supporttbl{}
table.supporttbl th{ white-space:nowrap;}


/******************************************************************/
/* RECRUIT */
/******************************************************************/
table.recruittbl{}
table.recruittbl a{ color:#000; text-decoration:underline;}
table.recruittbl th{ white-space:nowrap;}
@media (max-width: 576px) {
	h3.recruittitle span{ display:block; margin-left:0; padding:0.5em 0 0 0;}
	table.recruittbl{ margin-top:2em;}
}


/******************************************************************/
/* TENANT */
/******************************************************************/
span.hissu{ color:#E20048; margin:0 0.5em;}



/******************************************************************/
/* ECO */
/******************************************************************/
/* MODAL */
img.video:hover{ cursor:pointer; cursor:hand;}
.close-button{ margin-top:2em;}
img.imgborder{ border:1px solid #CCC;}


/******************************************************************/
/* CULTURECENTER TOP */
/******************************************************************/
.culturecourseimglist{ margin-bottom:2em; overflow:hidden;}
.culturecourseimglist a{ color:#000; text-decoration:none; transition-duration:0.3s;}
.culturecourseimglist a:hover{ opacity:0.5; transition-duration:0.3s;}
.culturecourseimglist img{ width:100%; height:255px; object-fit:cover;}
.culturecourseimglist h3{ font-size:116%;}
.new{ background:#F9B700; margin-left:1em; color:#FFF; font-size:77%; padding:0.3em 0.5em;}
.monthly{ background:#00B2CE;}
.special{ background:#EE8395;}
.music{ background:#60C1BE;}
.hobby{ background:#EF7D3C;}
.f_arrange{ background:#85459f;}
.babykids{ background:#93c901;}
.language{ background:#c6a187;}

.cc_pink {background:#eb6da5;}
.cc_purple {background:#a588bd;}
.cc_green {background:#33b371;}
.cc_orange {background:#f8b62b;}
.cc_borange {background:#ea5432;}
.cc_blue {background:#8aa3d4;}
.cc_bblue {background:#0d6fb8;}




@media (max-width: 576px) {
	.slick-slide img{ width:100%; margin:0;}
}
@media (max-width: 767px) {
	.culturecourseimglist img{ height:165px;}
}
@media (min-width: 768px) and (max-width: 992px) {
	.culturecourseimglist img{ height:150px;}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.culturecourseimglist img{ height:210px;}
}


/******************************************************************/
/* CULTURECENTER */
/******************************************************************/
.hd_cculture{ color:#004098; font-size:123.1%;}
.hd_cculture:before{ font-family: FontAwesome; content:'\f006'; color:#004098; margin-right:0.2em;}
.infolist ul{ list-style:none; margin:0; padding:0;}
.infolist ul li{ margin-bottom:0.5em; padding:0; padding-left:1em; text-indent:-1em; font-size:116%;}
.infolist ul li:before{ font-family: FontAwesome; content:'\f0da'; margin-right:0.5em;}
.infolist ul li a{ color:#000;}
.infolist ul li span{ background:#b40c0c; color:#FFF; padding:0.4em 0.5em 0.4em 2em; font-size:77%; margin-left:0.5em;}


/******************************************************************/
/* COURSE */
/******************************************************************/
.culturecourse a{ color:#000; text-decoration:none;}
.coursetype{ margin:0.5em 0;}
.coursetype span{ color:#FFF; padding:0.5em; font-size:85%;}
.coursename{ padding-left:1em;text-indent:-1em; font-size:100%;}
.coursename:before{ font-family: FontAwesome; content:'\f105'; margin-left:0.3em; margin-right:0.4em; color:#444;}
.icon_dpurple{ background:#e4007d; color:#FFF; padding:0.2em 0.5em; margin-left:1em; font-size:77%; display:inline-block;}
@media (max-width: 767px) {
}


/******************************************************************/
/* MEMBER BENEFIT */
/******************************************************************/
dl.memberbenefit{ background:#FBFBFB; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border:1px solid #EEE; margin-top:2em;}
dl.memberbenefit dt{ text-align:center; border-bottom:3px solid #EE8395; color:#EE8395; font-size:131%; padding:0.3em 0.5em; font-family:Hiragino Kaku Gothic W6 JIS2004;}
dl.memberbenefit dt span{ background:#EE8395; color:#FBFBFB; font-size:69%; margin-left:0.5em; padding:0 0.3em;}
dl.memberbenefit dd{ text-align:center; padding:0.5em; font-size:131%;}
dl.memberbenefit dd strong{ font-size:138.5%; font-family:Hiragino Kaku Gothic W8 JIS2004; display:block;}
dl.memberbenefit dd strong small{ font-size:69%;}


/******************************************************************/
/* COURSETABLE */
/******************************************************************/
.cultureclosed{ border:1px solid #000; background:#dedede; margin-right:5px;}



/******************************************************************/
/* OPENING STORE */
/******************************************************************/
h2.hd_opningstore{ font-size:1.4em; letter-spacing:0.1em; text-align:center; background:#BAE3F9; margin-bottom:2em; padding:0.5em; border-radius:10px; font-family:Hiragino Kaku Gothic W6 JIS2004;}
div.titleimg{ text-align:center;}
div.marketingbox{ background:#e9edf7; padding:1em 2em 0 2em; border-radius:20px; font-size:1.4em;}
div.marketingbox h3{ font-size:1.2em; font-family:Hiragino Kaku Gothic W6 JIS2004;}
div.supportbox{ background:#edf5fc; padding:2em; border-radius:20px; font-size:1.2em;}
div.supportbox h3{ font-size:1.4em; font-family:Hiragino Kaku Gothic W6 JIS2004;}
.time-schedule{ list-style:none; margin:0 0 0 1em; padding:0; font-size:0.9em;}
.time-schedule li{ width:100%; margin:0; position:relative; border-left: 3px solid #000; padding:0 0 1em 1.5em;}
.time-schedule li:before{ content:""; position:absolute; left:-0.7em; top:0; background:#000; width:20px; height: 20px; border-radius:10px;}
.time-schedule li:nth-last-child(2):before{ background:red;}
.time-schedule li:last-child{ left:0.2em; border-left:none;}
.time-schedule .sch_title{ font-size:1.2em; margin-bottom:0.2em; font-family:Hiragino Kaku Gothic W6 JIS2004;}
.time-schedule li:nth-last-child(2) .sch_title{ color:red;}
a.btn_openingstore{ background:#036eb8; color:#FFF; font-size:1.5em; display:block; padding:0.8em 1em; text-align:center; border:solid 1px #eee; border-radius:10px; font-family:Hiragino Kaku Gothic W6 JIS2004;}
a.btn_openingstore:hover{ color:yellow; text-decoration:none;}
input.btn_openingstore{ background:#036eb8; color:#FFF; font-size:1.5em; display:block; padding:0.8em 1em; text-align:center; border:solid 1px #eee; border-radius:10px; font-family:Hiragino Kaku Gothic W6 JIS2004;}
input.btn_openingstore:hover{ color:yellow; text-decoration:none;}
@media (min-width: 992px) {
	div.titleimg{ text-align:right; margin-top:-5em;}
}
@media (max-width: 576px) {
	h2.hd_opningstore{ font-size:1.2em; text-align:left;}
	div.marketingbox{ padding:1em 1em 0 1em; font-size:1em;}
	div.marketingbox h3{ font-size:1.4em;}
	div.supportbox{ padding:1em; font-size:1em;}
}


/******************************************************************/
/* EVENTSAIJI */
/******************************************************************/
h2.hd_eventsaiji{ font-size:1.4em; letter-spacing:0.1em; text-align:center; background:#FFF8A5; margin:1em 0 2em 0; padding:0.5em; border-radius:10px; font-family:Hiragino Kaku Gothic W6 JIS2004;}
h2.hd_eventsaijide{ font-size:1.4em; letter-spacing:0.1em; background:#cbe198; margin:1em 0 2em 0; padding:0.5em; border-radius:10px; font-family:Hiragino Kaku Gothic W6 JIS2004;}
h2.hd_eventsaijide span{ padding:0.2em 0.6em; border:1px solid red; background:#FFF; color:red; display:inline-block; font-size:0.7em; font-family:Hiragino Kaku Gothic W3 JIS2004;}
div.jizenkokuchibox{ background:#feedcc; padding:2em; border-radius:20px; font-size:1.4em;}
div.jizenkokuchibox h3{ font-size:1.2em; font-family:Hiragino Kaku Gothic W6 JIS2004;}
div.rentalbox{ background:#fffcda; padding:2em; border-radius:20px; font-size:1.4em;}
div.rentalbox h3{ font-size:1.2em; font-family:Hiragino Kaku Gothic W6 JIS2004;}
@media (min-width: 992px) {
	h2.hd_eventsaijide span{ float:right;}
	div.titleimg01{ margin:-7.5em 0 0 2em;}
	div.titleimg02{ text-align:right; margin:-5.5em 2em 0 0;}
}
@media (max-width: 576px) {
	h2.hd_eventsaiji{ font-size:1.2em; margin:0 0 1em 0;}
	div.jizenkokuchibox,div.rentalbox{ padding:1em; font-size:1em;}
	div.jizenkokuchibox img,div.rentalbox img{ margin-top:1em;}
}



/******************************************************************/
/* 5％OFF */
/******************************************************************/
h4.apptitle{ border-bottom:3px solid #e9959e; padding-left:2em; text-indent:-2em;}
h4.apptitle:first-letter{ border-bottom:2px solid #e9959e; background:#e9959e; color:#FFF; font-size:108%; padding:2px 8px;}
h4.apptitle strong{ color:#046cb5;}
dl.appdlist dt{ color:#046cb5; font-size:116%; margin-top:1em;}
dl.appdlist dt.dtpink{ color:#e9959e;}
dl.appdlist dd{ margin:0 0 0 1.2em;}
@media (max-width: 576px) {
	h4.apptitle{ font-size:124%;}
}
.bubble08 {
position: relative;
display: inline-block;
width: 200px; 
text-align: center;
padding: 25px;
background-color: #FFF;
border: #000 solid 4px;
}
.bubble08:before {
content: '';
position: absolute;
display: block;
z-index: 1;
border-style: solid;
border-color: #FFF transparent;
border-width: 25px 25px 0 0;
bottom: -16px;
left: 50%;
margin-left: -10px;
}
.bubble08:after
{
content: '';
position: absolute;
display: block;
z-index: 0;
border-style: solid;
border-color: #000 transparent;
border-width: 25px 25px 0 0;
bottom: -25px;
left: 50%;
margin-left: -14px;
}
span.midashi {background:linear-gradient(transparent 60%, #ffff66 0%); display:inline-block;}



/******************************************************************/
/* GURUGURU */
/******************************************************************/
.containerguruguru{ width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;}
@media (min-width: 576px){.containerguruguru{ max-width:540px;}}
@media (min-width: 768px){.containerguruguru{ max-width:720px;}}
@media (min-width: 992px){.containerguruguru{ max-width:720px;}}
@media (min-width:1200px){.containerguruguru{max-width:960px}}
@media (min-width:1400px){.containerguruguru{max-width:960px}}
.gurugurukochira{ border-top:1px dashed #014099; border-bottom:1px dashed #014099; color:#014099; padding:0.5em; text-align:center;}
.gurugurukochira:before{ font-family: FontAwesome; content:'\f005'; color:#266ccf; font-size:0.5em; margin-right:1.5em; vertical-align: middle;}
.gurugurukochira:after{ font-family: FontAwesome; content:'\f005'; color:#266ccf; font-size:0.5em; margin-left:1.5em; vertical-align: middle;}
.gurugurukochira strong{ background:linear-gradient(transparent 60%, #fae279 60%); padding:0 0.5em;}
.scotchtape { background-color:rgb(255,241,195); /* 背景色 */ position:relative;}
.scotchtape::before{ content:""; display:block; width:70px; height:30px; background-color: rgba(0,64,153,.9); /* セロテープ部分背景色 */ background-image:radial-gradient(white 20%, transparent 0), radial-gradient(white 20%, transparent 0); background-position:0 0, 8px 8px; background-size:15px 15px; border-left:2px dotted rgba(0,0,0,.1); border-right:2px dotted rgba(0,0,0,.1); position:absolute; top:-15px; left:30px; -webkit-transform:rotate(-3deg); transform:rotate(-3deg);}
.balloon{ position:relative; display:inline-block; background:#fff3d1; padding:1em; width:100%;}
.balloon::before{ content:""; position:absolute; border:solid 12px transparent; border-top:solid 12px #fff3d1; top:100%; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.balloon p{ margin:0; padding:0;}
.gurugurushop{ position:relative; padding:3em 1em 1em 1em; border: solid 1px #000;}
.gurugurushop .box-title { position:absolute; display: inline-block; top:-1px; left:-1px; padding:0.3em 1.5em; background:#014099; color:#FFF;}
.gurugurushop h3{ font-size:1.5em; color:#014099;}
.gurugurushop h3 i{ margin-right:0.3em;}
.guruguruitem{ background:#F3F3F3;}
.guruguruitem h3{ font-size:1.2em; border-bottom:1px solid #000; padding-bottom:0.5em; margin-bottom:0.5em;}
.guruguruitem ul{ margin:0 0 0 1em; padding:0; list-style: circle;}
.guruguruitemname{ font-size:1.8em;}
.attention{ margin:2em 0; position:relative; display:inline-block; padding:0 2em; color:#014099; font-size:1.5em;}
.attention:before{ position:absolute; left:0; top:0; content:""; width:1px; height:100%; background:#014099; border-radius:3px; transform:rotate(-25deg);}
.attention:after{ position:absolute; content:""; right:0; top:0; width:1px; height:100%; background:#014099; border-radius:3px; transform:rotate(25deg);}
.attention strong{ background:linear-gradient(transparent 60%, #fae279 60%); padding:0 0.5em;}
a.backnumberbtn{ background:#ef8b34; border-radius:5px; color:#FFF; padding:0.7em 1.5em; font-size:1.3em;}
a.backnumberbtn i{ margin-left:0.5em;}
@media (max-width: 767px){
	.guruguruitemname{ font-size:1.4em;}
	.attention{ width:83%; padding:0 1em; font-size:1.2em;}
}
.hd_gurugurulink{ font-size:1.3em;}
a.gurugurulink{ display:block; position:relative;}
a.gurugurulink:hover{ background:#ef8b34; color:#FFF; text-decoration:none;}
a.gurugurulink::before{ content:""; display:block; padding-top:100%;}
a.gurugurulink img{ position:absolute; width:100%; height:100%; top:0; object-fit:cover;}
.ribbon-wrapper{ display:block; position:relative; box-sizing:border-box; margin-bottom:2em;}
.ribbon-content{ position:absolute; top:0; right:0; width:85px; height:85px; overflow:hidden;}
.ribbon{ display:inline-block; position:absolute; padding:5px 0; left:-24px; top:20px; width:160px; text-align:center; font-size:1.2em; line-height:16px; background:#ef8b34; color:#FFF; letter-spacing:0.05em; -webkit-transform:rotate(45deg); transform:rotate(45deg); box-shadow:0 0 0 2px rgb(239, 139, 52); border-top:dashed 1px rgba(255, 255, 255, 0.65); border-bottom:dashed 1px rgba(255, 255, 255, 0.65); z-index:999; font-family: "JKHandwriting Bold";}



/******************************************************************/
/* SDGs */
/******************************************************************/
div.sdgslist dl dd{ margin-bottom:1em;}
div.sdgslist dl dd img{ float:left; margin-right:1em;}
div.sdgslist dl dd a{ color:#000; text-decoration:underline;}
ul.list-bg_lgreen{ margin:0; padding:0; list-style:none;}
ul.list-bg_lgreen li{ padding:0.5em 1em;}
ul.list-bg_lgreen li:nth-child(odd){ background-color:#f4f7d6;}
@media (min-width: 768px){
	dl.sp-row{
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  margin-right: -15px;
	  margin-left: -15px;
	}
}
@media (max-width: 576px) {
	dl.sp-row dt{ padding-bottom:0.5em;}
	dl.sp-row dd{ padding-bottom:2em;}
}


/******************************************************************/
/* COMPANY */
/******************************************************************/
div.companytbl dl dt,div.companytbl dl dd{ border-top:1px solid #000; margin:0; padding:1em 2em;}
div.companytbl dl dt:first-of-type,div.companytbl dl dd:first-of-type{ border-top:none;}
div.companytbl dl dt{ text-align:right;}
@media (max-width: 576px) {
	div.companytbl dl dt,div.companytbl dl dd{ padding:1em;}
}