@charset "utf-8";

/*ここでは
	TOPページ
	などを記述します
*/

.page-home {}

.page-home::after {
  clear: both;
  content: " ";
  display: block;
}

.home-content {}

.home-content::after {
  clear: both;
  content: " ";
  display: block;
}

.home-content>section::after {
  clear: both;
  content: " ";
  display: block;
}

@media screen and (max-width: 990px) {
  .mobile-navbuttons {
    padding: 0;
  }
}

#top-copy {
  text-align: center;
  font-size: 5.5rem;
  font-family: "Rounded M+ 2p", "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ";
  /*font-weight: 900;*/
  margin: 0;
  top: 80px;
  position: relative;
}

#top-copy a.taberu {}

#top-copy a.taberu:hover {
  color: #f6ad43;
}

#top-copy a.asobu {}

#top-copy a.asobu:hover {
  color: #f07ca6;
}

#top-copy a.tomaru {}

#top-copy a.tomaru:hover {
  color: #55c6c5;
}

.page-home-item .home-banner {
  max-width: 100%;
  width: 100%;
  /*padding: 10% 0 0 0;*/
  top: 160px !important;
  padding: 0;
  right: inherit;
}

.page-home-item .home-banner strong {
  text-shadow: 0px 2px 3px #000000;
  color: #FFFFFF;
}

.search-box-s .form-group {
  color: #FFFFFF;
}

.search-box-s select {
  color: #000000;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #FFFFFF url(../../images/template5/parts/select_bg.png) no-repeat right 10px center / 14px auto;
  min-height: 40px;
  font-size: 1.6rem;
}

.form-control {
  min-height: 40px;
  font-size: 1.6rem;
  color: #7b7b7b;
  padding: 15px;
  display: inline-block;
}

.web_read {
  color: #FFFFFF;
  font-size: 1.8rem;
  padding: 1em 1.5em;
  z-index: 1;
  position: inherit;
  margin: 0;
  display: inline-block;
}

.D4 .bk-image {
  background-size: cover;
}

.search-box-s .search-action button.btn {
  background-color: #0071e2;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}


/* 緊急情報
-----------------------------------*/

.top-section.style-custom4 div.category-item {
  background: #f6f6f6;
  padding: 15px 0;
}

.top-section.style-custom4 div.category-item .block-text {
  border: 3px solid #ff0000;
  background: #FFFFFF;
  width: 1014px;
  margin: 0 auto;
  display: table;
  margin-top: 15px;
  margin-bottom: 15px;
}

.top-section.style-custom4 div.category-item .block-text::after {
  clear: both;
  content: " ";
  display: block;
}

.top-section.style-custom4 div.category-item .block-text h4 {
  width: 15%;
  text-align: center;
  background: #ff0000;
  color: #FFFFFF;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.7rem;
}

.top-section.style-custom4 div.category-item .block-text p {
  width: 85%;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.5rem;
  padding: 0.5em;
  margin-bottom: 0;
  font-size: 2rem;
}

.top-section.style-custom4 div.category-item .block-text p a {
  pointer-events: all;  
}


/*※TOPのみページトップボタン位置*/

.page-home .goto-top {
  bottom: 60px;
}

@media screen and (max-width: 1280px) {
  .top-section.style-custom4 div.category-item .block-text {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  #top-copy span {
    display: block;
  }
  .page-home-item .home-banner {
    top: 75px !important;
  }
  .search-box-s select {
    margin-bottom: 20px;
  }
  .top-section.style-custom4 div.category-item .block-text p {
    padding: 0.6em 1em;
  }
  .T4 .page-home .home-slider .bg:after {
    position: absolute;
    content: ''; /*何も入れない*/
    display: inline-block; /*忘れずに！*/
    background: url(../../images/template5/parts/sp_top_mainbg.png) no-repeat center bottom / auto 100%;
    width: 100%;
    height: 41px;
    bottom: 3%;
  }
  .search-box-s {
    top: 150px;
  }
}

@media screen and (max-width: 414px) {
  #top-copy {
    font-size: 3.5rem;
  }
  .web_read {
    font-size: 1.3rem;
  }
  .search-box-s select {
    font-size: 1.3rem;
  }
  .form-control {
    font-size: 1.3rem;
  }
  .top-section.style-custom4 div.category-item .block-text h4, .top-section.style-custom4 div.category-item .block-text p {
    display: block;
    width: auto;
  }
  .top-section.style-custom4 div.category-item .block-text h4 {
    font-size: 1.4rem;
    padding: 5px 0;
    margin:0;
  }
  .top-section.style-custom4 div.category-item .block-text p {
    padding: 0.5em 0.6em;
  }
  .top-section.style-custom4 div.category-item .block-text p {
    font-size: 1.3rem;
  }
  .search-box-s {
    top: 200px;
  }
}


/* エリア分類
------------------------------------------*/

.area-1 {}


/*横浜・川崎*/

.area-2 {}


/*横須賀・三浦*/

.area-3 {}


/*湘南*/

.area-4 {}


/*県央*/

.area-5 {}


/*県西*/


/* (境界線等の色を付けたい) */

#we-page-home .top-section .area-1 .block-image {
  border: 3px solid #ee2e5f !important;
}

#we-page-home .top-section .area-2 .block-image {
  border: 3px solid #9933cc !important;
}

#we-page-home .top-section .area-3 .block-image {
  border: 3px solid #0088e1 !important;
}

#we-page-home .top-section .area-4 .block-image {
  border: 3px solid #00a870 !important;
}

#we-page-home .top-section .area-5 .block-image {
  border: 3px solid #ff5e00 !important;
}

#we-page-home .top-section .area-0 .block-image {
  border: 3px solid #999999 !important;
}

#we-page-home .top-section.style-event .block-image {
  border: none !important;
}


/* イベント内#event_area(境界線等の色を付けたい) */

.home-content .top-section.style-event .area-1 {
  border: 6px solid #ee2e5f;
}

.home-content .top-section.style-event .area-1:after {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  background: url(../../images/template5/parts/event_a1.png) no-repeat right bottom / auto 100%;
  width: 99%;
  height: 25px;
  bottom: 0;
  right: 0;
}

