@charset "utf-8";

/*----------------------------------------------------------------------
    Common
----------------------------------------------------------------------*/
.season #wrap{
  min-width:inherit;
}
.season #section{
  width: auto;
  margin-left: 0;
}
.season #contents{
  background: url(../img/spring/common/top_pc.png) left top no-repeat;
  background-size: 100% auto;
}
.season #contents .titleBox{
  position: relative;
  text-align: center;
 }
.season #contents .titleBox img{
  vertical-align: top;
  margin-left: -60px;
  width: 530px;
 }
.season #contents .titleBox .titleBand{
  position: absolute;
  left: 0;
  top: 0;
 }
.season #contents .titleBox .titleBand img{
  margin-left: 0;
  width: 204px;
 }
.season #contents .categoryBox{
  margin-bottom: 35px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 125%;
}
.season .categoryBox > p{
  margin-bottom: 14px;
}
.season .right{
	text-align:right;
}
.season .imgRight{
	float:right;
	margin-left:15px;
}
.season .imgRight img{
	border:6px solid #F0F0F0;
	padding:1px;
	background:#fff;
}
.season .categoryBox .mt8{
	margin-top: 8px;
}
/* page_navi */
.season .page_navi{
  margin-top: 0px;
  margin-bottom: 23px;
}
.season .page_navi.page_bottom{
  background: url(../img/spring/common/bg_bottom.png) left top no-repeat #c4de89;
  background-size: 970px auto;
  padding-top: 127px;
  margin-bottom: 40px;
}
.season .page_navi ul{
  clear:both;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding-bottom: 4px;
  background: url(../img/spring/common/m_bar.png) left bottom no-repeat;
  background-size: 100% auto;
}
.season .page_navi ul:after{
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.season .page_navi li {
	float: left;
	width: 189px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.season .page_navi li:first-child{
  width: 194px;
}
.season .page_navi li a {
  box-sizing:border-box;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: block\9;/*IE9*/
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 12px 5px 10px 36px;
	background-repeat: no-repeat;
	background-position: 2px 50%;
  background-color: rgba(255,255,255,0.60);
  background-size: 32px 39px;
  color: #8f7279;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-weight: bold;
  font-size: 170%;
  text-decoration:none;
  border-left: 1px solid #fff;
  line-height:1.2;
  min-height:66px\9;/*IE9*/
}
.season .page_navi li a:hover,.season .page_navi li a:focus{
  color: #d14b74;
}
.season .page_navi li:first-child a{
  border-left:none;
  padding-left: 36px;
}
.season .page_navi ul li.cherry a {
	background-image: url(../img/spring/common/m_top.png);
}
.season .page_navi li.n_tohoku a {
	background-image: url(../img/spring/common/m_n_tohoku.png);
}
.season .page_navi li.s_tohoku a {
	background-image: url(../img/spring/common/m_s_tohoku.png);
}
.season .page_navi li.joshinetsu a {
	background-image: url(../img/spring/common/m_joshinetsu.png);
}
.season .page_navi li.trivia a {
	background-image: url(../img/spring/common/m_trivia.png);
}
.season .page_navi li.current a{
  background-color: #fff;
  color: #d14b74;
 }
.season .page_navi li span {
  display: block;
  max-width:100%;
}
.season .update{
  color:red;
  margin-bottom:20px;
}

.mb0 {
	margin-bottom: 0;
}

/*----------------------------------------------------------------------
    // center_page_navi
----------------------------------------------------------------------*/
.season .center_page_navi ul{
	display: block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 10px;
	margin-bottom: 35px;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.season .center_page_navi ul li{
	box-sizing:border-box;
	vertical-align: middle;
	display: inline-block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-left: 3px;
	margin-right: 3px;
	list-style:none;
	background-position: left bottom;
	background-repeat: repeat;
	background-color: #fff;
	background-size: 60px auto;
}
.season .center_page_navi ul li a{
	display: block\9;/*IE9*/
	min-height:66px\9;/*IE9*/
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	background-position: 10px 50%;
	background-repeat: no-repeat;
    background-size: 32px 39px;
	font-size: 185%;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	font-family: "Arial Narrow", "Arial", sans-serif;
	min-width: 220px;
	padding: 10px 10px 10px 50px;
}
.season .center_page_navi ul li:hover{
	opacity:0.8;
}

/*----------------------------------------------------------------------
    title
----------------------------------------------------------------------*/

/* h1 -------------------- */
.season #contents h1{
	margin-bottom:0;
}

/* h2 -------------------- */
.season #contents .categoryBox h2{
	background:url(../img/spring/common/h2_bar.png) 50% 50% no-repeat;
  background-size: 100% auto;
	color:#fff;
  width: 100%;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size:208%;
  padding: 0 0 6px 0;
  margin-bottom: 23px;
  display: table;
  vertical-align: middle;
  line-height:1.05;
}
.season #contents .categoryBox h2 span{
  display: table-cell;
  vertical-align: middle;
  padding: 0 90px 0 20px;
  height: 72px;
}

/* h3 -------------------- */
.season #contents .categoryBox h3{
	background:url(../img/spring/common/h3_bar.png) left bottom no-repeat;
  background-size: 911px auto;
  color: #d14b74;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size:222%;
	margin: 0 0 6px 0;
	padding:0 0 11px 54px;
  min-height:inherit;
  line-height: 1.1;
}
.season #contents .categoryBox h3:after{
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.season #contents .categoryBox h3 span{
  font-size:58%;
  margin-top: 13px;
  margin-left: 40px;
  line-height:1.1;
}

/* h3/h4 -------------------- */
.season #contents .categoryBox  h3.h4Style,
.season #contents .categoryBox  h4 {
	background:url(../img/spring/common/h4_bar.png) left 76% no-repeat;
  background-size: 100% auto;
  color: #628024;
  font-size: 185%;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 6px;
  line-height:1.2;
}
.season #contents .categoryBox  h3.h4Style{
  padding-left: 0;
}

/* pagelink -------------------- */
.season #contents .pageLink{
  background: none;
  padding: 0;
  width: auto;
}
.season #contents h2 + .pageLink{
  margin-top: -18px;
}
.season #contents .pageLink ul{
  background: none;
  padding: 0;
}
.season #contents .pageLink ul li{
  background: none;
  display: inline-block;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-weight: bold;
  padding-left: 0;
  margin-right: 30px;
}
.season #contents .pageLink ul li a{
  background:url(../img/spring/common/link_down.png) 0 50% no-repeat;
  background-size: 18px auto;
  padding-left: 23px;
  display: table-cell;
  vertical-align: middle;
  color: #628024;
  text-decoration:none;
  font-size: 134%;
  line-height:1.2;
  height: 40px;
}
.season #contents .pageLink ul li a:hover,.season #contents .pageLink ul li a:focus {
  opacity:0.8;
 }
.season #contents .pageLink ul li span{
  display: block;
  font-weight: normal;
  font-size: 80%;
}

/* sights / lightBox -------------------- */
.season #contents .categoryBox > .sightsWrap{
  margin-bottom: -100px;
  position: relative;
  overflow:hidden;
  background: url(../img/spring/spot_bg.png) top center repeat;
  background-size: 100% auto;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.season #contents .sights {
  padding-top: 80px;
}
.season #contents .sights + .sights{
  padding-top: 0px;
}
.season #contents .sights li {
  float: left;
  width: 33.3%;
  height:257px;
}
.season #contents .sights li:nth-child(3n+1),
.season #contents .sights li:nth-child(3n) {
  padding-bottom: 115px;
  margin-top: -80px;
}
.season #contents .sights li:nth-child(3n+2) {
margin-top: 100px;
}
.season #contents .sights li:nth-child(3n+2):last-child {
  margin-top: -80px;
  padding-bottom: 115px;
  margin-left: 33.3%;
}
.season #contents .sights li a{
  padding-top: 33px;
  background-position: center 0;
 }
 .season #contents .sights li a:hover, .season #contents .sights li a:focus {
  opacity:0.8;
 }
.season #contents .sights li a,
.season #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
  display: block;
  color: #40540e;
  text-decoration:none;
  padding-left: 23px;
  padding-right: 23px;
  background-image: url(../img/spring/area_pic_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.season #contents .sights li a .sightsImg,
.season #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsImg {
  position: relative;
  display: block;
}
.season #contents .sights li a .sightsCap,
.season #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsCap {
	position: absolute;
	left: 0;
	bottom: -1px;
 	background-color: rgba(0,0,0,0.6);
	font-size: 0.7em;
	color: #fff;
	padding: 2px 5px;
	width: 96.2%;
}
.season #contents .sights li a .sightsImg:before {
  content:"";
  display: block;
  position: absolute;
  width: 60%;
  left: 4px;
  bottom:6px;
  height: 20px;
  background-color: rgba(0,0,0,0.3);
  box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
  transform:rotate(-3deg);
}
.season #contents .sights li a .sightsImg img,
.season #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsImg img{
  position: relative;
  width: auto;
  max-width:100%;
  height: auto;
}
.season #contents .sights li a .sightsTitle,
.season #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
  display: block;
  font-size: 140%;
  line-height:1.1;
  padding: 12px 10px 12px 10px;
  background: url(../img/spring/area_name_bg.png) no-repeat 50% 50%;
  background-size: 100% 100%;
  position: relative;
}
.season #contents .sights li a .sightsTitle{
  margin-top: 15px;
  text-align: center;
  padding-left:25px;
}
.season #contents .sights li a .sightsTitle:after{
  content:"";
  display: block;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -19px;
  background: url(../img/spring/common/link_jump.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 18px;
  height: 34px;
}

/* lightBox -------------------- */
.season #contents .lightBoxWrap {
  position: absolute;
  height: 636px;
  width: 740px;
  padding: 20px 15px;
  left: 50%;
  margin-left: -385px;
  background-color: rgba(255,255,255,0.9);
  z-index:110;
}
.season #contents .lightBoxWrap .lightBox {
  position: relative;
  clear:both;
}
.season #contents .lightBoxWrap.lightBoxInvalid {
  position: static;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.season #contents .lightBoxWrap.lightBoxInvalid .lightBoxClose{
  display: none;
}
.season #contents .lightBoxWrap.lightBoxInvalid .lightBox {
  margin-top: 35px;
}
.season #contents .lightBoxWrap.lightBoxInvalid .lightBox:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.season .page_navi ul:after{
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.season #contents .lightBoxWrap .lightBox .lightBoxLeft {
  width: 420px;
  float: left;
  position: relative;
}
.season #contents .lightBoxWrap .lightBox .lightBoxLeft img {
  max-width:100%;
  width: auto;
}
.season #contents .lightBoxWrap .lightBox .lightBoxLeft img.here {
  position: absolute;
  width: 7.62%;
}
#kitatohoku01.lightBox .lightBoxLeft img.here{
  left: 54%;
  top: 15.62%;
}
#kitatohoku02.lightBox .lightBoxLeft img.here{
  left: 54%;
  top: 26%;
}
#kitatohoku03.lightBox .lightBoxLeft img.here{
  left: 69%;
  top: 31%;
}
#minamitohoku01.lightBox .lightBoxLeft img.here{
  left: 43.5%;
  top: 52%;
}
#minamitohoku02.lightBox .lightBoxLeft img.here{
  left: 62%;
  top: 52%;
}
#minamitohoku03.lightBox .lightBoxLeft img.here{
  left: 58%;
  top: 61.5%;
}
#joshinetsu01.lightBox .lightBoxLeft img.here{
  left: 21%;
  top: 66%;
}
#joshinetsu02.lightBox .lightBoxLeft img.here{
  left: 10%;
  top: 82%;
}
.season #contents .lightBoxWrap .lightBox .lightBoxRight {
  float: right;
  width: 300px;
  padding-top: 30px;
}
.season #contents .lightBoxWrap .lightBox .lightBoxRight h3 {
  color: #628024;
  font-family: "Arial Narrow", "Arial", sans-serif;
  margin-bottom: 5px;
  font-size: 176%;
  background: none;
}
.season #contents .lightBoxWrap .lightBox .lightBoxRight h3,
.season #contents .lightBoxWrap .lightBox .lightBoxRight .accessText,
.season #contents .lightBoxWrap .lightBox .lightBoxRight h4,
.season #contents .lightBoxWrap .lightBox .lightBoxRight .passesNote{
  padding-left: 23px;
  padding-right: 23px;
}
.season #contents .lightBoxWrap .lightBox .lightBoxRight h4{
    background: none;
  font-size: 150%;
}
.season #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
  padding-bottom: 33px;
  background-position:bottom center;
  margin-bottom: 0;
}
.season #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
  margin-bottom: 15px;
}
.season #contents .lightBoxWrap .lightBox .lightBoxRight .accessText,
.season #contents .lightBoxWrap .lightBox .lightBoxRight .passesNote{
  font-size: 88%;
}
.season #contents .lightBoxWrap .lightBox .lightBoxRight .link,
.season #contents .lightBoxWrap .lightBox .lightBoxRight .link01{
  padding-right: 5px;
}
.season #contents .lightBoxWrap .lightBoxClose{
  display: block;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 24px;
  height: 24px;
  background: url(../img/spring/icon_close.png) 0 0 no-repeat #e27a96;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
#lightBoxOverlay{
  display: none;
  position: absolute;
  top: -10px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.80);
  z-index:100;
  cursor:pointer;
}

