@charset "utf-8";

h1{
margin:0;
padding:0;
}

header h1{
width: 100%;
padding:5px 0 20px 20px;
background:#fff;
float:none;
z-index:30;
position:fixed;
border-bottom:solid 1px #ccc;
}

h1 img{
width:160px;
}

.facebook-mk{
 position:absolute;
 left:-70px;
 }

.facebook-mk img{
width:34px;
}

header{
width:100%;
margin-left:auto;
margin-right:auto;
padding-bottom:1px;
position:static;
top: 0; 
left: 0;
right: 0;
}

#head-in{
/* width:1096px; */
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
padding:0;
}

/* ヘッダのナビゲーション */
.main-navi{
position:fixed;
top:20px;
right:90px;
z-index:100;
}

.navi li{
display:inline-block;
text-align:center;
margin-right:20px;
}

.navi span{
  font-size: 11px;
  font-size: 1.1rem;
}

.navi a{
display:block;
line-height:1.2 !important;
color:#888;
}

.navi a:hover{
text-decoration:none;
color:#c03e5d;
}






/* ドロップダウン */


.navi {
  overflow: hidden;
  width: 380px;
  margin: 0 auto;
  padding: 0;
  display: flex;
}
.navi li {
  list-style: none;
}

.navi li a {
  display: block;
  width: 110px;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

.navi > .navi01{width:80px;}
.navi > .navi02{width:130px;}
.navi > .navi03{width:170px;}


.navi li ul {
  width: 110px;
  display: none;
  margin-left: 0px;
  position: absolute;
  padding:0;
  margin:0;
  margin-top:5px;
  border-top: 1px solid #ccc;
}
.navi > li li:hover > a {/*layer-2*/
  color: #337e4d;
  background: #f4f9f6;
}
.navi li ul li a {
  border-bottom: 1px solid #ccc;
  border-collapse:collapse !important;
  display:block;
  padding-top:15px;
  padding-bottom:15px;
  background:#fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}












/* ハンバーガーメニューのMENUの文字 */
.nav-menu{
position:absolute;
top:40%;
left:7px;
font-size:1.1rem;
}


/* ヘッダ検索 */
.search-box{
position:fixed;
top:20px;
right:570px;
z-index:100;
}

searchform {
  position: relative;
}
 
.searchfield {
  font-size: 14px;
  width: 240px;
  margin: 3px;
  padding: 5px 10px;
  border: solid 1px #bbb;
  border-radius: 20px;
  background-color: #fff;
}
 
.searchsubmit {
  font-family: FontAwesome;
   font-size: 18px; 
  font-size: 1.8rem;
  position: absolute;
  top: -4px;
  right: 20px;
  margin-top: 10px;
  padding: 0;
  cursor: pointer;
  color: #ccc;
  border: none;
  background: transparent;
}
 
.searchsubmit:hover {
  opacity: .6;
}



/* --------------------------
        ナビゲーションSP 
/*---------------------------*/
@media screen and (max-width: 767px) {

.navi {
  overflow: hidden;
  width: auto;
  margin: 0 auto;
  padding: 0;
  display: flex;
}

.navi li a {
display:inline-block;
  width: auto;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

.navi > .navi01{width:auto;}
.navi > .navi02{width:auto;}
.navi > .navi03{width:auto;}


.navi li{
display:inline-block;
text-align:center;
margin-right:20px;
}

.facebook-mk{
 position:absolute;
 left:-30px;
 }


.main-navi{
position:fixed;
top:12px;
right:45px;
}

.navi03{
display:none !important;
}

header h1{
padding:0px 0px 14px 10px;
border-bottom:solid 1px #ccc;
top:-19px;
}

h1 img{
margin-top:0 !important;
padding-top:0 !important;
width:80px;
height:auto;
}


.facebook-mk img{
width:20px;
}

.navi li{
  font-size: 1.0rem;
}

.navi li{
text-align:center;
margin-right:1.2rem;
}

/* ハンバーガーメニューのMENUの文字 */
.nav-menu{
display:none !important;
}

.drawer-hamburger {
  width: 4.0rem;
  height:30px !important;
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 10px;
}

.drawer-hamburger:hover {
  cursor: pointer;
  /*   background-color: transparent; */
}

.drawer-hamburger-icon {
  margin-top: 10px;
  margin-left:8px;
}
}

/* --------------------------
ハンバーガーメニュー内のレイアウト
/*---------------------------*/
.drawer-nav{
-webkit-overflow-scrolling: auto;
  overflow-scrolling: auto;
  overflow-y: scroll;
  }


.hmg-wrap{
padding:30px;
background:#ededed;

-webkit-overflow-scrolling: auto;
  overflow-scrolling: auto;
  overflow-y: scroll;
}

.hmg01{
display:inline-block;
margin-right:20px;
vertical-align:top !important;
min-width:170px;
}


.hmg01 .hmg-ttl{
background:#fff;
display:block;
border:solid 1px #ccc;
line-height:1.1;
width:10em;
text-align:center;
padding:0.5em 0;
margin-bottom:10px;
}

.hmg-li{
margin-bottom:5px;
line-height:1.2 !important;
}


/* --------------------------
ハンバーガーメニュー内のレイアウトSP
/*---------------------------*/

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

.hmg-wrap{
padding:10px 10px 10px 10px;
background:#ededed;
}

.hmg01{
display:inline-block;
margin-right:10px;
vertical-align:top !important;
margin-bottom:10px;
min-width:130px;
}


.hmg01 .hmg-ttl{
background:#fff;
display:block;
border:solid 1px #ccc;
line-height:1.1;
width:10em;
text-align:center;
padding:0.5em 0;
margin-bottom:10px;
font-size:1.3rem;
}

.drawer-menu-item {
  font-size: 1.3rem !important;  /* ハンバーガーメニュー内の文字の大きさ */
  display: block;
  padding: .20rem;
  text-decoration: none;
  color: #222;
}

.search-box-sp{
position:relative;
top:0px;
right:0px;
}

}


/* --------------------------
           フッター 
--------------------------*/
/* ----foot1------- */
#foot01{
background:#f2f1f1;
padding-top:20px;
padding-bottom:20px;
}

.foot-logo{
width:134px;
}

.foot01-ul li{
display:inline-block;
margin-right:15px;
}

/* ----foot2------- */
#foot02{
background:#fff;
padding-top:10px;
padding-bottom:10px;
}

