#special_body{
font-family:YakuHanJP, 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, Helvetica, Verdana, Arial, Helvetica, sans-serif
}

#special_body .sp-br{
	display: none;
}
#special_body .sp-br2 {
  display: none;
}

#special_body .introduction{
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	color: #999999;
	padding: 4% 0;
}

#special_body .tab-panel{
/*	position: relative;*/
	}
/*.tab-panel:before {
    content: "";
    display: block;
    padding-top: 100%; 
}
*/
#special_body .tab-group{
    display: flex;
    justify-content: center;
/*	position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
}

#special_body .tab{
    flex-grow: 1;
    padding:5px;
    list-style:none;
    text-align:center;
    cursor:pointer;
	opacity: 0.4;
/*	background-color: aquamarine;
*/}
#special_body .panel-group{
    height:100px;
    border-top:none;
	width: 100%;
	height: 100%;
	margin: 1% 0 0 0;
/*	position: absolute;*/
	top: 10%;
	left: 0;
}

#special_body .panel{
    display:none;
}
#special_body .tab.is-active{
/*    background:#F00;*/
    color:#FFF;
    transition: all 0.2s ease-out;
	opacity: 1.0;
/*	z-index: 1;*/
}
#special_body .panel.is-show{
    display:block;
}

#special_body .service_inner{
	color: #595757!important;
}

#special_body .menu_inner,
#special_body .play_inner{
	color: #595757!important;
	padding: 5% 8%;
}

#special_body .main_service{
	padding: 5% 8%;
}

#special_body .service_inner{
	background-image: url("../images/bg_01_pc.png");
	background-repeat: repeat-y;
	background-position: top;
	text-align: center;
}

#special_body .menu_inner{
	background-image: url("../images/bg_02_pc.png");
	background-repeat: repeat-y;
	background-position: top;
	text-align: center;
}
#special_body .play_inner{
	background-image: url("../images/bg_03_pc.png");
	background-repeat: repeat-y;
	background-position: top;
	text-align: center;
}

#special_body .panel .number{
	font-size: 1.9em;
	text-decoration: underline;
	padding: 3% 0 0 0;
}
#special_body .panel .title{
	font-size: 4em;
	font-weight: bold;
	padding: 1% 0 0 0;
}

#special_body .panel .title_02{
	font-size: 4em;
	font-weight: bold;
	padding: 6% 0 0 0;
}

#special_body .panel .title_en{
	font-size: 1.5em;
	font-weight: bold;
	padding: 0.5% 0 0 0;
}
#special_body .panel .lead{
	font-size: 1.5em;
	padding: 6% 0 6% 0;
}
#special_body .panel .lead_02 {
    font-size: 1.5em;
    padding: 6% 0 2% 0;
}

#special_body .decoration_box{
	width: 793px;
	margin: 2% 0 0 0;
	padding: 4% 5%;
	text-align: left;
	background-image: url("../images/decoration_frame_01.png");
}

#special_body .decoration_box::after{
   content: "";
   display: block;
   clear: both;
}

#special_body .decoration_box_fotter{
	width: 793px;
}
#special_body .decoration_box .text{
	width: 56%;
	float: left;
}
#special_body .decoration_box .image{
	width: 40%;
	float: right;
	text-align: center;
}
#special_body .title_unit{
	padding: 0 0 0 14%;
	height: 56px;
	background-image: url("../images/icon_service.png");
	background-position: bottom 5px left 5px;
	background-repeat: no-repeat;
	border-bottom: dashed 1px #E75BD4;
}

#special_body .menu_inner .shop_name,
#special_body .menu_inner .open,
#special_body .menu_inner .notes{
	color: #aea321;
}

#special_body .title_unit .area{
	

}

#special_body .title_unit .subtitle{
	font-size: 1.95em;
	font-weight: bold;
}

#special_body .detail{
	padding: 3% 0 0 0;
	font-size: 1.2em;
	line-height: 1.6em;
}
#special_body .comment{
	padding: 2% 0 0 0;
	font-size: 1em;
}

#special_body .shop{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:flex-start;	
flex-wrap: wrap;
padding: 3% 0 0 0;
}

#special_body .otherservice{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content: center;	


flex-wrap: wrap;
padding: 3% 0 5% 0;
}

#special_body .simple_box_s{
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	width: 35%;
	margin: 2%;
	padding: 3%;
	background-image: url("../images/icon_service.png");
	background-repeat: no-repeat;
	background-position: 6% 50%;
	background-color: #FFFFFF;
}

#special_body .simple_box_s .title_unit_s{
	padding: 0 0 0 18%;
	text-align: left;
}

#special_body .simple_box_s .title_unit_s .text{
	float: left;
	padding: 7% 0 0 0;
}