/* areaBox -------------------- */
.season #contents .areaBoxWrap ul li {
  position: relative;
  padding-left: 23px;
  margin-bottom: 8px;
}
.season #contents .areaBoxWrap ul li:after {
  content:"";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #9fc134;
  border-radius:5px;
  position: absolute;
  top: 0.3em;
  left: 5px;
}
.season #contents .areaBoxWrap .info p.areaImg {
	width:54.5%;
	float:left;
}
.season #contents .areaBoxWrap .info p.areaImg img{
  width: auto;
  height: auto;
  max-width:100%;
}
.season #contents .areaBoxWrap .areaImgNote{
  display: inline-block;
  margin-top: 8px;
  font-size: 88%;
}
.season #contents .areaBoxWrap .info table {
	width:45%;
	float:right;
}
.season #contents .areaBoxWrap .info table th,
.season #contents .areaBoxWrap .info table td {
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 1.2;
  height: 42px;
}
.season #contents .areaBoxWrap .info table th {
  padding-left:53px;
  padding-right: 10px;
	color:#d14b74;
  background-position: -6px 50%;
  background-repeat: no-repeat;
  background-size: 61px auto;
  font-weight: bold;
  width: 58%;
}
.season #contents .areaBoxWrap .info table .iconSeason th {
  background-image: url(../img/spring/inf_season.png);
}
.season #contents .areaBoxWrap .info table .iconView th {
  background-image: url(../img/spring/inf_time.png);
}
.season #contents .areaBoxWrap .info table .iconBlossom th {
  background-image: url(../img/spring/inf_trees.png);
}
.season #contents .areaBoxWrap .info table .iconLocation th {
  background-image: url(../img/spring/inf_location.png);
}
.season #contents .areaBoxWrap .info table .iconLink th {
  background-image: url(../img/spring/inf_other.png);
}
.season #contents .areaBoxWrap .info table .iconArea th {
  background-image: url(../img/spring/inf_area.png);
}
.season #contents .areaBoxWrap .info table td {
	color:#585756;
  width: 42%;
}
.season #contents .boxLeft,
.season #contents .boxRight {
	width:424px;
}
.season #contents .boxLeft{
  margin-right: 0;
}
.season #contents .boxRight{
  float: right;
}
.season #contents .locationAccess dt{
  color: #628024;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size: 144%;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 5px;
}
.season #contents .locationAccess dd{
  margin-bottom: 6px;
}

/* noteBox 2020.06 --------------------*/
.season #contents .noteBox {
  border: 1px solid #eb0000;
  padding: 10px 20px;
  margin: 30px 30px;
  }
.season #contents .noteBox .noteBox_text {
  color: #eb0000;
  font-size: 0.9rem;
  text-align: center;
  margin: 0;
  }



/*----------------------------------------------------------------------
    Spring areabox img
----------------------------------------------------------------------*/

/* zatsugaku.html areaBox -------------------- */
.season #contents .areaBoxWrap .trivia {
	padding-bottom:10px;
}
.season #contents .areaBoxWrap .trivia .info p.areaImg {
	width:50%;
  position: relative;
}
.season #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap,
.season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap{
  position: absolute;
  background-image: url(../img/spring/ex_bar.png);
  background-repeat: no-repeat;
  color: #fff;
  display: table;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size: 174%;
  max-width:100%;
  margin-top: 0;
  min-height: 60px;
  padding-top: 8px;
  padding-bottom: 12px;
  text-align: left;
  line-height: 0.9;
  box-sizing:border-box;
}
.season #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap{
  top: 5px;
  left: 0;
  background-position: right top;
  background-size: auto 100%;
}
.season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap{
  top: auto;
  left:auto;
  bottom: 5px;
  right: 0;
  background-position: left top;
  background-size: auto 100%;
  text-align: right;
}
.season #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap span,
.season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap span{
  display: table-cell;
  vertical-align: middle;
}
.season #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap span{
  padding-left: 10px;
  padding-right: 20px;
}
.season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap span{
  padding-left: 20px;
  padding-right: 10px;
}
.season #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap span .memoPlace,
.season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap .memoPlace{
  font-size: 74%;
  padding-right: 0;
  padding-left: 0;
  padding-top: 4px;
}
.season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap .memoPlace{
  text-align: right;
  display: block;
  margin-top: 0;
}
.season #contents .areaBoxWrap .trivia .txt {
  margin-bottom: 14px;
}
.season #contents .areaBoxWrap .trivia p.link {
  margin-top: 8px;
}
.season #contents .areaBoxWrap .trivia .info p.left {
	padding-left: 14px;
}

.season .categoryBox > p.banner a:hover {
	opacity: 0.8;
}
.season .categoryBox > p.banner img {
	width: 100%;
}

/* ipb_box style */
.season #wrap #contents #ipb_box .jrPassBox {
	margin-top: 70px;
	padding: 10px;
	border: 1px solid #0a8c0d;
	border-top: 10px solid #0a8c0d;
  width: auto;
  font-size: 125%;
  position: relative;
  background-color: #fff;
}
.season #wrap #contents #ipb_box .jrPassBox h2 {
  background: none;
	position: relative;
	margin-bottom: 15px;
	padding: 0 0 0 18px;
	color: #0a8c0d;
	font-weight: bold;
  height: auto;
  font-size: 100%;
}
.season #wrap #contents #ipb_box .jrPassBox h2:before {
	position: absolute;
	top: 7px;
	left: 0;
	content: "";
	width: 10px;
	height: 10px;
	background: #0a8c0d;
}
.season #wrap #contents #ipb_box .jrPassBoxInner{
  padding: 0;
}
#ipb_box .passBoxColumn {
	margin-top: 10px;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap{
	float: left;
	padding: 10px;
	border: 6px solid #ace8e2;
  background: none;
  min-height: inherit;
  margin-right: 0;
  box-sizing:border-box;
  font-size: 85%;
  background-color: #ffffff;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap.green{
  background-color: #ffffff;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap,
.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column2 .passBoxWrap{
  width: 49.5%;
}
.season #wrap #contents #ipb_box .passBoxWrap.right {
	float: right;
	border: 6px solid #fed7d8;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap .imgLeft{
  padding: 0;
  margin-right: 10px;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxWraph3 {
	margin-bottom: 10px;
	color: #629be5;
	font-weight: bold;
	line-height: 1.3;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap .passBoxInner{
  border:none;
  margin: 0;
  padding-bottom: 0;
  min-height:inherit;
  background-color: inherit;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap h3{
  padding: 0;
  margin-bottom: 10px;
}
.season #wrap #contents #ipb_box .passBoxWrap.right h3 {
	color: #58b499;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxWraph3 .red,
.season #wrap #contents #ipb_box .passBoxWrap.right h3 .red {
	color: #f00;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap.imgLeft {
	float: left;
	margin-right: 10px;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap.passBoxRight {
	font-size: 86%;
	overflow: hidden;
  float: none;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column2 .passBoxWrap .passBox{
  width: auto;
  margin-left: 0;
 }

/*----------------------------------------------------------------------
    column3
----------------------------------------------------------------------*/
.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap{
	margin-right: 0.9900990099009901%;
	width: 32.67326732673267%;
	max-width: 32.67326732673267%;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap.right {
	margin-right: 0;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap:nth-child(2){
	border-color: #fed7d8;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap:nth-child(3){
	border-color: #E1F3FD;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap.right h3 {
	color: #629BE5;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap h3 {
	font-size: 122%;
}
.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap .passBox {
	width: auto;
	margin-left: 0;
}
/*----------------------------------------------------------------------
    // column3
----------------------------------------------------------------------*/

.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap.linkInd {
	margin-top: 10px;
	padding-left: 17px;
	background: url(img/icn_arrow01.png) 0 4px no-repeat;
}
.season #ipb_box .passBoxColumn + .clearfix {
}
.season #wrap #contents #ipb_box .jrPassBoxInner .note {
	float: left;
	width: 540px;
	color: #f00;
	font-size: 86%;
	line-height: 1.4;
  margin-top: 0;
	margin-top: 20px;
}
.season #wrap #contents #ipb_box .jrPassBoxInner .gBtn {
	float: right;
	width: 365px;
	margin: 0;
	font-size: 86%;
	margin-top: 20px;
}
.season #wrap #contents #ipb_box .jrPassBoxInner .gBtn a {
	display: block;
	padding: 5px 10px;
	background: #0a8c0d;
	border: none;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.season #wrap #contents #ipb_box .jrPassBoxInner .gBtn a:hover,
.season #wrap #contents #ipb_box .jrPassBoxInner .gBtn a:focus {
	opacity: .7;
}
.season #wrap #contents #ipb_box .jrPassBoxInner .gBtn .gBtnInner {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 0;
	background: none;
	text-align: left;
}
.season #wrap #contents #ipb_box .jrPassBoxInner .gBtn .gBtnInner:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	width: 9px;
	height: 11px;
	margin-top: -6px;
	background: url(../img/spring/common/icn_arrow04.png) 0 0 no-repeat;
}
.season #contents .recommendBtn{
  text-align: center;
  margin-top: 15px;
}
.season #contents .recommendBtn a:hover,.season #contents .recommendBtn a:focus {
  opacity:0.8;
 }
.season #contents .recommendBtn img{
  width: 400px;
}
.season #contents .boxLeft .recommendBtn, .season #contents .boxRight .recommendBtn{
  margin-top: 6px;
}
.season #contents .link{
  text-indent: -16px;
  margin-left: 16px;
}

/*----------------------------------------------------------------------
    // start Spring
----------------------------------------------------------------------*/

.spring .center_page_navi ul li{
	background-image: url(../img/spring/common/bg_bt.png);
}
.spring .center_page_navi ul li.cherry a {
	background-image: url(../img/spring/common/m_top.png);
}
.spring .center_page_navi ul li.trivia a {
	background-image: url(../img/spring/common/m_trivia.png);
}
.spring .center_page_navi.page_bottom{
  background: url(../img/spring/common/bg_bottom.png) left 30px no-repeat #fff;
  background-size: 970px auto;
  padding-top: 0px;
  padding-bottom: 50px;
  margin-bottom: 20px;
}
.spring #contents .lightBoxWrap{
	height: auto;
}
/* lightBox -------------------- */
.spring #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle{
  color: #628024;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size: 125%;
  font-weight: bold;
  padding-left: 23px;
  margin-top: -5px;
  margin-bottom: 1em;
}
.spring #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle + .passesNote{
  margin-top: -1em;
}
.spring #contents .lightBoxWrap .lightBox .lightBoxRight p{
	margin-bottom: 1em;
}
.spring #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList{
  display: block;
  padding-left: 23px;
}
.spring #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li{
	margin-bottom: 10px;
}
.spring #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li img{
  max-width:100%;
  width: auto;
  height: auto;
}

/*----------------------------------------------------------------------
    // end Spring
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
    // start Summer
----------------------------------------------------------------------*/
.summer #contents{
	background: url(../img/summer/common/top_pc.png) left top no-repeat;
	background-size: 100% auto;
}
.summer .page_navi.page_bottom{
	/*background: url(../img/summer/common/bg_bottom.png) left top no-repeat #3c6980;
	background-size: 100% auto;
	padding-top: 350px;
	margin-bottom: 40px;*/
	background: url(../img/summer/common/bg_bottom.png) left bottom no-repeat #fff;
	background-size: 100% auto;
	padding-top: 350px;
	margin-bottom: 40px;
}
.summer #contents .categoryBox p {
	margin-bottom: 1em;
}
.summer #contents .categoryBox p.areaImg,
.summer #contents .categoryBox p.link {
	margin-bottom: 0;
}
.summer .page_navi ul{
  background: url(../img/summer/common/m_bar.png) left bottom no-repeat;
  background-size: 100% auto;
}
.summer .page_navi ul li.main a {
	background-image: url(../img/summer/common/m_top.png);
}
.summer .page_navi li.n_tohoku a {
	background-image: url(../img/summer/common/m_n_tohoku.png);
}
.summer .page_navi li.s_tohoku a {
	background-image: url(../img/summer/common/m_s_tohoku.png);
}
.summer .page_navi li.koshinetsu a {
	background-image: url(../img/summer/common/m_koshinetsu.png);
}
.summer .page_navi li.enjoy a {
	background-image: url(../img/summer/common/m_enjoy.png);
}
.summer .page_navi li.current a{
  background-color: #fff;
  color: #3C6980;
 }
.summer .page_navi li a {
  background-color: rgba(255,255,255,0.80);
  color: #5B646B;
  font-size: 150%;
  text-decoration:none;
  border-left: 1px solid #fff;
  line-height:1.2;
  min-height:66px\9;/*IE9*/
}
.summer .page_navi li a:hover,.summer .page_navi li a:focus{
  color: #3C6980;
}
.summer #contents .bgColorSummer {
	background-color: rgba(7,81,104,0.50);
	color: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* h2 -------------------- */
.summer #contents .categoryBox h2{
	background:url(../img/summer/common/h2_bar.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

/* h3 -------------------- */
.summer #contents .categoryBox h3{
	background:url(../img/summer/common/h3_bar.png) left bottom no-repeat;
	background-size: 911px auto;
  	color: #3C6980;
}

/* h3/h4 -------------------- */
.summer #contents .categoryBox h3.h4Style,
.summer #contents .categoryBox h4 {
	background:url(../img/summer/common/h4_bar.png) left 76% no-repeat;
	background-size: 100% auto;
  	color: #174254;
}
.summer #contents .categoryBox h3.h4Style {
	background-position-y: 45%;
}

/* h5 -------------------- */
.summer #contents .categoryBox h5 {
  	color: #0C69AB;
	font-family: "Arial Narrow", "Arial", sans-serif;
	font-size: 144%;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0.5em;
}
.summer #contents .info .enjoyBoxLeft h5,
.summer #contents .info .enjoyBoxRight h5 {
	display: inline-block;
}


/* sights / lightBox -------------------- */
.summer #contents .categoryBox > .sightsWrap{
  margin-bottom: -100px;
  position: relative;
  overflow:hidden;
  background: url(../img/summer/spot_bg.png) top center no-repeat;
  background-size: 100% auto;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.summer #contents .sights {
  padding-top: 150px;
}
.summer #contents .sights li:nth-child(3n+2) {
	padding-bottom: 115px;
	margin-top: -80px;
}
.summer #contents .sights li:nth-child(3n+1),
.summer #contents .sights li:nth-child(3n){
	padding-bottom: 0;
	margin-top: 100px;
}
.summer #contents .sights li.lastSight {
	padding-bottom: 180px;
}
.summer #contents .sights li a,
.summer #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
  color: #174254;
  background-image: url(../img/summer/area_pic_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.summer #contents .sights li a .sightsTitle,
.summer #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
	background: url(../img/summer/area_name_bg.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	font-size: 130%;
	font-weight: Bold;
	font-family: "Arial Narrow", "Arial", sans-serif;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
}
.summer #contents .sights li a .sightsTitle{
	padding-right: 12px;
	padding-left: 30px;
}
.summer #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle{
	padding-right: 20px;
	padding-left: 20px;
}
.summer #contents .sights li a .sightsTitle:after{
  background: url(../img/summer/common/link_jump.png) no-repeat 0 0;
  background-size: 100% 100%;
}