.foot02-ul li{
display:inline-block;
margin-left:8px;
margin-right:8px;
}
/* ----foot3------- */

.foot03-ul li img{
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#foot03{
background:#f6e9e6;
padding-top:30px;
padding-bottom:60px;
}

.h-type01 .en02{
  font-size: 43px;
  font-size: 4.3rem;
  font-weight:normal !important;
  color:#cc1d65;
}

.h-type01-b .en02{
  font-size: 43px;
  font-size: 4.3rem;
  font-weight:normal !important;
  color:#36af84;
}



.sub-txt{
font-weight:normal;
  font-size: 14px;
  font-size: 1.4rem;
  display:inline-block;
  margin-left:30px;
  vertical-align:top !important;
  margin-top:24px;
}

.foot03-ul li{
display:inline-block;
margin-bottom:20px;
margin-right:19px;
}

.foot03-ul li:nth-child(4n){
margin-right:0 !important;
}
/* ----foot4------- */
#foot04{
background:#f2f1f1;
padding-top:58px;
padding-bottom:58px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}

.foot04-ul li{
display:inline-block;
margin-right:18px;
}

.foot04-ul li img{
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.foot04-ul li:nth-child(3n){
margin-right:0 !important;
}



/*
-----------------------------------------------
TAB 横
----------------------------------------------- */
@media (orientation: landscape) and (max-device-width: 1024px){
.foot04-ul02 li,
.foot03-ul li{
width:20% !important;
margin-right:6% !important;
}

.foot01-ul li img,
.foot03-ul li img,
.foot04-ul02 li img{
width:100% !important;
height:auto !important;
}

.foot01-ul li{
width:30% !important;
margin-right:3% !important;
}

}





/* --------------------------
           フッター TAB SP
/*---------------------------*/

/* ----foot1------- */
@media screen and (max-width: 768px) {
#foot01{
padding-top:15px;
padding-bottom:15px;
}

.foot01-ul li{
display:inline-block;
margin-right:0px;
}

.foot01-ul li{
width: 50%;
}
.foot01-ul li img{
width:96%;
}

/* ----foot2------- */
.foot02-ul li{
width:50%;
margin-left:0px;
margin-right:0px;
}

.foot02-ul li img{
width:90%;
}


/* ----foot3------- */
#foot03{
padding-top:15px;
padding-bottom:20px;
}

.foot03-ul-sp li{
display:inline-block;
margin-bottom:10px;
margin-right:3.5%;
}

.foot03-ul-sp li:nth-child(3n){
margin-right:0 !important;
}

.foot03-ul-sp li{
width:31%;
}

.foot03-ul-sp li img{
width:100%;
}


.foot03-ul-sp li img{
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}


/* ----foot4------- */
#foot04{
padding-top:15px;
padding-bottom:15px;
}

.foot04-ul-sp li{
display:inline-block;
margin-left:1%;
margin-right:1%;
}


.foot04-ul-sp li{
width:45%;
}

.foot04-ul-sp li img{
width:100%;
}

.foot04-ul-sp li img{
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

}