.home-content .top-section.style-event .area-2 {
  border: 6px solid #9933cc;
}

.home-content .top-section.style-event .area-2:after {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  background: url(../../images/template5/parts/event_a2.png) no-repeat right bottom / auto 100%;
  width: 100%;
  height: 25px;
  bottom: 0;
  right: 0;
}

.home-content .top-section.style-event .area-3 {
  border: 6px solid #0088e1;
}

.home-content .top-section.style-event .area-3:after {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  background: url(../../images/template5/parts/event_a3.png) no-repeat right bottom / auto 100%;
  width: 100%;
  height: 25px;
  bottom: 0;
  right: 0;
}

.home-content .top-section.style-event .area-4 {
  border: 6px solid #00a870;
}

.home-content .top-section.style-event .area-4:after {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  background: url(../../images/template5/parts/event_a4.png) no-repeat right bottom / auto 100%;
  width: 100%;
  height: 25px;
  bottom: 0;
  right: 0;
}

.home-content .top-section.style-event .area-5 {
  border: 6px solid #ff5e00;
}

.home-content .top-section.style-event .area-5:after {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  background: url(../../images/template5/parts/event_a5.png) no-repeat right bottom / auto 100%;
  width: 100%;
  height: 25px;
  bottom: 0;
  right: 0;
}

.home-content .top-section.style-event .area-0 {
  border: 6px solid #999999;
}

.home-content .top-section.style-event .area-0:after {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  background: url(../../images/template5/parts/event_a0.png) no-repeat right bottom / auto 100%; 
  width: 100%;
  height: 25px;
  bottom: 0;
  right: 0;
}


@media screen and (max-width: 1280px) {
  .home-content .top-section.style-event .area-1:after {
    background: url(../../images/template5/parts/event_a1.png) no-repeat right bottom / auto 100%;
    width: 100%;
    height: 18px;
  }
  .home-content .top-section.style-event .area-2:after {
    background: url(../../images/template5/parts/event_a2.png) no-repeat right bottom / auto 100%;
    width: 100%;
    height: 18px;
  }
  .home-content .top-section.style-event .area-3:after {
    background: url(../../images/template5/parts/event_a3.png) no-repeat right bottom / auto 100%;
    width: 100%;
    height: 18px;
  }
  .home-content .top-section.style-event .area-4:after {
    background: url(../../images/template5/parts/event_a4.png) no-repeat right bottom / auto 100%;
    width: 100%;
    height: 18px;
  }
  .home-content .top-section.style-event .area-5:after {
    background: url(../../images/template5/parts/event_a5.png) no-repeat right bottom / auto 100%;
    width: 100%;
    height: 18px;
  }
    .home-content .top-section.style-event .area-0:after {
    background: url(../../images/template5/parts/event_a0.png) no-repeat right bottom / auto 100%;
    width: 100%;
    height: 18px;
  }
}


/*#trip_area .inner*/

.home-content .top-section.style-special .inner, .home-content .top-section.style-news .inner, .home-content .top-section.style-custom1 .inner, .home-content .top-section.style-ranking .inner, .home-content .top-section.style-custom2 .inner{
  width: 85%;
  min-width: 1020px;
  margin: 0 auto;
}

@media screen and (max-width: 1280px) {
  .style-special .inner, .home-content .top-section.style-news .inner, .home-content .top-section.style-custom1 .inner, .home-content .top-section.style-custom2 .inner,
  .contents {
    width: 90%!important;
    min-width: auto!important;
  }
  .home-content .top-section.style-ranking .inner{
    width: 100%!important;
    min-width: auto!important;
}
  
}

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


/* 汎用パネル
-------------------------------------------*/

.home-content .top-section {}

.home-content .top-section h2 {
  line-height: 1em;
  background: url(../../images/template5/parts/h2_yellow.gif) repeat-x bottom left;
}

.home-content .top-section h2>span {
  display: inline-block;
  background: url(../../images/template5/parts/bg_yellow.png) no-repeat bottom right;
  padding-right: 20px;
}

 .top-section.style-custom3 .inner {}

/* 特集
-------------------------------------------*/

.home-content .top-section.style-special {}

.home-content .top-section.style-special h2 {
  line-height: 1em;
  background: url(../../images/template5/parts/h2_yellow.gif) repeat-x bottom left;
}

.home-content .top-section.style-special h2>span {
  display: inline-block;
  background: url(../../images/template5/parts/bg_yellow.png) no-repeat bottom right;
  padding-right: 20px;
}

.T5 .home-content .top-section.style-special .section-items {}

.T5 .home-content .top-section.style-special .section-items>li {
  float: left;
  width: 23%;
  margin: 0 1% 20px;
  min-height: 21em;
}

.T5 .home-content .top-section.style-special .section-items h4 {
  margin: 1em 0 1.4em;
  line-height: 1.4em;
}

.T5 .home-content .top-section.style-special .section-items>li:first-child {
  width: 48%;
  float: left;
  margin: 0 2% 0 0;
}

.T5 .home-content .top-section.style-special .section-items>li:first-child h4 {
  font-size: 1.8rem;
  font-weight: 700;
}

.T5 .home-content .top-section.style-special .section-items>li:first-child .block-text p {
  line-height: 1.6em;
  margin-bottom: 3em;
}

.T5 .home-content .top-section.style-special li:nth-child(2) h4, .T5 .home-content .top-section.style-special li:nth-child(3) h4, .T5 .home-content .top-section.style-special li:nth-child(4) h4, .T5 .home-content .top-section.style-special li:nth-child(5) h4 {
  overflow: hidden;
  /*    white-space: nowrap; */
  text-overflow: ellipsis;
  height: 4em;
}

.T5 .home-content .top-section.style-special .tag-genre {
  text-align: right;
}

@media screen and (min-width: 1730px) {
  .T5 .home-content .top-section.style-special .section-items>li {
    min-height: 24em;
  }
}

@media screen and (max-width: 1200px) {
  .T5 .home-content .top-section.style-special .section-items>li {
    min-height: 19em;
  }
}