/* lightBox -------------------- */
.summer #kitatohoku01.lightBox .lightBoxLeft img.here{
  left: 55.2%;
  top: 15.4%;
}
.summer #kitatohoku02.lightBox .lightBoxLeft img.here{
  left: 56.6%;
  top: 12.2%;
}
.summer #kitatohoku03.lightBox .lightBoxLeft img.here{
  left: 51.5%;
  top: 13%;
}
.summer #kitatohoku04.lightBox .lightBoxLeft img.here{
  left: 70.9%;
  top: 30.8%;
}
.summer #kitatohoku05.lightBox .lightBoxLeft img.here{
  left: 48.3%;
  top: 28.1%;
}
.summer #minamitohoku01.lightBox .lightBoxLeft img.here{
  left: 53.2%;
  top: 48.4%;
}
.summer #minamitohoku02.lightBox .lightBoxLeft img.here{
  left: 59.2%;
  top: 48.5%;
}
.summer #minamitohoku03.lightBox .lightBoxLeft img.here{
  left: 59.5%;
  top: 58.8%;
}
.summer #koshinetsu01.lightBox .lightBoxLeft img.here{
  left: 10.4%;
  top: 65.8%;
}
.summer #contents .lightBoxWrap .lightBox .lightBoxRight h3 {
  color: #174254;
  font-family: "Arial Narrow", "Arial", sans-serif;
  margin-bottom: 5px;
  font-size: 176%;
  background: none;
}
.summer #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
  padding-bottom: 33px;
  background-position:bottom center;
  margin-bottom: 0;
}
.summer #contents .lightBoxWrap .lightBoxClose{
  display: block;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 24px;
  height: 24px;
  background: url(../img/summer/icon_close.png) 0 0 no-repeat #3c6980;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

/* add 2020.06 */
.summer #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle{
  color: #628024;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size: 125%;
  font-weight: bold;
  padding-left: 23px;
  margin-top: -5px;
  margin-bottom: 1em;
}
.summer #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle + .passesNote{
  margin-top: -1em;
}
.summer #contents .lightBoxWrap .lightBox .lightBoxRight p{
	margin-bottom: 1em;
}
.summer #contents .lightBoxWrap .lightBox .lightBoxRight p.mb0{
	margin-bottom: 0;
}
.summer #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList{
  display: block;
  padding-left: 23px;
}
.summer #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li{
	margin-bottom: 10px;
}
.summer #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li img{
  max-width:100%;
  width: auto;
  height: auto;
}
.summer #contents .lightBoxWrap{
	height: auto;
}
/* /add 2020.06 */


/* ipb_box style */
.summer #wrap #contents #ipb_box .jrPassBox {
	margin-top: 100px;
	margin-bottom: 50px;
}

/* pagelink -------------------- */
.summer #contents .pageLink ul li a{
  background:url(../img/summer/common/link_down.png) 0 50% no-repeat;
  background-size: 18px auto;
  color: #174254;
}

/* areaBox -------------------- */
.summer #contents .pdfArea .boxLeft,
.summer #contents .pdfArea .boxRight {
	width: 457px;
}
.summer #contents .pdfArea .right {
	text-align: left;
}
.summer #contents .areaBoxWrap .info table tr {
  vertical-align: top;
}
.summer #contents .areaBoxWrap .info table th {
	padding-top: 20px;
	background-position-y: top;
	color: #174254;
	width: 40%;
}
.summer #contents .areaBoxWrap .info table td {
	padding-top: 20px;
}
.summer #contents .areaBoxWrap .info table td > p {
	margin-bottom: 0.5em;
}
.summer #contents .areaBoxWrap .info table .iconView th {
  background-image: url(../img/summer/inf_time.png);
}
.summer #contents .areaBoxWrap .info table .iconFees th {
  background-image: url(../img/summer/inf_fees.png);
}
.summer #contents .areaBoxWrap .info table .iconLocation th {
  background-image: url(../img/summer/inf_location.png);
}
.summer #contents .areaBoxWrap .info table .iconLink th {
  background-image: url(../img/summer/inf_link.png);
}
.summer #contents .info {
	margin-bottom: 1em;
}
.summer #contents .info:last-child {
	margin-bottom: 0;
}
.summer #contents .info .enjoyText {
	padding: 10px 0 0 0;
	display: inline-block;
}
.summer #contents .info .enjoyBoxLeft .enjoyText {
	padding-right: 2em;
}
.summer #contents .info .enjoyText > div {
	margin-bottom: 1em;
}
.summer #contents .info .enjoyBoxLeft,
.summer #contents .info .enjoyBoxRight {
	width:50%;
	display: inline-block;
}
.summer #contents .info .enjoyBoxRight {
	float: right;
}
.summer #contents .areaBoxWrap .trivia .info .enjoyBoxLeft p.areaImg,
.summer #contents .areaBoxWrap .trivia .info .enjoyBoxRight p.areaImg {
	width: 100%;
}
.summer #contents .locationAccess dt{
  color: #0C69AB;
}

/* zatsugaku.html areaBox -------------------- */
.summer #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap,
.summer #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap{
  position: absolute;
  background-image: url(../img/summer/ex_bar.png);
  background-repeat: no-repeat;
}
.summer #contents .areaBoxWrap .info .iconTryArea {
	display: inline-block;
	width: 30%;
	float: right;
}
.summer #contents .areaBoxWrap .info .iconTry {
	display: inline-block;
	width: 200px;
	height: 88px;
	background-image: url(../img/summer/try.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	color: #fff;
	font-family: "Arial Narrow", "Arial", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 88px;
	text-align: center;
	margin-bottom: 0;
}
.summer #contents .areaBoxWrap .info .textTry {
	display: inline-block;
	width: 65%;
	margin-bottom: 0;
	margin-right: 1em;
}

/*----------------------------------------------------------------------
    // end Summer
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
    // start Summer Hanabi
----------------------------------------------------------------------*/
.summer_hanabi #contents{
	background: url(../img/summer_hanabi/common/top_pc.png) left top no-repeat;
	background-size: 100% auto;
}
.summer_hanabi .page_navi.page_bottom{
	background: url(../img/summer_hanabi/common/bg_bottom.png) left bottom no-repeat #fff;
	background-size: 100% auto;
	padding-top: 350px;
	margin-bottom: 40px;
}
.summer_hanabi #contents .categoryBox p {
	margin-bottom: 1em;
}
.summer_hanabi #contents .categoryBox p.areaImg,
.summer_hanabi #contents .categoryBox p.link {
	margin-bottom: 0;
}
.summer_hanabi .page_navi ul{
  background: url(../img/summer_hanabi/common/m_bar.png) left bottom no-repeat;
  background-size: 100% auto;
}
.summer_hanabi .page_navi ul li.main a {
	background-image: url(../img/summer_hanabi/common/m_top.png);
}
.summer_hanabi .page_navi li.n_tohoku a {
	background-image: url(../img/summer_hanabi/common/m_n_tohoku.png);
}
.summer_hanabi .page_navi li.s_tohoku a {
	background-image: url(../img/summer_hanabi/common/m_s_tohoku.png);
}
.summer_hanabi .page_navi li.koshinetsu a {
	background-image: url(../img/summer_hanabi/common/m_koshinetsu.png);
}
.summer_hanabi .page_navi li.kanto a {
	background-image: url(../img/summer_hanabi/common/m_kanto.png);
}
.summer_hanabi .page_navi li.enjoy a {
	background-image: url(../img/summer_hanabi/common/m_enjoy.png);
}
.summer_hanabi .page_navi li.current a{
  background-color: #fff;
  color: #774694;
 }
.summer_hanabi .page_navi li {
	float: left;
	width: 158px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.summer_hanabi .page_navi li:first-child{
	width: 160px;
}
.summer_hanabi .page_navi li a {
  background-color: rgba(255,255,255,0.80);
  color: #5D5766;
  font-size: 150%;
  text-decoration:none;
  border-left: 1px solid #fff;
  line-height:1.2;
  min-height:66px\9;/*IE9*/
}
.summer_hanabi .page_navi li a:hover,.summer_hanabi .page_navi li a:focus{
  color: #774694;
}
.summer_hanabi #contents .bgColorSummer {
	background-color: rgba(41,11,66,0.50);
	color: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* h2 -------------------- */
.summer_hanabi #contents .categoryBox h2{
	background:url(../img/summer_hanabi/common/h2_bar.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

/* h3 -------------------- */
.summer_hanabi #contents .categoryBox h3{
	background:url(../img/summer_hanabi/common/h3_bar.png) left bottom no-repeat;
	background-size: 911px auto;
  	color: #774694;
}

/* h3/h4 -------------------- */
.summer_hanabi #contents .categoryBox h3.h4Style,
.summer_hanabi #contents .categoryBox h4 {
	background:url(../img/summer_hanabi/common/h4_bar.png) left 76% no-repeat;
	background-size: 100% auto;
  	color: #2D1754;
}
.summer_hanabi #contents .categoryBox h3.h4Style {
	background-position-y: 45%;
}

/* h5 -------------------- */
.summer_hanabi #contents .categoryBox h5 {
  	color: #2D1754;
	font-family: "Arial Narrow", "Arial", sans-serif;
	font-size: 144%;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0.5em;
}
.summer_hanabi #contents .info .enjoyBoxLeft h5,
.summer_hanabi #contents .info .enjoyBoxRight h5 {
	display: inline-block;
}


/* sights / lightBox -------------------- */
.summer_hanabi #contents .categoryBox > .sightsWrap{
  margin-bottom: -100px;
  position: relative;
  overflow:hidden;
  background: url(../img/summer_hanabi/spot_bg.png) top center no-repeat;
  background-size: 100% auto;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.summer_hanabi #contents .sights {
  padding-top: 150px;
}
.summer_hanabi #contents .sights li:nth-child(3n+2) {
	padding-bottom: 115px;
	margin-top: -80px;
}
.summer_hanabi #contents .sights li:nth-child(3n+1),
.summer_hanabi #contents .sights li:nth-child(3n){
	padding-bottom: 0;
	margin-top: 100px;
}
.summer_hanabi #contents .sights li.lastSight {
	padding-bottom: 180px;
}
.summer_hanabi #contents .sights li .great3,
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .great3,
.summer_hanabi #contents .categoryBox .great3 {
	/*margin-top: -60px;*/
	height: 60px;
	background: url(../img/summer_hanabi/great3_e.png) no-repeat bottom;
	background-size: contain;
}
.summer_hanabi #contents .sights li .great3 {
	margin-top: -60px;
}
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .great3 {
	margin-top: 0;
}
.summer_hanabi #contents .categoryBox .great3 {
	background-position: 6px;
}

.summer_hanabi #contents .sights li a,
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
  color: #2D1754;
  background-image: url(../img/summer_hanabi/area_pic_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.summer_hanabi #contents .sights li a .sightsTitle,
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
	background: url(../img/summer_hanabi/area_name_bg.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	font-size: 130%;
	font-weight: Bold;
	font-family: "Arial Narrow", "Arial", sans-serif;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
}
.summer_hanabi #contents .sights li a .sightsTitle{
	padding-right: 12px;
	padding-left: 30px;
}
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle{
	padding-right: 20px;
	padding-left: 20px;
}
.summer_hanabi #contents .sights li a .sightsTitle:after{
  background: url(../img/summer_hanabi/common/link_jump.png) no-repeat 0 0;
  background-size: 100% 100%;
}

/* lightBox -------------------- */
.summer_hanabi #kitatohoku01.lightBox .lightBoxLeft img.here{
  left: 65%;
  top: 35.7%;
}
.summer_hanabi #kitatohoku02.lightBox .lightBoxLeft img.here{
  left: 54.8%;
  top: 32.7%;
}
.summer_hanabi #minamitohoku01.lightBox .lightBoxLeft img.here{
  left: 58.3%;
  top: 46.3%;
}
.summer_hanabi #minamitohoku02.lightBox .lightBoxLeft img.here{
  left: 52.9%;
  top: 48%;
}
.summer_hanabi #koshinetsu01.lightBox .lightBoxLeft img.here{
  left: 24%;
  top: 63.3%;
}
.summer_hanabi #koshinetsu02.lightBox .lightBoxLeft img.here{
  left: 12.9%;
  top: 78.5%;
}
.summer_hanabi #kanto01.lightBox .lightBoxLeft img.here{
  left: 47.9%;
  top: 78.5%;
}
.summer_hanabi #kanto02.lightBox .lightBoxLeft img.here{
  left: 43.9%;
  top: 74.1%;
}
.summer_hanabi #kanto03.lightBox .lightBoxLeft img.here{
  left: 37%;
  top: 85.6%;
}
.summer_hanabi #kanto04.lightBox .lightBoxLeft img.here{
  left: 37%;
  top: 85.6%;
}
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight h3 {
  color: #2D1754;
  font-family: "Arial Narrow", "Arial", sans-serif;
  margin-bottom: 5px;
  font-size: 176%;
  background: none;
}
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
  padding-bottom: 33px;
  background-position:bottom center;
  margin-bottom: 0;
}
.summer_hanabi #contents .lightBoxWrap .lightBoxClose{
  display: block;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 24px;
  height: 24px;
  background: url(../img/summer_hanabi/icon_close.png) 0 0 no-repeat #3c6980;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

/* add 2020.06 */
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle{
  color: #628024;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size: 125%;
  font-weight: bold;
  padding-left: 23px;
  margin-top: -5px;
  margin-bottom: 1em;
}
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle + .passesNote{
  margin-top: -1em;
}
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight p{
	margin-bottom: 1em;
}
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight p.mb0{
	margin-bottom: 0;
}
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList{
  display: block;
  padding-left: 23px;
}
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li{
	margin-bottom: 10px;
}
.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li img{
  max-width:100%;
  width: auto;
  height: auto;
}
.summer_hanabi #contents .lightBoxWrap{
	height: auto;
}
/* /add 2020.06 */