/* --------------------------
           フッター SP
/*---------------------------*/

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

.h-type01 .en02{
  font-size: 2.0rem;
}

.h-type01-b .en02{
  font-size: 2.0rem;
}

.sub-txt{
  font-size: 1.2rem;
  margin-left:10px;
  margin-top:8px;
}


}

/* --------------------------
       コンテンツ部分 
---------------------------*/
.pk{
border-bottom:solid 1px #ccc;
padding-top:0.8em;
padding-bottom:0.8em;
}

.pk-ul li{
line-height:1.3 !important;
display:inline-block;
}

.pk-ul li i{
margin-right:10px;
margin-left:10px;
}

.pk-ul li a{
color:#333 !important;
}

.pk-ul li a:hover{
text-decoration:underline !important;
}

/* --------------------------
コンテンツ部分 SP
---------------------------*/


@media screen and (max-width: 767px) {
.pk{
padding-top:0.4em;
padding-bottom:0.4em;
font-size:1.2rem;
}
}


/* --------------------------
        ページャー
---------------------------*/

.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}


/* --------------------------
             NEWS
---------------------------*/

.ttl-box{
padding-top:30px;
padding-bottom:30px;
background:#f4f3f3;
}

.area-name{
display:inline-block;
border:solid 1px #ccc;
line-height:1.0 !important;
padding:0.5em 1em;
background:#fff;
}

.h-type02{
font-size:34px;
font-size:3.4rem;
line-height:1.0;
}

.page-name{
}

.page-name-in{
font-size:43px;
font-size:4.3rem;
color:#36af84;
line-height:1.0 !important;
}

.page-name-span{
color:#c03e5d;
display:block;
}

.h-type03{
font-size: 30px;
font-size: 3.0rem;
color:#36af84;
border-bottom:solid 1px #36af84;
}

.date{
font-size:20px;
font-size:2.0rem;
line-height:1.0;
}

.article01{
margin:30px 0;
font-size:15px;
font-size:1.5rem;
}

.article01 p{
margin-top:15px;
}

.btn01{
font-size:16px;
font-size:1.6rem;
border:solid 1px #c03e5d;
line-height:1.0;
text-align:center;
}

.btn01 a{
padding:0.7em 1.5em;
display:block;
}

.btn01 a:hover{
text-decoration:none;
background-color:#fae9ee;
}


.btn01 .fa-lg{
font-size:1.2rem !important;
vertical-align:middle;
margin-right:8px;
}


.btn02{
font-size:18px;
font-size:1.8rem;
background:#36af84;
line-height:1.0;
text-align:center;
display:inline-block;
letter-spacing:5px;
}

.btn02 a{
padding:0.9em 2.4em;
display:block;
color:#fff;
}

.btn02 a:hover{
text-decoration:none;
background-color:#d76984;
}


.btn02 .fa-lg{
font-size:1.2rem !important;
vertical-align:middle;
margin-left:25px;
}







.pdf-link{
background:#fff;
line-height:1.0;
text-align:center;
display:inline-block;
border:solid 1px #c03e5d;
}

.pdf-link a{
padding:0.8em 1.2em;
display:block;
}

.pdf-link a:hover{
text-decoration:none;
background-color:#fdeeee;
}



/* --------------------------
     NEWS  SP
---------------------------*/

@media screen and (max-width: 767px) {
.page-name-in{
font-size:3.0rem;
}
.h-type02{
font-size:2.2rem;
line-height:1.3;
}

.ttl-box{
padding-top:15px;
padding-bottom:15px;
}

.h-type03{
font-size: 2.4rem;
}


.btn02{
font-size:1.6rem;
background:#36af84;
line-height:1.0;
text-align:center;
display:inline-block;
letter-spacing:0px;
}

.btn02 a{
padding:0.9em 2em;
display:block;
color:#fff;
}


.page-name-news{
width:100%;
}

.sp-width01{width:48% !important;}
.sp-width02{width:49% !important;margin-left:3% !important;}

.sp-width01-ver2{
width:49% !important;
margin-right:2%;
}

.bkn .sp-width01-ver2:last-child{
margin-right:0;
}


/* 追加2018.4.27 */

.p-lr15{
padding-left:15px !important;
padding-right:15px !important;
}

.m-lr15{
margin-left:15px !important;
margin-right:15px !important;
}

.sp-width03{width:39%;}
.sp-width04{width:58%;margin-left:3%;}

.sp-ttl-box{
padding-top:15px;
padding-bottom:15px;
background:#f4f3f3;
}

.side-logo{
margin-top:0 !important;
padding-top:0 !important;
}


.btn01{
font-size:1.3rem;
display:inline-block;
background:#fff;
}

.btn01 a{
padding:0.4em 1.0em;
}

.btn01 .fa-lg{
font-size:1.0rem !important;
margin-right:5px;
}


}

