@charset "UTF-8";

@media screen and (min-width: 751px) {
    .p-wellness__item-container--book {
        margin-top: -4rem;
    }
}

@media screen and (min-width: 751px) {

/* ------------------------------------------ 	
main-img-box
------------------------------------------ */
#contents-main #main-img-box {
	display:block;
	margin-top: 16px;
}
#contents-main #main-img-box .main-img {
	float:left;
	width:570px;
}
#contents-main #main-img-box .main-img img {
	border-radius:8px;
	border:7px #fff solid;
	box-shadow:2px 2px 4px 1px #DFDFDF;
	width:100%;
}
#contents-main #main-img-box .main-txt {
	float:right;
	width:392px;
}
#contents-main #main-img-box .main-txt p {
	margin-bottom:14px;
	padding-top:2px;
	line-height: 195%;
	font-size: 16px;
}
#contents-main .anchor-link {
	display:block;
	overflow:hidden;
	margin-top: 6px;
}
#contents-main .anchor-link li {
	display:inline-block;
}
#contents-main .anchor-link li a {
	display:block;
	width: 200px;
	height: 23px;
	margin-top: 6px;
	padding-left:50px;
	padding-top: 11px;
	padding-bottom: 1px;
	background-image: url(../img/arrow_icon_anchor.png), url(../img/bg_orange_btn.png);
	background-repeat: no-repeat, repeat;
	background-position: 15px center, 0 0;
    box-shadow: 1px 1px 4px 2px #eFeFeF;
	color: #fff;
	border-radius: 5px;
}

/* ------------------------------------------ 	
contents-intro
------------------------------------------ */
.contents-intro {
	border:3px solid #FFA333;
	padding: 24px 14px;
	overflow:hidden;
	background-color:#FFF;
	border-radius: 8px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.contents-intro .logo-mark-img {
	display:block;
	float:left;
	padding-right: 12px;
	padding-top: 35px;
	width:83px;
}
.contents-intro .logo-mark-img img {
}
.contents-intro .logo-mark-ex {
	width: 139px;
	display:block;
	float:left;
	padding-right: 15px;
}
.contents-intro .about {
	display:block;
	float:left;
	width: 686px;
	border-left: 1px solid #FFA333;
	padding-left: 20px;
}
.contents-intro .about .about-ex {
}
.contents-intro .about .about-btn {
	display:block;
	float:right;
	margin-right:0;
	padding-right:0;
}
.contents-intro .about .about-btn a {
	display:block;
	width: 249px;
	height: 34px;
	margin-top: 10px;
	margin-right: 0;
	padding-left: 70px;
	padding-top: 20px;
	padding-bottom: 0px;
	background-image: url(../img/arrow_icon_white_orange_16.png), url(../img/bg_orange_btn.png);
	background-repeat: no-repeat, repeat;
	background-position: 15px center, 0 0;
	color: #fff;
	border-radius: 5px;
}
.contents-intro-txt {
	border: 2px solid #6b9d2e;
	padding: 16px 16px 15px;
	overflow:hidden;
	background-color:#FFF;
	border-radius: 8px;
	margin-top: 12px;
	margin-bottom: 10px;
}

/* ------------------------------------------
	access - access list
------------------------------------------ */
.access-list-box {
	margin-top: 10px;
	margin-bottom:20px;
	display:block;
}
.access-list {
	line-height: 170%;
}
.access-list dt {
	border-left:#A8C97F 3px solid;
	color: #529606;
	padding:0 0 0 15px;
	width:60px;
	display:inline-block;
}
.access-list dd {
	padding:0 0 0 0;
	/* margin-top:5px; */
	margin-bottom:10px;
	margin-left:10px;
	display:inline-block;
	width: 880px;
}
.access-list dd ul.traffic li {
	margin-left:17px;
	text-indent:-19px;
	margin-bottom:7px;

}
.access-list dd .supp {
	font-size:smaller;
	color:#FFF;
}
.access-map {
	float:right;
	display:block;
	width:470px;
	margin-top: 25px;
}

/* ------------------------------------------ 	
schedule table
------------------------------------------ */
.schedule-box {
	margin-top:16px;
}
.schedule-box .schedule-table {
	border-top:1px solid #4D7E10;
	border-left:1px solid #4D7E10;
	/* border-bottom:1px solid #4D7E10; */
	width:100%;
	/* overflow: hidden; */
}
.schedule-box .schedule-table tr th {
	border-bottom:1px solid #4D7E10;
	border-right:1px solid #4D7E10;
	padding:10px 10px;
	vertical-align:middle;
	color:#4D7E10;
}
.schedule-box .schedule-table tr .schedule-table-ttl {
	font-size: 15px;
    color: #fff;
	background-image:url(../img/bg_green_category.png);
	padding:14px 10px;
}
.schedule-box .schedule-table tbody tr .time {
	background-color: #D8E7C5;
	font-weight:bold;
}
.schedule-box .schedule-table tbody tr .weekday {
	background-color: #D8E7C5;
	font-weight:bold;
}
.schedule-box .schedule-table tbody tr .target {
	background-color: #D8E7C5;
	font-weight:bold;
}
.schedule-box .schedule-table tbody tr td {
	padding:10px 10px;
	background-color:#FFF;
	border-bottom: 1px solid #4D7E10;
	border-right:1px solid #4D7E10;
	text-align:center;
	vertical-align:middle;
	line-height:140%;
}
.schedule-box .schedule-table tbody tr .ex {
	background-color: #D8E7C5;
	border-top:1px solid #4D7E10;
}
.schedule-box .schedule-table tbody tr p.left-txt {
	text-align:left;
}

/* ------------------------------------------ 	
feature list
------------------------------------------ */
.section-box .section-txt ol.feature-list {
	margin-bottom:6px;
	padding-top: 10px;
	}
.section-box .section-txt .feature-list-left {
	float:left;
	width:660px;
	display:block;
}
.section-box .section-txt .feature-list li {
	padding-bottom:10px;
	line-height:140%;
}
.section-box .section-txt .feature-list li .orange-number {
	display:inline-block;
	border-radius:50%;
	color:#fff;
	padding:4px;
	margin-right: 8px;
	background-image:url(../img/bg_orange_category.png);
	width:20px;
	height:20px;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}
.section-box .section-txt .feature-list li p {
	display:inline-block;
	width:950px;
	vertical-align:top;
	margin-top: 2px;
}
.section-box .section-txt .feature-list-left li p {
	width:620px;
}
.section-box .section-txt .feature-list li .catch {
	font-size:larger;
}

/* ------------------------------------------ 	
events
------------------------------------------ */
.events-box {
	margin-top:20px;
}
.events-box .events {
	display:block;
	clear:both;
}
.events-box .events dt {
    background-image: url(../img/bg_green_category.png);
    color: #fff;
    padding: 11px 5px;
    border-radius:8px 0 0 8px;
    width: 140px;
    float:left;
    position: relative;
    display: inline-block;
    z-index: 0;
    text-align:center;
    font-size:larger;
    line-height:120%;
}
.admission-box .events dt {
    padding: 15px 5px;
	font-size:14px;
}
div.events-box .events dt:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 40%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 20px 0 20px;
	border-color: #5D9023 transparent transparent transparent;
}
div.events-box dl.last dt:after {
	border:none;
}
div.events-box dl.events dt h2 {
    color: #fff;
	font-size:large;
	display:block;
	margin-top:5px;
	line-height:120%;
}
.events-box .events dd {
	border:#5D9023 solid 3px;
	background-color:#FFF;
	padding:5px 15px 10px 20px;
	overflow:hidden;
	margin-bottom:5px;
	display: inline-block;
	width: 809px;
	border-radius:0 8px 8px 8px;
}
div.events-box dl.events dd .event-ex-left {
	float:left;
	width: 416px;
	margin-bottom:20px;
}
div.events-box dl.events dd .event-img-right {
	float:right;
	width:223px;
	margin:10px 0 0 10px;
}
div.events-box dl.events dd .event-ex {
	display:block;
	clear: both;
}
div.events-box dl.events dd .event-ex-right {
	float:right;
	width: 416px;
	margin-bottom:20px;
}
div.events-box dl.events dd .event-img-left {
	float:left;
	width:223px;
	margin:10px 10px 0 0;
}
div.events-box dl.events dd h2 {
	color: #529606;
    font-size: larger;
    font-weight: bold;
    display: block;
    overflow: hidden;
	border-left:#A8C97F 3px solid;
	padding-left:7px;
	line-height:120%;
	margin-top:15px;
}
div.events-box dl.events dd h2.cl {
	clear:left;
}
div.events-box dl.events dd p {
	margin-top:7px;
	margin-bottom:5px;
}
div.events-box dl.events dd .event-img-right img,
div.events-box dl.events dd .event-img-left img {
	width:100%;
	height:auto;
	border-radius:8px;
	margin-bottom:6px;
}


}
/* //for pc min-width: 800px */



