@charset "utf-8";

/* =======================================

	About CSS

========================================== */

.boxAbout01 {
	margin:0 0 80px 0 !important;
}

.listAbout01 {
	margin:25px 0 0 0;
}

.listAbout01 li {
	float:left;
	margin:0 42px 0 0;
}

.listAbout01 li:last-child {
	margin:0;
}

.listAbout02 {
	margin:0 0 50px 0;
}

.listAbout02 li {
	float:left;
	margin:0 30px 13px 0;
}

.listAbout02 li:nth-child(8) {
	margin:0 0 13px 0;
}

.listAbout02 li a {
	background-image:url(./ico_arrow_01.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 0 13px;
}

.titleSeason01 {
	font-size:23px;
	font-weight:bold;
	background-image:url(./ico_season_01.png);
	background-repeat:no-repeat;
	height:43px;
	margin:0 0 25px 0;
	padding:20px 0 0 75px;
}

.titleSeason02 {
	font-size:23px;
	font-weight:bold;
	background-image:url(./ico_season_02.png);
	background-repeat:no-repeat;
	height:43px;
	margin:0 0 25px 0;
	padding:20px 0 0 75px;
}

.titleSeason03 {
	font-size:23px;
	font-weight:bold;
	background-image:url(./ico_season_03.png);
	background-repeat:no-repeat;
	height:43px;
	margin:0 0 25px 0;
	padding:20px 0 0 75px;
}

.titleSeason04 {
	font-size:23px;
	font-weight:bold;
	background-image:url(./ico_season_04.png);
	background-repeat:no-repeat;
	height:43px;
	margin:0 0 25px 0;
	padding:20px 0 0 75px;
}


.titleSeasonEn01 {
    font-size:23px;
    font-weight:bold;
    background-image:url(./ico_season_en_01.png);
    background-repeat:no-repeat;
    height:43px;
    margin:0 0 25px 0;
    padding:20px 0 0 75px;
}

.titleSeasonEn02 {
    font-size:23px;
    font-weight:bold;
    background-image:url(./ico_season_en_02.png);
    background-repeat:no-repeat;
    height:43px;
    margin:0 0 25px 0;
    padding:20px 0 0 75px;
}

.titleSeasonEn03 {
    font-size:23px;
    font-weight:bold;
    background-image:url(./ico_season_en_03.png);
    background-repeat:no-repeat;
    height:43px;
    margin:0 0 25px 0;
    padding:20px 0 0 75px;
}

.titleSeasonEn04 {
    font-size:23px;
    font-weight:bold;
    background-image:url(./ico_season_en_04.png);
    background-repeat:no-repeat;
    height:43px;
    margin:0 0 25px 0;
    padding:20px 0 0 75px;
}



.titleSeasonKo01 {
    font-size:23px;
    font-weight:bold;
    background-image:url(./ico_season_01_ko.jpg);
    background-repeat:no-repeat;
    height:43px;
    margin:0 0 25px 0;
    padding:20px 0 0 75px;
}

.titleSeasonKo02 {
    font-size:23px;
    font-weight:bold;
    background-image:url(./ico_season_02_ko.jpg);
    background-repeat:no-repeat;
    height:43px;
    margin:0 0 25px 0;
    padding:20px 0 0 75px;
}

.titleSeasonKo03 {
    font-size:23px;
    font-weight:bold;
    background-image:url(./ico_season_03_ko.jpg);
    background-repeat:no-repeat;
    height:43px;
    margin:0 0 25px 0;
    padding:20px 0 0 75px;
}

.titleSeasonKo04 {
    font-size:23px;
    font-weight:bold;
    background-image:url(./ico_season_04_ko.jpg);
    background-repeat:no-repeat;
    height:43px;
    margin:0 0 25px 0;
    padding:20px 0 0 75px;
}




/* ----------------------------------
    2016追加コンテンツ
-------------------------------------*/

#contentsWrapper { overflow-x: hidden; }



/* mapのとこ
-------------------------------------*/

#about2016 .areaMap{
    position: relative;
    margin: 0 0 60px 0;
    height: 760px;
}