/* --------------------------
       NEWS一覧
---------------------------*/
.sub-name{
font-size:17px;
font-size:1.7rem;
line-height:1.0;
padding-top:15px;
}

.link-box a:hover{
text-decoration:none;
}


.link-box:hover{
background:#faebed;
}

/* --------------------------
       NEWS一覧 sp
---------------------------*/

@media screen and (max-width: 767px) {
.sub-name{
padding-top:0.5em;
font-size:1.5rem;
}

.list-page .col-sm-3{
padding:10px !important;
}

.list-page .col-sm-4{
padding:20px 10px !important;
}

}

/* --------------------------
       EVENT詳細
---------------------------*/
.event-date i{
vertical-align:baseline !important;
font-size:2.0rem;
}
.event-date {
font-size:20px;
font-size:2.0rem;
}

.event-ttl{
font-size:24px;
font-size:2.4rem;
color:#36af84;
border-bottom:solid 1px #36af84;
}

.event-article p{
font-size:15px;
font-size:1.5rem;
margin-bottom:15px;
line-height:1.9 !important;
}

.shusai{
display:inline-block;
vertical-align:top;
}

.shusaimei{
display:inline-block;
width:490px;
vertical-align:top;
}

.event-toi{
background:#eae8e8;
padding:20px;
}


/* --------------------------
       EVENT一覧 sp
---------------------------*/
@media screen and (max-width: 767px) {

.shusai{
display:block;
vertical-align:baseline;
}

.shusaimei{
display:block;
width:auto;
vertical-align:baseline;
}

}

/* --------------------------
       SHOP詳細
---------------------------*/
.shop-ttl-box{
border-bottom:solid 1px #ccc;
padding-bottom:15px;
}

.shop-g{
font-weight:bold;
font-size:16px;
font-size:1.6rem;
}

.shop-name{
font-size:24px;
font-size:2.4rem;
}



.shop-catch{
font-size:22px;
font-size:2.2rem;
/* color:#c03e5d; */
color:#36af84;
}


.shop-data dl{
border-bottom:solid 1px #ccc;
padding-top:15px;
padding-bottom:15px;
}

.shop-data dt{
/* width:15%; */
width:25%;
float:left;
}

.shop-data dd{
/* width:82%; */
width:72%;
float:right;
}

.sp-w45{
width:100%;
border:solid 1px #ccc;
}

.side-logo img{
border:solid 1px #ccc;
}


/* --------------------------
       SHOP詳細 SP
---------------------------*/
@media screen and (max-width: 767px) {
.shop-catch{
font-size:1.8rem;
}

.sp-w45{
width:45%;
float:left;
}

.shop-area-box-sp{
vertical-align:top;
display:inline-block;
float:right;
width:50%;
}

.shop-name{
font-size:2.0rem;
}

.shop-data dt{
width:23%;
}

.shop-data dd{
width:73%;
}

}



/* --------------------------
       SHOP一覧
---------------------------*/
.h-type04{
font-size:2.4rem;
}

.h-type04 span{
font-size:1.6rem;
}


.bdr01{
border:solid 1px #ccc !important;
}

/*   SHOPカテゴリー表示画面上部   */
.head-cate li{
display:inline-block;
margin-right:4px;
margin-bottom:5px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

.head-cate li:nth-child(4n) {
margin-right:0;
}



/*
-----------------------------------------------
TAB 横
----------------------------------------------- */
@media (orientation: landscape) and (max-device-width: 1024px){
.head-cate li{
width:20%;
}

.head-cate li img{
width:100% !important;
height:auto;
}
}



/* --------------------------
       SHOP一覧 TAB
---------------------------*/
@media screen and (max-width: 768px) {
.head-cate li{
width:20%;
}

.head-cate li img{
width:100% !important;
height:auto;
}
}




/* --------------------------
       SHOP一覧 SP
---------------------------*/

@media screen and (max-width: 767px) {
.head-cate{
padding-top:10px;
}

.head-cate li:nth-child(4n) {
margin-right:2% !important;
}

.head-cate li{
/* width:32.5%; */
width:48%;
margin-right:2%;
margin-bottom:4px;

}

.head-cate li img{
width:100%;
}


.h-type04{
font-size:1.8rem;
}

.h-type04 span{
font-size:1.4rem;
}

.list-page .area-name{
font-size:1.05rem !important;
padding-left:0 !important;
padding-right:0 !important;
text-align:center;
width:100%;
}

}












/* --------------------------
       TOPスライド
---------------------------*/

 #slide-box {
 width:100%; 
 height:100%; 
 min-height:600px; 
 overflow:hidden; 
 position:relative;
 }
 