@media only screen and (max-width: 799px){	
	
/* ------------------------------------------ 	
contents-intro
------------------------------------------ */
.contents-intro {
	border:3px solid #FFA333;
	padding: 3% 4% 3%;
	overflow:hidden;
	background-color:#FFF;
	border-radius: 8px;
	margin-bottom: 3%;
	line-height: 140%;
}
.contents-intro .logo-mark-img {
	display:block;
	float:left;
	padding-right: 2%;
	padding-top: 3%;
}
.contents-intro .logo-mark-img img {
}
.contents-intro .logo-mark-ex {
	display:block;
}
.contents-intro .about {
	display:block;
	border-top: 1px solid #FFA333;
	padding-top: 3%;
	margin-top: 3%;
}
.contents-intro .about .about-ex {
}
.contents-intro .about .about-btn {
	display:block;
}
.contents-intro .about .about-btn a {
	display:block;
	width: 100%;
	height: 57px;
	margin-top: 3%;
	padding-left: 14%;
	padding-top: 21px;
	padding-bottom: 2%;
	background-image: url(../img/arrow_icon_white_orange_16.png), url(../img/bg_orange_btn.png);
	background-repeat: no-repeat, repeat;
	background-position: 15px center, 0 0;
	color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
}

.contents-intro-txt {
	border: 2px solid #6b9d2e;
	padding: 3% 4%;
	width: 86%;
	margin: auto;
	overflow:hidden;
	background-color:#FFF;
	border-radius: 8px;
	margin-top: 3%;
}

#contents-main .anchor-link {
	display:block;
	overflow:hidden;
	margin: 6px auto 0;
	width:96%;
}
#contents-main .anchor-link li {
	display: block;
}

/* ------------------------------------------
	access - access list
------------------------------------------ */
.access-list-box {
	margin-top: 10px;
	margin-bottom: 2%;
	display:block;
}
.access-list {
	line-height: 170%;
}
.access-list dt {
	border-left:#A8C97F 3px solid;
	color: #529606;
	padding: 0 0 0 3%;
	width: 14%;
	display:inline-block;
	vertical-align: top;
}
.access-list dd {
	padding:0 0 0 0;
	margin-bottom:10px;
	margin-left:10px;
	display:inline-block;
	width: 77%;
}
.access-list dd ul.traffic li {
	margin-left:17px;
	text-indent:-19px;
	margin-bottom:7px;

}
.access-list dd .supp {
	font-size:smaller;
	color:#FFF;
}
.access-map {
	float:right;
	display:block;
	width:470px;
	margin-top: 25px;
}

/* ------------------------------------------ 	
schedule table
------------------------------------------ */
.schedule-box {
	margin-top:16px;
}
.schedule-box .schedule-table {
	border-top:1px solid #4D7E10;
	border-left:1px solid #4D7E10;
	width:100%;
}
.schedule-box .schedule-table tr th {
	border-bottom:1px solid #4D7E10;
	border-right:1px solid #4D7E10;
	padding: 2% 0.5%;
	line-height: 110%;
	vertical-align:middle;
	color:#4D7E10;
}
.schedule-box .schedule-table tr .schedule-table-ttl {
	color: #fff;
	background-image:url(../img/bg_green_category.png);
	padding: 2% 0.5%;
	line-height: 110%;
}
.schedule-box .schedule-table tbody tr .time {
	background-color: #D8E7C5;
	font-weight:bold;
}
.schedule-box .schedule-table tbody tr .weekday {
	background-color: #D8E7C5;
	font-weight:bold;
}
.schedule-box .schedule-table tbody tr .target {
	background-color: #D8E7C5;
	font-weight:bold;
}
.schedule-box .schedule-table tbody tr td {
	padding: 1.5% 1%;
	background-color:#FFF;
	border-bottom: 1px solid #4D7E10;
	border-right:1px solid #4D7E10;
	text-align:center;
	vertical-align:middle;
	line-height:140%;
}
.schedule-box .schedule-table tbody tr .ex {
	background-color: #D8E7C5;
	border-top:1px solid #4D7E10;
}
.schedule-box .schedule-table tbody tr p.left-txt {
	text-align:left;
}

/* ------------------------------------------ 	
feature list
------------------------------------------ */
.section-box .section-txt ol.feature-list {
	padding-top: 2%;
	}
.section-box .section-txt .feature-list li {
	padding-bottom:10px;
	line-height:140%;
}
.section-box .section-txt .feature-list li .orange-number {
	display:inline-block;
	border-radius:50%;
	color:#fff;
	padding: 2% 0 2% 5%;
	margin-right: 8px;
	background-image:url(../img/bg_orange_category.png);
	width: 5%;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}
