.parallax-window {
  min-height: 800px;
  background: transparent;
}

.parallax-slider {
  top: 0;
  left: 0;
}

#pagetop .div-intro-theme{
  background-color: #f8f8f8;
}
#pagetop #newtop-jumbotron{
  /*min-height: 900px;*/
  background-color: #ffffff;
}
#pagetop #newtop-overview{
}
#pagetop #newtop-movie1{
  min-height: 400px;
  max-height: 750px;
  height: 60vw;
  position: relative;
}
#pagetop #newtop-map{
  background-color: #fdeabe;
  background-image: url("svg/map_line.png");
  background-repeat: repeat-x;
}
#pagetop #newtop-map .newtop-inner{
  background-image: url("../data/new/hobbyshow_ilust02.png");
  background-repeat: repeat-y;
  background-size: auto;
  background-size: 110%;
  background-position-x: 54%;
  /*padding-bottom:140px;*/
}

#pagetop #newtop-special{
  background-color: #e8473f;
  background-image: url("svg/special_line.png");
  background-repeat: repeat-x;
}

#pagetop #newtop-information{
  background-color: #f8f8f8;
  background-image: url("svg/information_line.png");
  background-repeat: repeat-x;
}

#pagetop #newtop-movie2{
  min-height: 750px;
  height: 100%;
}
#pagetop #newtop-stayintouch{
  background-color: #ed848c;
  background-image: url("svg/stayin_line.png");
  background-repeat: repeat-x;
}

div.newtop-row{
}

div.newtop-inner{
  margin: 0px auto;
}

div.img-button{
  text-align:center;
}
div.img-button img {
	margin-top: -50px;
}


#newtop-movie1 video {
  position: fixed;
  /*top: 0;*/
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  min-width: 100vw;
  /*min-height: 100vh;*/
  width: auto;
  height: auto;
}

/* fade */
.fadein{
  opacity : 0;
  transform : translate(0, 50px);
  transition : all 500ms;
}

.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

/* SVG系 */
svg.newtop-logo2-svg{
  height: 50px;
}

svg#top_hobbyshow_svc{
  width: 100%;
}

.area-footer-sns img {
	width: 35px;
	margin: 20px 10px;
  vertical-align: middle;
  transition: transform 0.1s;
}
.area-footer-sns img:hover {
  transform: scale(1.2);
}

.dropshadow {
  filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.2));
  transform: translateZ(0);
}

.margin-bottomkv{
  height:65px;
  background-color:#f8f8f8;
}

#newtop-overview .overview-text {
  	position: absolute;
  	left: 344px;
  	top: 177px;
  	text-align: center;
  	font-size: 2em;
  	line-height: 24pt;
  }

#newtop-overview .overview-icon {
  position: absolute;
}

#newtop-overview .overview-icon img{
  width: 100%;
}
#newtop-overview #overview-icon1{
	top: 96px;
	left: 94px;
	width: 118px;
}
#newtop-overview #overview-icon2{
	top: 207px;
	left: 34px;
	width: 131px;
}
#newtop-overview #overview-icon3{
	bottom: 106px;
	left: 53px;
	width: 161px;
}
#newtop-overview #overview-icon4{
  top: 109px;
	right: 104px;
	width: 106px;
}
#newtop-overview #overview-icon5{
	top: 247px;
	right: 37px;
	width: 145px;
}
#newtop-overview #overview-icon6{
	bottom: 108px;
  right: 76px;
	width: 132px;
}

#newtop-title .newtop-title-dev{
	position:relative;
	width:1050px;
	margin:0 auto;
}

#newtop-title .newtop-title-dev-inner{
	position:relative;
	width:620px;
	margin:0 auto;
}

#newtop-title .newtop-title-line{
	width:100%;
	height:10px;
}

#newtop-title .newtop-title-logo{
	width:100%;
	height:62px;
	margin-top:15px;
}

#newtop-title .newtop-title-date{
	color: #e63935;
	font-weight: bold;
	margin-left: 85px;
	font-size: 13pt;
  margin-top: 10px;
  margin-bottom: -2px;
}
#newtop-title .newtop-title-date .date-body{
  display:inline-flex;
}
#newtop-title .newtop-title-date .date-title {
	display: inline-block;
	background-color: #e63935;
	color: white;
	height: 22px;
  width: 40px;
	padding: 0px 12px;
	margin-right: 15px;
	border-radius: 12px;
	font-size: 11pt;
	font-weight: normal;
  text-align-last: justify;
  box-sizing: content-box;
}