.slide-wrap {width:2346px; height:auto; position:absolute; left:50%; margin-left:-1173px;top:25px;}

/* コントローラー */
.bx-controls {
position:absolute;
width:782px;
z-index:10;
top:515px;
left:50%;
margin-left:-385px;
}



/*
-----------------------------------------------
TAB 横
----------------------------------------------- */
@media (orientation: landscape) and (max-device-width: 1024px){
.slide-wrap {
width:100%;
height:auto;
position:relative;
left:50%;
margin-left:-40%;
}
}




/* --------------------------
TOPスライド TAB
---------------------------*/
@media screen and (max-width: 768px) {

.slide-wrap {
margin-top:-30px;
}

.slide-wrap {
width:100%;
height:auto;
position:relative;
left:50%;
margin-left:-50%;
}


 #slide-box {
position:relative;
width:100%;
height:100%;
min-height:100px;
overflow:hidden;
padding-bottom:16px;
}

/* コントローラー */
.bx-controls {
position:relative;
width:100%;
z-index:10;
top:-18px;
left:50%;
margin-left:-50%;
}

}




/* --------------------------
TOPスライド SP
---------------------------*/
@media screen and (max-width: 767px) {

.slide-wrap {
width:100%;
height:auto;
position:relative;
left:50%;
margin-left:-50%;
}


 #slide-box {
position:relative;
width:100%;
height:100%;
min-height:100px;
overflow:hidden;
padding-bottom:16px;
}

/* コントローラー */
.bx-controls {
position:relative;
width:100%;
z-index:10;
top:-18px;
left:50%;
margin-left:-50%;
}

}



/* --------------------------
    TOPインフォメーション
---------------------------*/

.top-info{
background:url(/img/top_info_bg.png) repeat-x left center;
padding-bottom:50px;
}

.top-info-in{
background:#fff;
width:1100px;
margin-left:auto;
margin-right:auto;
border-left:solid 6px #36af84;
padding-left:34px;
}

.top-info-in-wrap{
background:#fff;
padding-bottom:10px;
width:1100px;
margin-left:auto;
margin-right:auto;
}

.h-type05 .en02{
  font-size: 30px;
  font-size: 3.0rem;
  font-weight:normal !important;
  color:#36af84;
  line-height:1.0;
}

.sub-txt02{
font-weight:normal;
  font-size: 14px;
  font-size: 1.4rem;
  display:inline-block;
  margin-left:20px;
  vertical-align:top !important;
  margin-top:5px;
}

.box-txt01{
border:solid 1px #ccc;
width:6em;
text-align:center;
line-height:1.0 !important;
font-size:13px;
font-size:1.3rem;
padding:0.45em 0 0.2em 0;
}





.kyugyo{
border-right:solid 1px #ccc;
margin-left:0;
padding-left:0;
}

.eigyo{
padding-left:40px;
}

/* --------------------------
TOPインフォメーション SP TAB
---------------------------*/
@media screen and (max-width: 768px) {
.top-info-in{
width:100%;
padding-left:15px;
padding-right:15px;
}

.top-info-in-wrap{
width:90%;
margin-left:auto;
margin-right:auto;
}

.h-type05{
line-height:1.2 !important;
}

.h-type05 .en02{
  font-size: 2.4rem;
  margin-bottom:0;
}

.sub-txt02{
  font-size: 1.4rem;
  display:block;
  margin-left:0px;
}

.top-info{
padding:10px 15px 20px 15px;
background:url(/img/top_info_bg_sp.png) ;
}

}

/* --------------------------
TOPインフォメーション SP
---------------------------*/
@media screen and (max-width: 767px) {

.top-info-in{
width:100%;
padding-left:15px;
padding-right:15px;
}

.top-info-in-wrap{
width:100%;
}

.h-type05{
line-height:1.2 !important;
}

.h-type05 .en02{
  font-size: 2.4rem;
  margin-bottom:0;
}

.sub-txt02{
  font-size: 1.4rem;
  display:block;
  margin-left:0px;
}

.kyugyo{
border-right:none;
border-bottom:solid 1px #ccc;
margin-bottom:15px;
}


}

/* --------------------------
    TOP NEWS
---------------------------*/

.topnews-box{
margin-left:10px;
margin-right:10px;
margin-bottom:25px;
}


.topnews-date{
display:inline-block;
background:#c03e5d;
padding-left:0.8em;
padding-right:0.8em;
margin-right:6px;
vertical-align:top;
}

.topnews-ttl{
width:364px;
display:inline-block;
vertical-align:top;
}

.topnews-box .area-name{
padding:3px 4px;
margin-right:6px;
}

.topnews-shop{
display:inline-block;
}