.section-box .section-txt .feature-list li p {
	display:inline-block;
	width: 92%;
	vertical-align:top;
	text-indent: 0;
}
.section-box .section-txt .feature-list li .catch {
	font-size:larger;
}

/* ------------------------------------------ 	
events
------------------------------------------ */
.events-box {
	margin-top: 3%;
}
.events-box .events {
	display:block;
	clear:both;
}
.events-box .events dt {
	background-image: url(../img/bg_green_category.png);
    color: #fff;
    padding: 2% 2% 1.5% 2%;
    border-radius: 8px 8px 0 0;
    width: 94%;
    position: relative;
    display: inline-block;
    z-index: 0;
    text-align: center;
    font-size: larger;
    line-height: 120%;
    border: #5D9023 solid 3px;
    border-bottom: 0;
}
.admission-box .events dt {
    padding: 15px 5px;
	font-size:14px;
}
div.events-box dl.last dt:after {
	border:none;
}
div.events-box dl.events dt h2 {
    color: #fff;
	font-size:large;
	display:block;
	margin-top:5px;
	line-height:120%;
}
.events-box .events dd {
    border: #5D9023 solid 3px;
    background-color: #FFF;
    padding: 0 2% 3% 2%;
    margin-bottom: 5%;
    width: 94%;
    border-radius: 0 0 8px 8px;
    position: relative;
    display: inline-block;
}
div.events-box .last dd {
	margin-bottom:1%;
}
div.events-box dl.events dd .event-ex-left {
	margin-bottom: 1%;
}
div.events-box dl.events dd .event-img-right {
}
div.events-box dl.events dd .event-ex {
	display:block;
	clear: both;
}
div.events-box dl.events dd h2 {
	color: #529606;
    font-size: larger;
    font-weight: bold;
    display: block;
    overflow: hidden;
	border-left:#A8C97F 3px solid;
	padding-left:7px;
	line-height:120%;
	margin-top:15px;
}
div.events-box dl.events dd h2.cl {
	clear:left;
}
div.events-box dl.events dd p {
	margin-top:2%;
	line-height:140%;
}
div.events-box dl.events dd .event-img-right img,
div.events-box dl.events dd .event-img-left img {
	width:100%;
	height:auto;
	border-radius:8px;
}
div.events-box dl.events dd img {
	width: 100%;
	height:auto;
	border-radius:8px;
	margin: 2% 0 0 0;
}
div.events-box dl.events dd img.fl {
	float:left;
	margin:15px 15px 20px 0;
}
div.events-box .events dd:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -14px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 20px 0 20px;
	border-color: #5D9023 transparent transparent transparent;
}
div.events-box dl.last dd:after {
	border:none;
}
}
/* //for sp max-width: 799px */





/* ------------------------------------------
history
------------------------------------------ */

.contents-pool {
	padding: 10px 22px 10px 16px;
	margin-top: 10px;
}
.contents-pool .logo-mark-img {
	width: 90px;
	height:auto;
	padding-top: 0;
	padding-right: 25px;
}
.contents-pool .logo-mark-img img {
	width:100%;
	height:auto;
}
.contents-pool .about {
	width: 460px;
	height:auto;
	padding-left: 30px;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
.contents-pool .about .about-btn {
	float: left;
	width: 100%;
	margin-bottom: 2px;
}
.contents-pool .about .about-btn a {
    display: block;
    width: 100%;
    height: 52px;
    box-sizing:border-box;
    padding-top: 20px;
    padding-right: 50px;
    margin-top: 5px;
}
.contents-pool-logo {
	padding: 20px;
	margin-top: 20px;
}
.contents-pool-logo .logo-mark-img {
	width: 360px;
	height:auto;
	padding-top: 18px;
	padding-right: 0;
}
.contents-pool-logo .logo-mark-img img:first-child {
	width: 240px;
	padding-right: 10px;
}
.contents-pool-logo .logo-mark-img img:last-child {
	width: 110px;
}
.contents-pool-logo .about {
	width: 575px;
	border-left:none;
	padding-left: 0;
	padding-top: 0;
}
.contents-pool-logo .about .about-btn {
	float: right;
}







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

.contents-pool {
	margin-top:10px;
	padding: 1% 4% 3%;
}
.contents-pool .logo-mark-img {
	width: 70%;
	margin:0 15%;
	padding:0;
}
.contents-pool .about {
	width: 100%;
	padding: 15px 0 0;
	text-align: center;
}
.contents-pool .about .about-btn a {
    display: block;
    width: 100%;
    height: 74px;
    background-size:auto auto, auto 100%;
    padding-right: 5%;
}

.contents-pool-logo .logo-mark-img {
	width: 100%;
	margin:10px 0 0;
}
.contents-pool-logo .logo-mark-img img:last-child {
	width: 70%;
	margin:0 15%;
}

.contents-pool-logo .logo-mark-img {
	width: 100%;
	margin:10px 0 0;
}
.contents-pool-logo .logo-mark-img img:first-child {
	width:100%;
}
.contents-pool-logo .logo-mark-img img:last-child {
	width: 70%;
	margin:0 15%;
}
.contents-pool-logo .about .about-btn a {
	height:74px;
}

}


#anniversary * {/* box-sizing: border-box; *//* color:#666666; */}
#anniversary a { overflow: hidden; }
#anniversary ul,#anniversary ol { padding: 0; list-style: none; }
#anniversary section article.bluenote a {
    color: #ffffff;
    text-decoration: underline;
    padding: 0 3px;
}