#newtop-title .newtop-title-date p span{
  box-sizing: content-box;
}

#newtop-title #fukidashi{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 204px;
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.2));
}
#newtop-title #fukidashi.isanimestart{
  animation: fukidashiAnime ease-out 400ms both 500ms;
  transform-origin: 50% 50%;
}
#fukidashi2{
  filter: drop-shadow(5px 5px 5px #ccc);
}
#fukidashi2.isanimestart{
  animation: fukidashiAnime ease-out 400ms both 500ms;
  transform-origin: 50% 50%;
}
#fukidashi_mini.isanimestart{
  animation: fukidashiAnime ease-out 400ms both 500ms;
  transform-origin: 50% 50%;
}


@keyframes fukidashiAnime {
  0% { transform: scale(0) rotate(-40deg);opacity: 0;}
  70% { opacity: 1;}
  70% { transform: scale(1.1) rotate(5deg);}
  100% { transform: scale(1) rotate(0deg);}
}


#newtop-overview #theme_svc{
  max-width:1200px;
}

/*
#newtop-overview #theme_svc{
	position: absolute;
	top: 82px;
	left: 384px;
	width: 430px;
}
*/
#theme_svc.isanimestart #theme_svc_parts1 {animation: themeAnime ease-out 300ms both 400ms;}
#theme_svc.isanimestart #theme_svc_parts2 {animation: themeAnime ease-out 300ms both 450ms;}
#theme_svc.isanimestart #theme_svc_parts3 {animation: themeAnime ease-out 300ms both 500ms;}
#theme_svc.isanimestart #theme_svc_parts4 {animation: themeAnime ease-out 300ms both 550ms;}
#theme_svc.isanimestart #theme_svc_parts5 {animation: themeAnime ease-out 300ms both 600ms;}
#theme_svc.isanimestart #theme_svc_parts6 {animation: themeAnime ease-out 300ms both 650ms;}
#theme_svc.isanimestart #theme_svc_parts7 {animation: themeAnime ease-out 300ms both 700ms;}
#theme_svc.isanimestart #theme_svc_parts8 {animation: themeAnime ease-out 300ms both 750ms;}
#theme_svc.isanimestart #theme_svc_parts9 {animation: themeAnime ease-out 300ms both 800ms;}
#theme_svc.isanimestart #theme_svc_parts10 {animation: themeAnime ease-out 300ms both 850ms;}
#theme_svc.isanimestart #theme_svc_parts11 {animation: themeAnime ease-out 300ms both 900ms;}
#theme_svc.isanimestart #theme_svc_parts12 {animation: themeAnime ease-out 300ms both 950ms;}
#theme_svc.isanimestart #theme_svc_parts_sub1 {animation: themeAnime ease-out 300ms both 400ms;}
#theme_svc.isanimestart #theme_svc_parts_sub2 {animation: themeAnime ease-out 300ms both 450ms;}
#theme_svc.isanimestart #theme_svc_parts_sub3 {animation: themeAnime ease-out 300ms both 500ms;}
#theme_svc.isanimestart #theme_svc_parts_sub4 {animation: themeAnime ease-out 300ms both 550ms;}
#theme_svc.isanimestart #theme_svc_parts_sub5 {animation: themeAnime ease-out 300ms both 600ms;}
#theme_svc.isanimestart #theme_svc_parts_sub6 {animation: themeAnime ease-out 300ms both 650ms;}

