@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;
}

/*----------------------------------------------------------------------
    // 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: 175%;
	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;
  margin-top: 15px;
}
.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(../../../e/season/img/summer/common/top_pc.png) left top no-repeat;
	background-size: 100% auto;
}
.summer .page_navi.page_bottom{
	/*background: url(../../../e/season/img/summer/common/bg_bottom.png) left top no-repeat #3c6980;
	background-size: 100% auto;
	padding-top: 350px;
	margin-bottom: 40px;*/
	background: url(../../../e/season/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(../../../e/season/img/summer/common/m_bar.png) left bottom no-repeat;
  background-size: 100% auto;
}
.summer .page_navi ul li.main a {
	background-image: url(../../../e/season/img/summer/common/m_top.png);
}
.summer .page_navi li.n_tohoku a {
	background-image: url(../../../e/season/img/summer/common/m_n_tohoku.png);
}
.summer .page_navi li.s_tohoku a {
	background-image: url(../../../e/season/img/summer/common/m_s_tohoku.png);
}
.summer .page_navi li.koshinetsu a {
	background-image: url(../../../e/season/img/summer/common/m_koshinetsu.png);
}
.summer .page_navi li.enjoy a {
	background-image: url(../../../e/season/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(../../../e/season/img/summer/common/h2_bar.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

/* h3 -------------------- */
.summer #contents .categoryBox h3{
	background:url(../../../e/season/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(../../../e/season/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(../../../e/season/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(../../../e/season/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(../../../e/season/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(../../../e/season/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(../../../e/season/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;
  margin-top: 15px;
}
.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(../../../e/season/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(../../../e/season/img/summer/inf_time.png);
}
.summer #contents .areaBoxWrap .info table .iconFees th {
  background-image: url(../../../e/season/img/summer/inf_fees.png);
}
.summer #contents .areaBoxWrap .info table .iconLocation th {
  background-image: url(../../../e/season/img/summer/inf_location.png);
}
.summer #contents .areaBoxWrap .info table .iconLink th {
  background-image: url(../../../e/season/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(../../../e/season/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(../../../e/season/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(../../../e/season/img/summer_hanabi/common/top_pc.png) left top no-repeat;
	background-size: 100% auto;
}
.summer_hanabi .page_navi.page_bottom{
	background: url(../../../e/season/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(../../../e/season/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(../../../e/season/img/summer_hanabi/common/m_top.png);
}
.summer_hanabi .page_navi li.n_tohoku a {
	background-image: url(../../../e/season/img/summer_hanabi/common/m_n_tohoku.png);
}
.summer_hanabi .page_navi li.s_tohoku a {
	background-image: url(../../../e/season/img/summer_hanabi/common/m_s_tohoku.png);
}
.summer_hanabi .page_navi li.koshinetsu a {
	background-image: url(../../../e/season/img/summer_hanabi/common/m_koshinetsu.png);
}
.summer_hanabi .page_navi li.kanto a {
	background-image: url(../../../e/season/img/summer_hanabi/common/m_kanto.png);
}
.summer_hanabi .page_navi li.enjoy a {
	background-image: url(../../../e/season/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(../../../e/season/img/summer_hanabi/common/h2_bar.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

/* h3 -------------------- */
.summer_hanabi #contents .categoryBox h3{
	background:url(../../../e/season/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(../../../e/season/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(../../../e/season/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_kr.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(../../../e/season/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(../../../e/season/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(../../../e/season/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(../../../e/season/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;
  margin-top: 15px;
}
.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(../../../e/season/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(../../../e/season/img/summer_hanabi/inf_time.png);
}
.summer_hanabi #contents .areaBoxWrap .info table .iconAdmission th {
  background-image: url(../../../e/season/img/summer_hanabi/inf_admission.png);
}
.summer_hanabi #contents .areaBoxWrap .info table .iconNumber th {
  background-image: url(../../../e/season/img/summer_hanabi/inf_number.png);
}
.summer_hanabi #contents .areaBoxWrap .info table .iconLocation th {
  background-image: url(../../../e/season/img/summer_hanabi/inf_location.png);
}
.summer_hanabi #contents .areaBoxWrap .info table .iconLink th {
  background-image: url(../../../e/season/img/summer_hanabi/inf_link.png);
}
.summer_hanabi #contents .areaBoxWrap .info table .iconNearby th {
  background-image: url(../../../e/season/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(../../../e/season/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;
  margin-top: 15px;
}
.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 Spring
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
    // start Winter
----------------------------------------------------------------------*/
.winter #contents{
	background: url(../../../e/season/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(../../../e/season/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: 175%;
	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(../../../e/season/img/winter/common/m_kanto.png);
}
.winter .current_page_navi ul li.navi_tohoku a{
	background-image: url(../../../e/season/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(../../../e/season/img/winter/common/h2_bar.png) 50% 50% no-repeat;
	background-size: 100% auto;
}

/* h3 -------------------- */
.winter #contents .categoryBox h3{
	background:url(../../../e/season/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(../../../e/season/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(../../../e/season/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(../../../e/season/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(../../../e/season/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(../../../e/season/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;
  margin-top: 15px;
}
.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(../../../e/season/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(../../../e/season/img/winter/video_bg.png) 0 0 repeat #d8effd;
	padding-top: 30px;
}
.winter #contents .categoryBox.videoCategoryBox h3{
	padding: 0;
	margin-bottom: 20px;
  	background: url(../../../e/season/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(../../../e/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(../../../e/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(../../../e/season/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(../../../e/season/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(../../../e/season/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;
	}
	/* page_navi */
	.summer .page_navi.page_bottom{
		background-position-y: top;
		background-color: #3c6980;
		padding-top: 46%;
	}
	.summer .page_navi li:after{
		background: url(../../../e/season/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(../../../e/season/img/summer/inf_time.png);
	}
	.summer #contents .areaBoxWrap .info table .iconFees {
		background-image: url(../../../e/season/img/summer/inf_fees.png);
	}
	.summer #contents .areaBoxWrap .info table .iconLocation {
		background-image: url(../../../e/season/img/summer/inf_location.png);
	}
	.summer #contents .areaBoxWrap .info table .iconLink {
		background-image: url(../../../e/season/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;
	}
  /* add 2020.06 */
  .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.06 */
  
	/*----------------------------------------------------------------------
		// end Summer
	----------------------------------------------------------------------*/

	/*----------------------------------------------------------------------
	  // start Summer Hanabi
	----------------------------------------------------------------------*/
	.summer_hanabi #contents{
		background-image: url(../../../e/season/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(../../../e/season/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(../../../e/season/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;
	}
	/* 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(../../../e/season/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(../../../e/season/img/summer_hanabi/inf_time.png);
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconAdmission {
		background-image: url(../../../e/season/img/summer_hanabi/inf_admission.png);
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconNumber {
		background-image: url(../../../e/season/img/summer_hanabi/inf_number.png);
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconLocation {
		background-image: url(../../../e/season/img/summer_hanabi/inf_location.png);
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconLink {
		background-image: url(../../../e/season/img/summer_hanabi/inf_link.png);
	}
	.summer_hanabi #contents .areaBoxWrap .info table .iconNearby {
		background-image: url(../../../e/season/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;
	}
  /* add 2020.06 */
  .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.06 */
  
	/*----------------------------------------------------------------------
		// 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 Spring
	----------------------------------------------------------------------*/
	
	/*----------------------------------------------------------------------
	  // start Winter
	----------------------------------------------------------------------*/
	.winter #contents{
		background-image: url(../../../e/season/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(../../../e/season/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(../../../e/season/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(../../../e/season/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 .enjoyBoxcenter .enjoyText {
    display: inline-block;
}

.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 .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
----------------------------------------------------------------------*/