@media screen and (max-width: 990px) {
  .T5 .home-content .top-section.style-special .section-items>li {
    min-height: 26em;
  }
}

@media screen and (max-width: 768px) {
  .T5 .home-content .top-section.style-special .section-items>li {
    min-height: 21em;
  }
}

@media screen and (max-width: 414px) {
.T5 .home-content .top-section.style-special .section-items>li {
  min-height: 15em;
}
}

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

@media screen and (max-width: 990px) {
  .T5 .home-content .top-section.style-special .section-items>li {
    display: block;
    width: 45%;
    margin: 0 2.5% 30px;
  }
  .T5 .home-content .top-section.style-special .section-items>li:first-child {
    float: none;
    width: 90%;
    margin: 0 auto 30px;
  }
}

@media screen and (max-width: 767px) {
  .T5 .home-content .top-section.style-special .section-items>li:first-child {
    width: 94%;
    margin: 0 auto 30px;
  }
  .T5 .home-content .top-section.style-special .section-items>li:first-child h4 {
    font-size: 1.7rem;
  }
  .T5 .home-content .top-section.style-special .section-items>li h4 {
    margin: 0.5em 0 1em;
  }
}

@media screen and (max-width: 414px) {
  .T5 .home-content .top-section.style-special .section-items>li {
    width: 47%;
    margin: 0 1.5% 25px;
  }

  .T5 .home-content .top-section.style-special .section-items>li:first-child {
    margin: 0 auto 50px;
  }

  .T5 .home-content .top-section.style-special .section-items>li:first-child .block-text p {
    line-height: 1.5em;
    margin-bottom: 1em;
  }
}


/* イベント
-------------------------------------------*/

.home-content .top-section.style-event {
  background: #f4f4f4;
}

.home-content .top-section.style-event h2 {
  line-height: 1em;
  background: url(../../images/template5/parts/h2_white.gif) repeat-x bottom left;
}

.home-content .top-section.style-event h2>span {
  display: inline-block;
  background: url(../../images/template5/parts/bg_white.png) no-repeat bottom right;
  padding-right: 20px;
}

.home-content .top-section.style-event h2 {
  width: 85%;
  min-width: 1020px;
}

.home-content .top-section.style-event h4 {
  margin: 10px 0 0;
  font-size: 1.4rem;
  max-height: 4em;
}

.home-content .top-section.style-event .content-frame {
  width: 97%;
  margin: 0 auto;
}

.T5 .home-content .top-section.style-event .section-items>li {
  width: 15%;
  margin: 0 0.8%;
}

.home-content .style-event li .category-frame {
  background: #f4f4f4;
  display: block;
  position: relative;
}

.home-content .style-event li .category-frame .category-item {
  margin-bottom: 2%;
}

@media (max-width: 990px) {
  .T5 .home-content .style-event .section-items .event-info {
    white-space: normal !important;
    width: 90%;
    margin: 0 5px;
  }
}

@media screen and (max-width: 768px) {
	.home-content .top-section.style-event h4{
		margin: 10px 0 0;
		}
	
}


.home-content .top-section.style-event li .category-item {
  padding: 20px 20px 13px;
  background: #FFFFFF;
}

.home-content .top-section.style-event .day {
  text-align: right;
  font-size: 1.3rem;
}

.home-content .top-section.style-event .tag-a1, .home-content .top-section.style-event .tag-a2, .home-content .top-section.style-event .tag-a3, .home-content .top-section.style-event .tag-a4, .home-content .top-section.style-event .tag-a5, .home-content .top-section.style-event .tag-a0 {
  background-color: transparent;
  color: #000000;
  font-weight: 500;
}

.home-content .top-section.style-event .tag-a1 {
  background-image: url(../../images/template5/parts/area_mark01.png);
}

.home-content .top-section.style-event .tag-a2 {
  background-image: url(../../images/template5/parts/area_mark02.png);
}

.home-content .top-section.style-event .tag-a3 {
  background-image: url(../../images/template5/parts/area_mark03.png);
}

.home-content .top-section.style-event .tag-a4 {
  background-image: url(../../images/template5/parts/area_mark04.png);
}

.home-content .top-section.style-event .tag-a5 {
  background-image: url(../../images/template5/parts/area_mark05.png);
}

.home-content .top-section.style-event .tag-a0 {
  background-image: url(../../images/template5/parts/area_mark00.png);
}