#theme_svc_sp.isanimestart #theme_svc_parts1_sp {animation: themeAnime ease-out 300ms both 400ms;}
#theme_svc_sp.isanimestart #theme_svc_parts2_sp {animation: themeAnime ease-out 300ms both 450ms;}
#theme_svc_sp.isanimestart #theme_svc_parts3_sp {animation: themeAnime ease-out 300ms both 500ms;}
#theme_svc_sp.isanimestart #theme_svc_parts4_sp {animation: themeAnime ease-out 300ms both 550ms;}
#theme_svc_sp.isanimestart #theme_svc_parts5_sp {animation: themeAnime ease-out 300ms both 600ms;}
#theme_svc_sp.isanimestart #theme_svc_parts6_sp {animation: themeAnime ease-out 300ms both 650ms;}
#theme_svc_sp.isanimestart #theme_svc_parts7_sp {animation: themeAnime ease-out 300ms both 700ms;}
#theme_svc_sp.isanimestart #theme_svc_parts8_sp {animation: themeAnime ease-out 300ms both 750ms;}
#theme_svc_sp.isanimestart #theme_svc_parts9_sp {animation: themeAnime ease-out 300ms both 800ms;}
#theme_svc_sp.isanimestart #theme_svc_parts10_sp {animation: themeAnime ease-out 300ms both 850ms;}
#theme_svc_sp.isanimestart #theme_svc_parts11_sp {animation: themeAnime ease-out 300ms both 900ms;}
#theme_svc_sp.isanimestart #theme_svc_parts12_sp {animation: themeAnime ease-out 300ms both 950ms;}
#theme_svc_sp.isanimestart #theme_svc_parts_sub1_sp {animation: themeAnime ease-out 300ms both 400ms;}
#theme_svc_sp.isanimestart #theme_svc_parts_sub2_sp {animation: themeAnime ease-out 300ms both 450ms;}
#theme_svc_sp.isanimestart #theme_svc_parts_sub3_sp {animation: themeAnime ease-out 300ms both 500ms;}
#theme_svc_sp.isanimestart #theme_svc_parts_sub4_sp {animation: themeAnime ease-out 300ms both 550ms;}
#theme_svc_sp.isanimestart #theme_svc_parts_sub5_sp {animation: themeAnime ease-out 300ms both 600ms;}
#theme_svc_sp.isanimestart #theme_svc_parts_sub6_sp {animation: themeAnime ease-out 300ms both 650ms;}


@keyframes themeAnime {
  0% { transform: translate(0%, -4%); opacity: 0; }
  50% { opacity: 1;}
  75% { transform: translate(0%, 0.5%);}
  100% { transform: translate(0%, 0%)}
}

#newtop-overview .overview-icon.anim1 {
  animation: iconAnime1 infinite 1100ms steps(2);
}
#newtop-overview .overview-icon.anim2 {
  animation: iconAnime2 infinite 1100ms steps(2);
}
@keyframes iconAnime1 {
0% { transform: rotate(25deg);}
100% { transform: rotate(-25deg);}
}
@keyframes iconAnime2 {
0% { transform: rotate(-25deg);}
100% { transform: rotate(25deg);}
}

#newtop-overview svg.about-button{
  width:350px;
}

#image13{
  display:block;
}
#image13sp{
  display:none;
}

/*　SPテーマ　*/
@media (max-width: 767px) {
  #image13{
    display:none;
  }
  #image13sp{
    display:block;
    width: 100%;
    x: 0;
    height: auto;
  }
  #pagetop #newtop-overview {
    height: 230vw;
    margin-top: 12px;
  }
  #themediv{
    height: 230vw;
  }
  .margin-bottomkv{
    height:40px;
  }
  #newtop-overview svg.about-button {
    margin-top: 20px;
    width:450px;
  }
/*
  .themesvg.sp-only g.overview-text text{
    line-height:1.6;
    text-align:center;
  }
*/

  g.overview-theme-text{
    y: -1;
  }

}

#newtop-stayintouch .malmaga-form{
  width:540px;
  margin:0 auto;
  text-align:center;
}

#newtop-stayintouch #stayintouch-mail{
  width:calc(100% - 80px);
  max-width:486px;
  height: 42px;
  border: 2px solid #f9be00;
  border-radius:25px;
  box-shadow: none;
  padding: 2px 25px;
}
#newtop-stayintouch #stayintouch-mail:focus{
  outline: 0;
  background-color:white;
}


#newtop-stayintouch #stayintouch-mail::placeholder{
  color:#bfbfbf ;
  opacity:1 ;
}

#newtop-stayintouch #malmaga-button{
  width: calc(100% - 30px);
  max-width: 350px;
}

.button-floater g.upper{
  transition: 0.1s;
}

.button-floater:hover g.upper{
  transform: translate(0%, 11px);
  cursor: pointer;
}

#newtop-map .map-div {
  width:1200px;
  margin:0 auto;
  background-color:#fff;
  /*height:1100px;*/
  /*height:700px;*/
  margin-top:40px;
  border-radius:20px;
}