#special_body .simple_box_s .title_unit_s .pict{
	float: right;
	padding: 7% 0 0 0;
}

#special_body .simple_box_s .title_unit_s .area{
	
}

#special_body .simple_box_s .title_unit_s .subtitle{
	font-size: 2em;
	font-weight: bold;
}




#special_body .simple_box{
	border-top-left-radius: 20px;
	width: 31%;
	margin: 0 3% 3% 0;
	padding: 0 2% 2%;
	background-color: #FFFFFF;
}

#special_body .simple_box:nth-child(3n) {
    margin-right: 0;
}

#special_body .simple_box .title_unit{
	height: 30%;
	padding: 8% 0 0 20%;
	background-image: url("../images/icon_service_s.png");
	background-position: left 2% bottom 15%;
	background-repeat: no-repeat;
	border-bottom: dashed 1px #E75BD4;
	text-align: left;
}

#special_body .simple_box .title_unit .subtitle{
	font-size: 1.5em;
	font-weight: bold;
}

#special_body .simple_box .image{
	padding: 5% 0 0 0;
}

#special_body .simple_box img{
	width: 100%;
}

/* カテゴリカラー */
#special_body .service_color{
	color: #c75496;
}

#special_body .menu_color{
	color: #f58220;
}

#special_body .play_color{
	color: #81b8ab;
}


/*02*/
#special_body .title_unit_02{
	height: 62%;
    padding: 8% 0 0 0%;
    background-position: left 2% bottom 15%;
    background-repeat: no-repeat;
    border-bottom: dashed 1px #aea321;
    text-align: center;
}


#special_body .shop_name{
    font-size: 1.3em;
    font-weight: bold;
	padding: 0 0 5% 0;
}
#special_body .title_unit_02 .area{
	font-size: 1.2em;
	color: #f49e09;
	padding: 0 0 3% 0;
}
#special_body .open{
	font-size: 1.2em;
	padding: 0 0 3% 0;
}
#special_body .notes{
	font-size: 1em;
	padding: 0 0 2% 0;

}

#special_body .logo{
}

#special_body .kids_space{	
}

#special_body .space_inner{
	width: 100%;
	padding: 0 3%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:distribute;
	justify-content:space-around;
}

#special_body .space{
	width: 285px;
}

#special_body .kids_space .title_unit{
	background-image: url("../images/icon_menu.png");
	background-position: bottom 5px left 5px;
	border-bottom: dashed 1px #f58220;
	color: #f58220;
	padding: 0 0 0 18%;
}



/*03*/

#special_body .play_inner{
	
}

#special_body .play_inner .title_unit{
	background-image: url("../images/icon_play.png");
	background-position: bottom 5px left 5px;
	border-bottom: dashed 1px #81b8ab;
	color: #81b8ab;
	padding: 0 0 0 12%;
}

#special_body .play_inner .subtitle{
	padding: 0;
}

#special_body .play_inner .picup{
	margin: 4% 0 0 0;
}

#special_body .play_inner .thumb{
	float: left;
	text-align: center;
    padding: 0 1% 0 0;
}

#special_body .clearfix::after{
   content: "";
   display: block;
   clear: both;
}

#special_body .spacer_01{
	padding: 15px 0 0;		
	}

/*MAP*/
#special_body .map_inner{
	padding: 3% 0;
	text-align: center;	
}
#special_body .map_inner .lead{
	font-size: 1.5em;
	padding: 1% 0 3%!important;
}
#special_body .map_inner .title{
	font-size: 4em;
	font-weight: bold;
	padding: 1% 0 0 0;
}

#special_body .btn{
	padding: 0 34%;
}
#special_body .btn_02 {
        padding: 0 25%;
}

#special_body a.floorguide{
  padding: 6%;
  display: block;
  color: #ffffff;
  background: #3B86C3;
  text-decoration: none;
  font-weight: bold;
  font-size:1.6em;
	text-align: center;
  text-decoration:none ;
}
#special_body a.floorguide:hover {
  background:rgba(59, 134, 195,0.5);
}

#special_body a.kidsmenu{
  padding: 6%;
  display: block;
  color: #ffffff;
  background: #ff9b46;
  text-decoration: none;
  font-weight: bold;
  font-size:1.6em;
	text-align: center;
  text-decoration:none ;
}
#special_body a.kidsmenu:hover {
  background:#ffb578;
}

@media print, screen and (max-width: 640px) {

#special_body img{
	width: 100%;
}

#special_body .pc-br{
	display: block;
}
	
#special_body .sp-br{
	display: block;
}

#special_body .introduction{
	font-size: 4.5vw;
}

#special_body .tab{
	padding: 5px 14%;
	}
	
#special_body .tab-group{
/*	height: 42px*/
	display: block;
	padding: 0 0 2% 0;
}	