.top-news{
background:#f6e9e6;
}

.h-type06 {
  color:#fff;
}

.h-type06 .en02{
  font-size: 43px;
  font-size: 4.3rem;
  font-weight:normal !important;
  color:#fff;
}

.top-news .link-box{
background:#fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.top-news .link-box:hover{
background:#faebed;
}

.p-lr15-all{
padding-left:15px !important;
padding-right:15px !important;
}

.btn03{
font-size:16px;
font-size:1.6rem;
background:#fff;
line-height:1.0;
text-align:center;
display:inline-block;
letter-spacing:3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn03 a{
padding:0.9em 2.4em;
display:block;
color:#996699;
}

.btn03 a:hover{
text-decoration:none;
background-color:#f3f2f3;
}


.btn03 .fa-lg{
font-size:1.2rem !important;
vertical-align:middle;
margin-left:15px;
}






.btn03-b{
font-size:16px;
font-size:1.6rem;
background:#fff;
line-height:1.0;
text-align:center;
display:inline-block;
letter-spacing:3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
background:#c03e5d;
}

.btn03-b a{
padding:0.9em 2.4em;
display:block;
color:#fff;
}

.btn03-b a:hover{
text-decoration:none;
background-color:#e9b5c1;
}


.btn03-b .fa-lg{
font-size:1.2rem !important;
vertical-align:middle;
margin-left:15px;
}







.btn-position01{
position:absolute;
right:0;
top:30px;
}

/* --------------------------
TOP NEWS SP/TAB
---------------------------*/
@media screen and (max-width: 768px) {

}


/* --------------------------
TOP NEWS SP
---------------------------*/
@media screen and (max-width: 767px) {

.topnews-ttl{
width:100%;
display:block;
margin-top:5px;
vertical-align:top;
}


.h-type06{
line-height:1.2 !important;
}

.h-type06 .en02{
  font-size: 2.4rem;
  margin-bottom:0;
}


.p-lr15-all{
padding-left:8px !important;
padding-right:8px !important;
padding-bottom:5px;
}

.top-news .link-box{
background:#fff;
box-shadow: 0 0;
}

.top-news .col-xs-6{
width:47%;
margin-right:4%;
}

.top-news .col-xs-6:nth-child(even){
margin-right:0 ;
}

.top-news .f14{
font-size:1.3rem;
}

.top-news .area-name{
padding-left:0.4em;
padding-right:0.4em;
}

.topnews-box{
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
}



.top-news .area-name .f14{
font-size:1.1rem;
}

.btn03{
font-size:1.3rem;
letter-spacing:1px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn03 a{
padding:0.4em 1.4em;
}

}

/* --------------------------
    TOP EVENT
---------------------------*/
.top-event .btn03{
width:48%;
}


.btn04{
font-size:16px;
font-size:1.6rem;
background:#c03e5d;
line-height:1.0;
text-align:center;
display:inline-block;
letter-spacing:3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn04 a{
padding:0.9em 2.4em;
display:block;
color:#fff;
}

.btn04 a:hover{
text-decoration:none;
background-color:#e6859c;
}

.btn04 .fa-lg{
font-size:1.2rem !important;
vertical-align:middle;
margin-left:15px;
}


/* TOP EVENT追加 */

.h-type-topevent {
  overflow: hidden;
  text-align: center;
}
.h-type-topevent span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
  font-size:20px;
  font-size:2.0rem;
}
.h-type-topevent span::before,
.h-type-topevent span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #ccc;
}
.h-type-topevent span::before {
  right: 100%;
}
.h-type-topevent span::after {
  left: 100%;
}
.pd5-10-10-10{
padding:5px 10px 10px 10px;
}

.topevent-box{
border:solid 1px #36af84;
}



/*
-----------------------------------------------
TAB 横
----------------------------------------------- */
@media (orientation: landscape) and (max-device-width: 1024px){

.h-type-topevent {
  overflow: hidden;
  text-align: center;
}
.h-type-topevent span {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size:20px;
  font-size:2.0rem;
}
.h-type-topevent span::before,
.h-type-topevent span::after {
 display:none;
}
.h-type-topevent span::before {
  right: 0%;
}
.h-type-topevent span::after {
  left: 0%;
}

.top-event-shadow:after {
  display:none;
}
}



/* --------------------------
TOP EVENT SP TAB
---------------------------*/
@media screen and (max-width: 768px) {


.h-type-topevent {
  overflow: hidden;
  text-align: center;
}
.h-type-topevent span {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size:17px;
  font-size:1.7rem;
}
.h-type-topevent span::before,
.h-type-topevent span::after {
 display:none;
}
.h-type-topevent span::before {
  right: 0%;
}
.h-type-topevent span::after {
  left: 0%;
}

.top-event-shadow:after {
  display:none;
}
}

/* --------------------------
TOP EVENT SP
---------------------------*/
@media screen and (max-width: 767px) {
.top-event-shadow{
display:inline-block;
width:35%;
padding-right:15px;
padding-left:5px;
}

.top-event-naiyo{
display:inline-block;
width:60%;
vertical-align:top;
}

.event-date{
font-size:1.5rem;
}


.top-event .link-box{
border-bottom:solid 1px #ccc;
padding-top:12px;
}

.top-event .link-box:last-child{
border-bottom:none;
}


.btn04{
font-size:1.3rem;
letter-spacing:1px;
}

.btn04 a{
padding:0.4em 1.4em;
}

.top-event .btn03{
font-size:1.3rem;
}

.top-event .btn03 .fa-lg{
font-size:1.2rem !important;
vertical-align:middle;
margin-left:5px;
}

.top-event .link-box{
padding-top:0 !important;
}


}


/* --------------------------
       検索結果画面
---------------------------*/

.kensaku_h2{
border-bottom:solid 1px #ccc;
margin-bottom:15px;
padding-bottom:15px;
}
.kensaku-ul li{
list-style-type:disc !important;
margin-left:35px;
font-size:16px;
font-size:1.6rem;
margin-top:5px;
}

.kensaku-ul p{
margin-left:35px;
margin-bottom:15px;
}

/* --------------------------
 フロアマップ
---------------------------*/

.maru{
font-size:12px;
font-size:1.2rem;
text-align:center;
display:inline-block;
width:1.5em;
height:1.5em;
border-radius:50%;
color:#fff;
font-weight:bold;
line-height:1.0;
padding-top:0.25em;
}

.floor-color5 .maru{
background:#eb7bac;
}

.floor-color1 .maru{
background:#00643d;
}

.floor-color2 .maru{
background:#083388;
}

.floor-color3 .maru{
background:#00aae7;
}

.floor-color6 .maru{
background:#9b2e8d;
}

.floor-color7 .maru{
background:#2aa738;
}

.floor-color8 .maru{
background:#95442a;
}

.floor-color10 .maru{
background:#f39800;
}

.floor-color11 .maru{
background:#e60012;
}


.floormap-box-left{
background:url(/img/img_floor.jpg) no-repeat;
}

/* 吹き出し */

div.tooltip	{
	display:inline-block;
	position: absolute;
	left: -9999px;
	background: #EEE;
}

div.tooltip p{
	color: #FFF;
	background: #222;
	padding: 5px 10px;
}

.floor-menu li{
display:inline-block;
margin-right:10px;
margin-bottom:10px;
}

.h-type07{
font-size:2.8rem;
}

.floor-sub{
font-family: 'Roboto Condensed', sans-serif !important;
color:#999;
font-size:2.4rem;
margin-left:24px;
font-weight:normal !important;
}

/* --------------------------
 フロアマップ SP
---------------------------*/

@media screen and (max-width: 767px) {
.floor-menu{
margin-top:10px;
}

.floor-menu li{
width:48%;
margin-right:2%;
margin-bottom:8px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

.floor-menu li:nth-child(even){
margin-right:0;
}

.floor-menu li img{
width:100%;
}

.h-type07{
font-size:1.8rem;
}

.floor-sub{
font-size:1.6rem;
margin-left:0px;
display:block;
}

}

/* --------------------------
アクセス
---------------------------*/
.ul-type01 li{
list-style-type:disc !important;
margin-left:15px;
margin-bottom:0.3em;
}

.h-type09{
color:#c03e5d;
border-bottom:solid 1px #c03e5d;
font-size:20px;
font-size:2.0rem;
margin-bottom:15px;
}


.btn05{
width:20em;
font-size:15px;
font-size:1.5rem;
border:solid 1px #c03e5d;
line-height:1.0;
text-align:center;
border-radius:6px;
}

.btn05 a{
padding:0.7em 0em;
display:block;
}

.btn05 a:hover{
text-decoration:none;
background-color:#fae9ee;
border-radius:6px;
}


.btn05 .fa-lg{
font-size:1.2rem !important;
vertical-align:middle;
margin-right:8px;
}

.ggmap {
position: relative;
padding-bottom: 75%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* --------------------------
アクセス SP
---------------------------*/

@media screen and (max-width: 767px) {
.btn05{
width:100%;
font-size:1.4rem;
}

.h-type09{
font-size:1.8rem;
}

.ac-ic{
width:1.8rem;
}

}


























/* --------------------------
       カレンダー
---------------------------*/


.ai1ec-views-dropdown{
display:none !important;
}

.ai1ec-nav,
.ai1ec-calendar-toolbar{
display:none !important;
}

.ai1ec-event{
z-index:10000 !important;
font-size:14px !important;
margin-top:3px !important;
padding-top:5px !important;
padding-bottom:1px !important;
/* padding:6px 0 20px 10px !important;
margin-top:15px !important; */
height:24px !important;
}

.ai1ec-multiday div{
margin-top:12px !important;
}

.ai1ec-multiday-arrow2{
display:none !important;
}

.ai1ec-multiday-bar{
margin-top:15px !important;

}

.ai1ec-multiday-bar div{
padding-top:-100px !important;
padding-bottom:20px !important;
border:solid 1px !important;
overflow:auto !important;
position:relative;
top:-18px;
}

.ai1ec-multiday-bar div span{
position:absolute;
top:4px !important;
}

/* --------------------------
       カレンダーSP
---------------------------*/
@media screen and (max-width: 767px) {
.ai1ec-event{
font-size:12px !important;
}
}



/* --------------------------
       カレンダーページ
---------------------------*/
.btn03{
font-size:14px;
font-size:1.4rem;
background:#36af84;
line-height:1.0;
text-align:center;
display:inline-block;
}

.btn03{
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn03 a{
padding:0.9em 1em;
display:block;
color:#fff;
}

.btn03 a:hover{
text-decoration:none;
background-color:#6acfab;
}


.btn03 .fa-lg{
font-size:1.0rem !important;
vertical-align:middle;
margin-left:8px;
}




.btn03b{
font-size:14px;
font-size:1.4rem;
background:#36af84;
line-height:1.0;
text-align:center;
display:inline-block;
}

.btn03b{
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn03b a{
padding:0.9em 1em;
display:block;
color:#fff;
}

.btn03b a:hover{
text-decoration:none;
background-color:#6acfab;
}


.btn03b .fa-lg{
font-size:1.0rem !important;
vertical-align:middle;
margin-left:8px;
}



/* --------------------------
       カレンダーページsp
---------------------------*/

@media screen and (max-width: 767px) {
.btn03{
width:18.5em;
}

.btn03b{
width:18.5em;
}

}

/* --------------------------
       ギャラリー紹介
---------------------------*/

.h-type04 {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #36af84;
}
.h-type04::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}


.btn04{
font-size:16px;
font-size:1.6rem;
background:#fff;
line-height:1.0;
text-align:center;
display:inline-block;
border:solid 1px #c03e5d;
width:10em;
}

.btn04{
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn04 a{
padding:0.9em 1em;
display:block;
color:#c03e5d;
}

.btn04 a:hover{
text-decoration:none;
background-color:#f5f1f2;
}


.btn04 .fa-lg{
font-size:1.8rem !important;
vertical-align:middle;
margin-left:12px;
}

/* 翻訳 */
#glt-translate-trigger {
  bottom: auto;
  transform: rotate(-90deg);
  top: 130px !important;
  right: -2.7em !important;
  left: auto !important;
  border-radius: 0 !important;
}
.tool-container.tool-top {
  right: 50px !important;
  top: 100px !important;
  margin-top:50px;
  bottom: auto !important;
}

/* 翻訳 SP */
@media screen and (max-width: 767px) {
#glt-translate-trigger {
  bottom: auto;
  transform: rotate(-90deg);
  top: 80px !important;
  right: -2.7em !important;
  left: auto !important;
  border-radius: 0 !important;
  font-size:13px !important;
  padding: 0.4em 0.4em 1.3em 0.4em !important;
  margin:0 !important;
  line-height:1.1 !important;
  z-index:5 !important;
}
.tool-container.tool-top {
  right: 50px !important;
  top: 100px !important;
  margin-top:50px;
  bottom: auto !important;
  z-index:3 !important;
}

.drawer-open #contents1{
display:none;

}

}

.month-event-title{
color:#fff !important;
font-size:14px !important;
}

.xo-month thead{
background:#eaf4ff !important;
}

.h-type-n01{
font-size:20px;
border-bottom:solid 1px #90795b;
color:#90795b;
padding-top:20px;
margin-bottom:10px;
}

.h-type-n02{
font-size:18px;
color:#90795b;
padding-top:16px;
}

.h-type-n02:before{
content:'●';
margin-right:5px;
}

.piano-sc{
padding:15px;
background:#fbedf1;
margin-top:20px;
}

.h-type-n03{
font-size:18px;
color:#c51744;
border-bottom:solid 1px #c51744;
margin-bottom:8px;
}


.kiji-ul001{
list-style-type:disc !important;
margin-left:24px;

}


.strong-b{
font-size:20px;
margin-bottom:10px;
color:#0c8852;
}

.ev-h{
color:#36af84;
font-size:18px;
border-bottom:dotted 1px #36af84;
margin-bottom:6px;
}

/* css_end */