#newtop-map .map-image {
  text-align:center;
}
#newtop-map .map-image img{
  height: 100%;
}

#newtop-map .map-items {
  /*height:480px;*/
  /*height:360px;*/
  background-color:#fff;
  border-radius:0 0 20px 20px;
  padding-top:20px;
}

#newtop-map .map-items-div1,
#newtop-map .map-items-div2 {
  width:100%;
  margin:20px auto;
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  justify-content: center;
}

#newtop-map .map-buttons {
  width:350px;
  margin:20px 50px;
}

#newtop-map .map-item {
  width: 320px;
  height: 9vw;
  border: 2px solid #f7be01;
  border-radius: 35px;
  text-align: center;
  color: #e94641;
  margin: 1vw;
  font-weight: bold;
  font-size: 3.2vw;
  cursor: pointer;
  display: flex;
  justify-content: center;
  flex-direction: column;
  line-height: 28px;
}
#newtop-map .map-item.balloon-selected{
  background-color: #f7be01;
}


#newtop-map .map-balloon {
  width: 270px;
  background-color:#f8f8f8;
	padding: 15px;
	border: 3px solid #ea4740;
	border-radius: 15px;
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.2));
  transform: translateZ(0);
  text-align: left;
}

#newtop-map .map-balloon H3 {
	color: #ea4740;
	margin-bottom: 10px;
}
#newtop-map .map-balloon p {
	color: #727272;
	font-size: 0.9em;
}
#newtop-map .map-balloon div.map-balloon-bottom {
  color: #ea4740;
  text-align:right;
  font-size: 0.9em;
}
#newtop-map .map-balloon::before {
	content: '';
	position: absolute;
	left: 20px;
	bottom: -23px;
	display: block;
	width: 0;
	height: 5px;
	border-right: 10px solid transparent;
	border-top: 15px solid #ea4740;
	border-left: 1px solid transparent;
}
#newtop-map .map-balloon.tail-right::before {
    right: 20px;
    left: auto;
}
#newtop-map .map-balloon-bottom a {
  color: #e8473f;
  text-decoration: none;
}

#newtop-map area{
  cursor: pointer;
}
svg#floormap .area{
  cursor: pointer;
}

svg#floormap g.area .over {
  transition: transform 0.05s;
}

svg#floormap g.area:hover .over {
  transform: translateY(5px);
}

#newtop-special .special-item{
  position:relative;
  width:1200px;
  margin:0 auto;
  margin-top:40px;
  overflow-x:hidden;
  height:485px;
  padding:20px 40px;
}

#newtop-special .special-item a.morelink{
  color:#fdeabe;
  text-decoration:none;
  font-weight:bold;
}
#newtop-special .special-item a.morelink::after{
  content: '';
  background: url(/site/hbs2021/data/new/common/arrow04.svg) no-repeat;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 18px;
  margin-left: 5px;
}
#newtop-special .special-item a.morelink:hover{
  color:#f9be00;
}
#newtop-special .special-item a.morelink:hover::after{
  background: url(/site/hbs2021/data/new/common/arrow04_hover.svg) no-repeat;
}



#newtop-special h3{
  color:#faebbd;
  font-size:21px;
  margin-bottom:20px;
  font-weight:bold;
  position:relative;
  line-height:1em;
  text-indent:1.2em;
}

#newtop-special h3:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url("../data/new/icon_button.svg") no-repeat;
	background-size:contain;
  filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.2));
}

#newtop-special .special-item-bottom {
  text-align:right;
  margin-top:20px;
}


.slidecard{
  display: flex;
  width: max-content;
}

.slidecard-item{
  width: max-content;
  width:60vw;
  max-width:370px;
  margin:0 auto;
  background-color: #dcdcdc;
  min-height:400px;
  border-radius:10px;
  margin-right: 45px;
  transition: 0.1s;
  position:relative;
  z-index: 100;
}