#special_body .service_inner,
#special_body .menu_inner,
#special_body .play_inner{
	padding: 5% 4%!important;
	background-size: contain;
}
	
#special_body .main_service{
	padding: 0 0 5%;
}
	
#special_body .service_inner{
	background-image: url("../images/bg_01_sp.png");
}
#special_body .menu_inner{
	background-image: url("../images/bg_02_sp.png");
}
#special_body .play_inner{
	background-image: url("../images/bg_03_sp.png");
}
	

#special_body .panel .number{
	font-size: 1.5em;
}
#special_body .panel .title{
	font-size: 2.5em;
}

#special_body .panel .title_02{
	font-size: 2.5em;
}

#special_body .panel .title_en{
	font-size: 1.2em;
}
#special_body .panel .lead{
	font-size: 5.5vw;
	padding: 5% 0;
}

#special_body .title_unit .area {
    font-size: 3.5vw;
}
	
#special_body .decoration_box {
    width: 100%;
    margin: 5% 0;
    padding: 2% 5% 5%;
    text-align: left;
	background-color: #ffffff;
    display: block;
	border-top-left-radius: 20px;
}
#special_body .decoration_box_fotter{
		display: none;
	}
#special_body .decoration_box .text {
    width: 100%;
	margin: 2% 0 5% 0;
}
	
#special_body .decoration_box .image {
    width: 100%;
    text-align: left;
}

#special_body .decoration_box .sp_resize_01{
	padding: 0 20%
	}
	
#special_body .service_inner .title_unit{
	padding: 0 0 0 20%;
	height: auto;
	} 

#special_body .title_unit .subtitle {
	font-size: 5vw;
    line-height: 1.2em;
}

#special_body .detail {
    padding: 5% 0 0 0;
}

#special_body .otherservice,
#special_body .shop{
    display: block;
}

#special_body .otherservice{
    padding: 3% 5% 5%;
}

#special_body .simple_box {
    width: 100%;
	padding: 2% 5% 5%;
	margin: 0 0 5% 0;
}
#special_body .simple_box .title_unit {
    padding: 5% 0 2% 20%;
	background-position: left 2% bottom 42%;
}
#special_body .simple_box .title_unit .subtitle{
	font-size: 2em;
}
	
#special_body .simple_box_s{
	width: 100%;
	margin: 0 0 5%;
	padding: 5%;
}	

	
#special_body .simple_box_s .title_unit_s{
	height: 85px;
	padding: 0 0 0 20%;
}

/*02*/
	
#special_body .title_unit_02{
	height: auto;
    padding: 8% 0 5% 0%;
	}

#special_body .shop_name {
    font-size: 5.4vw;
}
	
#special_body .space_inner{
	display: block;
}
	
#special_body .space_inner .subtitle{
	font-size: 1.8em;
}

#special_body .space {
    width: 100%;
    margin: 0 0 9% 0;
}

#special_body .kids_space .decoration_box {
    width: 100%;
    margin: 5% 0;
    padding: 8% 5% 2%;
    text-align: left;
    background-color: #ffffff;
/*    display: block;
*/    border-top-left-radius: 20px;
}
	
#special_body .kids_space .title_unit{
	padding: 0 0 0 20%;
	height: 53px;
	}
#special_body .map_inner {
    padding: 6% 0;
}
	
#special_body .btn {
    padding: 0 12%;
}
	
#special_body a.floorguide {
    font-size: 5vw;
}
#special_body a.kidsmenu{
    font-size: 5vw;
}
	
/*3*/
#special_body .play_inner .decoration_box {
    padding: 2% 5% 5%;
}
	
#special_body .play_inner .title_unit{
	padding: 3% 0 0 20%;
	height: auto;
	} 

#special_body .play_inner .subtitle{
    font-size: 5vw;
	padding: 0 0 5px;
}
#special_body .play_inner .thumb{
	width: 50%;		
	}

#special_body .play_inner .picup {
    margin: 8% 0 0 0;
}

#special_body .map_inner .title{
	font-size: 2.5em;
}	
	
#special_body .spacer_01{
	padding: 15px 0;		
	}
#special_body .spacer_02{
	padding: 7px 0 7px 20%!important;	
	}
}

@media screen and (max-width: 320px){
#special_body .sp-br2 {
    display: inline-block;
  }

#special_body .service_inner .title_unit {
    padding: 2% 0 0 22%;
}
#special_body .simple_box_s .title_unit_s {
    padding: 0 0 0 22%;
}

#special_body .kids_space .title_unit {
    padding: 0 0 0 22%;
    height: 53px;
}	
	
#special_body .play_inner .title_unit {
    padding: 6% 0 0 20%;
}
#special_body .spacer_02 {
    padding: 12px 0 7px 22%!important;

  }
	
}