/* ==========================
    Smart phone / tablet
============================ */
@media (max-width: 540px) {
   #anniversary ul.page-menu {
      width: 96%;
      padding: 25px 0;
      margin: 0 2% 40px 2%;
   }
   
   /* ------------------------------
        Common
   ----------------------------------*/
   main#anniversary section {
      width: 96%;
      padding: 0 0 40px 0;
   }
   
   main#anniversary section h3 {
      font-size: 20px;
      line-height: 26px;
      margin: 0 0 25px 0;
   }
   
   main#anniversary section article.bluenote {
      padding: 20px;
   }
   
   main#anniversary section h4 {
      font-size: 18px;
      line-height: 24px;
      margin: 0 0 20px 0;
   }
   
   /* ------------------------------
        1880
   ----------------------------------*/
   main #ad-1880 .img01-01 {
      margin-bottom: 35px !important;
      background: url(../img/100th-anv-sp/img-1880-01s.jpg) no-repeat;
   }
   main #ad-1880 .img01-01::after {
      padding-top: 113.333%;
      display: block;
      content: "";
   }
   
   /* ------------------------------
        1917
   ----------------------------------*/
   main #ad-1917 .img02-01 {
      margin-bottom: 35px !important;
      background: url(../img/100th-anv-sp/img-1917-01s.jpg) no-repeat;
   }
   main #ad-1917 .img02-01::after {
      padding-top: 112.083%;
      display: block;
      content: "";
   }
   
   main #ad-1917 .img02-02 {
      margin-bottom: 20px !important;
   }
   
   /* ------------------------------
        1970
   ----------------------------------*/
   #ad-1970 .sec-wrap .img-box {
      padding: 0 20px;
   }
   
   main #ad-1970 .img10-02 {
      margin-bottom: 6px;
   }
   
   /* ------------------------------
        1980
   ----------------------------------*/
   main #ad-1980 .img11-01 {
      background:url(../img/100th-anv/img-1980-01.jpg) no-repeat center center;
   }
   main #ad-1980 .img11-01::after {
      padding-top: 80%;
      display: block;
      content: "";
   }
   
   #ad-1980 #sec11 small {
      display: block;
      padding-bottom: 10px;
   }
   
   /* ------------------------------
        2017
   ----------------------------------*/
   #ad-2017 ul.programs {
      width:100%;
      text-align: center;
   }
   #ad-2017 ul.programs li {
      max-width: 330px;
      margin: 0 auto;
      text-align: left;
   }
   
   /* ------------------------------
        column 4
   ----------------------------------*/
   #column4 ul.events {
      width:100%;
      text-align: center;
   }
   #column4 ul.eventss li {
      max-width: 330px;
      margin: 0 auto;
      text-align: left;
   }
}
@media (min-width: 541px) and (max-width: 720px) {
   /* Page Menu
   ----------------------------------*/
   #anniversary ul.page-menu {
      width: 94%;
      padding: 35px 0;
      margin: 0 3% 50px 3%;
   }
   
   /* ------------------------------
        Common
   ----------------------------------*/
   main#anniversary section {
      width: 94%;
      padding: 0 0 50px 0;
   }
   
   main#anniversary section h3 {
      font-size: 22px;
      line-height: 28px;
      margin: 0 0 30px 0;
   }
   
   main#anniversary section article.bluenote {
      padding: 20px;
   }
   
   main#anniversary section h4 {
      font-size: 20px;
      line-height: 25px;
      margin: 0 0 20px 0;
   }
   
   /* ------------------------------
        1880
   ----------------------------------*/
   main #ad-1880 .img01-01 {
      margin-bottom: 30px !important;
      background: url(../img/100th-anv-sp/img-1880-01m.jpg) no-repeat;
   }
   main #ad-1880 .img01-01::after {
      padding-top: 63.97%;
      display: block;
      content: "";
   }
   
   /* ------------------------------
        1917
   ----------------------------------*/
   main #ad-1917 .img02-01 {
      margin-bottom: 30px !important;
      background: url(../img/100th-anv-sp/img-1917-01m.jpg) no-repeat;
   }
   main #ad-1917 .img02-01::after {
      padding-top: 63.97%;
      display: block;
      content: "";
   }
   
   /* ------------------------------
        1970
   ----------------------------------*/
   #ad-1970 .sec-wrap .img-box {
      display: table;
   }
   
   #ad-1970 .sec-wrap .img-box .img10-02 {
      display: table-cell;
      width: 55%;
   }
   #ad-1970 .sec-wrap .img-box small {
      display: table-cell;
      width: 45%;
      padding-left: 30px;
      vertical-align: middle;
   }
   
   /* ------------------------------
        1980
   ----------------------------------*/
   main #ad-1980 .img11-01 {
      background:url(../img/100th-anv-sp/img-1980-01.jpg) no-repeat center center;
   }
   main #ad-1980 .img11-01::after {
      padding-top: 51.47%;
      display: block;
      content: "";
   }
   
   #ad-1980 #sec11 .img-box2 {
      width: 100%;
      margin-bottom: 15px !important;
   }
   
   #ad-1980 #sec11 .img-box2 li:first-of-type {
      width: 49%; float: left;
   }
   #ad-1980 #sec11 .img-box2 li:last-of-type {
      width: 49%; float: right;
   }
   
   /* ------------------------------
        2017
   ----------------------------------*/
   #ad-2017 ul.programs {
      display:-webkit-box;
      display:-ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      -webkit-justify-content:space-between;
      justify-content: space-between;
      flex-wrap: wrap;
   }
   #ad-2017 ul.programs li {
      width: 48.5%;
   }
   
   /* ------------------------------
        Column 4
   ----------------------------------*/
   #column4 ul.events {
      display:-webkit-box;
      display:-ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      -webkit-justify-content:space-between;
      justify-content: space-between;
      flex-wrap: wrap;
   }
   #column4 ul.events li {
      width: 48.5%;
   }
}
@media (max-width: 720px) {
/* HEADER */
   main#anniversary {
      width: 100%;
      margin: 0 auto;
      display: block;
   }
   
   main#anniversary h1 {
      width:100%;
      margin-bottom: 50px;
      text-align: center;
   }
   
   main#anniversary h1>img {
      width:100%;
      height: auto;
      margin-bottom: 30px;
   }
   
  main#anniversary h1 small {
      display: block;
      width:94%;
      max-width: 580px;
      height: auto;
      margin: 0 auto;
   }
   
   
   /* Page Menu
   ----------------------------------*/
   #anniversary ul.page-menu {
      width: 94%;
      padding: 30px 0;
      margin: 0 3% 50px 3%;
      list-style: none;
      background: url(../img/100th-anv-sp/bg-menu.jpg) no-repeat center top;
      background-size: 100% 100%;
   }
   
   main ul.page-menu li {
      padding: 0 15px;
   }
   main ul.page-menu li:hover { background-color: #EeDdAa; }
   main ul.page-menu a {
      display: block;
      width: 100%;
   }
   main ul.page-menu a img {
      width: 100%;
      height: auto;
   }
   
   /* ------------------------------
        Common
   ----------------------------------*/
    main#anniversary section {
       margin: 0 auto;
   }
   
   main#anniversary [id^=ad-] {
      padding-top: 30px;
      border-top:3px #0C84C5 solid;
   }
   main#anniversary [id^=ad-] h2 {
      width: 100%;
      margin: 0 0 30px 0;
   }
   main#anniversary [id^=ad-] h2 img {
      width: 100%;
      height: auto;
   }
   
   main#anniversary section h3 {
      color: #0C84C5;
   }
   
   main#anniversary section article.bluenote {
      background-color: #00A0E9;
   }
   
   main#anniversary section h4 {
      color: #ffffff;
   }
   
   main#anniversary section article {
      margin-bottom: 20px;
   }
   
   main#anniversary section article.bluenote p {
      color: #ffffff;
   }
   
   main#anniversary p {
      line-height: 1.6;
   }
   
   main#anniversary section div[class^=img] {
      width:100%;
      position:relative;
      margin-bottom: 5px;
      background-size:100% auto;
   }
   
   main#anniversary section small {
      color: #0C84C5;
      font-size: 12px;
   }
   
   
   /* ------------------------------
        1880
   ----------------------------------*/
   main #ad-1880 .img01-02 {
   margin-bottom: 20px !important;
      background:url(../img/100th-anv-sp/img-1880-02.jpg) no-repeat center center;
   }
   main #ad-1880 .img01-02::after {
      padding-top: 67.09677%;
      display: block;
      content: "";
   }
   
   /* ------------------------------
        1917
   ----------------------------------*/
   main #ad-1917 .img02-02 {
      margin-bottom: 20px !important;
      background:url(../img/100th-anv-sp/img-1917-02.png) no-repeat center center;
   }
   main #ad-1917 .img02-02::after {
      padding-top: 45.5645%;
      display: block;
      content: "";
   }
   
   /* ------------------------------
        1919
   ----------------------------------*/
   #ad-1919 #sec03-01 .img-box {
      margin-bottom: 35px !important;
   }
   
   main #ad-1919 .img03-01 {
      background:url(../img/100th-anv-sp/img-1919-01.jpg) no-repeat center center;
   }
   main #ad-1919 .img03-01::after {
      padding-top: 58.823%;
      display: block;
      content: "";
   }
   
   main #ad-1919 .img03-02 {
      background:url(../img/100th-anv-sp/img-1919-02.png) no-repeat center center;
   }
   main #ad-1919 .img03-02::after {
      padding-top: 70.161%;
      display: block;
      content: "";
   }
   
   main #ad-1919 .img03-03 {
      background:url(../img/100th-anv-sp/img-1919-03.jpg) no-repeat center center;
   }
   main #ad-1919 .img03-03::after {
      padding-top: 55.6774%;
      display: block;
      content: "";
   }
   
   #ad-1919 [id^=sec03-0] p {
      margin-bottom: 15px;
   }
   
   /* ------------------------------
        1963
   ----------------------------------*/
   #ad-1963 .img-box {
      margin-bottom: 30px !important;
   }
   
   main #ad-1963 .img08-01 {
      background:url(../img/100th-anv-sp/img-1963-01.jpg) no-repeat center center;
   }
   main #ad-1963 .img08-01::after {
      padding-top: 50%;
      display: block;
      content: "";
   }
   
   main #ad-1963 .img08-02 {
      background:url(../img/100th-anv-sp/img-1963-02.jpg) no-repeat center center;
   }
   main #ad-1963 .img08-02::after {
      padding-top: 51.47%;
      display: block;
      content: "";
   }
   
   main #ad-1963 .img08-03 {
      background:url(../img/100th-anv-sp/img-1963-03.jpg) no-repeat center center;
   }
   main #ad-1963 .img08-03::after {
      padding-top: 51.47%;
      display: block;
      content: "";
   }
   
   main #ad-1963 .img08-04 {
      background:url(../img/100th-anv-sp/img-1963-04.jpg) no-repeat center center;
   }
   main #ad-1963 .img08-04::after {
      padding-top: 51.47%;
      display: block;
      content: "";
   }
   
   /* ------------------------------
        1965
   ----------------------------------*/
   #ad-1965 .img-box {
      margin-bottom: 30px !important;
   }
   
   main #ad-1965 .img09-01 {
      background:url(../img/100th-anv-sp/img-1965-01.jpg) no-repeat center center;
   }
   main #ad-1965 .img09-01::after {
      padding-top: 50%;
      display: block;
      content: "";
   }
   
   main #ad-1965 .img09-02 {
      background:url(../img/100th-anv-sp/img-1965-02.jpg) no-repeat center center;
   }
   main #ad-1965 .img09-02::after {
      padding-top: 51.47%;
      display: block;
      content: "";
   }
   
   main #ad-1965 .img09-03 {
      background:url(../img/100th-anv-sp/img-1965-03.jpg) no-repeat center center;
   }
   main #ad-1965 .img09-03::after {
      padding-top: 51.47%;
      display: block;
      content: "";
   }
   
   main #ad-1965 .img09-04 {
      background:url(../img/100th-anv-sp/img-1965-04.jpg) no-repeat center center;
   }
   main #ad-1965 .img09-04::after {
      padding-top: 51.47%;
      display: block;
      content: "";
   }
   
   /* ------------------------------
        1970
   ----------------------------------*/
   #ad-1970 #sec10 .img-box,
   #ad-1970 .sec-wrap .img-box {
      margin-bottom: 35px !important;
   }
   
   main #ad-1970 .img10-01 {
      background:url(../img/100th-anv-sp/img-1970-01.jpg) no-repeat center center;
   }
   main #ad-1970 .img10-01::after {
      padding-top: 50%;
      display: block;
      content: "";
   }
   
   main #ad-1970 .img10-02 {
      background:url(../img/100th-anv-sp/img-1970-02.png) no-repeat center center;
   }
   main #ad-1970 .img10-02::after {
      padding-top: 65.714%;
      display: block;
      content: "";
   }
   
   #ad-1970 #sec10-02 p {
      margin-bottom: 15px;
   }
   
    main #ad-1970 .img10-03 {
      width: 35% !important;
      margin: 0 0 12px 20px !important;
      float: right;
      background:url(../img/100th-anv-sp/img-1970-03.png) no-repeat center center;
   }
   main #ad-1970 .img10-03::after {
      padding-top: 65.9574%;
      display: block;
      content: "";
   }
   
   /* ------------------------------
        1980
   ----------------------------------*/
   main #ad-1980 .img-box {
      margin-bottom: 35px !important;
   }
   
   main #ad-1980 .img11-02 {
      background:url(../img/100th-anv-sp/img-1980-02.jpg) no-repeat center center;
   }
   main #ad-1980 .img11-02::after {
      padding-top: 78.7878%;
      display: block;
      content: "";
   }
   
   main #ad-1980 .img11-03 {
      background:url(../img/100th-anv-sp/img-1980-03.jpg) no-repeat center center;
   }
   main #ad-1980 .img11-03::after {
      padding-top: 78.7878%;
      display: block;
      content: "";
   }
   
   #ad-1980 #sec11-02 p {
      margin-bottom: 10px;
   }
   
   /* ------------------------------
        2017
   ----------------------------------*/
   #ad-2017 ul.programs li img {
      margin-bottom: 4px;
   }
   
   
   