/* ipb_box style */
.summer_hanabi #wrap #contents #ipb_box .jrPassBox {
	margin-top: 100px;
	margin-bottom: 50px;
}

/* pagelink -------------------- */
.summer_hanabi #contents .pageLink ul li a{
  background:url(../img/summer_hanabi/common/link_down.png) 0 50% no-repeat;
  background-size: 18px auto;
  color: #2D1754;
}

/* areaBox -------------------- */
.summer_hanabi #contents .areaBoxWrap .info table tr {
  vertical-align: top;
}
.summer_hanabi #contents .areaBoxWrap .info table th {
	padding-top: 20px;
	background-position-y: top;
	color: #774694;
	width: 40%;
}
.summer_hanabi #contents .areaBoxWrap .info table td {
	padding-top: 20px;
}
.summer_hanabi #contents .areaBoxWrap .info table td > p {
	margin-bottom: 0.5em;
}
.summer_hanabi #contents .areaBoxWrap .info table .iconView th {
  background-image: url(../img/summer_hanabi/inf_time.png);
}
.summer_hanabi #contents .areaBoxWrap .info table .iconAdmission th {
  background-image: url(../img/summer_hanabi/inf_admission.png);
}
.summer_hanabi #contents .areaBoxWrap .info table .iconNumber th {
  background-image: url(../img/summer_hanabi/inf_number.png);
}
.summer_hanabi #contents .areaBoxWrap .info table .iconLocation th {
  background-image: url(../img/summer_hanabi/inf_location.png);
}
.summer_hanabi #contents .areaBoxWrap .info table .iconLink th {
  background-image: url(../img/summer_hanabi/inf_link.png);
}
.summer_hanabi #contents .areaBoxWrap .info table .iconNearby th {
  background-image: url(../img/summer_hanabi/inf_nearby.png);
}
.summer_hanabi #contents .info {
	margin-bottom: 1em;
}
.summer_hanabi #contents .info:last-child {
	margin-bottom: 0;
}
.summer_hanabi #contents .info .enjoyText {
	padding: 10px 0 0 0;
	display: inline-block;
}
.summer_hanabi #contents .info .enjoyBoxLeft .enjoyText {
	padding-right: 2em;
}
.summer_hanabi #contents .info .enjoyBoxLeft,
.summer_hanabi #contents .info .enjoyBoxRight {
	width:50%;
	display: inline-block;
}
.summer_hanabi #contents .info .enjoyBoxRight {
	float: right;
}
.summer_hanabi #contents .areaBoxWrap .trivia .info .enjoyBoxLeft p.areaImg,
.summer_hanabi #contents .areaBoxWrap .trivia .info .enjoyBoxRight p.areaImg {
	width: 100%;
}

.summer_hanabi #contents .locationAccess dt{
  color: #2D1754;
}

/* zatsugaku.html areaBox -------------------- */
.summer_hanabi #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap,
.summer_hanabi #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap{
  position: absolute;
  background-image: url(../img/summer_hanabi/ex_bar.png);
  background-repeat: no-repeat;
}
.summer_hanabi #contents .areaBoxWrap .trivia .info p.noImage {
	width: 100%;
	margin-bottom: 5px;
}
.summer_hanabi #contents .areaBoxWrap .trivia .info p.noImage .captionWrap {
	width: 560px;
	position: relative;
	background-size: 110% 100%;
}
.summer_hanabi #contents .areaBoxWrap .info .textTry {
	display: inline-block;
	width: 670px;
}
/*----------------------------------------------------------------------
    // end Summer Hanabi
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
    // start Autumn
----------------------------------------------------------------------*/

.autumn .center_page_navi ul li{
	background-image: url(../img/autumn/common/bg_bt.png);
}
.autumn .center_page_navi ul li.cherry a {
	background-image: url(../img/autumn/common/m_top.png);
}
.autumn .center_page_navi ul li.trivia a {
	background-image: url(../img/autumn/common/m_trivia.png);
}
.autumn .center_page_navi.page_bottom{
  background: url(../img/autumn/common/bg_bottom.png) left 30px no-repeat #fff;
  background-size: 970px auto;
  padding-top: 0px;
  padding-bottom: 50px;
  margin-bottom: 20px;
}
.autumn #contents .lightBoxWrap{
	height: auto;
}
/* lightBox -------------------- */
.autumn #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle{
  color: #628024;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size: 125%;
  font-weight: bold;
  padding-left: 23px;
  margin-top: -5px;
  margin-bottom: 1em;
}
.autumn #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle + .passesNote{
  margin-top: -1em;
}
.autumn #contents .lightBoxWrap .lightBox .lightBoxRight p{
	margin-bottom: 1em;
}

.autumn #contents .lightBoxWrap .lightBox .lightBoxRight p.mb0{
	margin-bottom: 0;
}
.autumn #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList{
  display: block;
  padding-left: 23px;
}
.autumn #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li{
	margin-bottom: 10px;
}
.autumn #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li img{
  max-width:100%;
  width: auto;
  height: auto;
}

/*----------------------------------------------------------------------
    // end Autumn
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
    // start Winter
----------------------------------------------------------------------*/
.winter #contents{
	background: url(../img/winter/common/top_pc.png) center top no-repeat;
	background-size: 950px auto;
}
.winter #contents .titleBox img{
	margin-left: 0;
	margin-bottom: 15px;
	margin-top: 70px;
}
.winter #contents .titleBox .titleBand img{
	margin-top: 0;
	margin-bottom: 0px;
}
.winter #contents .titleBox p{
	font-size: 115%;
	margin-bottom: 40px;
	color: #2e4266;
}
.winter .current_page_navi ul{
	display: block;
	margin-bottom: 90px;
	text-align: center;
}
.winter .current_page_navi ul li{
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	list-style:none;
	background: url(../img/winter/common/bg_bt.png) left bottom repeat #fff;
}
.winter .current_page_navi ul li a{
	display: block;
	background-position: 10px 50%;
	background-repeat: no-repeat;
    background-size: 32px 39px;
	font-size: 185%;
	font-weight: bold;
	color: #2e4266;
	text-decoration:none;
	font-family: "Arial Narrow", "Arial", sans-serif;
	min-width: 220px;
	padding: 15px 5px 15px 35px;
}
.winter .current_page_navi ul li:hover{
	opacity:0.8;
}
.winter .current_page_navi ul li.navi_nearTokyo a{
	background-image: url(../img/winter/common/m_kanto.png);
}
.winter .current_page_navi ul li.navi_tohoku a{
	background-image: url(../img/winter/common/m_n_tohoku.png);
}
.winter #contents .categoryBox p {
	margin-bottom: 1em;
}
.winter #contents .bgColorWinter {
	background-color: rgba(41,11,66,0.50);
	color: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* h2 -------------------- */
.winter #contents .categoryBox h2{
	background:url(../img/winter/common/h2_bar.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

/* h3 -------------------- */
.winter #contents .categoryBox h3{
	background:url(../img/winter/common/h3_bar.png) left bottom no-repeat;
	background-size: 911px auto;
  	color: #2e4266;
	font-family: "Arial Narrow", "Arial", sans-serif;
}

/* h3/h4 -------------------- */
.winter #contents .categoryBox h3.h4Style,
.winter #contents .categoryBox h4 {
	background:url(../img/winter/common/h4_bar.png) left 76% no-repeat;
	background-size: 100% auto;
  	color: #2e4266;
}

/* sights / lightBox -------------------- */
.winter #contents .categoryBox > .sightsWrap{
  margin-bottom: 0px;
  position: relative;
  overflow:hidden;
  background: url(../img/winter/spot_bg.png) top center no-repeat;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.winter #contents .sights {
  padding-top: 100px;
}
.winter #contents .sights li{
	height: 305px;
}
.winter #contents .sights li:first-child:last-child,
.winter #contents .sights li:nth-child(3n+2) {
	padding-bottom: 90px;
	margin-top: -100px;
}
.winter #contents .sights li:first-child:last-child{
	margin-left: 33.3%;
	padding-bottom: 0px;
}
.winter #contents .sights li:nth-child(3n+1),
.winter #contents .sights li:nth-child(3n){
	padding-bottom: 0;
	margin-top: 80px;
}
.winter #contents .sights li.lastSight {
	padding-bottom: 180px;
}
.winter #contents .sights li a{
	padding-top: 0;
}
.winter #contents .sights li a .feature{
    display: table;
	width: 100%;
	margin-bottom: 3px;
}
.winter #contents .lightBoxWrap{
	height: auto;
}
.winter #contents .sights li a .feature span,
.winter #contents .lightBoxWrap .lightBox .lightBoxRight .feature span{
	color: #275ca5;
	font-weight: bold;
	font-family: "Arial Narrow", "Arial", sans-serif;
	font-size: 132%;
}
.winter #contents .sights li a .feature span{
	text-align: center;
    height: 2em;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
	line-height:1em;
	margin-top: -30px;
}
.winter #contents .lightBoxWrap .lightBox .lightBoxRight .feature span{
  padding-left: 23px;
  display: inline-block;
}
.winter #contents .sights li a,
.winter #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
  color: #2e4266;
  background-image: url(../img/winter/area_pic_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.winter #contents .sights li a .sightsTitle,
.winter #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
	background: url(../img/winter/area_name_bg.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	font-size: 130%;
	font-weight: Bold;
	font-family: "Arial Narrow", "Arial", sans-serif;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
}
.winter #contents .sights li a .sightsTitle{
	padding-right: 12px;
	padding-left: 30px;
}
.winter #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle{
	padding-right: 20px;
	padding-left: 20px;
}
.winter #contents .sights li a .sightsTitle:after{
  background: url(../img/winter/common/link_jump.png) no-repeat 0 0;
  background-size: 100% 100%;
}

/* lightBox -------------------- */
.winter #nearTokyoGalaYuzawa.lightBox .lightBoxLeft img.here{
  left: 24.8%;
  top: 64.5%;
}
.winter #nearTokyoKaruizawa.lightBox .lightBoxLeft img.here{
  left: 23.8%;
  top: 75.5%;
}
.winter #nearTokyoHappoOne.lightBox .lightBoxLeft img.here{
  left: 8.8%;
  top: 69.2%;
}
.winter #nearTokyoMinakami.lightBox .lightBoxLeft img.here{
  left: 30%;
  top: 70.2%;
}
.winter #nearTokyoNaeba.lightBox .lightBoxLeft img.here{
  left: 24.5%;
  top: 65.8%;
}
.winter #nearTokyoHakaubaGoryu.lightBox .lightBoxLeft img.here{
  left: 8.5%;
  top: 69.5%;
}
.winter #tohokuHakkoda.lightBox .lightBoxLeft img.here{
  left: 60%;
  top: 13%;
}
.winter #tohokuSumikawa.lightBox .lightBoxLeft img.here{
  left: 56%;
  top: 50%;
}
.winter #tohokuAppiKogen.lightBox .lightBoxLeft img.here{
  left: 64%;
  top: 23.5%;
}
.winter #tohokuTazawako.lightBox .lightBoxLeft img.here{
  left: 57%;
  top: 26.5%;
}
.winter #tohokuHachimantai.lightBox .lightBoxLeft img.here{
  left: 58%;
  top: 23.5%;
}
.winter #tohokuZao.lightBox .lightBoxLeft img.here{
  left: 53%;
  top: 48.8%;
}
.winter #tohokuGranDeco.lightBox .lightBoxLeft img.here{
  left: 49%;
  top: 56.2%;
}
.winter #contents .lightBoxWrap .lightBox .lightBoxRight h3 {
  color: #2e4266;
  font-family: "Arial Narrow", "Arial", sans-serif;
  margin-bottom: 0px;
  background: none;
	font-weight: bold;
}
.winter #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
  padding-bottom: 33px;
  background-position:bottom center;
  margin-bottom: 0;
}
.season #contents .lightBoxWrap .lightBox .lightBoxRight .link01{
	background-image: none;
	margin-left: 16px;
    padding-left: 0;
}
.season #contents .lightBoxWrap .lightBox .lightBoxRight .link01 a{
    padding-left: 16px;
    background: url(../../../img/multi/icon_link01.gif) 0 3px no-repeat;
}
.winter #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle{
  color: #2e4266;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size: 125%;
  font-weight: bold;
  padding-left: 23px;
  margin-top: -5px;
}
.winter #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList{
  display: block;
  padding-left: 23px;
}
.winter #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li{
	margin-bottom: 10px;
}
.winter #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li img{
  max-width:100%;
  width: auto;
  height: auto;
}
.winter #contents .lightBoxWrap .lightBoxClose{
  display: block;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 24px;
  height: 24px;
  background: url(../img/winter/icon_close.png) 0 0 no-repeat #3c6980;
  background-size: 24px auto;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

/* ipb_box style */
.winter #wrap #contents #ipb_box .jrPassBox {
	margin-top: 0px;
	margin-bottom: 0px;
}


/* videoCategoryBox -------------------- */
.winter #contents .categoryBox.videoCategoryBox {
	text-align: center;
	padding-bottom: 10px;
  	background: url(../img/winter/video_bg.png) 0 0 repeat #d8effd;
	padding-top: 30px;
}
.winter #contents .categoryBox.videoCategoryBox h3{
	padding: 0;
	margin-bottom: 20px;
  	background: url(../img/winter/title_video.png) 50% bottom no-repeat;
	font-weight: normal;
	font-size: 280%;
}
.winter #contents .categoryBox.videoCategoryBox iframe{
	margin-bottom: 15px;
}
.winter #contents .categoryBox.videoCategoryBox p.videoLeadTxt{
  color: #2e4266;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size: 170%;
  font-weight: bold;
  margin-bottom: 20px;
}

/* bottomImage -------------------- */
.winter #contents .bottomImage{
	margin-bottom: 40px;
}
.winter #contents .bottomImage img{
	max-width:100%;
	width: auto;
	height: auto;
}