.slidecard-item .img{
  height:140px;
  border-radius:10px 10px 0 0;
  overflow: hidden;
  position:relative;
}
.slidecard-item .img img{
  border-radius:inherit;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.slidecard-item .contents{
  height:220px;
  background-color:#fff;
  border-radius:0 0 10px 10px;
  padding:30px 20px 10px;
  overflow-y: hidden;
}
.slidecard-item .contents H4 {
	/*min-height: 50px;*/
  margin-bottom:40px;
  font-size: 22px;
}
.slidecard-item a {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}

.slidecard-item:hover {
  transform: scale(1.05);
}

.slidecard-arrow {
  position:absolute;
  z-index:100;
  top:-255px;
  transition: 0.1s;
}

.slidecard-arrow-parent {
	width: 1370px;
	position: relative;
	margin: 0 auto;
}

.slidecard-arrow:hover {
  cursor: pointer;
}

.slidecard-arrow img {
  height:50px;
}
.slidecard-arrow-left {
  left:-5px;
  transform: rotate(-90deg);
  filter: drop-shadow(-3px 3px 1px rgba(0, 0, 0, 0.2));
}
.slidecard-arrow-left:hover {
  transform: rotate(-90deg) scale(0.95);
}

.slidecard-arrow-right {
  right:-5px;
  transform: rotate(90deg);
  filter: drop-shadow(3px -3px 1px rgba(0, 0, 0, 0.2));
}
.slidecard-arrow-right:hover {
  transform: rotate(90deg) scale(0.95);
}

#backtopagetop {
  z-index:101;
	position: fixed;
  right: -70px;
	bottom: 50px;
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.2));
  transition: 0.3s;
}
#backtopagetop img{
  width:70px;
}
#backtopagetop:hover {
  transform: translate(0%, -20%);
  cursor: pointer;
}

.top_hobbyshow_st0{fill:#e8473f}
.top_hobbyshow_st1{fill:#f9be00}
.top_hobbyshow_st2{fill:#ed848c}
.top_hobbyshow_st3{fill:#8fab52}
.top_hobbyshow_st4{fill:#85bfc9}
.top_hobbyshow_st5{fill:#3f3f3c}


#section-intro{
  position: absolute;
  left: 0px;
  width: 100%;
  z-index: 0;
}
#section-map{
  position: absolute;
  left: 0px;
  margin-top: 2850px;
  width: 100%;
  z-index: 10;
}
#section-special{
  position: absolute;
  left: 0px;
  margin-top: 4250px;
  width: 100%;
  z-index: 20;
}
#section-information{
  position: absolute;
  left: 0px;
  margin-top: 5840px;
  width: 100%;
  z-index: 30;
}
#section-information h2 svg{
  width: calc(100% - 20px);
  max-width: 500px;
}

#section-stayintouch{
  position: absolute;
  left: 0px;
  margin-top: 7050px;
  width: 100%;
  z-index: 40;
}
#section-stayintouch h2 svg{
  width: calc(100% - 20px);
  max-width: 539px;
}
.section-end {
  position: fixed!important;
  bottom: 0px!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform: translate3d(0,0,0);
  transition: bottom 1s;
}

.slick-dots{
  bottom: -32px!important;
}
.slick-dots li{
  margin: 0px 12px!important;
}
.slick-dots li button::before {
	font-size: 15px!important;
  opacity: 1!important;
  color:#e6e6e6!important;
}

.slick-dots li.slick-active button::before {
  color:#e8473d!important;
}

.slick-dots > li:first-child:last-child {
    display: none;
}

.information-list li{
  margin-bottom: 35px;
}
.information-list li a{
  display: block;
  overflow: auto;
  color:#000;
  text-decoration:none;
}
.information-list li a:hover{
  color:#e8473f;
}
.information-list li strong{
  float: left;
  padding-right:60px;
}

.newslist{
  width:100%;
  max-width:1000px;
  margin:30px auto;
  height: 200px;
  overflow-y: scroll;
}

#newtop-stayintouch img.mailicon{
  width: 110px;
}

#newtop-map .arealist-title{
  background-color:#f7be01;
  width:100px;
  margin:0px auto;
  text-align:center;
  color:#e94641;
  border-radius:13px;
}
#newtop-map .title-jp{
  color: #e8473f;
  text-align: center;
  font-size: 11pt;
  font-weight:bold;
  margin-top:5px;
}
#newtop-special .title-jp{
  color: #faebbd;
  text-align: center;
  font-size: 11pt;
  font-weight:bold;
  margin-top:5px;
}
#newtop-information .title-jp{
  color: #e8473f;
  text-align: center;
  font-size: 11pt;
  font-weight:bold;
  margin-top:5px;
}
#newtop-stayintouch .title-jp{
  color: #fde9bd;
  text-align: center;
  font-size: 11pt;
  font-weight:bold;
  margin-top:5px;
}