/*  Column - Common */
   main#anniversary section[id^=column] {
      width: 94%;
      margin: 0 auto;
      padding: 0 15px 20px 15px;
      background-color: #E7F7FC;
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100% auto;
   }
   
   main#anniversary section[id^=column] h2 {
      margin: 0 -15px;
      border-top:solid 2px #0C84C5 ;
   }
   main#anniversary section[id^=column] h2 img {
      width:100%;
      height: auto;
   }
   
   main#anniversary ul.flex li {
      margin-bottom: 10px;
   }
   
   main#anniversary .flex .last {
      height: 1px;
      visibility: hidden;
      margin: 0;
      padding: 0;
   }
   
   #column1 #sec04 .img-box,
   #column2 #sec05-01 .img-box,
   #column3 .img-box {
      margin-bottom: 35px !important;
   }
   
   /* ------------------------------
        Column 1
   ----------------------------------*/
   #column1 #sec04 .img04-01 {
      background-image:url(../img/100th-anv-sp/img-column1-01.jpg);
   }
   #column1 #sec04 .img04-01::after {
      padding-top: 67.742%;
      display: block;
      content: "";
   }
   
   #column1 .img04-02 {
      background-image:url(../img/100th-anv-sp/img-column1-02.jpg);
   }
   #column1 .img04-03 {
      background-image:url(../img/100th-anv-sp/img-column1-03.jpg);
   }
   #column1 .img04-04 {
      background-image:url(../img/100th-anv-sp/img-column1-04.jpg);
   }
   #column1 .img04-02::after,
   #column1 .img04-03::after,
   #column1 .img04-04::after {
      padding-top: 54.032%;
      display: block;
      content: "";
   }
   
   /* ------------------------------
         Column 2
   ----------------------------------*/
   #column2 #sec05-01 .img05-01 {
      background-image:url(../img/100th-anv-sp/img-column2-01.jpg);
   }
   #column2 #sec05-01 .img05-01::after {
      padding-top: 64.516%;
      display: block;
      content: "";
   }
   
   #column2 ul li {
      margin-bottom: 10px;
   }
   #column2 .img05-02 {
      background-image:url(../img/100th-anv-sp/img-column2-02.jpg);
   }
   #column2 .img05-03 {
      background-image:url(../img/100th-anv-sp/img-column2-03.jpg);
   }
   #column2 .img05-02::after,
   #column2 .img05-03::after {
      padding-top: 54.032%;
      display: block;
      content: "";
   }
   
   #column2 #sec05-02 p {
      margin-bottom: 15px;
   }
   
   /* ------------------------------
         Column 3
   ----------------------------------*/
   #column3 .img06-01 {
      background-image:url(../img/100th-anv-sp/img-column3-01.jpg);
   }
   #column3 .img06-01::after {
      padding-top: 32.903%;
      display: block;
      content: "";
   }
   
   #column3 .img06-02 {
      background-image:url(../img/100th-anv-sp/img-column3-02.jpg);
   }
   #column3 .img06-02::after {
      padding-top: 54.032%;
      display: block;
      content: "";
   }
   
   #column3 #sec06-02 {
      color: #ffffff;
      line-height: 1.5;
   }
   #column3 #sec06-02 img {
      width: 120px;
      height: auto;
      float: right;
      margin: 0 0 10px 20px;
   }
   
   /* ------------------------------
         Column 4
   ----------------------------------*/
   #column4 h2 {
      margin-bottom: 20px !important;
   }
   
   #column4 #sec07-01 p {
      margin-bottom: 15px;
   }
   
   #column4 .img07-01 {
      background-image:url(../img/100th-anv-sp/img-column4-01.png);
   }
   #column4 .img07-01::after {
      padding-top: 43.548%;
      display: block;
      content: "";
   }
   
   #column4 .events li {
      text-align: center;
   }
   #column4 .events li img {
      margin-bottom: 4px;
   }
   
   #column4 .events li h4 {
      max-width: 300px;
      margin: 0 auto 3px auto;
      font-size: 18px;
      color: #0C84C5;
      text-align: left;
   }
   
   #column4 .events li p {
      max-width: 300px;
      margin: 0 auto;
      font-size: 12px;
      color: #0C84C5;
      text-align: left;
   }
}