#about2016 .areaMap h2 img{
    position: absolute;
    top: 0;
    left: 0;
}

#about2016 .areaMap span{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 675px;
    height: 116px;
    margin: 0;
    padding: 45px 26px  0 0;
    box-sizing: border-box;
    text-align: right;
    background: url(./bg_btn01.png) no-repeat 0 0;
}


/* ----------------------------------
    2020コンテンツ順序変更
-------------------------------------*/
#about2016 .areaMap2{
    position: relative;
    margin: 0 0 60px 0;
    height: 100px;
}


#about2016 .areaMap2 span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 675px;
    height: 116px;
    margin: 0;
    padding: 45px 26px 0 0;
    box-sizing: border-box;
    text-align: right;
    background: url(./bg_btn01.png) no-repeat 0 0;
}

/* 信越9市町村について
-------------------------------------*/

#about2016 .citys{
    margin: 0 0 100px 0;
}

#about2016 .citys h2{
    display: block;
    margin: 0 0 30px 0;
}

#about2016 .citys ul,
#about2016 .center ul{
    list-style: none;
    margin: 0 0 20px -26px;
    padding: 0;
    width: 699px;
}

#about2016 .citys ul li,
#about2016 .center ul li{
    width: 207px;
    list-style: none;
    margin: 0 0 5px 26px;
    min-height: 14em;
    padding: 0;
    float: left;
}

#about2016 .citys ul li img,
#about2016 .center ul li img{ display: block; max-width: 100%; }
#about2016 .citys ul li strong{
    display: block;
    padding: 8px 0 5px 0;
    font-weight: normal;
    color: #024f83;
}

#about2016 .nine_citys ul li img{ display: block; max-width: 207px; }

#about2016 .citys a{
    display: block;
    width: 332px;
    margin: 0 auto 0 auto;
    padding: 0;
}


/* アクティビティセンター
-------------------------------------*/

#about2016 .center{
    position: relative;
    padding: 0;
    margin: 0;
    min-height: 420px;
}

#about2016 .center h2{
    margin: 0 0 18px 0;
}

#about2016 .center .thm{
    position: absolute;
    left: 293px;
    top: -15px;
    padding: 0;
    margin: 0;
}

/* ピンクの飾りがつくテキスト */

#about2016 .center p,
#about2016 .outdoor p{
    margin: 0 0 28px 15px;
    padding: 0 0 0 42px;
    box-sizing: border-box;
    position: relative;
    line-height: 1.8em;
}

#about2016 .center p:before,
#about2016 .outdoor p:before{
    content: '';
    width: 27px;
    height: 3px;
    background-color: #e3404c;
    position: absolute;
    top: 0.6em;
    left: 0;
}


#about2016 .center p{ width: 280px; }


#about2016 .center ul{ margin-top: 30px; }
#about2016 .center ul li{ min-height: 0;}



/* 自然の紹介
-------------------------------------*/

#about2016 .outdoor{
    list-style: none;
    margin: 0 0 40px 0;
    padding: 30px 0;
    background: #402e27;
    color: #fff;
}

#about2016 .outdoor li{
    min-height: 295px;
    list-style: none;
    margin: 0 0 60px 0;
    padding: 0 30px 0 340px;
    position: relative;
}

#about2016 .outdoor li img.thm{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#about2016 .outdoor li h2{
    display: block;
    padding: 0;
    margin: 0 0 15px 0;
}

/* 反転 -------------------------*/

#about2016 .outdoor li.right{
    min-height: 215px;
    list-style: none;
    margin: 0;
    padding: 0 350px 0 28px;
    position: relative;
}

#about2016 .outdoor li.right img.thm{
    right: 0;
    left: auto;
}

#about2016 .outdoor li.right h2{
    margin: 0 0 25px 0;
}