/*----------------------------------------------------------------------
    // end Winter
----------------------------------------------------------------------*/


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

  /*----------------------------------------------------------------------
      Common
  ----------------------------------------------------------------------*/
  .season #contents .pagetop{
    margin-right: 20px;
   }
  .season #contents{
    width: auto;
   }
  .season #contents .titleBox{
    width: auto;
   }
  .season #contents .titleBox img{
    max-width:60%;
    margin-left: -4%;
    width: auto;
   }
  .season #contents .titleBox .titleBand{
    max-width:25%;
   }
  .season #contents .titleBox .titleBand img{
    max-width: 100%;
    margin-left: 0%;
    height: auto;
   }
  .season .page_navi li {
    width: 19.5%;
  }
 .season .page_navi li:first-child{
    width: 22%;
  }
 .season .page_navi li a {
   font-size: 150%;
   word-wrap:break-word;
  }
  .season .update{
    padding-left: 20px;
  }

  /*----------------------------------------------------------------------
      title
  ----------------------------------------------------------------------*/

  /* h2 -------------------- */
  .season #contents .categoryBox h2{
    background-size: 100% 85%;
    font-size:174%;
    line-height:0.8;
  }
  .season #contents .categoryBox h2 span{
    height: 72px;
    padding-right: 50px;
  }

  /* h3 -------------------- */
  .season #contents .categoryBox h3{
    float: none;
    font-size:203%;
    padding-bottom: 10px;
    padding-top: 9px;
  }
  .season #contents .categoryBox h3 span{
    float: none;
    display: block;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 3px;
    font-size:64%;
  }

  /* lightBox -------------------- */
  .season #contents .lightBoxWrap {
     height: auto;
     width: 88%;
     padding-left: 3%;
     padding-right: 3%;
    left: 50%;
    margin-left: -47%;
  }
  .season #contents .lightBoxWrap .lightBox .lightBoxLeft {
    width: 58%;
  }
  .season #contents .lightBoxWrap .lightBox .lightBoxRight {
    width: 40%;
  }
  /*.season #contents .areaBoxWrap .info p.areaImg {
    width:54.5%;
  }*/
  .season #contents .areaBoxWrap .info table {
    width:45%;
  }
  .season #contents .boxLeft,
  .season #contents .boxRight {
    width:45%;
  }
  .season #contents .boxLeft img,
  .season #contents .boxRight img{
    width: auto;
    max-width:100%;
    height: auto;
  }

  /*----------------------------------------------------------------------
      Spring areabox img
  ----------------------------------------------------------------------*/
  /*.season #contents .areaBoxWrap .trivia .info p.areaImg {
    width: 50%;
  }*/
  .season #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap,
  .season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap{
    padding-top: 4px;
    padding-bottom: 8px;
  }
  .season #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap span .memoPlace,
  .season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap .memoPlace{
    line-height: 1.1;
  }
  .season #contents .areaBoxWrap .info table{
    table-layout: fixed;
  }
  .season #contents .areaBoxWrap .info table th,
  .season #contents .areaBoxWrap .info table td {
   word-wrap:break-word;
  }
  /* ipb_box style */
  .season #wrap #contents #ipb_box .jrPassBox {
    margin-left: 20px;
    margin-right: 20px;
  }
	.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap .passBoxRight,
	.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column2 .passBoxWrap .passBoxRight {
		width: auto;
		overflow: hidden;
		float: none;
	}
  .season #contents .recommendBtn img{
    width: 400px;
  }

	/*----------------------------------------------------------------------
		// start Spring
	----------------------------------------------------------------------*/
	.spring .center_page_navi.page_bottom{
		margin-right: -1.052631578947368%;
	}
	/*----------------------------------------------------------------------
		// end Spring
	----------------------------------------------------------------------*/

	/*----------------------------------------------------------------------
		// start Summer
	----------------------------------------------------------------------*/
	.summer #section {
		padding-right: 0;
	}
	.summer #contents .categoryBox > .sightsWrap {
		background-size: auto 100%;
	}
	.summer .page_navi.page_bottom {
		padding-top: 40%;
	}
	.summer #contents .categoryBox h2{
		line-height:1.05;
	}
	.summer #contents .categoryBox h3 {
		line-height: 1;
	}
	.summer #contents .pdfArea {
		padding-left: 20px;
		padding-right: 20px;
	}
	.summer #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap,
	.summer #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap {
		/*background-size: 110% 100%;*/
		height: 21px;
	}
	.summer #contents .info .enjoyBoxLeft,
	.summer #contents .info .enjoyBoxRight {
		width:50%;
	}
	.summer #contents .areaBoxWrap .trivia .info .enjoyBoxLeft p.areaImg,
	.summer #contents .areaBoxWrap .trivia .info .enjoyBoxRight p.areaImg {
		width: 100%;
	}
	/*----------------------------------------------------------------------
		// end Summer
	----------------------------------------------------------------------*/


	/*----------------------------------------------------------------------
		// start Summer Hanabi
	----------------------------------------------------------------------*/
	.summer_hanabi #section {
		padding-right: 0;
	}
	.summer_hanabi #contents .categoryBox > .sightsWrap {
		background-size: auto 100%;
	}
	.summer_hanabi .page_navi li {
		width: 16.63%;
	}
	.summer_hanabi .page_navi li:first-child{
		width: 16.84%;
	}
	.summer_hanabi .page_navi.page_bottom {
		padding-top: 40%;
	}
	.summer_hanabi #contents .categoryBox h2{
		line-height:1.05;
	}
	.summer_hanabi #contents .categoryBox h3 {
		line-height: 1;
	}
	.summer_hanabi #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap,
	.summer_hanabi #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap {
		/*background-size: 110% 100%;*/
		height: 21px;
	}

	.summer_hanabi #contents .areaBoxWrap .trivia .info p.noImage {
		width: 100%;
	}
	/*----------------------------------------------------------------------
		// end Summer Hanabi
	----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------
		// start Autumn
	----------------------------------------------------------------------*/
	.autumn #section {
		padding-right: 0;
	}
	/*----------------------------------------------------------------------
		// end Autumn
	----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------
		// start Winter
	----------------------------------------------------------------------*/
	.winter #section {
		padding-right: 0;
	}
	.winter #contents .titleBox img{
		max-width:100%;
		margin-left: 0;
		width: 530px;
	}
	.winter #contents .categoryBox h2{
		line-height:1.05;
	}
	.winter #contents .categoryBox h3 {
		line-height: 1;
	}
	/*----------------------------------------------------------------------
		// end Winter
	----------------------------------------------------------------------*/
}

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

  /*----------------------------------------------------------------------
      Common
  ----------------------------------------------------------------------*/
  .season #contents{
    background-image: url(../img/spring/common/top_sp.png);
    margin-top: 0;
  }
  .season #wrap{
    min-width:inherit;
    font-size:85% !important;
  }
  .season #section{
    width: auto;
  }
  .sp_title {
		display: block;
    background-color: #d14b74;
    font-family: "Arial Narrow", "Arial", sans-serif;
	}
  .sp_title .hgroup .title{
    margin-top: 6px;
  }
  .sp_title .menu_open{
    top: 8px;
  }
  .sp_title .menu_open img{
    width: 30px;
    height: auto;
  }
  .sp_menu{
    font-size: 120%;
  }
  .sp_menu > ul > li > a{
    padding-right: 30px;
  }
  .sp_menu > ul > li.close > a{
    background-position: 99% center;
  }
  .sp_menu > ul > li.open > a{
    background-position: 99% center;
  }
  .sp_menu > ul > li.icnPC > a{
    background:url(../../img/renew/common/icon_pc_grn.png) 99% center no-repeat;
    background-size:25px auto;
  }
	.sp_menu > ul > li.bgGreen{
		background-color: #0b8d0d;
	}
	.sp_menu > ul > li.bgGreen > a{
    color: #fff;
	}
	.sp_menu > ul > li.bgGreen:first-child{
    padding-top: 1px;
	}
  .sp_menu > ul > li.icnPC.bgGreen > a{
    margin-top: 3px;
    background-image: url(../../img/renew/common/icon_pc_wht.png);
    background-size:25px auto;
    border-left: 6px solid #fff;
    font-size: 116%;
  }
	.sp_menu > ul > li > span{
    padding: 15px 10px 15px 17px;
    display: block;
	}
  .season #contents .pagetop{
    margin-right: 10px;
   }
  .season #contents .titleBox{
    margin-bottom: 10px;
    padding-top: 45px;
   }
  .season #contents .titleBox img{
    width: 400px;
    max-width:95%;
    margin-left: -1.5%;
   }
  .season #contents .titleBox .titleBand{
    width: 160px;
    max-width:40%;
   }
  .season #contents .titleBox .titleBand img{
    margin-left: 0;
	}
  .season #contents .categoryBox{
    margin-bottom: 35px;
    padding-left: 0px;
    padding-right: 0px;
  }
  /* page_navi */
  .season .page_navi{
    display: none;
    margin-left: -10px;
    margin-right: -10px;
  }
  .season .page_navi.page_bottom{
    display: block;
    padding-top: 107px;
    margin-bottom: 20px;
  }
  .season .page_navi ul{
    display: block;
  }
  .season .page_navi li {
    float: none;
    height: 47px;
    border-top: 2px solid #fff;
    display: table;
    width: 100%;
   position: relative;
  }
 .season .page_navi li:first-child{
    width: 100%;
    border-top: none;
  }
 .season .page_navi li:after{
    content:"";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -18px;
    background: url(../img/spring/common/link_jump.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 18px;
    height: 34px;
  }
 .season .page_navi li a {
   border-left: none;
   display: table-cell;
   vertical-align: middle;
   padding-right: 35px;
   padding-top: 4px;
   padding-bottom: 4px;
   font-size: 170%;
  }
  .season .page_navi li.current a{
    color: #d14b74;
    background-color: #fff;
   }
  .season .update{
    padding-left: 0px;
  }
  
  /* center_page_navi */
	.season .center_page_navi ul:after{
	  content:"";
	  display:block;
	  height:0;
	  clear:both;
	  visibility:hidden;
	}
	.season .center_page_navi ul{
		margin-top: 0;
		margin-bottom: 25px;
	}
	.season .center_page_navi ul li{
		float: left;
		width: 50%;
		display: block;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-left: 0;
		margin-right: 0;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.season .center_page_navi ul li:first-child{
		border-right: 1px solid #fff;
	}
	.season .center_page_navi ul li:last-child{
		border-left: 1px solid #fff;
	}
	.season .center_page_navi ul li a{
		min-width: 0;
		padding:12px 7px 12px 42px;
		line-height: 1.1em;
		background-position: 6px 50%;
		width: 100%;
		box-sizing:border-box;
		height: 100%;
	}

  /*----------------------------------------------------------------------
      title
  ----------------------------------------------------------------------*/

  /* h1 -------------------- */
  .season #contents h1{
    display: block !important;
  }

  /* h2 -------------------- */
  .season #contents .categoryBox h2{
  	background:url(../img/spring/common/h2_bar_sp.png) 50% 50% no-repeat;
    background-size: 640px auto;
    background-position: right 50%;
    line-height:0.85;
    margin-left: -10px;
    margin-right: -10px;
    padding: 2px 10px 5px 10px;
  }
  .season #contents .categoryBox h2:before{
    display: none;
  }
  .season #contents .categoryBox h2 span{
    padding-right: 65px;
    padding-left: 0;
    height: 93px;
  }

  /* h3 -------------------- */
  .season #contents .categoryBox h3{
    margin-right: -10px;
    padding-right: 10px;
    line-height: 0.9;
    padding-bottom: 14px;
  }
  .season #contents .categoryBox h3 span{
    padding-bottom: 0;
  }

  /* h3/h4 -------------------- */
 .season #contents .categoryBox  h3.h4Style,
  .season #contents .categoryBox  h4 {
    background-size: 700px auto;
    line-height: 1;
    margin-right: -10px;
    padding-right: 10px;
  }
	.season #contents .lightBoxWrap .lightBox .lightBoxRight h4 {
		margin-right: 0;
	}

  /* pagelink -------------------- */
  .season #contents .pageLink{
    margin-bottom: 12px;
  }
  .season #contents h2 + .pageLink{
    margin-top: 0;
  }
  .season #contents .pageLink ul li{
    display: block;
    margin-right: 0px;
    margin-bottom: 6px;
  }
  .season #contents .pageLink ul li a{
    line-height:1.1;
  }

  /* sights / lightBox -------------------- */
  .season #contents .categoryBox > .sightsWrap{
    background-image: url(../img/spring/spot_bg.png) ,url(../img/spring/spot_bg.png);
    background-position: center top, 666px 100px;
    background-repeat: repeat,repeat;
    background-size: 600px auto,600px auto;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -55px;
    padding: 40px 10px 65px 10px;
  }
  .season #contents .sights {
    padding-top: 0px;
  }
  .season #contents .sights li {
    float: none;
    width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height:auto;
    padding-bottom: 20px;
  }
  .season #contents .sights li:nth-child(3n+1),
  .season #contents .sights li:nth-child(3n) {
    padding-bottom: 20px;
    margin-top: 0px;
  }
  .season #contents .sights li:nth-child(3n+2) {
  margin-top: 0px;
  }
  .season #contents .sights li:nth-child(3n+2):last-child {
    margin-top: 0px;
    padding-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
  }

  /* lightBox -------------------- */
  .season #contents .lightBoxWrap {
   width: 94%;
   padding-left: 0;
   padding-right: 0;
   margin-top: 10px;
  }
  .season #contents .lightBoxWrap .lightBox .lightBoxLeft {
    width: auto;
    float: none;
    max-width:300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3%;
    padding-right: 3%;
    box-sizing:border-box;
    margin-top: 20px;
  }
  .season #contents .lightBoxWrap .lightBox .lightBoxRight {
    padding-top: 10px;
    width: auto;
    float: none;
  }
  .season #contents .lightBoxWrap .lightBox .lightBoxRight h3{
    margin-bottom: 0;
    margin-right: 0;
  }
  .season #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .season #contents .lightBoxWrap .lightBox .lightBoxRight .link,
  .season #contents .lightBoxWrap .lightBox .lightBoxRight .link01{
    padding-right: 3%;
  }
  .season #contents .lightBoxWrap .lightBoxClose{
    top: 10px;
    right: 10px;
  }

  /* areaBox -------------------- */
  .season #contents .areaBoxWrap .info p.areaImg {
    width:auto;
    float: none;
  }
  .season #contents .areaBoxWrap .info table {
    width:auto;
    margin-top: 10px;
    float: none;
  }
  .season #contents .areaBoxWrap .info table tr {
    background-position: -8px -8px;
    background-repeat: no-repeat;
    background-size: 61px auto;
  }
  .season #contents .areaBoxWrap .info table .iconSeason {
    background-image: url(../img/spring/inf_season.png);
  }
  .season #contents .areaBoxWrap .info table .iconView {
    background-image: url(../img/spring/inf_time.png);
  }
  .season #contents .areaBoxWrap .info table .iconBlossom {
    background-image: url(../img/spring/inf_trees.png);
  }
  .season #contents .areaBoxWrap .info table .iconLocation {
    background-image: url(../img/spring/inf_location.png);
  }
  .season #contents .areaBoxWrap .info table .iconLink {
    background-image: url(../img/spring/inf_other.png);
  }
  .season #contents .areaBoxWrap .info table .iconArea {
    background-image: url(../img/spring/inf_area.png);
  }
  .season #contents .areaBoxWrap .info table th,
  .season #contents .areaBoxWrap .info table td {
    height: auto;
    display: block;
    padding-left: 53px;
  }
	.season #contents .areaBoxWrap .info table td:not(:target) {
		padding-left: 15px\9;/*IE9*/
	}
  .season #contents .areaBoxWrap .info table th {
    padding-top: 10px;
    width: auto;
  }
  .season #contents .areaBoxWrap .info table .iconSeason th,
  .season #contents .areaBoxWrap .info table .iconView th,
  .season #contents .areaBoxWrap .info table .iconBlossom th,
  .season #contents .areaBoxWrap .info table .iconLocation th,
  .season #contents .areaBoxWrap .info table .iconLink th,
  .season #contents .areaBoxWrap .info table .iconFees th,
  .season #contents .areaBoxWrap .info table .iconArea th,
  .season #contents .areaBoxWrap .info table .iconAdmission th,
  .season #contents .areaBoxWrap .info table .iconNumber th,
  .season #contents .areaBoxWrap .info table .iconNearby th {
    background: none;
  }
	.season #contents .areaBoxWrap .info table th:not(:target) {
		height: 40px\9;/*IE9*/
		vertical-align: top\9;/*IE9*/
	}
  .season #contents .areaBoxWrap .info table td {
    width: auto;
    margin-bottom: 10px;
  }
  .season #contents .boxLeft,
  .season #contents .boxRight {
    width:auto;
    float: none;
  }
  .season #contents .locationAccess dd{
    margin-bottom: 15px;
    text-align: center;
  }

  /*----------------------------------------------------------------------
      Spring areabox img
  ----------------------------------------------------------------------*/
  /* zatsugaku.html areaBox -------------------- */
  .season #contents .areaBoxWrap .trivia .info p.areaImg {
    width: auto;
  }
  .season #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap,
  .season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap{
    padding-top: 4px;
    position: static;
    max-width: 100%;
    width: 100%;
    margin-top: 15px;
  }
  .season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap{
    background-position: right top;
    text-align: left;
  }
  .season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap span{
    padding-left: 10px;
    padding-right: 20px;
  }
  .season #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap .memoPlace{
    text-align: left;
  }

  /* ipb_box style */
  .season #wrap #contents #ipb_box .jrPassBox {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0;
  }	.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap,
	.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column2 .passBoxWrap,
	.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap {
		max-width: none;
		width: auto;
		border-width: 3px;
		float: none;
	}