@media screen and (max-width: 1366px) {
  .home-content .top-section.style-event .content-frame {}
  .home-content .top-section.style-event li .category-item {
    padding: 16px 16px 13px;
  }
  .T5 .home-content .top-section.style-event .section-items>li {
    width: 15.6%;
    margin: 0 0.5%;
  }
  .home-content .top-section.style-event .block-text>h4 {
    height: 4em;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 1280px) {
  .home-content .top-section.style-event li .category-item {
    padding: 15px 15px 13px;
  }
  .home-content .top-section.style-event h2 {
    width: 90%;
    min-width: auto;
  }
}

@media screen and (max-width: 990px) {
  .home-content .top-section.style-event li .content-frame {
    overflow-x: auto;
    overflow-y: hiddent;
    width: 100%!;
  }
  .home-content .top-section.style-event .content-frame::-webkit-scrollbar {
    display: none;
    height: 0;
  }
  .home-content .top-section.style-event .content-frame .section-items {
    /*width: auto;*/
    width: 90%;
    margin: 0 auto;
    white-space: nowrap;
    display: block;
    transition: all 1s;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  /*
    .T5 .home-content .top-section.style-event .content-frame { overflow: hidden;}
    .T5 .home-content .top-section.style-event .section-items { display: block; width: auto; white-space: nowrap; overflow: hidden;}
     */
  .T5 .home-content .top-section.style-event .section-items li {
    display: inline-block;
    width: 32%;
  }
  .T5 .home-content .top-section.style-event .section-items .category-frame {
    width: 100%;
    margin: 0 auto;
  }
@media screen and (max-width: 768px) {
	.home-content .top-section.style-event li .category-item {
		padding: 5px 15px 14px;
	}
	.home-content .top-section.style-event .content-frame {
		padding-bottom: 1.5em;
	}
	.T5 .home-content .top-section.style-event .section-items > li {
		margin: 0 1%;
	}
}
}

@media screen and (max-width: 500px) {
	.home-content .top-section.style-event li .category-item {
		padding: 5px 20px 14px;
	}
	.home-content .top-section.style-event .content-frame .section-items {
		width: 80%;
	}
	.T5 .home-content .top-section.style-event .section-items li {
		width: 90%;
	}
	.T5 .home-content .top-section.style-event .section-items .category-frame {
		width: 100%; /*margin-left:6%*/
		;
	}
}
@media screen and (max-width: 375px) {
	.home-content .top-section.style-event .content-frame {
		padding-bottom: 1.5em;
	}
}

}

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


/* 新着情報
-------------------------------------------*/

.home-content .top-section.style-news {}

.home-content .top-section.style-news h2 {
  line-height: 1em;
  background: url(../../images/template5/parts/h2_gray.gif) repeat-x bottom left;
}

.home-content .top-section.style-news h2>span {
  display: inline-block;
  background: url(../../images/template5/parts/bg_gray.png) no-repeat bottom right;
  padding-right: 20px;
}

.home-content .top-section.style-news .content-frame {
  width: 90%;
  /*min-width: 1000px;*/
  margin: 0 auto;
}

.home-content .top-section.style-news .news-content {
  clear: both;
  margin-top: 15px;
  font-size: 1.4rem;
  background: #fafafa;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 0.6em 1em;
  min-height: 60px;
}

.home-content .top-section.style-news .news-content p {
  height: 1.3em;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 580px;
}

@media screen and (max-width: 1366px) {
	.home-content .top-section.style-news .news-content {
		margin-top: 0px;
	}
	.home-content .top-section.style-news .content-frame {
		width: auto;
		min-width: auto;
	}
}


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

@media screen and (max-width: 990px) {
  .home-content .top-section.style-news .content-frame {
    min-width: auto;
  }
}

@media screen and (max-width: 768px) {
  .home-content .top-section.style-news .news-content p {
    white-space: inherit;
    max-width: auto;
  }
  .home-content .top-section.style-news .content-frame {
    width: 100%;
  }
}

@media screen and (max-width: 414px) {
  .home-content .top-section.style-news .news-content {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.6;    
  }
  .home-content .top-section.style-news .news-content p {
    font-size: 1.3rem;
  }
  .home-content .top-section.style-news .content-frame {
    width: auto;
  }
}


/* 周遊モデルコース
-------------------------------------------*/

.T5 .home-content .top-section.style-walk {
  background: #ffe900 url(../../images/template5/parts/plus_line_bg.gif);
  position: relative;
}

.T5 .home-content .top-section.style-walk h2 {
  line-height: 1em;
  background: url(../../images/template5/parts/h2_white.gif) repeat-x bottom left;
}

.T5 .home-content .top-section.style-walk h2>span {
  display: inline-block;
  background: url(../../images/template5/parts/bg_white.png) no-repeat bottom right;
  padding-right: 20px;
}

.T5 .home-content .top-section.style-walk:before {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: block;
  /*忘れずに！*/
  background: url(../../images/template5/top/trip_bg.png) no-repeat top 20% center / cover;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 0;
}

.T5 .home-content .top-section.style-walk .inner {
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
  width: 100%;
}

.T5 .home-content .top-section.style-walk .btn_area, .T5 .home-content .top-section.style-walk h2 {
  position: relative;
  z-index: 1;
}

.T5 .home-content .top-section.style-walk h2 {
  width: 85%;
}

.T5 .home-content .top-section.style-walk .content-frame {
  width: 90%;
  margin: 0 auto;
}

.T5 .home-content .top-section.style-walk .section-items li {
  background: #FFFFFF;
  padding: 16px;
  float: left;
  width: 23%;
  margin: 0 1%;
  box-shadow: 0px 2px 4px 0px #ababab;
  text-align: center;
}

.T5 .home-content .top-section.style-walk .section-items li h4 {
  font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "Rounded Mplus 1c", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 1.7rem;
  line-height: 1.5em;
  margin: 1em 0 0.5em;
}

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

@media screen and (max-width: 990px) {
  .T5 .home-content .top-section.style-walk h2 {
    width: 90%;
    min-width: auto;
  }
  .T5 .home-content .top-section.style-walk:before {
    background: url(../../images/template5/top/trip_bg_sp.png) no-repeat top center / cover;
  }
  /*
    .T5 .home-content .top-section.style-walk .section-items li {
        width: 50%;
        margin: 0 25% 1%;
    }
         */
  .home-content .top-section.style-walk .content-frame {
    overflow-x: auto!important;
    overflow-y: hidden!important;
    width: 100%!important;
  }
  .home-content .top-section.style-walk .content-frame::-webkit-scrollbar {
    display: none;
    height: 0!important;
  }
  .home-content .top-section.style-walk .content-frame .section-items {
    width: auto;
    white-space: nowrap;
    display: block;
    transition: all 1s;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .T5 .home-content .top-section.style-walk .section-items li {
    display: inline-block;
    width: 32%;
    float: none;
    margin: 0;
    background: none;
  }
  .T5 .home-content .top-section.style-walk .section-items .category-frame {
    width: 103%;
    margin: 0 auto;
    display: block;
    padding: 16px;
    background: #ffffff;
  }
}

@media (max-width: 700px) {
  .T5 .home-content .top-section.style-walk .section-items li {
    width: 32%;
  }
  .T5 .home-content .top-section.style-walk .section-items .category-frame {
    width: 111%;
  }
}

@media (max-width: 500px) {
  .T5 .home-content .top-section.style-walk .section-items li {
    width: 69%;
  }
  .T5 .home-content .top-section.style-walk .section-items .category-frame {
    width: 106%;
    margin-left: 23%;
  }
}


/*
@media screen and (max-width: 767px) {
    .T5 .home-content .top-section.style-walk .section-items li {
        width: 70%;
        margin: 0 15% 1%;
    }
        .T5 .home-content .top-section.style-walk .section-items li h4 {
            font-size: 1.4rem;
        }
}
      */


/* エリアマップ
-------------------------------------------*/

.T5 .home-content .top-section.style-custom {}

.T5 .home-content .top-section.style-custom h2 {
  line-height: 1em;
  background: url(../../images/template5/parts/h2_gray.gif) repeat-x bottom left;
}

.T5 .home-content .top-section.style-custom h2>span {
  display: inline-block;
  background: url(../../images/template5/parts/bg_gray.png) no-repeat bottom right;
  padding-right: 20px;
}

.T5 .home-content .top-section.style-custom h2 {
  width: 85%;
}

.T5 .home-content .top-section.style-custom .sea {
  position: relative;
  background: #cbe9ff url(../../images/template5/parts/plus_line_bg.gif);
}

.T5 .home-content .top-section.style-custom .sea:before {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: block;
  /*忘れずに！*/
  background: #FFFFFF;
  width: 30%;
  height: 100%;
  top: 0;
  lwft: 0;
  z-index: 0;
}

.T5 .home-content .top-section.style-custom .sea:after {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: block;
  /*忘れずに！*/
  background: url(../../images/template5/top/area_bg.png) no-repeat center bottom / auto 100%;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 0;
}

.T5 .home-content .top-section.style-custom .point {
  position: relative;
  width: 37%;
  min-width: 630px;
  min-height: 500px;
  margin: 0 auto;
  z-index: 1;
}

.T5 .home-content .top-section.style-custom .l_area {
  position: absolute;
  z-index: 1;
  left: 2%;
  top: 15%;
  width: 20%;
}

.T5 .home-content .top-section.style-custom .r_area {
  position: absolute;
  z-index: 1;
  right: 2%;
  top: 12%;
  width: 20%;
}

.T5 .home-content .top-section.style-custom dl {
  margin-top: 15px;
  margin-bottom: 15px;
}

.T5 .home-content .top-section.style-custom dl dt {
  text-align: center;
  color: #FFFFFF;
  font-size: 1.7rem;
  padding: 0.2em;
}

.T5 .home-content .top-section.style-custom dl dd {
  font-size: 1.6rem;
  padding: 0.6em 0.8em;
  background: #FFFFFF;
}

.T5 .home-content .top-section.style-custom dl.area1 {
  border: 2px solid #ee2e5f;
}

.T5 .home-content .top-section.style-custom dl.area1 dt {
  background: #ee2e5f;
}

.T5 .home-content .top-section.style-custom dl.area2 {
  border: 2px solid #9933cc;
}

.T5 .home-content .top-section.style-custom dl.area2 dt {
  background: #9933cc;
}

.T5 .home-content .top-section.style-custom dl.area3 {
  border: 2px solid #0088e1;
}

.T5 .home-content .top-section.style-custom dl.area3 dt {
  background: #0088e1;
}

.T5 .home-content .top-section.style-custom dl.area4 {
  border: 2px solid #00a870;
}

.T5 .home-content .top-section.style-custom dl.area4 dt {
  background: #00a870;
}

.T5 .home-content .top-section.style-custom dl.area5 {
  border: 2px solid #ff5e00;
}

.T5 .home-content .top-section.style-custom dl.area5 dt {
  background: #ff5e00;
}

.T5 .home-content .top-section.style-custom dl.area0 {
  border: 2px solid #999999;
}

.T5 .home-content .top-section.style-custom dl.area0 dt {
  background: #999999;
}

@media screen and (max-width: 1366px) {
  .T5 .home-content .top-section.style-custom dl {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1280px) {
  .T5 .home-content .top-section.style-custom .sea {}
  .T5 .home-content .top-section.style-custom .sea:after {}
  .T5 .home-content .top-section.style-custom .point {
    width: 52%;
    min-width: auto;
    min-height: 450px;
  }
  .T5 .home-content .top-section.style-custom .r_area, .T5 .home-content .top-section.style-custom .l_area {
    width: 22%;
  }
}

@media screen and (max-width: 990px) {
  .T5 .home-content .top-section.style-custom h2 {
    width: 90%;
    min-width: auto;
  }
  .T5 .home-content .top-section.style-custom .sea {
    min-height: auto;
    height: auto;
    padding-bottom: 30px;
    overflow: hidden;
  }
  .T5 .home-content .top-section.style-custom .sea:after {
    background: url(../../images/template5/top/area_bg.png) no-repeat center top / auto 500px;
  }
  .T5 .home-content .top-section.style-custom .point {
    width: 65%;
    min-height: 500px;
  }
  .T5 .home-content .top-section.style-custom .l_area, .T5 .home-content .top-section.style-custom .r_area {
    position: relative;
    right: inherit;
    left: inherit;
    top: inherit;
    width: 90%;
    margin: 0 auto;
  }
  .T5 .home-content .top-section.style-custom dl {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .T5 .home-content .top-section.style-custom .sea:after {
    background: url(../../images/template5/top/area_bg_sp.png) no-repeat center top / auto 450px;
  }
  .T5 .home-content .top-section.style-custom .point {
    width: 73%;
    min-height: 450px;
  }
}

@media screen and (max-width: 414px) {
  .T5 .home-content .top-section.style-custom {}
  .T5 .home-content .top-section.style-custom p.t_right {
    font-size: 1.1rem;
  }
  .T5 .home-content .top-section.style-custom .sea:after {
    background: url(../../images/template5/top/area_bg_sp.png) no-repeat center top / auto 280px;
  }
  .T5 .home-content .top-section.style-custom .point {
    width: 97%;
    min-height: 280px;
  }
  .T5 .home-content .top-section.style-custom dl dt {
    font-size: 1.3rem;
    padding: 5px 0;
  }
  .T5 .home-content .top-section.style-custom dl dd {
    font-size: 1.3rem;
    padding: 0.6em 0.6em;
  }
}


/* ツールチップまとめ
-------------------------------------------*/

.tooltip5 {
  position: relative;
  cursor: pointer;
  /*display: inline-block;*/
  display: none;
}

.tooltip5 img {
  width: 20px;
}

.description5 {
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 1.2rem;
  line-height: 1.6em;
  color: #fff;
  border-radius: 5px;
  background: #000;
  width: 100px;
  text-align: center;
}

.description5:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 7px solid transparent;
  border-top: 7px solid #000;
  margin-left: -7px;
}

.tooltip5:hover .description5 {
  display: inline-block;
  top: -50px;
  /*hover位置のずれ*/
  left: -40px;
}

.areatip {
}
.areatip a {
	display: inline-block;
}
.areatip a img {
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
.areatip a:hover img {
	opacity: 0.65;
	-webkit-opacity: 0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=65)"; /* IE 8 */
}
.areatip img {
	width: 75px;
}
/*エリア横浜川崎*/
.click_area01 {
	position: absolute;
	right: 19%;
	top: 22%;
}
/*エリア横須賀*/
.click_area02 {
	position: absolute;
	right: 10%;
	bottom: 16%;
}
/*エリア湘南*/
.click_area03 {
	position: absolute;
	left: 38%;
	bottom: 39%;
}
/*エリア県央*/
.click_area04 {
	position: absolute;
	left: 36%;
	top: 17%;
}
/*エリア県西*/
.click_area05 {
	position: absolute;
	left: 14%;
	bottom: 37%;
}
/*大山*/
.oyama {
	position: absolute;
	left: 34%;
	bottom: 57%;
}
/*大磯*/
.oiso {
	position: absolute;
	left: 40%;
	bottom: 36%;
}
/*小田原*/
.odawara {
	position: absolute;
	left: 23%;
	bottom: 29%;
}
/*箱根*/
.hakone {
	position: absolute;
	left: 10%;
	bottom: 20%;
}
/*藤沢江の島*/
.enoshima {
	position: absolute;
	right: 44%;
	bottom: 36%;
}
/*鎌倉*/
.kamakura {
	position: absolute;
	right: 30%;
	bottom: 37%;
}
/*城ヶ島・三浦*/
.miura {
	position: absolute;
	right: 19%;
	bottom: 6%;
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 768px) {
	/*エリア横浜川崎*/
	.click_area01 {
	}
	/*エリア横須賀*/
	.click_area02 {
	}
	/*エリア湘南*/
	.click_area03 {
	}
	/*エリア県央*/
	.click_area04 {
	}
	/*エリア県西*/
	.click_area05 {
		left: 12%;
	}
}
@media screen and (max-width: 414px) {
	.areatip img {
		width: 55px;
	}
	/*エリア横浜川崎*/
	.click_area01 {
		right: 22.5%;
	}
	/*エリア横須賀*/
	.click_area02 {
		right: 14%;
	}
	/*エリア湘南*/
	.click_area03 {
	}
	/*エリア県央*/
	.click_area04 {
		top: 15.5%;
	}
	/*エリア県西*/
	.click_area05 {
		left: 15%;
	}
}
@media screen and (max-width: 375px) {
	/*エリア横浜川崎*/
	.click_area01 {
		right: 20%;
	}
	/*エリア横須賀*/
	.click_area02 {
		right: 11%;
	}
	/*エリア湘南*/
	.click_area03 {
	}
	/*エリア県央*/
	.click_area04 {
	}
	/*エリア県西*/
	.click_area05 {
		left: 12%;
	}
}


/* かながわ屋
-------------------------------------------*/

.home-content .top-section.style-custom1 {
  background: #ffe4d0;
}

.home-content .top-section.style-custom1 h2 {
  line-height: 1em;
  background: url(../../images/template5/parts/h2_white.gif) repeat-x bottom left;
}

.home-content .top-section.style-custom1 h2>span {
  display: inline-block;
  background: url(../../images/template5/parts/bg_white.png) no-repeat bottom right;
  padding-right: 20px;
}

.home-content .top-section.style-custom1 h2 {}

.home-content .top-section.style-custom1 .content-frame {
  padding: 15px;
  background: #FFFFFF;
}

.home-content .top-section.style-custom1 .content-frame::after {
  clear: both;
  content: " ";
  display: block;
}

.home-content .top-section.style-custom1 .block-image {
  float: left;
  width: 62%;
}

.home-content .top-section.style-custom1 .block-text {
  float: right;
  text-align: center;
  width: 35%;
}

.home-content .top-section.style-custom1 .block-text h4 {
  max-width: 300px;
  margin: 0 auto;
}

.home-content .top-section.style-custom1 .block-text p {
  position: relative;
  padding: 1.5em 0;
  /*margin-bottom: 40px;*/
}

.home-content .top-section.style-custom1 .block-text p:before {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: block;
  /*忘れずに！*/
  background: url(../../images/template5/parts/kana_above.png) no-repeat left top;
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
}

.home-content .top-section.style-custom1 .block-text p:after {
  position: absolute;
  content: '';
  /*何も入れない*/
  display: block;
  /*忘れずに！*/
  background: url(../../images/template5/parts/kana_bottom.png) no-repeat right bottom;
  width: 100px;
  height: 100px;
  bottom: 0;
  right: 0;
}

.home-content .top-section.style-custom1 .r_box .text p {
  font-size: 2rem;
}

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

@media screen and (max-width: 990px) {
  .home-content .top-section.style-custom1 .block-image, .home-content .top-section.style-custom1 .r_box {
    width: 100%;
  }
  .home-content .top-section.style-custom1 .block-image {
    margin-bottom: 15px;
  }
}

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

@media screen and (max-width: 414px) {
  .home-content .top-section.style-custom1 .r_box h3 {
    max-width: 200px;
  }
  .home-content .top-section.style-custom1 .block-image {
    margin-bottom: 0;
  }
  .home-content .top-section.style-custom1 .r_box .text {
    margin-bottom: 20px;
    padding: 1em 0;
  }
  .home-content .top-section.style-custom1 .r_box .text p {
    font-size: 1.6rem;
  }
@media screen and (max-width: 375px) {
	.home-content .top-section.style-custom1 .block-text h4 {
		max-width: 200px;
	}
}
}


/* ランキング
-------------------------------------------*/

.T5 .home-content .top-section.style-ranking h4 {
  white-space: normal !important;
  height: 15rem;
}

@media (max-width: 414px) {
  .T5 .home-content .top-section.style-ranking h4 {
    height: 12rem !important;
  }
}

.T5 .home-content .top-section.style-ranking h2 {
  line-height: 1em;
  background: url(../../images/template5/parts/h2_blue.gif) repeat-x bottom left;
 margin: 35px 20px 25px;
}

.T5 .home-content .top-section.style-ranking h2>span {
  display: inline-block;
  background: url(../../images/template5/parts/bg_blue.png) no-repeat bottom right;
  padding-right: 20px;
}

.T5 .home-content .top-section.style-ranking h4 {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.7em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.T5 .home-content .top-section.style-ranking h4 span {
  display: block;
  font-size: 2.4rem;
  margin-bottom: 5px;
}

.T5 .home-content .top-section.style-ranking h4 b {
  display: inline-block;
  color: #ff0000;
  font-size: 45px;
  font-family: 'Roboto', sans-serif;
}

.T5 .home-content .top-section.style-ranking li:nth-child(1) h4 span {
  background: url(../img/icon/crown.png) no-repeat left 35% center / auto 30px;
}

.T5 .home-content .top-section.style-ranking li:nth-child(4) h4 b {
  color: #7b7b7b;
}

.T5 .home-content .top-section.style-ranking .content-frame li {
  width: 22%;
  margin: 0 1.5%;
  text-align: center;
  vertical-align: top;
}

.T5 .home-content .top-section.style-ranking .block-image {
  border-radius: 500px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  margin-bottom: 10px;
}

.T5 .home-content .top-section.style-ranking .block-text p {
  display: none;
}

.T5 .home-content .top-section.style-ranking .tag-items>span {
  font-size: 1.4rem;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

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

@media screen and (max-width: 990px) {
  .T5 .home-content .top-section.style-ranking .content-frame li {
    width: 48%;
    margin: 0 26%;
  }
  .home-content .top-section.style-ranking .content-frame {
    overflow-x: auto!important;
    overflow-y: hidden!important;
    width: 100%!important;
  }
  .home-content .top-section.style-ranking .content-frame::-webkit-scrollbar {
    display: none;
    height: 0!important;
  }
  .home-content .top-section.style-ranking .content-frame .section-items {
    width: auto;
    white-space: nowrap;
    display: block;
    transition: all 1s;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    padding-bottom: 50px;
  }
  .T5 .home-content .top-section.style-ranking .section-items li {
    display: inline-block;
    /*width: 100%;*/
  }
  .T5 .home-content .top-section.style-ranking .section-items .category-frame {
    width: 50%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .T5 .home-content .top-section.style-ranking .content-frame li {
    width: 70%;
    margin: 0 15%;
  }
  .T5 .home-content .top-section.style-ranking h4 {
    font-size: 1.4rem;
  }
  .T5 .home-content .top-section.style-ranking h4 span {
    font-size: 1.9rem;
  }
  .T5 .home-content .top-section.style-ranking h4 b {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 414px) {
	.home-content .top-section.style-ranking .content-frame .section-items{
		padding-bottom: 35px;
		}
	.T5 .home-content .top-section.style-ranking .content-frame li {
		width: 75%;
    	margin: 0px 0px 0px 7%;
	}
}






/* お役立ち情報
-------------------------------------------*/

#useful_area {
  background: #f4f4f4;
}

.T5 .home-content .top-section.style-custom2 h2 {
  line-height: 1em;
  background: url(../../images/template5/parts/h2_green.gif) repeat-x bottom left;
}

.T5 .home-content .top-section.style-custom2 h2>span {
  display: inline-block;
  background: url(../../images/template5/parts/bg_green.png) no-repeat bottom right;
  padding-right: 20px;
}

.T5 .top-section.style-custom2 .block-text {
  display: none;
}

.T5 .top-section.style-custom2 .horizontal-fit {
  display: inherit;
}

.T5 .top-section.style-custom2 .section-items>li {
  float: left;
  margin: 0 2% 2%;
  width: 29%
}

.top-section.style-custom2 .section-items>li a {
  display: block;
}

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

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

@media screen and (max-width: 767px) {
  .T5 .top-section.style-custom2 .section-items>li {
    margin: 0 2% 2%;
    width: 46%
  }
}


/* 関連団体
-------------------------------------------*/

#link_area {}



.T5 .home-content .top-section.style-custom3 h2 {
  line-height: 1em;
  background: url(../../images/template5/parts/h2_gray.gif) repeat-x bottom left;
  width: 85%;
}

.T5 .home-content .top-section.style-custom3 h2>span {
  display: inline-block;
  background: url(../../images/template5/parts/bg_gray.png) no-repeat bottom right;
  padding-right: 20px;
}

.T5 .home-content .top-section.style-custom3 .block-text>p {
  display: none;
}



.T5 .home-content .top-section.style-custom3 .section-items>li {
  /*float: left;*/
  margin: 0 1% 1% 0;
  width: 15%;
}

.T5 .home-content .top-section.style-custom3 .section-items>li a {
  display: block;
}

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

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

@media screen and (max-width: 767px) {
  .T5 .top-section.style-custom3 .section-items>li {
    margin: 0 1.5% 2%;
    width: 30.3%
  }
}

@media screen and (max-width: 414px) {
  .T5 .home-content .top-section.style-custom3 .section-items>li {
    margin: 0 2% 2%;
    width: 46%
  }
}


/*------------------広告バナー--------------------*/


/* 
.D5.page-banner {
    margin-top: 75px;
    width: 100%;
    padding: 2px 5px;
    overflow: hidden;
    background: rgba(255,255,255,0.8);
    position: relative;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
*/

.D5.page-banner {
	clear: both;
	/*width: 75%;*/
	width: 100%;
	margin: 0 auto;
	/*margin-top: 22vh;
	margin-left: auto;
	margin-right: auto;*/
	/*padding: 2px 5px;*/
	/*overflow: hidden;*/
	/*background: rgba(255,255,255,0.8);*/
	/*position: relative;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);*/
	position: inherit;
	padding: 0;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
}
.page-banner .container{
	width: 90%;
	margin: 0 auto;
	padding: 50px 0;
	}
.page-banner .we-content {
	min-height: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}
.D5.page-banner .we-content > ul{
	width: 100%;
	}
.D5.page-banner .we-content > ul::after { clear: both; content: " "; display: block;}

.D5.page-banner .we-content > ul > li {
	/*display: inline-block !important;
	width: 50% !important;
	vertical-align: top !important;
	padding: 5px !important;
	max-width: 200px !important;*/
	display: inline-block;
	max-width: inherit;
	width: 13% !important;
	margin: 0.5% 0.5%;
	padding: 0;
	text-align: center;
}
.D5.page-banner .we-content > ul > li a{
	display: inline-block;
	}
.D5.page-banner .we-content > ul > li img{
		max-height: 80px;
		}
	
@media screen and (max-width: 1366px) {
	.D5.page-banner .we-content > ul > li {
		width: 15% !important;
	}
}
@media screen and (max-width: 1280px) {
	.D5.page-banner .we-content > ul > li {
		width: 23% !important;
		margin: 1% 1%;
		}
}
@media screen and (max-width: 990px) {
	.D5.page-banner .we-content > ul > li {
		width: 31.3% !important;
		margin: 1% 1%;
	}
	.D5.page-banner .we-content > ul > li img{
		max-height: 75px;
		}
}
@media screen and (max-width: 414px) {
	.page-banner .container{
		padding: 35px 0;
		}
	.D5.page-banner .we-content > ul > li {
		width: 48% !important;
		margin: 1% 1%;
		}
	.D5.page-banner .we-content > ul > li img{
		max-height: 61px;
		}
}
@media screen and (max-width: 375px) {
	.D5.page-banner .we-content > ul > li img{
		max-height: 59px;
		}
	
}

/*@media (min-width: 1200px) {
.page-banner .we-content > ul > li {
	width: 199px !important;
}
}
@media (min-width: 992px) {
.page-banner .we-content > ul > li {
	width: 194px !important;
}
}

@media (min-width: 768px) {
.page-banner .we-content > ul > li {
	width: 25% !important;
}
}
@media (min-width: 498px) {
.page-banner .we-content > ul > li {
	width: 33.3% !important;
}
}*/

.page-banner .we-page-content {
	background-color: #fff !important;
}

/*------------------広告バナー ここまで--------------------*/

/*------------------汎用パネル--------------------*/
@media screen and (max-width: 990px) {
    .home-content .top-section.style-custom3 .content-frame {overflow-x: auto!important; overflow-y: hidden!important; width: 100%!important;}
    .home-content .top-section.style-custom3 .content-frame::-webkit-scrollbar {display: none; height: 0!important;}
    .home-content .top-section.style-custom3 .content-frame .section-items {width: auto; white-space: nowrap;  display: block; transition: all 1s; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}

    /*
    .T5 .home-content .top-section.style-event .content-frame { overflow: hidden;}
    .T5 .home-content .top-section.style-event .section-items { display: block; width: auto; white-space: nowrap; overflow: hidden;}
     */
    .T5 .home-content .top-section.style-custom3 .section-items li {display: inline-block; width: 45%;}
    .T5 .home-content .top-section.style-custom3 .section-items .category-frame {width: 50%; margin: 0 auto;}

  .home-content .top-section.style-custom3 .content-frame {
    overflow-x: auto!important;
    overflow-y: hidden!important;
    width: 100%!important;
  }
  .home-content .top-section.style-custom3 .content-frame::-webkit-scrollbar {
    display: none;
    height: 0!important;
  }
  .home-content .top-section.style-custom3 .content-frame .section-items {
    width: auto;
    white-space: nowrap;
    display: block;
    transition: all 1s;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    padding-bottom: 20px;
  }
  .T5 .home-content .top-section.style-custom3 .section-items li {
    display: inline-block;
    padding: 16px;
  }
  .T5 .home-content .top-section.style-custom3 .section-items .category-frame {
    width: 100%;
    margin: 0 auto;
  }

}

@media screen and (max-width: 1280px) {
.home-content .top-section.style-custom3 h2 {
    width: 90%;
    min-width: auto;
}
}

@media screen and (max-width: 414px){
.T5 .home-content .top-section.style-custom3 .section-items li {
    width: 75%;
}
}

/*------------------汎用パネル ここまで--------------------*/


/*------------------余白調整--------------------*/

.T4 .home-content .top-section.style-custom3 .inner,
.T4 .home-content .top-section.style-event .inner  {
    padding-bottom: 0px !important;
}

/*------------------余白調整ここまで--------------------*/


/* 緊急情報 2020/10/12
-----------------------------------*/

.caution_area {
  background: #f6f6f6;
  padding: 15px 0;
}

.caution_area dl {
  border: 3px solid #ff0000;
  background: #FFFFFF;
  width: 1014px;
  margin: 0 auto;
  display: table;
}

.caution_area dl::after {
  clear: both;
  content: " ";
  display: block;
}

.caution_area dl dt {
  width: 15%;
  text-align: center;
  background: #ff0000;
  color: #FFFFFF;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.7rem;
}

.caution_area dl dd {
  width: 85%;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.5rem;
  padding: 1em;
}

.caution_area dl dd p {
  margin-bottom: 0;
}

@media screen and (max-width: 1280px) {
  .caution_area dl {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  .caution_area dl dd {
    padding: 0.6em 1em;
  }
}

@media screen and (max-width: 414px) {
  .caution_area dl dt, .caution_area dl dd {
    display: block;
    width: auto;
  }
  .caution_area dl dt {
    font-size: 1.4rem;
    padding: 5px 0;
  }
  .caution_area dl dd {
    padding: 0.5em 0.6em;
  }
  .caution_area dl dd p {
    font-size: 1.3rem;
  }
  .search-box-s {
    top: 200px;
  }
}
/* 緊急情報
-----------------------------------*/



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 768px) {
}