.map-image-inner{
  background: #f9be00;
  border-radius: 20px;
}

@media (max-width: 1389px) {
  #newtop-special .special-item {
  	width: calc(100% - 80px);
  }
  .slidecard-arrow-parent {
    width: calc(100% - 80px);
  }
}

@media (max-width: 1229px) {
  #newtop-map .map-div {
    width: calc(100% - 80px);
  }
/*
  #newtop-map .map-items {
    height:620px;
  }
*/
  #newtop-map .map-buttons {
    margin:20px 20px;
  }
}

@media (max-width: 1049px) {
  #newtop-title .newtop-title-dev{
  	width:768px;
  }
  #newtop-title #fukidashi{
    display: none;
  }
}

@media (max-width: 1039px) {
  #newtop-special .special-item {
  	/* width: 375px; */
    width: 100%;
  }
  .slidecard-arrow-parent {
    width: calc(100% - 10px);
  }
}

@media (max-width: 899px) {
  #newtop-map .map-div {
    width: calc(100% - 80px);
  }
/*
  #newtop-map .map-image {
    height:460px;
  }
*/
}

@media (max-width: 767px) {
  .map-image-inner{
    background: #f9be00;
    border-radius: 20px 20px 0px 0px;
  }

  .newslist{
    width:calc(100% - 120px);
    height: 500px;
  }

  #pagetop #newtop-movie1{
    display: none!important;
    height:0;
  }

  #newtop-title .newtop-title-dev{
  	width:100%;
  }
  #newtop-title .newtop-title-dev-about{
    margin-top: 4px;
  }
  #newtop-title .newtop-title-line {
    height: 16px;
  }
  #newtop-title .newtop-title-logo {
    height: inherit;
    margin-top:17px;
  }
  #newtop-title .newtop-title-date {
    margin-top:30px;
  }

  #newtop-title .newtop-title-date .date-body span{
   font-size: 17pt;
   box-sizing: border-box;
   line-height: 1.5;
  }
  #newtop-title .newtop-title-date .div-nichiji,
  #newtop-title .newtop-title-date .div-kaijo{
    display:inline-flex;
    margin-left: 7px;
  }


  #newtop-title .newtop-title-dev-inner{
  	width:100%;
    max-width: 697px;
  }
  #newtop-title .newtop-title-date .date-title {
    height: 28px;
    width: 60px;
    padding: 1px 12px 0px;
    border-radius: 15px;
    font-size: 16pt;
    margin-top: 3px;
    line-height: 1.5;
  }
  #floormap {
    border-radius: 20px 20px 0px 0px!important;
  }

  #section-information h2 svg,
  #section-stayintouch h2 svg {
      max-width: 767px;
  }

  #newtop-map svg.newtop-logo2-svg,
  #newtop-special svg.newtop-logo2-svg,
  #newtop-information svg.newtop-logo2-svg,
  #newtop-stayintouch svg.newtop-logo2-svg {
    margin-top: 50px;
    height: 60px;
  }
  .title-jp{
    font-size:14pt!important;
  }

  #newtop-map .map-div {
    width: calc(100% - 80px);
  }
  #newtop-map .map-items {
    margin-top: 40px;
  }
  #newtop-map .arealist-title{
    padding: 5px 15px;
    font-size: 15pt;
    font-weight: bold;
    border-radius: 18px;
  }
  #newtop-map .arealist-title img{
    height: 18px;
    margin-top: 3px;
  }

  #newtop-map .map-balloon.balloon-sp {
    width: 90%;
  }
  #newtop-map .map-balloon H3 {
    font-size: 20pt;
  }
  #newtop-map .map-balloon p {
    color: #6f6f6d;
    font-size: 14pt;
    line-height: 24pt;
  }

  #newtop-map .map-balloon-bottom{
    font-size: 14pt;
  }

  #newtop-special h3 {
    margin-left: 40px;
    font-size: 24pt;
  }
  #newtop-special .special-item-bottom a{
    font-size: 16pt;
  }
  #newtop-special .special-item-bottom a.morelink::after {
    height: 25px;
    width: 20px;
    margin-right: 40px;
  }
  .slidecard-item{
    margin-right: 100px;
  }
  .slidecard-item .img {
    height: 250px;
    position: relative;
  }

  .slidecard-item .contents H4 {
    font-size: 20pt;
    line-height: 24pt;
  }
  .slidecard-item .contents p {
    font-size: 14pt;
    text-height:16pt;
  }
  .slidecard-item .contents p.short{
    height:3.6em;
    overflow-y: hidden;
    position: relative;
  }
  .slidecard-item .contents p.short::after{
    content: "......";
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: white;
  }

  .slidecard-arrow-right {
    right: 115px;
  }
  .slidecard-arrow-left {
    left: 115px;
  }
  .slidecard-arrow img{
    height: 35px;
  }


  .information-list li a {
    font-size:18pt;
    line-height: 26pt;
  }
  .information-list .news-sp-date{
    font-size:16pt;
    text-align:right;
  }

  #newtop-stayintouch img.mailicon{
    width: 150px;
  }
  #newtop-stayintouch #stayintouch-mail {
    width: calc(100% - 120px);
    max-width: 100%;
    height: 80px;
    border-radius: 50px;
    font-size: 18pt;
    margin-bottom: 50px;
  }
  #pagetop #newtop-movie2 {
    height: 300px!important;
    min-height: 300px!important;
  }


  .area-footer-sns{
    margin: 25px auto 0!important;
  }
  .area-footer-sns img {
    width: 60px;
    margin: 40px 20px;
  }
  .area-footer-sns img.icon-note {
    height: 60px!important;
    width: auto!important;
  }
  .area-footer p{
    font-size: 16pt;
  }



  #newtop-map .map-div {
    width: calc(100% - 80px);
  }

  #newtop-map .map-items {
    min-height: 700px;
  }

  #newtop-map .map-image {
    width: 100%;
    height:auto;
  }
  #newtop-map .map-balloon {
    width: 71vw;
    filter: none;
    margin: 15px 0px;
    position: relative;
  }
  #newtop-map .map-balloon.tailleft::before {
    left: 17vw;
    top: -23px;
    border-right: 7px solid transparent;
    border-bottom: 15px solid #ea4740;
    border-left: 7px solid transparent;
    border-top: none;
  }
  #newtop-map .map-balloon.tailright::before {
    left: auto;
    right: 17vw;
    top: -23px;
    border-right: 7px solid transparent;
    border-bottom: 15px solid #ea4740;
    border-left: 7px solid transparent;
    border-top: none;
  }
  #newtop-map .map-balloon.tailcenter::before {
    left: 50%;
    top: -23px;
    border-right: 7px solid transparent;
    border-bottom: 15px solid #ea4740;
    border-left: 7px solid transparent;
    border-top: none;
  }

  #newtop-map .map-balloon.balloon-sp {
    display:none;
  }
  #newtop-special .special-item {
    width: 100%;
    padding: 20px 0px;
    overflow-y: hidden;
  }

  .slidecard-item .img {
    max-height: 140px;
    height: 100%;
  }

  .slidecard-item .contents {
    max-height: 220px;
    height: 100%;
  }

  .slidecard-arrow-parent {
    width: calc(100% - 20px);
  }

  #pagetop #newtop-movie2 {
    height:450px;
  }

  #newtop-stayintouch .malmaga-form{
    width: 100%;
  }
  #newtop-title .newtop-title-date{
    margin-left:0px;
  }

  g.button-txt {
    transform: scale(1.3);
    transform-origin: 50%;
  }
  g.button-txt-sm {
    transform: scale(1.1);
    transform-origin: 50%;
  }

  #backtopagetop {
    right: -91px;
  }
  #backtopagetop img{
    width:91px;
  }
}

@media (max-width: 519px) {
  #newtop-title .newtop-title-logo {
    height: 10vw;
    margin-top: 1vw;
  }
  #newtop-title .newtop-title-date p{
    font-size:3.3vw;
  }
  #newtop-title .newtop-title-date{
    font-size:3.3vw;
    margin-top: 2vw;
  }
  #newtop-title .newtop-title-date .date-title{
    font-size:3.3vw;
    height: 4.4vw;
    width: 9vw;
    padding: 0px 1vw;
    margin-right: 3vw;
  }
}

/* 画面のheightを取得 */
#h-ctrl {
  position: absolute;
  height: 100vh;
  width: 0;
}