/* ==========================
    PC
============================ */
@media (min-width: 721px) {
   
   /* HEADER */
   main#anniversary {
      width: 1000px;
      margin: 0 auto;
      display: block;
   }
   
   main#anniversary h1 {
      /* width:1000px; */
      /* height: 300px; */
      /* margin: 0 0 50px 0; */
      /* text-indent: -999em; */
      /* background: url(../img/100th-anv/header.jpg) no-repeat center top,
         url(../img/100th-anv/page-title.png) no-repeat center bottom; */
   }
   main#anniversary h1 img {display: none;}
   main#anniversary h1 small {visibility: hidden;}
   
   
   /* Page Menu
   ----------------------------------*/
   #anniversary ul.page-menu {
      width: 1000px;
      padding: 35px 0;
      margin: 0 0 60px 0;
      list-style: none;
      -moz-column-count: 2;
      -moz-column-gap: 2px;
      -webkit-column-count: 2;
      -webkit-column-gap:2px;
      -ms-column-count: 2;
      -ms-column-gap: 2px;
      column-count: 2;
      column-gap: 2px;
      background: url(../img/100th-anv/bg-menu.jpg) no-repeat center top;
      background-size: cover;
   }
   
   main ul.page-menu li {
      padding: 0 0 0 34px;
   }
   main ul.page-menu li:hover { background-color: #EeDdAa; }
   main ul.page-menu a {
      display: block;
      width: 440px;
      height: 37px;
   }
   main ul.page-menu a img {
      display: none;
   }
   
   main ul.page-menu li:nth-of-type(1) a {
      background: url(../img/100th-anv/menu-01.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(2) a {
      background: url(../img/100th-anv/menu-02.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(3) a {
      background: url(../img/100th-anv/menu-03.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(4) a {
      background: url(../img/100th-anv/menu-04.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(5) a {
      background: url(../img/100th-anv/menu-05.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(6) a {
      background: url(../img/100th-anv/menu-06.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(7) a {
      background: url(../img/100th-anv/menu-07.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(8) a {
      background: url(../img/100th-anv/menu-08.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(9) a {
      background: url(../img/100th-anv/menu-09.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(10) a {
      background: url(../img/100th-anv/menu-10.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(11) a {
      background: url(../img/100th-anv/menu-11.png) no-repeat left center;
   }
   main ul.page-menu li:nth-of-type(12) a {
      background: url(../img/100th-anv/menu-12.png) no-repeat left center;
   }
   
   
   /* ------------------------------
        Common
   ----------------------------------*/
   main#anniversary [id^=ad-] h2 {
      height: 50px;
      margin: 0 0 40px 0;
   }
   main#anniversary [id^=ad-] h2 img {
      display: none;
   }
   
   main#anniversary section {
      padding-bottom: 50px;
   }
   
   main#anniversary section article {
      margin-bottom: 25px;
      overflow: hidden;
   }
   
   main#anniversary section h3 {
      font-size: 22px;
      color: #0C84C5;
      line-height: 30px;
      margin: 0 0 25px 0;
   }
   
   main#anniversary section article.bluenote {
      background-color: #00A0E9;
      padding: 20px 25px;
   }
   
   main#anniversary section h4 {
      color: #ffffff;
      font-size: 20px;
      line-height: 27px;
      margin: 0 0 20px 0;
   }
   
   main#anniversary section article.bluenote p {
      color: #ffffff;
   }
   
   main#anniversary section small {
      color: #0C84C5;
      font-size: 12px;
   }
   
   /*  Column */
   main#anniversary section[id^=column] {
      padding: 0 30px 40px 30px;
      border-top:1px #0C84C5 solid;
      background-color: #E7F7FC;
      background-repeat: no-repeat;
      background-position: left top;
   }
   
   main#anniversary section[id^=column] h2 {
      height: 194px;
      padding: .25rem 0 0 0;
      /* text-indent: -999em; */
      background-repeat: no-repeat;
      background-position: 235px center;
   }
   
   main#anniversary .flex {
      display:-webkit-box;
      display:-ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      -webkit-justify-content:space-between;
      justify-content: space-between;
      flex-wrap: wrap;
   }
   
   main#anniversary .flex .last {
      height: 1px;
      visibility:hidden;
      padding: 0;
      margin: 0;
   }
   
   
   /* ------------------------------
        1880
   ----------------------------------*/
   main #ad-1880 h2 {
      background: url(../img/100th-anv/ttl-1880.png) no-repeat left center;
   }
   
   main #ad-1880 #sec01-01 {
      min-height: 352px;
      padding: 0 580px 0 0;
      background: url(../img/100th-anv/img-1880-01.jpg) no-repeat right 0 top 0;
   }
   
   main #ad-1880 #sec01-02 {
      min-height: 300px;
      padding-right: 425px;
      background: #00A0E9 url(../img/100th-anv/img-1880-02.png) no-repeat right 1rem center;
   }
   
   
   /* ------------------------------
        1917
   ----------------------------------*/
   main #ad-1917 h2 {
      background: url(../img/100th-anv/ttl-1917.png) no-repeat left center;
   }
   
   main #ad-1917 #sec02-01 {
      min-height: 352px;
      padding: 0 580px 0 0;
      background: url(../img/100th-anv/img-1917-01.jpg) no-repeat right 0 top 0;
   }
   
   main #ad-1917 #sec02-02 {
      min-height: 260px;
      padding-right: 425px;
      background: #00A0E9 url(../img/100th-anv/img-1917-02.png) no-repeat right 1rem top 23px;
   }
   
   /* ------------------------------
        1919
   ----------------------------------*/
   main #ad-1919 h2 {
      background: url(../img/100th-anv/ttl-1919.png) no-repeat left center;
   }
   
   main #ad-1919 #sec03-01 .txt-box {
      width: 425px;
      float: left;
   }
   main #ad-1919 #sec03-01 .img-box {
      width: 50%;
      float: right;
   }
   
   main #ad-1919 .img03-01 {
      width:550px;
      height: 330px;
      margin: 0 0 3px 0;
      background: url(../img/100th-anv/img-1919-01.jpg);
   }
   
   main #ad-1919 #sec03-02 {
      min-height: 180px;
      padding-right: 435px ;
      background:#00A0E9  url(../img/100th-anv/img-1919-02.png) no-repeat 700px center;
   }
   
   main #ad-1919 #sec03-03 {
      min-height: 210px;
      padding-right: 435px;
      background: #00A0E9  url(../img/100th-anv/img-1919-03.jpg) no-repeat right 1rem center;
   }
   
   /* ------------------------------
        1963
   ----------------------------------*/
   main #ad-1963 h2 {
      height: 55px;
      background: url(../img/100th-anv/ttl-1963.png) no-repeat left center;
   }
   
   main #sec08 .img-box {
      width:550px;
      float: right;
   }
   
   main #sec08 .img08-01 {
      width:550px;
      height: 270px;
      margin-bottom: 3px;
      background: url(../img/100th-anv/img-1963-01.jpg);
   }
   
   main #sec08 .txt-box {
      width: 39%;
      float: left;
   }
   
   #ad-1963 ul.photos {
      margin-bottom: 20px;
   }
   #ad-1963 ul.photos li {
      width: 33%;
   }
   #ad-1963 [class^=img08-0] {
      width: 100%;
      height: 234px;
      margin: 0 0 3px 0;
   }
   
   #ad-1963 .img08-02 {
      background: url(../img/100th-anv/img-1963-02.jpg);
   }
   #ad-1963 .img08-03 {
      background: url(../img/100th-anv/img-1963-03.jpg);
   }
   #ad-1963 .img08-04 {
      background: url(../img/100th-anv/img-1963-04.jpg);
   }
   
   /* ------------------------------
        1965
   ----------------------------------*/
   main #ad-1965 h2 {
      height: 65px !important;
      background: url(../img/100th-anv/ttl-1965.png) no-repeat left center;
   }
   
   #ad-1965 #sec09 .img-box {
      width:550px;
      float: right;
   }
   #ad-1965 #sec09 .img09-01 {
      width:550px;
      height: 300px;
      margin-bottom: 3px;
      background: url(../img/100th-anv/img-1965-01.jpg);
   }
   
   #ad-1965 #sec09 .txt-box {
      width: 40%;
      float: left;
   }
   
   #ad-1965 ul.photos {
      margin-bottom: 20px;
   }
   #ad-1965 ul.photos li {
      width: 33%;
   }
   #ad-1965 [class^=img09-0] {
      width: 100%;
      height: 230px;
      margin: 0 0 3px 0;
   }
   #ad-1965 .img09-02 {
      background: url(../img/100th-anv/img-1965-02.jpg);
   }
   #ad-1965 .img09-03 {
      background: url(../img/100th-anv/img-1965-03.jpg);
   }
   #ad-1965 .img09-04 {
      background: url(../img/100th-anv/img-1965-04.jpg);
   }
   
   /* ------------------------------
        1970
   ----------------------------------*/
   main #ad-1970 h2 {
      height: 65px !important;
      background: url(../img/100th-anv/ttl-1970.png) no-repeat left center;
   }
   
   #ad-1970 #sec10 .img-box {
      width:550px;
      float: right;
   }
   #ad-1970 #sec10 .img10-01 {
      width:550px;
      height: 300px;
      margin-bottom: 3px;
      background: url(../img/100th-anv/img-1970-01.jpg);
   }
   
   #ad-1970 #sec10 .txt-box {
      width: 40%;
      float: left;
   }
   
   #ad-1970 .sec-wrap {
      margin-bottom: 20px;
   }
   #ad-1970 .sec-wrap .img-box {
      width:425px;
      text-align: center;
      float: left;
   }
   
   #ad-1970 .img10-02 {
      width:425px;
      height: 227px;
      background: url(../img/100th-anv/img-1970-02.png) no-repeat center top;
   }
   #ad-1970 .sec-wrap .img-box small {
      display: block;
      width: 350px;
      margin: 0 auto;
      text-align: left;
   }
   
   #ad-1970 .sec-wrap #sec10-02 {
      width: 55%;
      padding-right: 260px;
      float: right;
      background: #00A0E9 url(../img/100th-anv/img-1970-03.png) no-repeat right 1rem center;
   }
   
   
   /* ------------------------------
        1980
   ----------------------------------*/
   main #ad-1980 h2 {
      height: 55px;
      background: url(../img/100th-anv/ttl-1980.png) no-repeat left center;
   }
   
   #ad-1980 #sec11 .img-box1 {
      width:550px;
      float: right;
   }
   #ad-1980 #sec11 .img-box2 {
      width:450px;
      float: left;
   }
   #ad-1980 #sec11 [class^=img11-0] {
      margin-bottom: 3px;
   }
   
   #ad-1980 #sec11 .img11-01 {
      width:550px;
      height: 440px;
      background: url(../img/100th-anv/img-1980-01.jpg);
   }
   #ad-1980 #sec11 .img11-02 {
      width:425px;
      height: 225px;
      background: url(../img/100th-anv/img-1980-02.jpg);
   }
   #ad-1980 #sec11 .img11-03 {
      width:425px;
      height: 185px;
      background: url(../img/100th-anv/img-1980-03.jpg);
   }
   
   #ad-1980 #sec11-01 {
      width: 40%;
      float: left;
   }
   #ad-1980 #sec11-02 {
      width: 52%;
      float: right;
   }
   
   #ad-1980 #sec11-02 p {
      margin-bottom: 1em;
   }
   #ad-1980 #sec11-02 img {
      width: 500px;
      height: auto;
   }
   
   /* ------------------------------
        2017
   ----------------------------------*/
   main #ad-2017 h2 {
      height: 55px;
      background: url(../img/100th-anv/ttl-2017.png) no-repeat left center;
   }
   
   #ad-2017 ul.programs li {
      width: 33%;
      padding-bottom: 15px;
   }
   #ad-2017 ul.programs li img {
      width: 320px;
      height: auto;
      margin-bottom:  3px ;
   }
   
   /* ------------------------------
        Column 1
   ----------------------------------*/
   main section#column1 {
      /* background-image: url(../img/100th-anv/bg-column1.png); */
   }
   
   main section#column1 h2 {
      /* background-image: url(../img/100th-anv/ttl-column-01.png); */
   }
   
   #column1 #sec04 .img-box {
      /* width: 46%; */
      float: left;
   }
   #column1 #sec04 .img04-01 {
      width: 415px;
      height: 345px;
      margin-bottom: 3px;
      background: url(../img/100th-anv/img-column1-01.jpg);
   }
   
   #column1 #sec04 .txt-box {
      width: 50%;
      float: right;
   }
   
   #column1 .photos li{
      width: 33%;
   }
   
   #column1 .photos li [class^=img04] {
      width: 100%;
      height: 215px;
      margin-bottom: 3px;
   }
   
   #column1 .photos .img04-02 {
      background :url(../img/100th-anv/img-column1-02.jpg);
   }
   #column1 .photos .img04-03 {
      background :url(../img/100th-anv/img-column1-03.jpg);
   }
   #column1 .photos .img04-04 {
      background :url(../img/100th-anv/img-column1-04.jpg);
   }
   
   /* ------------------------------
        Column 2
   ----------------------------------*/
   main section#column2 {
      /* background-image: url(../img/100th-anv/bg-column2.png); */
   }
   
   main section#column2 h2 {
      /* background-image: url(../img/100th-anv/ttl-column-02.png); */
   }
   
   #column2 #sec05-01 .img-box {
      width: 415px;
      float: left;
   }
   #column2 #sec05-01 .img05-01 {
      width: 415px;
      height: 340px;
      margin-bottom: 3px;
      background: url(../img/100th-anv/img-column2-01.jpg);
   }
   
   #column2 #sec05-01 .txt-box {
      width: 50%;
      float: right;
   }
   
   #column2 .sec-wrap ul {
      width:415px;
      float: left;
   }
   
   #column2 .sec-wrap ul li {
      margin: 0 0 10px 0;
   }
   
   #column2 .img05-02 {
      width: 415px;
      height: 170px;
      margin-bottom: 3px;
      background: url(../img/100th-anv/img-column2-02.jpg);
   }
   #column2 .img05-03 {
      width: 415px;
      height: 170px;
      margin-bottom: 3px;
      background: url(../img/100th-anv/img-column2-03.jpg);
   }
   
   #column2 #sec05-02 {
      width: 50%;
      float: right;
   }
   
   #column2 #sec05-02 p {
      margin-bottom: 15px;
   }
   
   #column2 #sec05-02 img {
      width: 440px;
      height: auto;
   }
   
   
   /* ------------------------------
        Column 3
   ----------------------------------*/
   main section#column3 {
      /* background-image: url(../img/100th-anv/bg-column3.png); */
   }
   
   main section#column3 h2 {
      /* background-image: url(../img/100th-anv/ttl-column-03.png); */
   }
   
   section#column3 .img-box:first-of-type {
      margin-bottom: 20px;
   }
   section#column3 .img06-01 {
      width: 940px;
      height: 270px;
      margin-bottom: 3px;
      background: url(../img/100th-anv/img-column3-01.jpg);
   }
   
   #column3 #sec06-01 {
      width: 50%;
      float: right;
   }
   
   #column3 .sec-wrap>div {
      width: auto;
      float: left;
   }
   
   section#column3 .img06-02 {
      width: 100%;
      height: 200px;
      margin-bottom: 3px;
      background: url(../img/100th-anv/img-column3-02.jpg);
   }
   
   #column3 #sec06-02 {
      width: 415px;
      color: #ffffff;
      line-height: 1.6;
   }
   
   #column3 #sec06-02 img {
      width:125px;
      height: auto;
      float: right;
      margin: 0 0 10px 20px;
   }
   
   /* ------------------------------
        Column 4
   ----------------------------------*/
   main section#column4 {
      margin-bottom: 60px;
      padding-bottom: 10px !important;
   }
   
   #column4 #sec07-01 {
      min-height: 185px;
      padding: 0 0 0 450px;
      background: url(../img/100th-anv/img-column4-01.png) no-repeat left top;
   }
   
   #column4 ul.events li {
      width: 32%;
      padding-bottom: 20px;
   }
   
   #column4 ul.events li img {
      margin: 0 0 5px 0;
   }
   
   #column4 ul.events li h4 {
      font-size: 18px;
      color: #0C84C5;
      margin: 0 0 3px 0;
   }
   #column4 ul.events li p {
      color: #0C84C5;
      font-size: 12px;
      line-height: 1.2;
   }
}