.season #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap {
		margin-right: 0px;
	}
	.season #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap.right h3 span,
	.season #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap.right h3 span + br {
		display: none;
	}
	.season #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap:nth-child(2),
	.season #wrap #contents #ipb_box .passBoxWrap.right {
		margin-top: 10px;
	}

  .season #wrap #contents #ipb_box .jrPassBoxInner .note {
    float: none;
    width: auto;
		font-size: 93%;
  }
  .season #wrap #contents #ipb_box .jrPassBoxInner .gBtn {
    float: none;
    width: auto;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
		font-size: 93%;
  }
  .season #contents .boxLeft .recommendBtn,
  .season #contents .boxRight .recommendBtn,
  .season #contents .recommendBtn{
    margin-top: 0px;
  }
  .season #contents .recommendBtn img{
    width: 400px;
    max-width:100%;
    height: auto;
  }

  /* ipb_box style */
	.season #wrap #contents #ipb_box{
    padding-top: 0px;
    margin-top: 55px;
   }
	.season #wrap #contents #ipb_box .jrPassBox h2 {
		margin-bottom: 10px;
		font-size: 124%;
		line-height: 1.3;
	}
	.season #wrap #contents #ipb_box .jrPassBox h2:before {
		top: 5px;
	}
	.season #wrap #contents #ipb_box .jrPassBox .passBoxWrap .passBoxInner{
		height: auto !important;
	}
	.season #wrap #contents #ipb_box .jrPassBox .passBoxWraph3 {
		margin-bottom: 10px;
		color: #629be5;
		font-weight: bold;
		line-height: 1.3;
	}

	/*----------------------------------------------------------------------
	  // start Spring
	----------------------------------------------------------------------*/
	.spring .center_page_navi.page_bottom{
		margin-left: -10px;
		margin-right: -10px;
		background-position: left -20px;
	  background: url(../img/spring/common/bg_bottom.png) left -20px no-repeat #fff;
	  background-size: 970px auto;
	  padding-top: 80px;
	  padding-bottom: 0px;
	}
	
  	/* sights / lightBox -------------------- */
	.spring #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle,
	.spring #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList{
		padding-right: 23px;
	}
	.spring #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li{
		text-align: center;
	}
	.spring #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li img{
		max-width: 280px;
		width: 100%;
	}
	.spring #contents .lightBoxWrap .lightBox .lightBoxLeft{
		padding-bottom: 10px;
	}

	/*----------------------------------------------------------------------
		// end Spring
	----------------------------------------------------------------------*/

	/*----------------------------------------------------------------------
	  // start Summer
	----------------------------------------------------------------------*/
	.summer #contents{
		background-image: url(../img/summer/common/top_sp.png);
		background-size: 100% auto;
		margin-top: 0;
	}
	.summer .sp_title {
		background-color: #3c6980;
	}
	.summer #contents .bgColorSummer {
		padding: 0;
		color: #333;
		background: none;
	}

	/* h2 -------------------- */
	.summer #contents .categoryBox h2{
		background:url(../img/summer/common/h2_bar_sp.png) 50% 50% no-repeat;
		background-size: 640px auto;
		background-position: right 50%;
		line-height:1.05;
		margin-left: -10px;
		margin-right: -10px;
		padding: 2px 10px 5px 10px;
	}
   .summer #contents .categoryBox h2 span{
		padding-right: 100px;
	}
	/* h3 -------------------- */
	.summer #contents .categoryBox h3 {
		line-height: 1;
	}
	.summer #contents .categoryBox h3.h4Style {
		background-position-y: bottom;
		padding-bottom: 0;
		margin-bottom: 14px;
	}
	/* h4 -------------------- */
	.summer #contents .categoryBox h4 {
		background-position-y: bottom;
	}

  /* sights / lightBox -------------------- */
	.summer #contents .categoryBox > .sightsWrap{
		background-image: url(../img/summer/spot_bg_sp.png);
		background-position: center top, 666px 100px;
		background-repeat: no-repeat;
		background-size: cover;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: -55px;
		padding: 40px 10px 65px 10px;
	}
	.summer #contents .sights {
		padding-top: 0;
	}
	.summer #contents .sights li:nth-child(3n+2) {
		padding-bottom: 20px;
		margin-top: 0;
	}
	.summer #contents .sights li:nth-child(3n+1),
	.summer #contents .sights li:nth-child(3n){
		padding-bottom: 20px;
		margin-top: 0;
	}
	.summer #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
		font-size: 150%;
		font-weight: Bold;
		text-align: center;
		padding-left: 12px;
	}
  /* add 2020.6 */
  .summer #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle,
  .summer #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList{
    padding-right: 23px;
  }
  .summer #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li{
    text-align: center;
  }
  .summer #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li img{
    max-width: 280px;
    width: 100%;
  }
  .summer #contents .lightBoxWrap .lightBox .lightBoxLeft{
    padding-bottom: 10px;
  }
  /* /add 2020.6 */
  
	/* page_navi */
	.summer .page_navi.page_bottom{
		background-position-y: top;
		background-color: #3c6980;
		padding-top: 46%;
	}
	.summer .page_navi li:after{
		background: url(../img/summer/common/link_jump.png) no-repeat 0 0;
		background-size: 100% 100%;
	}
	.summer .page_navi li.current a{
		color: #3C6980;
	}

	.summer #contents .titleBox{
		margin-bottom: 50px;
	}

	/* areaBox -------------------- */
	.summer #contents .areaBoxWrap .info table td {
		padding-top: 3px;
	}
	.summer #contents .areaBoxWrap .info table .iconView {
		background-image: url(../img/summer/inf_time.png);
	}
	.summer #contents .areaBoxWrap .info table .iconFees {
		background-image: url(../img/summer/inf_fees.png);
	}
	.summer #contents .areaBoxWrap .info table .iconLocation {
		background-image: url(../img/summer/inf_location.png);
	}
	.summer #contents .areaBoxWrap .info table .iconLink {
		background-image: url(../img/summer/inf_link.png);
	}
	.summer #contents .pdfArea .boxLeft,
	.summer #contents .pdfArea .boxRight,
	.summer #contents .pdfArea .right {
		width: 100%;
	}
	.summer #contents .pdfArea .right .link01 a {
		font-size: 123%;
	}
	.summer #contents .pdfArea {
		padding-left: 0;
		padding-right: 0;
	}
	.summer #contents .areaBoxWrap .info .iconTryArea {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}
	.summer #contents .areaBoxWrap .info .iconTry {
		margin: 0 auto;
	}
	.summer #contents .areaBoxWrap .info .textTry {
		width: auto;
		margin-right: 0;
	}
	.summer #contents .info .enjoyBox,
	.summer #contents .info .enjoyBoxLeft,
	.summer #contents .info .enjoyBoxRight {
		margin-bottom: 0;
		width: 100%;
	}
	.summer #contents .info .enjoyBoxRight {
		float: left;
	}
	.summer #contents .info .enjoyBoxLeft .enjoyText {
		padding-right: 0;
	}
	/*----------------------------------------------------------------------
		// end Summer
	----------------------------------------------------------------------*/

	/*----------------------------------------------------------------------
	  // start Summer Hanabi
	----------------------------------------------------------------------*/
	.summer_hanabi #contents{
		background-image: url(../img/summer_hanabi/common/top_sp.png);
		background-size: 100% auto;
		margin-top: 0;
	}
	.summer_hanabi .sp_title {
		background-color: #774694;
	}
	.summer_hanabi #contents .bgColorSummer {
		padding: 0;
		color: #333;
		background: none;
	}
	.summer_hanabi #contents .categoryBox .great3 {
		background-position: -32px;
	}
	/* h2 -------------------- */
	.summer_hanabi #contents .categoryBox h2{
		background:url(../img/summer_hanabi/common/h2_bar_sp.png) 50% 50% no-repeat;
		background-size: 640px auto;
		background-position: right 50%;
		line-height:1.05;
		margin-left: -10px;
		margin-right: -10px;
		padding: 2px 10px 5px 10px;
	}
   .summer_hanabi #contents .categoryBox h2 span{
		padding-right: 100px;
	}
	/* h3 -------------------- */
	.summer_hanabi #contents .categoryBox h3 {
		line-height: 1;
	}
	.summer_hanabi #contents .categoryBox h3.h4Style {
		background-position-y: bottom;
		padding-bottom: 0;
		margin-bottom: 14px;
	}
	/* h4 -------------------- */
	.summer_hanabi #contents .categoryBox h4 {
		background-position-y: bottom;
	}

  /* sights / lightBox -------------------- */
	.summer_hanabi #contents .categoryBox > .sightsWrap{
		background-image: url(../img/summer_hanabi/spot_bg_sp.png);
		background-position: center top, 666px 100px;
		background-repeat: no-repeat;
		background-size: cover;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: -55px;
		padding: 40px 10px 65px 10px;
	}
	.summer_hanabi #contents .sights {
		padding-top: 0;
	}
	.summer_hanabi #contents .sights li:nth-child(3n+2) {
		padding-bottom: 20px;
		margin-top: 0;
	}
	.summer_hanabi #contents .sights li:nth-child(3n+1),
	.summer_hanabi #contents .sights li:nth-child(3n){
		padding-bottom: 20px;
		margin-top: 0;
	}
	.summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
		font-size: 150%;
		font-weight: Bold;
		text-align: center;
		padding-left: 12px;
	}
  /* add 2020.6 */
  .summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle,
  .summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList{
    padding-right: 23px;
  }
  .summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li{
    text-align: center;
  }
  .summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li img{
    max-width: 280px;
    width: 100%;
  }
  .summer_hanabi #contents .lightBoxWrap .lightBox .lightBoxLeft{
    padding-bottom: 10px;
  }
  /* /add 2020.6 */
  
	/* page_navi */
	.summer_hanabi .page_navi.page_bottom{
		background-position-y: top;
		background-color: #3c6980;
		padding-top: 46%;
	}
	.summer_hanabi .page_navi li:after{
		background: url(../img/summer_hanabi/common/link_jump.png) no-repeat 0 0;
		background-size: 100% 100%;
	}
	.summer_hanabi .page_navi li.current a{
		color: #774694;
	}

	.summer_hanabi #contents .titleBox{
		margin-bottom: 50px;
	}

	/* areaBox -------------------- */
	.summer_hanabi #contents .areaBoxWrap .info table td {
		padding-top: 3px;
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconView {
		background-image: url(../img/summer_hanabi/inf_time.png);
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconAdmission {
		background-image: url(../img/summer_hanabi/inf_admission.png);
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconNumber {
		background-image: url(../img/summer_hanabi/inf_number.png);
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconLocation {
		background-image: url(../img/summer_hanabi/inf_location.png);
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconLink {
		background-image: url(../img/summer_hanabi/inf_link.png);
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconNearby {
		background-image: url(../img/summer_hanabi/inf_nearby.png);
	}
	.summer_hanabi #contents .info .enjoyBox,
	.summer_hanabi #contents .info .enjoyBoxLeft,
	.summer_hanabi #contents .info .enjoyBoxRight {
		margin-bottom: 0;
		width: 100%;
	}
	.summer_hanabi #contents .info .enjoyBoxRight {
		float: left;
	}
	.summer_hanabi #contents .info .enjoyBoxLeft .enjoyText {
		padding-right: 0;
	}
	/*----------------------------------------------------------------------
		// end Summer Hanabi
	----------------------------------------------------------------------*/

	/*----------------------------------------------------------------------
	  // start Autumn
	----------------------------------------------------------------------*/
	.autumn .center_page_navi.page_bottom{
		margin-left: -10px;
		margin-right: -10px;
		background-position: left -20px;
	  background: url(../img/autumn/common/bg_bottom.png) left -20px no-repeat #fff;
	  background-size: 970px auto;
	  padding-top: 80px;
	  padding-bottom: 0px;
	}
	
  	/* sights / lightBox -------------------- */
	.autumn #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle,
	.autumn #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList{
		padding-right: 23px;
	}
	.autumn #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li{
		text-align: center;
	}
	.autumn #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li img{
		max-width: 280px;
		width: 100%;
	}
	.autumn #contents .lightBoxWrap .lightBox .lightBoxLeft{
		padding-bottom: 10px;
	}

	/*----------------------------------------------------------------------
		// end Autumn
	----------------------------------------------------------------------*/
	
	
	/*----------------------------------------------------------------------
	  // start Winter
	----------------------------------------------------------------------*/
	.winter #contents{
		background-image: url(../img/winter/common/top_sp.png);
		background-size: 100% auto;
		margin-top: 0;
	}
	.winter .sp_title {
		background-color: #275ca5;
	}
	.winter #contents .bgColorWinter {
		padding: 0;
		color: #333;
		background: none;
	}
	.winter #contents .titleBox{
		padding-top: 0;
	}
	.winter #contents .titleBox img{
		max-width: 100%;
		margin-left: 0;
		width: 580px;
		margin-bottom: 15vw;
		margin-top: 11vw;
	}
	.winter #contents .titleBox p{
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	.winter .current_page_navi ul:after{
	  content:"";
	  display:block;
	  height:0;
	  clear:both;
	  visibility:hidden;
	}
	.winter .current_page_navi ul{
		text-align: left;
		margin-bottom: 25px;
		clear: both;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.winter .current_page_navi ul li{
		float: left;
		width: 50%;
		display: block;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-left: 0;
		margin-right: 0;
		-ms-flex-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.winter .current_page_navi ul li:first-child{
		border-right: 1px solid #fff;
	}
	.winter .current_page_navi ul li:last-child{
		border-left: 1px solid #fff;
	}
	.winter .current_page_navi ul li a{
		min-width: 0;
		padding:12px 7px 12px 42px;
		line-height: 1.1em;
		background-position: 6px 50%;
		width: 100%;
		box-sizing:border-box;
		height: 100%;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}
	/* h2 -------------------- */
	.winter #contents .categoryBox h2{
		background:url(../img/winter/common/h2_bar_sp.png) 50% 50% no-repeat;
		background-size: 640px auto;
		background-position: right 50%;
		line-height:1.05;
		margin-left: -10px;
		margin-right: -10px;
		padding: 2px 10px 5px 10px;
	}
   .winter #contents .categoryBox h2 span{
		padding-right: 100px;
	}
	/* h3 -------------------- */
	.winter #contents .categoryBox h3 {
		line-height: 1;
	}
	.winter #contents .categoryBox h3.h4Style {
		background-position-y: bottom;
		padding-bottom: 0;
		margin-bottom: 14px;
	}
	/* h4 -------------------- */
	.winter #contents .categoryBox h4 {
		background-position-y: bottom;
	}
	/* videoCategoryBox -------------------- */
	.winter #contents .categoryBox.videoCategoryBox {
		background-image: url(../img/winter/video_bg_sp.png);
		background-size: 950px auto;
		background-position: -20px -210px;
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
	}
	.winter #contents .categoryBox.videoCategoryBox h3{
		background-size: 200px auto;
		margin-right: 0;
	}
	.winter #contents .categoryBox.videoCategoryBox iframe{
		width: 100%;
		height: 53vw;
		margin-bottom: 5px;
	}
  	/* sights / lightBox -------------------- */
	.winter #contents .categoryBox > .sightsWrap{
		background-image: url(../img/winter/spot_bg_sp.png);
		background-position: center top;
		background-repeat: repeat;
		background-size: 950px auto;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: -35px;
		padding: 10px 10px 15px 10px;
	}
	.winter #contents .sights {
		padding-top: 0;
	}
	.winter #contents .sights li:first-child:last-child,
	.winter #contents .sights li:nth-child(3n+2) {
		padding-bottom: 20px;
		margin-top: 0;
	}
	.winter #contents .sights li:first-child:last-child{
		margin-left:auto;
	}
	.winter #contents .sights li:nth-child(3n+1),
	.winter #contents .sights li:nth-child(3n){
		padding-bottom: 20px;
		margin-top: 0;
	}
	.winter #contents .lightBoxWrap .lightBox .lightBoxRight h3{
		padding-bottom: 10px;
	}
	.winter #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
		font-size: 150%;
		font-weight: Bold;
		text-align: left;
		padding-left: 12px;
	}
	.winter #contents .lightBoxWrap .lightBox .lightBoxRight .feature span,
	.winter #contents .lightBoxWrap .lightBox .lightBoxRight .passesSubTitle,
	.winter #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList{
		padding-right: 23px;
	}
	.winter #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li{
		text-align: center;
	}
	.winter #contents .lightBoxWrap .lightBox .lightBoxRight .recommendBtnList li img{
		max-width: 280px;
		width: 100%;
	}
	.winter #contents .lightBoxWrap .lightBox .lightBoxLeft{
		padding-bottom: 10px;
	}
  	/* bottomImage -------------------- */
	.winter #contents .bottomImage{
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 15px;
	}
	.winter #wrap #contents #ipb_box{
		margin-top: 0;
	}

	/*----------------------------------------------------------------------
		// end Winter
	----------------------------------------------------------------------*/
}

    /*----------------------------------------------------------------------
        // start autumn
    ----------------------------------------------------------------------*/
    /* h2 -------------------- */
    .autumn #contents .categoryBox h2{
    	background:url(../img/autumn/common/h2_bar.png) 50% 50% no-repeat;
      background-size: 100% auto;
    	color:#fff;
      width: 100%;
      font-family: "Arial Narrow", "Arial", sans-serif;
      font-size:208%;
      padding: 0 0 6px 0;
      margin-bottom: 23px;
      display: table;
      vertical-align: middle;
      line-height:1.05;
    }

    /* h3 -------------------- */
    .autumn #contents .categoryBox h3{
    	background:url(../img/autumn/common/h3_bar.png) left bottom no-repeat;
      background-size: 911px auto;
      color: #A3322C;
      font-family: "Arial Narrow", "Arial", sans-serif;
      font-size:222%;
    	margin: 0 0 6px 0;
    	padding:0 0 11px 54px;
      min-height:inherit;
      line-height: 1.1;
    }

    .autumn #contents .lightBoxWrap .lightBox .lightBoxRight h3 {
      color: #644625;
      font-family: "Arial Narrow", "Arial", sans-serif;
      margin-bottom: 5px;
      font-size: 176%;
      background: none;
    }

    /* h3/h4 -------------------- */
    .autumn #contents .categoryBox  h3.h4Style,
    .autumn #contents .categoryBox  h4 {
    	background:url(../img/spring/common/h4_bar.png) left 76% no-repeat;
      background-size: 100% auto;
      color: #644625;
      font-size: 185%;
      font-family: "Arial Narrow", "Arial", sans-serif;
      font-weight: bold;
      margin-top: 18px;
      margin-bottom: 6px;
      line-height:1.2;
    }

    .autumn #contents .categoryBox  .h4 {
		background:none;
		margin-bottom: 20px;
		font-weight: normal;
    }

    .autumn #contents .areaBoxWrap .h5 {
        color: #9E4F20;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .autumn #contents .areaBoxWrap .ul .li:last-child {
        margin-bottom: 30px;
    }

    .autumn .page_navi ul{
      background: url(../img/autumn/common/m_bar.png) left bottom no-repeat;
      background-size: 100% auto;
    }
    .autumn .page_navi ul li.main a {
    	background-image: url(../img/autumn/common/m_top.png);
    }
    .autumn .page_navi li.n_tohoku a {
    	background-image: url(../img/autumn/common/m_n_tohoku.png);
    }
    .autumn .page_navi li.s_tohoku a {
    	background-image: url(../img/autumn/common/m_s_tohoku.png);
    }
    .autumn .page_navi li.koshinetsu a {
    	background-image: url(../img/autumn/common/m_koshinetsu.png);
    }
    .autumn .page_navi li.kanto a {
    	background-image: url(../img/autumn/common/m_kanto.png);
    }
    .autumn .page_navi li.enjoy a {
    	background-image: url(../img/autumn/common/m_enjoy.png);
    }

    .autumn #contents{
    	background: url(../img/autumn/common/top_pc.png) left top no-repeat;
    	background-size: 100% auto;
    }

    .autumn #contents .sights li a,
    .autumn #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
      display: block;
      color: #40540e;
      text-decoration:none;
      padding-left: 23px;
      padding-right: 23px;
      background-image: url(../img/autumn/area_pic_bg.png);
      background-size: 100% auto;
      background-repeat: no-repeat;
    }

    .autumn #contents .sights li a .sightsTitle,
    .autumn #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
      display: block;
      font-size: 140%;
      line-height:1.1;
      padding: 12px 10px 12px 10px;
      background: url(../img/autumn/area_name_bg.png) no-repeat 50% 50%;
      background-size: 100% 100%;
      position: relative;
    }
    .autumn #contents .sights li a .sightsTitle{
      margin-top: 15px;
      text-align: center;
      padding-left:25px;
    }
    .autumn #contents .sights li a .sightsTitle:after{
      content:"";
      display: block;
      position: absolute;
      left: 5px;
      top: 50%;
      margin-top: -19px;
      background: url(../img/autumn/common/link_jump.png) no-repeat 0 0;
      background-size: 100% 100%;
      width: 18px;
      height: 34px;
    }

    .autumn #contents .pageLink ul li a{
      background:url(../img/autumn/common/link_down.png) 0 50% no-repeat;
      background-size: 18px auto;
      padding-left: 23px;
      display: table-cell;
      vertical-align: middle;
      color: #644625;
      text-decoration:none;
      font-size: 134%;
      line-height:1.2;
      height: 40px;
    }

    /* sights / lightBox -------------------- */
    .autumn #contents .categoryBox > .sightsWrap{
      margin-bottom: -100px;
      position: relative;
      overflow:hidden;
      background: url(../img/autumn/spot_bg.png) top center repeat !important;
      background-size: 100% auto;
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px;
    }

    .autumn #contents .lightBoxWrap {
      position: absolute;
      background-color: rgba(255,255,255,0.9);
      z-index:110;
    }

    .autumn #contents .sights {
      padding-top: 150px;
    }
    .autumn #contents .sights li:nth-child(3n+2) {
    	padding-bottom: 115px;
    	margin-top: -80px;
    }
    .autumn #contents .sights li:nth-child(3n+1),
    .autumn #contents .sights li:nth-child(3n){
    	padding-bottom: 0;
    	margin-top: 100px;
    }
    .autumn #contents .sights li.lastSight {
    	padding-bottom: 180px;
    }
    .autumn #contents .sights li .great3,
    .autumn #contents .lightBoxWrap .lightBox .lightBoxRight .great3,
    .autumn #contents .categoryBox .great3 {
    	/*margin-top: -60px;*/
    	height: 60px;
    	background: url(../img/summer_hanabi/great3_e.png) no-repeat bottom;
    	background-size: contain;
    }
    .autumn #contents .sights li .great3 {
    	margin-top: -60px;
    }
    .autumn #contents .lightBoxWrap .lightBox .lightBoxRight .great3 {
    	margin-top: 0;
    }
    .autumn #contents .categoryBox .great3 {
    	background-position: 6px;
    }

    .autumn #contents .sights li a,
    .autumn #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
      color: #644625;
      background-image: url(../img/autumn/area_pic_bg.png);
      background-size: 100% auto;
      background-repeat: no-repeat;
    }
    .autumn #contents .sights li a .sightsTitle,
    .autumn #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
    	background: url(../img/autumn/area_name_bg.png) no-repeat 50% 50%;
    	background-size: 100% 100%;
    	font-size: 130%;
    	font-weight: Bold;
    	font-family: "Arial Narrow", "Arial", sans-serif;
    	text-align: left;
    	padding-top: 20px;
    	padding-bottom: 20px;
    }
    .autumn #contents .sights li a .sightsTitle{
    	padding-right: 12px;
    	padding-left: 30px;
        text-align: center;
    }
    .autumn #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle{
    	padding-right: 20px;
    	padding-left: 20px;
    }
    .autumn #contents .sights li a .sightsTitle:after{
      background: url(../img/autumn/common/link_jump.png) no-repeat 0 0;
      background-size: 100% 100%;
    }

    .autumn #contents .lightBoxWrap .lightBoxClose{
      background: url(../img/autumn/icon_close.png) 0 0 no-repeat;
    }

    .autumn .page_navi.page_bottom{
      background: url(../img/autumn/common/bg_bottom.png) left bottom no-repeat;
      padding-top: 172px;
    }

    .autumn .page_navi.page_bottom ul li .autumn-li{
      font-size: 16px !important;
    }

    .autumn #contents .areaBoxWrap .info table .iconSeason th {
      background-image: url(../img/autumn/inf_season.png);
    }
    .autumn #contents .areaBoxWrap .info table .iconView th {
      background-image: url(../img/autumn/inf_time.png);
    }
    .autumn #contents .areaBoxWrap .info table .iconLocation th {
      background-image: url(../img/autumn/inf_location.png);
    }
    .autumn #contents .areaBoxWrap .info table .iconLink th {
      background-image: url(../img/autumn/inf_link.png);
    }
    .autumn #contents .areaBoxWrap .info table .iconArea th {
      background-image: url(../img/autumn/inf_nearby.png);
    }
    .autumn .page_navi li.current a{
      background-color: #fff;
      color: #A3322C;
     }
     .autumn #contents .areaBoxWrap .info table th {
         color: #A3322C;
     }
     /* h3/h4 -------------------- */
     .autumn #contents .categoryBox  h3.h4Style,
     .autumn #contents .categoryBox  h4 {
     	background:url(../img/autumn/common/h4_bar.png) left 76% no-repeat;
       background-size: 100% auto;
       color: #644625;
       font-size: 185%;
       font-family: "Arial Narrow", "Arial", sans-serif;
       font-weight: bold;
       margin-top: 18px;
       margin-bottom: 6px;
       line-height:1.2;
     }

     .autumn #contents .locationAccess dt{
       color: #644625;
       font-family: "Arial Narrow", "Arial", sans-serif;
       font-size: 144%;
       font-weight: bold;
       line-height: 1;
       margin-bottom: 5px;
     }

     .autumn #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap,
     .autumn #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap{
       position: absolute;
       background-image: url(../img/autumn/ex_bar.png);
       background-repeat: no-repeat;
     }

     .autumn #kitatohoku01.lightBox .lightBoxLeft img.here{
       left: 54%;
       top: 15.62%;
     }
     .autumn #kitatohoku02.lightBox .lightBoxLeft img.here{
       left: 54%;
       top: 26%;
     }
     .autumn #kitatohoku03.lightBox .lightBoxLeft img.here{
       left: 62%;
       top: 36%;
     }
     .autumn #minamitohoku01.lightBox .lightBoxLeft img.here{
       left: 53.5%;
       top: 45%;
     }
     .autumn #minamitohoku02.lightBox .lightBoxLeft img.here{
       left: 62%;
       top: 42%;
     }
     .autumn #minamitohoku03.lightBox .lightBoxLeft img.here{
       left: 45%;
       top: 60%;
     }
     .autumn #koshinetsu01.lightBox .lightBoxLeft img.here{
       left: 24%;
       top: 66%;
     }
     .autumn #koshinetsu02.lightBox .lightBoxLeft img.here{
       left: 28%;
       top: 56%;
     }
     .autumn #koshinetsu03.lightBox .lightBoxLeft img.here{
       left: 10%;
       top: 82%;
     }
     .autumn #koshinetsu04.lightBox .lightBoxLeft img.here{
       left: 11%;
       top: 66%;
     }
     .autumn #koshinetsu05.lightBox .lightBoxLeft img.here{
       left: 20%;
       top: 85%;
     }
     .autumn #kanto01.lightBox .lightBoxLeft img.here{
       left: 43.5%;
       top: 68%;
     }
     .autumn #kanto02.lightBox .lightBoxLeft img.here{
       left: 47.5%;
       top: 86%;
     }
     .autumn #kanto03.lightBox .lightBoxLeft img.here{
       left: 32%;
       top: 81.5%;
     }
     .autumn #kanto04.lightBox .lightBoxLeft img.here{
       left: 34%;
       top: 81.5%;
     }
     .autumn #kanto05.lightBox .lightBoxLeft img.here{
       left: 40.5%;
       top: 94%;
     }

     .autumn .page_navi li a {
       color: #8f7279;
    }

    .autumn .page_navi li a:hover, .autumn .page_navi li a:focus {
        color: #d14b74;
    }

    .autumn .margin {
        margin: 0px !important;
    }

    .autumn #contents .recommendBtn {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .autumn .page_navi li a {
        padding: 12px 0px 10px 34px;
    }

    .autumn .page_navi li a span {
        font-size: 16px;
    }

    .autumn #contents .info .enjoyBoxLeft, .autumn #contents .info .enjoyBoxRight {
        width: 50%;
        display: inline-block;
        float: left;
    }


    .autumn #contents .info .enjoyBoxcenter {
        width: 50%;
        float: none;
        margin: 0 auto !important;
    }

    .autumn #contents .info .enjoyBoxLeft .enjoyText {
    padding: 10px 2em 0  0;
    }

	.autumn #contents .info .enjoyBoxLeft .enjoyText, .autumn #contents .info .enjoyBoxRight .enjoyText{
		margin-bottom: 2em;
	}

    .autumn #contents .areaBoxWrap .trivia .info .enjoyBoxLeft p.areaImg,
    .autumn #contents .areaBoxWrap .trivia .info .enjoyBoxRight p.areaImg,
    .autumn #contents .areaBoxWrap .trivia .info .enjoyBoxcenter p.areaImg {
        width: 100%;
    }

    .autumn #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap{
      background-position: right top;
    }


    .autumn #wrap #contents #ipb_box .jrPassBox {
    	margin-top: 0px;
    }
    .autumn #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 {
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display: flex;
    }
    .autumn #contents .areaBoxWrap .trivia .info p.areaImg {
		margin-bottom: 10px;
    }

	.autumn #contents .areaBoxWrap .ul .li .font-bold {
		font-weight: bold;
	}
	
	.autumn #contents .areaBoxWrap .ul .li::after {
		background-color: #9D4F1F;
	}

    @media screen and (max-width:640px) {
        /* h2 -------------------- */
        .autumn #contents .categoryBox h2{
            background:url(../img/autumn/common/h2_bar_sp.png) 50% 50% no-repeat;
            background-size: 640px auto;
            background-position: right 50%;
            line-height:1.05;
            margin-left: -10px;
            margin-right: -10px;
            padding: 2px 10px 5px 10px;
        }
        .autumn #contents .categoryBox h2 span{
            /* padding-right: 100px; */
        }
        /* h3 -------------------- */
        .autumn #contents .categoryBox h3 {
            line-height: 1;
        }
        .autumn #contents .categoryBox h3.h4Style {
            background-position-y: bottom;
            padding-bottom: 0;
            margin-bottom: 14px;
        }
        /* h4 -------------------- */
        .autumn #contents .categoryBox h4 {
            background-position-y: bottom;
        }

        .autumn #contents{
            background: url(../img/autumn/common/top_sp.png) left top no-repeat;
            background-size: 100% auto;
        }

        /* sights / lightBox -------------------- */
          .autumn #contents .categoryBox > .sightsWrap{
              background-image: url(../img/summer_hanabi/spot_bg_sp.png);
              background-position: center top, 666px 100px;
              background-repeat: no-repeat;
              background-size: cover;
              margin-left: -10px;
              margin-right: -10px;
              margin-bottom: -55px;
              padding: 40px 10px 65px 10px;
          }
          .autumn #contents .sights {
              padding-top: 0;
          }
          .autumn #contents .sights li:nth-child(3n+2) {
              padding-bottom: 20px;
              margin-top: 0;
          }
          .autumn #contents .sights li:nth-child(3n+1),
          .autumn #contents .sights li:nth-child(3n){
              padding-bottom: 20px;
              margin-top: 0;
          }
          .autumn #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap .sightsTitle {
              font-size: 150%;
              font-weight: Bold;
              text-align: center;
              padding-left: 12px;
          }

          /* lightBox -------------------- */
          .autumn #contents .lightBoxWrap {
           width: 94%;
           padding-left: 0;
           padding-right: 0;
           left: 3%;
           margin: 10px auto 0;
           overflow-y: auto;
           overflow-x:hidden;
          }
          .autumn #contents .lightBoxWrap .lightBox .lightBoxLeft {
            width: auto;
            float: none;
            max-width:300px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 3%;
            padding-right: 3%;
            box-sizing:border-box;
            margin-top: 20px;
          }
          .autumn #contents .lightBoxWrap .lightBox .lightBoxRight {
            padding-top: 10px;
            width: auto;
            float: none;
          }
          .autumn #contents .lightBoxWrap .lightBox .lightBoxRight h3{
            margin-bottom: 0;
            margin-right: 0;
          }
          .autumn #contents .lightBoxWrap .lightBox .lightBoxRight .sightsWrap {
            max-width: 300px;
            margin-left: auto;
            margin-right: auto;
          }
          .autumn #contents .lightBoxWrap .lightBox .lightBoxRight .link{
            padding-right: 3%;
          }
          .autumn #contents .lightBoxWrap .lightBoxClose{
            top: 10px;
            right: 10px;
          }

          /* page_navi */
          .autumn .page_navi.page_bottom{
              background-position-y: top;
              padding-top: 46%;
          }
          .autumn .page_navi li:after{
              background: url(../img/autumn/common/link_jump.png) no-repeat 0 0;
              background-size: 100% 100%;
          }
          .autumn .page_navi li.current a{
              color: #A3322C;
          }

          .autumn #contents .titleBox{
              margin-bottom: 50px;
          }

          .autumn .page_navi li {
              background-color: #FFE7B9;
              font-size: 18px;
          }

          .autumn .sp_title {
              display: block;
            background-color: #A3322C;
            font-family: "Arial Narrow", "Arial", sans-serif;
          }

          .autumn #contents .areaBoxWrap .info table .iconSeason th,
          .autumn #contents .areaBoxWrap .info table .iconView th,
          .autumn #contents .areaBoxWrap .info table .iconLocation th,
          .autumn #contents .areaBoxWrap .info table .iconLink th,
          .autumn #contents .areaBoxWrap .info table .iconArea th {
              background: none;
          }

          .autumn #contents .areaBoxWrap .info table .iconArea {
               background-image: url(../img/autumn/inf_nearby.png);
          }
          .autumn #contents .areaBoxWrap .info table .iconSeason {
              background-image: url(../img/autumn/inf_season.png);
          }
          .autumn #contents .areaBoxWrap .info table .iconView {
              background-image: url(../img/autumn/inf_time.png);
          }
          .autumn #contents .areaBoxWrap .info table .iconLocation {
              background-image: url(../img/autumn/inf_location.png);
          }
          .autumn #contents .areaBoxWrap .info table .iconLink {
              background-image: url(../img/autumn/inf_link.png);
          }

          .autumn #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap,
          .autumn #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap{
            padding-top: 4px;
            position: static;
            max-width: 100%;
            width: 100%;
            margin-top: 15px;
          }

          .autumn .page_navi li:first-child {
              width: 100% !important;
          }

          .autumn .page_navi .current {
              color:  #8f7279;
          }

          .autumn #contents .categoryBox h2 {
              font-size: 25px;
          }

          .autumn #contents .info .enjoyBoxLeft, .autumn #contents .info .enjoyBoxRight, .autumn #contents .info .enjoyBoxcenter {
              width: 100%;
              display: inline-block;
              float: left;
              margin-bottom: 2em;
          }

          .autumn #contents .info .enjoyBoxLeft .enjoyText {
          padding: 0;
      		}
	.autumn #contents .info .enjoyBoxLeft .enjoyText, .autumn #contents .info .enjoyBoxRight .enjoyText{
		margin-bottom: 0em;
	}
          .autumn #contents .areaBoxWrap .trivia .info .enjoyBoxLeft p.areaImg,
          .autumn #contents .areaBoxWrap .trivia .info .enjoyBoxRight p.areaImg,
          .autumn #contents .areaBoxWrap .trivia .info .enjoyBoxcenter p.areaImg {
              width: 100%;
          }

          .autumn #contents .areaBoxWrap .trivia .info p.areaImg .captionWrap,
          .autumn #contents .areaBoxWrap .trivia .info p.areaImg.right .captionWrap{
              max-width: 100%;
              width: 100%;
              min-height: 48px;
              margin-top: 15px;
              margin-bottom: 5px;
              padding: 15px 15px 15px 3px;
              background-size: cover;
          }

          /* ipb_box style */
          .autumn #wrap #contents #ipb_box .jrPassBox {
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0;
          }	.autumn #wrap #contents #ipb_box .jrPassBox .passBoxWrap,
          .autumn #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column2 .passBoxWrap,
          .autumn #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap {
              max-width: none;
              width: auto;
              border-width: 3px;
              float: none;
          }
        .autumn #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap {
              margin-right: 0px;
          }
          .autumn #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap.right h3 span,
          .autumn #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap.right h3 span + br {
              display: none;
          }
          .autumn #contents #ipb_box .jrPassBox .passBoxColumn.column3 .passBoxWrap:nth-child(2),
          .autumn #wrap #contents #ipb_box .passBoxWrap.right {
              margin-top: 10px;
          }

          .autumn #wrap #contents #ipb_box .jrPassBoxInner .note {
            float: none;
            width: auto;
              font-size: 93%;
          }
          .autumn #wrap #contents #ipb_box .jrPassBoxInner .gBtn {
            float: none;
            width: auto;
            margin-top: 10px !important;
            margin-bottom: 0 !important;
              font-size: 93%;
          }
          .autumn #contents .boxLeft .recommendBtn,
          .autumn #contents .boxRight .recommendBtn,
          .autumn #contents .recommendBtn{
            margin-top: 0px;
          }
          .autumn #contents .recommendBtn img{
            width: 400px;
            max-width:100%;
            height: auto;
          }

          /* ipb_box style */
          .autumn #wrap #contents #ipb_box{
            padding-top: 0px;
            margin-top: 0px;
           }

          .autumn #wrap #contents #ipb_box .jrPassBox {
               margin-top: 0;
           }

          .autumn #wrap #contents #ipb_box .jrPassBox h2 {
              margin-bottom: 10px;
              font-size: 124%;
              line-height: 1.3;
          }
          .autumn #wrap #contents #ipb_box .jrPassBox h2:before {
              top: 5px;
          }
          
          .autumn #wrap #contents #ipb_box .jrPassBox .passBoxWraph3 {
              margin-bottom: 10px;
              color: #629be5;
              font-weight: bold;
              line-height: 1.3;
          }


		  .autumn #wrap #contents #ipb_box .jrPassBox .passBoxColumn.column3 {
			-webkit-box-orient: vertical;
		    -webkit-box-direction: normal;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
		}
    }
    /*----------------------------------------------------------------------
        // end autumn
    ----------------------------------------------------------------------*/