@charset "UTF-8";

/* 基本設定
 ******************************************************************************************** */
body {
	margin:0px;
	padding:0px;
	border:0px;
	color: #333;
	/*
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3';
	*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size:14px;
	line-height: 1.8;
}





.tb_no{
	display: none !important;
}
.tb_view{
	display: block !important;
}
.pc_view{
	display: none !important;
}


figcaption{
	font-size:14px;
}

.sp-mt50{
	margin-top:50px;
}


/* Main FlexSlider
----------------------------------------------------------- */
.flex-disabled{
	display:none !important;
}
/* Direction Nav **/
#index-mainph .flex-direction-nav {
	display:block;
	position:relative;
	height:0px !important;
	right:0px !important;
	top:inherit;
	bottom:0px;
	width:100%;
	z-index:1;
}

#index-mainph .flex-direction-nav a  {
	display:block;
	position:absolute;
	bottom:0;
	top:-75px;
	width:55px;
	height:55px;
}
#index-mainph .flex-direction-nav a.flex-prev {
	left:30px;
	background:url(../../img/prev_arrow.png) 0 0 no-repeat;
		background-size:55px auto;
}
#index-mainph .flex-direction-nav a.flex-next {
	right:30px;
	background:url(../../img/next_arrow.png) 0 0 no-repeat;
	background-size:55px auto;
}
/* Control Nav */
#index-mainph .flex-control-nav {
	position:inherit;
	right:0px;
	bottom:0px;
	height:97px;
	width:100%;
	padding:40px 0px 0px;
	z-index:1 !important;
}
#index-mainph .flex-control-nav li {
	margin:0 25px;
	display:inline-block;
}
#index-mainph .flex-control-paging li a {
	width:16px;
	height:16px;
	display:block;
	background:url(../img/paging.png) 0 0 no-repeat;
	background-size:16px auto;
	cursor:pointer;
	text-indent:-9999px;
}
#index-mainph .flex-control-paging li a.flex-active {
	background:url(../img/paging_on.png) 0 0 no-repeat;
	background-size:16px auto;
	cursor:default;
}


/* Point FlexSlider
----------------------------------------------------------- */
/* Direction Nav **/
#point-slider .flex-direction-nav {
	position:absolute;
	height:0px;
	right:0px;
	top:70%;
	width:100%;
	z-index:7;
}
#point-slider .flex-direction-nav ul{
	position:relative;
}

#point-slider .flex-direction-nav a  {
	display:block;
	position:absolute;
	bottom:40px;
	width:55px;
	height:55px;

}
#point-slider .flex-direction-nav a.flex-prev {
	left:40px;
	background:url(../../img/prev_arrow.png) 0 0 no-repeat;
	background-size:55px auto;
}
#point-slider .flex-direction-nav a.flex-next {
	right:40px;
	background:url(../../img/next_arrow.png) 0 0 no-repeat;
	background-size:55px auto;
}



/* fancybox
----------------------------------------------------------- */
.fancybox-skin {
	margin:100px !important;
}

.fancybox-title-float-wrap {
	padding:0 20px;
}

.fancybox-close {
	background:url(../img/fancybox/close.png);
	background-size:100% 100%;
	position: absolute;
	top: -25px;
	right: -20px;
	width: 44px;
	height: 46px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-prev {
	left: -80px;
}

.fancybox-next {
	right: -80px;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -30px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 0px;
	background:url(../img/fancybox/prev_arrow.png) 0 0 no-repeat;
	background-size:55px 55px;
	width:55px;
	height:55px;
}

.fancybox-next span {
	right: 0px;
	background:url(../img/fancybox/next_arrow.png) 0 0 no-repeat;
	background-size:55px 55px;
	width:55px;
	height:55px;
}

.fancybox-nav span {
	visibility: visible;
}



/* base レイアウト設定
 ******************************************************************************************** */


/* atten-infomation
----------------------------------------------------------- */
#atten-info{
	min-width:inherit;
	background:url(../img/info_bg.png) 50% 0 repeat-x;
	background-size:auto 100%;
}
#atten-info-in{
	width:auto;
	padding:15px 0px 15px 93px;
	font-size:17px;
	background:url(../img/icon_atten.png) 30px 50% no-repeat;
	background-size:28px auto;
}


/* Header
----------------------------------------------------------- */

#header {
	height: 112px;
	min-width:inherit;
	padding:0 0px;
}

#header-in{
	width:auto;
}

#index #header{
	height: 111px !important;
	background:url(../img/tab_top_header_bg.png) 0 0 repeat-x !important;
	background-size:20px auto !important;
}

#header #logo img{
	width:275px !important;
	height:auto;
}

/* admission Type */
#admission #header #logo img{
	width:208px !important;
	height:auto;
}
#admission #header #logo span{
	display:inline-block;
	vertical-align:middle;
	padding-left:35px;
	background:url(../img/head_logo_admission.png) 12px 50% no-repeat;
	background-size:12px auto;
	font-size:29px;
}

#header.admission #logo img{
	width:208px !important;
	height:auto;
}
#header.admission #logo span{
	display:inline-block;
	vertical-align:middle;
	padding-left:35px;
	background:url(../img/head_logo_admission.png) 12px 50% no-repeat;
	background-size:12px auto;
	font-size:29px;
}

/* END admission Type */


@media screen and (min-width: 481px) and (max-width: 640px) {
/* Styles */
#header #logo{
	padding-top:25px;
}
#header #logo img{
	width:170px !important;
	height:auto;
}
#index #header #logo{
	padding-top:25px;
}

}


/* admission Type */
@media screen and (min-width: 481px) and (max-width: 700px) {

#admission #header #logo img{
	width:140px !important;
	height:auto;
}
#admission #header #logo span{
	background:url(../img/head_logo_admission.png) 12px 50% no-repeat;
	background-size:10px auto;
	font-size:20px;
}
}
/* END admission Type */



.header-nav li img{
	width:60px !important;
	height:auto;
}

#head-user-btn{
	position:absolute;
	top:27px;
	left:25px;
	z-index:10;
}
#head-lang-btn{
	position:absolute;
	top:27px;
	left:110px;
	z-index:11;
}
#head-search-btn{
	position:absolute;
	top:27px;
	right:110px;
	z-index:12;
}
#head-main-btn{
	position:absolute;
	top:27px;
	right:25px;
	z-index:13;
}

#head-user-btn a,
#head-lang-btn a,
#head-search-btn a,
#head-main-btn a{
	display:block;
	color:#fff;
}

#head-user-btn a{
	background:url(../img/tab_header_navi01.png) 0 0 no-repeat;
	background-size:60px auto;
}
#head-lang-btn a{
	background:url(../img/tab_header_navi02.png) 0 0 no-repeat;
	background-size:60px auto;
}
#head-search-btn a{
	background:url(../img/tab_header_navi03.png) 0 0 no-repeat;
	background-size:60px auto;
}
#head-main-btn a{
	background:url(../img/tab_header_navi04.png) 0 0 no-repeat;
	background-size:60px auto;
}

#head-user-btn img,
#head-lang-btn img,
#head-search-btn img,
#head-main-btn img{
	visibility:hidden;	
}
#head-user-btn a.open{
	background:url(../img/tab_header_navi01_o.png) 0 0 no-repeat;
	background-size:60px auto;
}
#head-lang-btn a.open{
	background:url(../img/tab_header_navi02_o.png) 0 0 no-repeat;
	background-size:60px auto;
}
#head-search-btn a.open{
	background:url(../img/tab_header_navi03_o.png) 0 0 no-repeat;
	background-size:60px auto;
}
#head-main-btn a.open{
	background:url(../img/tab_header_navi04_o.png) 0 0 no-repeat;
	background-size:60px auto;
}

.header-nav-box li{
	margin-bottom:10px;
}
.header-nav-box li:last-child{
	margin-bottom:0px;
}
.header-nav-box a{
	color:#262626;
}

#head-user-nav,
#head-lang-nav,
#head-search-nav,
#head-main-nav{
	position:absolute;
	top:111px;
	left:0px !important;
	right:inherit !important;
	background:#fff;
	padding:30px 30px;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color:#333;
	
	width:100%;
	font-size:17px;
}

#head-search-nav{
	padding:20px;
}
#head-main-nav{
	padding:0;
}


#head-main-nav #head-main-link{
	float:none;
}
#head-main-nav #head-main-link ul.head-main-link-list{
	float:none;
	width:auto;
	margin-right:0;
}
#head-main-nav #head-main-link > ul.head-main-link-list > li{
	font-size:17px;
	margin-bottom:0;
}

#head-main-nav #head-main-link > ul.head-main-link-list > li > a{
	display:block;
	padding:20px 30px;
	border-bottom:1px solid #ececec;	
}

#head-main-nav #head-main-link > ul.head-main-link-list > li span{
	display:block;
	padding:0px 60px 0px 0px;
	cursor:pointer;
	border-bottom:1px solid #ececec;
	
	background:#D4D4D4 url(../img/header_arrow_btm.png) 97% 50% no-repeat;
	background-size:17px auto;	
}
#head-main-nav #head-main-link > ul.head-main-link-list > li span.open{
	background:#D4D4D4 url(../img/header_arrow_up.png) 97% 50% no-repeat;
	background-size:17px auto;	
}

#head-main-nav #head-main-link > ul.head-main-link-list > li span a{
	padding:20px 0px 20px 30px;
	display:block;
	background-color:#fff;
}

#head-main-nav #head-main-link > ul.head-main-link-list > li ul{
	font-size:15px;
	background:#ececec;
	padding:13px 0px;
	
	margin-top:0px;
	margin-bottom:0px;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
	/**/
	display:none;
}
#head-main-nav #head-main-link > ul.head-main-link-list > li ul li{
	margin-bottom:0;
}
#head-main-nav #head-main-link > ul.head-main-link-list > li ul li a{
	padding-left:17px;
	background:none;
	display:block;
	padding:8px 30px;
}

#head-main-nav #head-main-other-link{
	float:none;
	width:100%;
	padding:12px 0 15px 0px;
	overflow:hidden;
}

#head-main-nav #head-main-other-link li{
	font-size:17px;
	float:left;
	width:50%;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	padding:6px 30px 6px;
}
#head-main-nav #head-main-other-link li a{
	display:block;
}



/* topics-path
----------------------------------------------------------- */
#topics-path {
	min-width: inherit;
	margin: 0 0 20px 0;
}
#topics-path-in {
	width: auto;
	padding:18px 0px
}


/* globalNavi
----------------------------------------------------------- */
#global-nav {
	display:none;
}


/* content-main
----------------------------------------------------------- */
#main{
	margin:0 auto;
	width:auto;
	padding:0 40px;
}
#index #main{
	width:auto;
	min-width:inherit;
	padding:0 0px;
}

#content-main {
	width:auto;
	float:none;
	font-size: 16px;
	margin-bottom:45px;
}





/* Side
----------------------------------------------------------- */
#side {
	width:auto;
	float:none;
	margin-bottom:0px;
}


#side .side-navi{
	margin-bottom:50px;
}
#side .side-navi h2{
	font-size:21px;
	margin-bottom:40px;
	font-weight:bold;
}
#side .side-navi > ul{
	border-bottom:1px solid #ddddd5;
}
#side .side-navi > ul > li{
	border-top:1px solid #ddddd5;
	padding:25px 0px;
}
#side .side-navi li span{
	font-size:17px;
	font-weight:bold;
	padding-left:30px;
	background:url(../img/side_open.png) 0 0.45em no-repeat;
	background-size:16px auto;
	cursor:pointer;
	
	display:block;
}
#side .side-navi li span.open{
	background:url(../img/side_close.png) 0 0.45em no-repeat;
	background-size:16px auto;
}
#side .side-navi li ul{
	padding-left:30px;
	margin-top:20px;
	display:none;
}
#side .side-navi li ul li{
	margin-bottom:20px;
}
#side .side-navi li ul li:last-child{
	margin-bottom:0px;
}
#side .side-navi li ul li a{
	background:url(../img/icon_arrow.png) 0 0.6em no-repeat;
	background-size:auto 10px;
	padding-left:20px;
	font-size:16px;
}


.side-article ul{
	overflow:hidden;
}
.side-article ul li {
	margin: 0 0 45px;
	float:left;
	width:48%;
	margin-right:4%;
}
.side-article ul li:last-child{
	margin-right:0%;
}
.side-article ul li img{
	width:100%;
	height:auto;
}


.side-article ul li figcaption {
	display:block;
	padding-top:10px;
	text-align:left;
}

#side .side-link{
	padding:35px 0px;
	margin-bottom:50px;
}
	
#side .side-link li{
	margin-bottom:20px;
}
#side .side-link li:last-child{
	margin-bottom:0px;
}
#side .side-link li a{
	background:url(../img/icon_arrow.png) 0 0.6em no-repeat;
	background-size:auto 10px;
	padding-left:15px;
	font-size:16px;
}

#side .side-other{
	background:#fff;
	padding:40px;
	margin:0 -40px;	
}
#side .side-other p{
	font-size:16px;
}
#side .side-other p strong{
	font-size:17px;
}

#side .side-btn{
	margin-top:30px;
	margin-bottom:0;
	text-align:left;
}
#side .side-btn a{
	display:inline-block;	
	font-size:17px;
	padding:15px 40px;
}


/* =========================== */
#side #side-contact h2{
	font-size:21px;
	margin-bottom:20px;
}
#side #side-contact{
	padding-bottom:40px;
	border-bottom:1px solid #ddddd5;
	margin-bottom:65px;
}
#side #side-contact p{
	font-size:17px;
}
#side #side-contact p br{
	display:none;
}

/* =========================== */
#side #side-latest-news{
	position:relative;
	overflow:hidden;
}
#side #side-latest-news h2{
	font-size:31px;
	margin-bottom:60px;
	font-weight:bold;
}

#side #side-latest-news dl{
	float:left;
	width:47%;
	margin-right:5%;
	margin-bottom:40px;
	font-size:17px;
}
#side #side-latest-news dl:nth-child(2n+1){
	margin-right:0;
}
#side #side-latest-news dt{
	margin-bottom:45px;
}
#side #side-latest-news dt a{
	color:#444444;
}
#side #side-latest-news dd{
	font-size:16px;
	margin-bottom:25px;
}


/* =========================== */
#side #side-featured-events{
	position:relative;
	width:100%;
	margin-bottom:30px;
}
#side #side-featured-events h2{
	font-size:31px;
	margin-bottom:60px;
	font-weight:bold;
}
#side #side-featured-events{
	overflow:hidden;
}
#side #side-featured-events dl{
	float:left;
	width:47%;
	margin-right:5%;
}
#side #side-featured-events dl:nth-child(2n+1){
	margin-right:0;
}

#side #side-featured-events dl dt{
	line-height:1.2;
	float:left;
	font-size:33px;
	text-align:center;
	color:#fff;
	background:#203f67;
	width:90px;
	padding:18px 0px 0 0;
	margin-bottom:20px;
	min-height:90px;
}

#side #side-featured-events dl dt .month-txt{
	font-size:14px;
	display:block;
	text-align:center;
}
#side #side-featured-events dl dd{
	font-size:17px;
	width:auto;
	padding-left:105px;
	float:none;
}
#side #side-featured-events dl dd a{
	color:#323232 !important;
}
#side #side-featured-events dl dd.time-txt{
	float:none;
	clear:both;
	width:auto;
	font-size:16px;
	color:#666666;
	margin-bottom:25px;
	padding-left:0px;
}

#side p.more-link{
	position:absolute;
	top:18px;
	right:0;
	font-size:17px;
	margin-bottom:0px;
}




/* admission Type */
#admission #side .side-navi li span{
	background:url(../img/side_open_admission.png) 0 0.45em no-repeat;
	background-size:16px auto;
}
#admission #side .side-navi li span.open{
	background:url(../img/side_close_admission.png) 0 0.45em no-repeat;
	background-size:16px auto;
}
#admission #side .side-link li a{
	background:url(../img/icon_arrow_admission.png) 0 0.6em no-repeat;
	background-size:auto 10px;
}
#admission #side .side-navi li ul li a{
	background:url(../img/icon_arrow_admission.png) 0 0.6em no-repeat;
	background-size:auto 10px;
}
/* END admission Type */



/* 関連リンク
----------------------------------------------------------- */

#footer-related-wrap{
	min-width:inherit;
	background:url(../img/related_bg.jpg) 0 0 repeat;
}
#footer-related-box{
	width:auto;
	padding:30px 40px 30px;
}

#footer-related-wrap h2{
	font-size: 21px;
	font-weight:bold;
	margin-bottom:30px;
	color:#fff;
}

#footer-related-box ul{
	overflow:hidden;
}
#footer-related-box li{
	float:left;
	width:31%;
	margin-left:3.5%;
}
#footer-related-box li img{
	width:100%;
	height:auto;
}




/* Footer
----------------------------------------------------------- */
#page-top,
#page-top.fixed-bottom{
	position:inherit;
    bottom:inherit;
    right:inherit;
	z-index:10;
	text-align:center;
	margin-bottom:38px;
}

#page-top img{
	width:64px;
	height:auto;
}

#footer {
	position:relative;
	min-width:inherit;
	text-align:left;
	background:url(../img/footer_bg.jpg) 0 0 repeat;
	padding:38px 0px 0px;
	
	/*14px*/
	font-size: 14px;
}

#footer a:link,
#footer a:visited{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
}

#footer-in{
	position:relative;
	width:auto;
	margin:0 auto;
	overflow:hidden;
}

#footer-navi1{
	width:auto;
	margin:0 auto;
	padding:0;
	float:none;
	overflow:hidden;
	background:url(../img/tab_footer_line.png) 50% 0 repeat-y;
	background-size:1px auto;
	padding-bottom:30px;
}

#footer-navi1 ul{
	width:50%;
	float:left;
	border-right:none !important;
	height:auto !important;
}
#footer-navi1 li{
	margin-bottom:15px;
	padding: 0 35px 0 10px;
	text-align:right;
}

#footer-navi1 ul:nth-child(2) li{
	text-align:left;
	padding: 0 10px 0 35px;
}

#footer-navi2{
	width:auto;
	margin:0 auto;
	padding:0;
	float:none;
	overflow:hidden;
	background:url(../img/tab_footer_line.png) 50% 0 repeat-y;
	background-size:1px auto;
}
#footer-navi2 ul{
	width:50%;
	float:left;
	border-right:none !important;
	border-left:none !important;
	padding-bottom:0px;
	height:auto !important;
}
#footer-navi2 li{
	margin-bottom:15px;
	padding: 0 35px 0 10px;
	text-align:right;
}
#footer-navi2 ul:nth-child(2) li{
	text-align:left;
	padding: 0 10px 0 35px;
}

#footer-navi3{
	position:relative;
	width:190px;
	margin:40px auto 0;
}
#footer-navi3 p{
	margin-bottom:30px;
	text-align:center;
}
#footer-navi3 p img{
	width:140px;
	height:auto;
}


#footer-navi3 ul{
}
#footer-navi3 ul li{
	float:left;
	margin:0 6px;
}
#footer-navi3 ul li img{
	width:50px;
	height:auto;
}


#copyright{
	margin:0;
	text-align:center;
	padding:25px 0px 25px;
	color:#fff;
	border-top:1px solid #373e52;
}
#copyright small{
	/*12px*/
	font-size: 14px;
}



/* admission Type */
#admission #footer-navi1{
	background:url(../img/tab_footer_line_admission.png) 50% 0 repeat-y;
	background-size:1px auto;
}
#admission #footer-navi2{
	background:url(../img/tab_footer_line_admission.png) 50% 0 repeat-y;
	background-size:1px auto;
}
/* END admission Type */



/* テーマ詳細
----------------------------------------------------------- */
.theme-wrap-ph{
	position:relative;
	height:281px;
	overflow:hidden;
	text-align:left;
	min-width:inherit;	
	
	background-attachment:inherit !important;	
}


#article-post .ph-box-l figure{
	width:34%;
	margin-right:20px;
	margin-bottom:10px;
}
#article-post .ph-box-r figure{
	width:34%;
	margin-left:20px;
	margin-bottom:10px;
}
#article-post .ph-box-l figure img,
#article-post .ph-box-r figure img{
	width:100%;
	height:auto;
}




#article-post .ph-box-l2 figure{
	width:34%;
}
#article-post .ph-box-l2 figure img,
#article-post .ph-box-r2 figure img{
	width:100%;
	height:auto;
}
#article-post .ph-box-l2 .ph-box-l2-txt{
	width:62%;
}

#article-post .ph-box-r2 figure{
	width:34%;
}
#article-post .ph-box-r2 .ph-box-r2-txt{
	width:62%;
}

#article-post .ph-1column figure img{
	width:100%;
	height:auto;
}

#article-post .ph-2column figure{
	width:48%;
}
#article-post .ph-2column figure:first-child{
	width:48%;
}

#article-post .ph-2column figure img{
	width:100%;
	height:auto;
}


#article-post .ph-3column figure{
	float:left;
	width:31%;
	margin-left:3.5%;
}
#article-post .ph-3column figure img{
	width:100%;
	height:auto;
}



#article-post table{
	border-collapse:collapse;
	width:100%;
	background:#fff;
}
#article-post table th{
	text-align:left;
	background:#c7ad51;
	color:#fff;
	font-size:16px;
	width:20%;
}
#article-post table th,
#article-post table td{
	padding:10px 13px;
	border:1px solid #dddddd;
}
#article-post table td{
	font-size:14px;
}



.googlemap-box{
	margin-bottom:50px;
}


#article-post .googlemap-box{
	margin-bottom:30px;
}
#article-post .youtube-box{
	margin-bottom:30px;
}
#article-post .googlemap-box iframe{
	width:100% !important;
	height:350px;
}
#article-post .youtube-box iframe{
	width:100% !important;
	height:350px;
}



/* トップページ
---------------------------------------------------------------------------------------- */
/*   Main Photo  */
#index-mainph{
	min-width:inherit;
	margin-top:-111px;
	height:auto;
	overflow:hidden;
}
#index-mainph-in .ph-item{
	position:relative;
	width:100%;
	float:left;
	height:700px;
	overflow:hidden;
}
#index-mainph-in .ph-item img{
	width:auto;
	height:100%;
	margin-left:-45%;
}
#index-mainph-in .ph-item .ph-item-txt{
	position:absolute;
	bottom:40px;
	left:0;
	margin:0px 3%;
	width:94%;
	color:#fff;
	
	background:none;
	padding:0px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#index-mainph-in .ph-item .ph-item-txt .ph-item-txt-in{
	background:url(../../img/ph1_bg.jpg) 0 0 repeat;
	padding:15px 18px;
	display:inline-block;
}

#index-mainph-in .ph-item .ph-item-txt h2{
	font-size:29px;
	margin-bottom:15px;
	font-weight:normal;
	line-height:1.5;
}
#index-mainph-in .ph-item .ph-item-txt p{
	font-size:15px;
	margin-bottom:0;
}

/*   About  */
#index-about-area{
	width:auto;
	min-width: 540px;
}


#index-about-area li{
	width:100%;
}
#index-about-area li img{
	width:100%;
	height:auto;
}
#index-about-area li.about1,
#index-about-area li.about2,
#index-about-area li.about3,
#index-about-area li.about4{
	float:none;
}

#index-about-area li dl{
	position:relative;
	text-align:center;
	font-size:21px;
	overflow:hidden;
}
#index-about-area li a{
	color:#fff !important;
	display:block;
	height:100%;
	
}
#index-about-area li dd a{
	background:url(../../img/next_arrow.png) 50% 88% no-repeat;
	background-size:54px auto;
	padding-top:30px;
}
#index-about-area li dd a:hover{
	background:url(../../img/next_arrow.png) 50% 88% no-repeat;
	background-size:54px auto;
}


/**/
#index-about-area li.about1 dl dt{
	width:50%;
	height:auto;
	float:left;
}
#index-about-area li.about1 dl dd{
	display:block;
	width:50%;
	height:auto;
	min-height:inherit;
	float:right;
	background:url(../../img/ph2_bg.jpg) 0 0 repeat;
	
	line-height:1.5;
}


#index-about-area li dl.about1-1 dd:after,
#index-about-area li dl.about3-2 dd:after{
	content: '';
	position: absolute;
	top:50%;
	margin-top:-36px;
	left:inherit;
	right:-48px;
	width:48px;
	height:73px;
	z-index:3;
	background:url(../../img/point_arrow_blue.png) 0 0 no-repeat;
	background-size:48px auto;
}

#index-about-area li dl.about1-2 dd:after,
#index-about-area li dl.about3-1 dd:after{
	content: '';
	position: absolute;
	top:50%;
	margin-top:-36px;
	right:inherit;
	left:-48px;
	width:48px;
	height:73px;
	z-index:3;
	background:url(../../img/point_arrow_yellow.png) 0 0 no-repeat;
	background-size:48px auto;
}

#index-about-area li.about1 dl:first-child dt{
}
#index-about-area li.about1 dl:first-child dd{
}


#index-about-area li.about3 dl dt{
	width:50%;
	height:auto;
}
#index-about-area li.about3 dl dd{
	width:50%;
	height:auto;
	min-height:inherit;
	line-height:1.5;
}

#index-about-area li.about3 dl:first-child dt{
	float:left;
}
#index-about-area li.about3 dl:first-child dd{
	float:right;
	background:url(../../img/ph2_bg.jpg) 0 0 repeat;
}

#index-about-area li.about2 dd,
#index-about-area li.about4 dd{
	position:absolute;
	height:300px;
	bottom:0px;
	left:0;
	background:url(../../img/ph_bg.png) 0 0 repeat;
	width:100%;
	line-height:1.5;
	
}

#index-about-area a .about-ttl{
	margin:0px auto 18px;
	width:210px;
	line-height:1.5 !important;
	/*
	border:1px solid #fff;
	*/
	display:block;
	padding:10px 5px;
	font-size:17px;
	
	position:relative;
}




/* NEWS & EVENTS  */
#news-events-area{
	padding:75px 0px 0px;
	width:100%;
	margin:0 auto;
	background:none !important;
}
#news-area{
	padding:0 40px;
	width:auto;
}
#events-area{
	padding:0 40px;
	width:auto;
}
#news-area h2,
#events-area h2{
	font-size:60px;
	margin-bottom:75px;
	position:relative;
}
#news-area h2 img,
#events-area h2 img{
	height:45px;
	width:auto;	
}
#news-area h2 span,
#events-area h2 span{
	position:absolute;
	top:15px;
	right:0px;
	font-size:17px;
}

#news-area #news-list{
	overflow:hidden;
}
#news-area #news-list dl{
	float:left;
	width:47%;
	margin-left:6%;
	margin-bottom:75px;
}
#news-area #news-list dl:nth-child(2n+1){
	margin-left:0%;
}

#news-area #news-list dl dt{
	margin-bottom:15px;
	font-size:17px;
}
#news-area #news-list dl dd{
	font-size:16px;
}

#news-area #news-list dl dt a,
#events-area #events-list dl dd a{
	color:#323232;
}

#events-area{
	padding-top:0px;
}
#events-area #events-list{
	overflow:hidden;
}
#events-area #events-list dl{
	float:left;
	width:47%;
	margin-left:6%;
	margin-bottom:65px;
}
#events-area #events-list dl:nth-child(2n+1){
	margin-left:0%;
}

#events-area #events-list dl dt{
	float:left;
	font-size:33px;
	width:auto;
	padding:15px 20px;
	margin-bottom:15px;
	line-height:1.3;
}

#events-area #events-list dl dt .month-txt{
	font-size:14px;
}
#events-area #events-list dl dd{
	width:auto;
	float:none;
	padding-left:100px;	
	font-size:17px;
}
#events-area #events-list dl dd.time-txt{
	float:none;
	clear:both;
	width:auto;
	font-size:16px;
	padding-left:0px;
}



/*====== POINT  ==========*/
#point-area{
}

/* Point Slide */
#point-area .point-slide-atten {
	font-size:13px;
	width:auto;
	width:300px;
	margin:5px auto;
}

#point-area #point-slide-wrap{
	padding:75px 0 60px;
	background:url(../../img/point_bg.jpg) no-repeat 50% 0 fixed;
	background-size:cover;
	-webkit-background-size: cover;
	
	min-height:inherit;
}

#point-area #point-slide-wrap h2{
	font-size:30px;
	margin-bottom:50px;
}
#point-area #point-slide-wrap h2 span{
	padding:15px 75px;
}


#point-area #point-slide-wrap #point-slider{
	position: relative !important;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:15px;
}

#point-area #point-slide-wrap #point-slider .flex-viewport{
	width:460px;
	margin:0 auto;
}

#point-area #point-slide-wrap #point-slider li{
	margin:0 0px;
	text-align:center;
}


/* Point Other */
#point-area .point-list {
}

#point-area .point-list li {
	width:100%;
	float:none;
}




/* MUSEUM  */
#museum-area{
	padding:50px 30px;
	background:url(../../img/museum_bg.png) 0 0 repeat;
	background-size:610px auto;
	min-width:inherit;
}
#museum-area h2{
	margin-bottom:30px;
	background:url(../../img/tab_museum_ttl.png) 50% 50% no-repeat;
	background-size:contain;
	min-height:60px;
}
#museum-area h2 img{
	visibility:hidden;
	width:100%;
	height:auto;
}
#museum-area p{
	margin:0 auto;
	margin-bottom:40px;
	font-size:14px;
	font-weight:normal;
	width:540px !important;
}
#museum-list{
	overflow:hidden;
	width:540px !important;
	margin:0 auto;
}


#museum-list li{
	float:left !important;
}
#museum-list .museum-list2 li{
	width:180px;
}
#museum-list .museum-list2 li img{
	width:180px;
	height: auto;
}





/* 1.0
----------------------------------------------------------- */
#article-post .ph-1column-ttl .ttl{
	background-color: rgba(26,50,93,0.95);
	padding: 18px 15px;
	color:#fff;
	font-weight:normal;
	font-size:21px;
	line-height:1.2;
	margin-bottom:0;
	position:absolute;
	left:0;
	bottom:25px;
	z-index:10;
}
#article-post .ph-1column .ph-1column-ttl figure{
	margin-bottom:10px;
}

#news-area-sub{
}
#events-area-sub{
}
#news-area-sub h2,
#events-area-sub h2{
	margin-bottom:45px;
	position:relative;
	font-size:60px;
	font-weight:300;
	line-height:1;
}
#news-area-sub h2 span,
#events-area-sub h2 span{
	position:absolute;
	top:20px;
	right:0px;
	font-size:17px;
}
#news-area-sub h2 span a,
#events-area-sub h2 span a{
	color:#131314 !important;
	background:url(../img/icon_arrow2.png) 0 50% no-repeat;
	background-size:6px auto;
	padding-left:15px;
}

#news-list-sub{
	overflow:hidden;
}
#news-list-sub dl{
	width:48%;
	float:left;
	margin-left:4% !important;
}
#news-list-sub dl:nth-child(2n+1){
	margin-left:0px !important;
}
#news-list-sub dl dt{
	margin-bottom:20px;
	font-size:17px;
}
#news-list-sub dl dd{
	font-size:16px;
	color:#666666;
	line-height:1;
	margin-bottom:35px;
}

#news-list-sub dl dt a,
#events-list-sub dl dd a{
	color:#323232 !important;
}

#events-area-sub{
	padding-top:20px;
}
#events-list-sub{
	overflow:hidden;
}
#events-list-sub dl{
	float:left;
	width:48%;
	margin-left:4% !important;
}
#events-list-sub dl:nth-child(2n+1){
	margin-left:0px !important;
}
#events-list-sub dl dt{
	line-height:1.2;
	float:left;
	font-size:30px;
	text-align:center;
	color:#fff;
	background:#203f67;
	width:72px;
	padding:8px 0px 0 0;
	margin-bottom:15px;
	min-height:72px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#events-list-sub dl dt .month-txt{
	font-size:12px;
	display:block;
	text-align:center;
}
#events-list-sub dl dd{
	padding-left:90px;
	margin-bottom:10px;
	font-size:17px;
}
#events-list-sub dl dd.time-txt{
	float:none;
	clear:both;
	width:auto;
	font-size:16px;
	color:#666666;
	margin-bottom:35px;
	padding-left:0px;
}



#article-post .ph-2column-other div.ph-2column-item{
	width:100%;
	float:none;
	margin-right:0px;
	padding-bottom:10px;
}




#article-post .ph-2column-other div.ph-2column-item figure,
#article-post .ph-3column-other div.ph-3column-item figure{
	margin: 0 0 15px;
}

#article-post .ph-3column-other div.ph-3column-item{
	width:48%;
	float:left;
	margin-right:4% !important;
	padding-bottom:10px;
}
#article-post .ph-3column-other div.ph-3column-item:nth-child(2n+0){
	margin-right:0px !important;
}


#article-post .ph-2column-other div.ph-2column-item img,
#article-post .ph-3column-other div.ph-3column-item img{
	width:100%;
	height:auto;	
}


#article-post .ph-2column-other div.ph-2column-item h4,
#article-post .ph-3column-other div.ph-3column-item h4{
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
}

#article-post .ph-2column-other div.ph-2column-item li a,
#article-post .ph-3column-other div.ph-3column-item li a{
	background:url(../img/icon_arrow.png) 0 0.45em no-repeat;
	background-size:auto 10px;
	padding-left:15px;
	font-size:16px;
	display:inline;
}

#article-post .ph-2column-other div.ph-2column-item ul li,
#article-post .ph-3column-other div.ph-3column-item ul li{
	list-style:none !important;
	margin-bottom:25px;
}


/*dl event*/
#article-post .ph-1column div.ph-1column-ttl dl,
#article-post .ph-2column-other div.ph-2column-item dl{
	margin-left:0px;
	margin-bottom:10px;
	padding-top:10px;
	overflow:hidden;
	height:auto !important;
}
#article-post .ph-1column div.ph-1column-ttl dl dt,
#article-post .ph-2column-other div.ph-2column-item dl dt{
	line-height:1.2;
	float:left;
	font-size:34px;
	text-align:center;
	color:#fff;
	background:#203f67;
	width:90px;
	padding:17px 0px 0 0;
	margin-bottom:10px;
	min-height:90px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}


#article-post .ph-1column div.ph-1column-ttl dl dt .month-txt,
#article-post .ph-2column-other div.ph-2column-item dl dt .month-txt{
	font-size:12px;
	display:block;
	text-align:center;
}

#article-post .ph-1column div.ph-1column-ttl dl dd,
#article-post .ph-2column-other div.ph-2column-item dl dd{
	padding-left:105px;
	margin-bottom:10px;
	font-size:17px;
	line-height:1.5;
	font-weight:bold;
}

#article-post .ph-1column div.ph-1column-ttl dl dd.time-txt,
#article-post .ph-2column-other div.ph-2column-item dl dd.time-txt{
	font-size:14px;
	color:#666666;
	margin-bottom:0px;
	float:float;
	clear:none;
	padding-left:105px;
	font-weight:normal;
}

#article-post .ph-1column div.ph-1column-ttl dl dd.time-txt{
	margin-bottom:20px;	
}
/* END dl event*/





/* 4.0,  3.0
----------------------------------------------------------- */

#content-main.target-content-main #news-events-area{
	padding: 50px 0px 0px;
}

#content-main.target-content-main #news-area{
	width:auto;
}
#content-main.target-content-main #events-area{
	width:auto;
	padding: 10px 0px 0px;
}

#main2{
	min-width:inherit;
}

#content-main2{
	width:auto;
	padding:60px 40px 0px;
}

#content-main2 .ph-3column-large div.ph-3column-item{
	width:48%;
	float:left;
	margin-right:4% !important;
	padding-bottom:10px; !important;
}

#content-main2 .ph-3column-large div.ph-3column-item:nth-child(2n+0){
	margin-right:0px !important;
}

#content-main2 .ph-3column-large div.ph-3column-item figure img {
	width:100%;
	height:auto;
}


#content-main2 .ph-3column-large div.ph-3column-item ul{
	margin-left: 0;
}

#content-main2 .ph-3column-large div.ph-3column-item h4{
	font-size:17px;
	line-height:1.5;
	margin: 0 0 20px;
}

#content-main2 .ph-3column-large div.ph-3column-item li a{
	background:url(../img/icon_arrow.png) 0 0.6em no-repeat;
	background-size:auto 10px;
	padding-left:15px;
	font-size:16px;
	display:inline-block;
}

#content-main2 .ph-3column-large div.ph-3column-item ul li{
	list-style:none !important;
	line-height: 2;
}


.link-3column{
	padding:30px 30px 0px 30px;
	background:#fff;
}

ul.link-3column-list{
	overflow:hidden;
	padding:0;
	margin:0 0 70px 0;	
}
ul.link-3column-list > li{
	width:32%;
	margin-right:2%;
	float:left;
	list-style:none !important;
	
	font-size:21px;
	font-weight:bold;
}

ul.link-3column-list > li span{
	display:block;
	margin-bottom:20px;
}

ul.link-3column-list > li:nth-child(3n){
	margin-right:0px;
}
ul.link-3column-list > li ul{
	margin-left: 0;
}
ul.link-3column-list > li ul li{
	list-style:none !important;
	font-size:14px;
	margin-bottom:25px;
}


ul.link-3column-list > li ul li a{
	background:url(../img/icon_arrow.png) 0 0.6em no-repeat;
	background-size:auto 10px;
	padding-left:15px;
	font-size:14px;
	display:inline-block;
	font-weight:normal;
}



/*====================== 3.0 ======================*/

/* admission Type */
#admission ul.link-3column-list > li ul li a{
	background:url(../img/icon_arrow_admission.png) 0 0.5em no-repeat;
	background-size:auto 10px;
}
#admission ul.link-3column-list > li ul li a{
	color:#3ea9b8 !important;
}
/* END admission Type */


#index #admission #main{
	margin:0 auto;
	width:auto;
	padding:0 40px;
}


/*   Main Photo  */
#admission-top-wrap{
	position:relative;
	padding-bottom:80px;
	margin-bottom:40px;
}

#admission-top-nav{
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	min-width:inherit;
	
	height:80px;
}

#admission-top-nav > ul{
	width:auto;
	margin:0 auto;
	position:relative;
}


#admission-top-nav > ul > li{
	font-size:16px;
	display:inline-block;
	margin:0 0px;
	padding-top:0px;
	text-align:center;
}
#admission-top-nav > ul > li > a{
	display:inline-block;
	padding:26px 20px;
	position:relative;
}
#admission-top-nav > ul > li a.current{
	background:#24a9b5;
}
#admission-top-nav > ul > li a.current:after{
	content: '';
	position: absolute;
	top:0px;
	margin-top:-17px;
	margin-left:-17px;
	left:50%;
	width:34px;
	height:17px;
	z-index:3;
	background:url(../img/admission_gl_nav_arrow_2.png) 0 0 no-repeat;
	
}




#admission-top-nav ul li a{
	color:#fff !important;
}

#admission-top-nav .mega-menu{
	position:absolute;
	bottom:110px;
	left:15px;
	text-align:left;
	overflow:hidden;
	/**/
	display:none;
}


#admission-top-nav .current .mega-menu{
	/*
	display:block;
	*/
	padding:0 60px;
}

#admission-top-nav .mega-menu div.mega-menu-item-wrap{
	float:left;
	width:205px;
	overflow:hidden;
}

#admission-top-nav .mega-menu div.mega-menu-item{
	float:left;
	width:200px;
	display:inline-block !important;
	margin-left:5px;
	padding:10px;
	font-size:13px;
	margin-bottom:5px;
}

#admission-top-nav .mega-menu div.mega-menu-item-wrap div.mega-menu-item{
	float:none;
}

#admission-top-nav .mega-menu div.mega-menu-item:first-child{
	margin-left:5px;
}


#admission-top-nav .mega-menu div.ad-nav-contact{
	
}
#admission-top-nav .mega-menu div.ad-nav-contact figure{
	margin-bottom:15px;
}

#admission-top-nav .mega-menu div.ad-nav-contact dl{
	padding:0 0px;	
}

#admission-top-nav .mega-menu div.ad-nav-contact dt{
	font-size:16px;
	margin-bottom:10px;
}
#admission-top-nav .mega-menu div.ad-nav-contact dd{
	margin-bottom:10px;
}

#admission-top-nav .mega-menu div.ad-nav-contact p.icon-contact{
	margin-bottom:0;
	padding:0 5px;
}
#admission-top-nav .mega-menu div.ad-nav-contact .icon-contact a{
	display:block;
	background:;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	text-align:left;
	padding:10px 5px 10px 45px;
	
	font-size:16px;
	
	background:#c7ad51 url(../img/icon_main.png) 18px 50% no-repeat;
}

#admission-top-nav .mega-menu div ul{
	padding:10px;
}

#admission-top-nav .mega-menu div ul li{
	margin-bottom:10px;
}
#admission-top-nav .mega-menu div ul li span{
	display:block;
}
#admission-top-nav .mega-menu div ul li:last-child{
	margin-bottom:0;
}

#admission-top-nav .mega-menu div .up-line{
	border-top:1px solid #3e9da9;
	padding-top:13px;	
}

#admission-top-nav .mega-menu div .fs-b{
	font-size:16px;
}


.admission-top{
	position:relative;
	min-width:inherit;
	margin-top:-111px;
	height:740px;
	overflow:hidden;
}

#content-main.target-content-main .ph-area{
	padding:0 0px;
	margin:0 auto;
	width:auto;
}

#content-main.target-content-main .ph-area .ph-1column{
	margin-bottom:40px;
}

#content-main.target-content-main .ph-2column-large{
	overflow:hidden;
	margin-bottom:40px;
}
#content-main.target-content-main .ph-2column-large figure{
  width: 48%;
  float: left !important;
  margin-right: 4% !important;
  padding-bottom: 10px;
}

#content-main.target-content-main .ph-2column-large figure:nth-child(2n+0){
	float:left;
	margin-right: 0% !important;
}

#admission-category{
	min-width:inherit;
	background:#ececec;
	padding:50px 40px;
}
#admission-category-in{
	width:auto;
	margin:0 auto;	
}
#admission-category-in ul{
	overflow:hidden;
}
#admission-category-in li{
	float:left;
	width:50%;
	background:#fff;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#admission-category-in li{
	font-size:14px;
	text-align:left;
}
#admission-category-in li a{
	color:#666666 !important;
	display:block;
	padding:30px 25px 25px 25px;
	text-decoration:none !important;
}

#admission-category-in li .admission-category-img{
	height:50px;
	margin-bottom:0;
	text-align:center;
}
#admission-category-in li .admission-category-title{
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	text-align:center;
}
#admission-category-in li .admission-category-text{
	margin-bottom:0;
}


/* Direction Nav **/
#admission-top-wrap .flex-direction-nav {
	position:absolute;
	height:0px;
	right:0px;
	top:50%;
	width:100%;
}

#admission-top-wrap .flex-direction-nav a  {
	display:block;
	position:absolute;
	top:0;
	width:40px;
	height:40px;

}
#admission-top-wrap .flex-direction-nav a.flex-prev {
	left:15px;
	background:url(../img/prev_arrow_admission.png) 0 0 no-repeat;
	background-size:40px auto;
	z-index:11;
}
#admission-top-wrap .flex-direction-nav a.flex-next {
	right:15px;
	background:url(../img/next_arrow_admission.png) 0 0 no-repeat;
	background-size:40px auto;
	z-index:11;
}





#content-main3{
	background:#38b6c6;
	min-width:inherit;
}
#content-main3-in{
	margin:0 auto;
	width:auto;
	overflow:hidden;
	color:#fff;
	padding:35px 40px;
}
#content-main3-in table#contact1 th{
	font-size:14px;
}
#content-main3-in table#contact1 td{
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
}
#content-main3-in table#contact2{
	width:45%;
	float:left;
	margin-top:0px;
	display:block;
}
#content-main3-in table#contact2 th{
	font-size:16px;
	background:url(../img/footer_icon1_admission.png) 10px 50% no-repeat;
	padding-left:40px;
	padding-bottom:10px;
	padding-top:10px;
	
	display:block;
}
#content-main3-in table#contact2 td{
	font-size:16px;
	text-align:left;
	padding-bottom:12px;
	
	display:block;
}
#content-main3-in table#contact2 td span{
	font-size:14px;
	display:inline-block;
	padding-top:10px;
}

#content-main3-in table#contact2 th.contact3{
	background:url(../img/footer_icon2_admission.png) 10px 50% no-repeat;
}

#content-main3-in table#contact2 th.contact3,
#content-main3-in table#contact2 td.contact3{
	border-top:1px solid #32a3b2;
	padding-top:12px;
}

#content-main3-in table#contact2 td.contact3{
	border-top:none;
	padding-top:2px;
}


#content-main3-in table#contact2 td.contact3 a {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #c7ad51;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  padding: 10px 5px;
}

#content-main3-in figure{
	float:right;
	width:54%;
	margin-top:20px;
	overflow:hidden;
}
#content-main3-in figure img{
	width:auto;
	height:245px;	
}






/* 5.0
----------------------------------------------------------- */
#article-post .ph-2column-other.pick-up2column div.ph-2column-item{
	width:48% !important;
	float:left !important;
	margin-right:4% !important;
	padding-bottom:10px;
}
#article-post .ph-2column-other.pick-up2column div.ph-2column-item:nth-child(2n+0){
	margin-right:0px !important;
}


#article-post .ph-2column-other.pick-up2column div.ph-2column-item img{
	width:100%;
	height:auto;	
}


.news-area-other{
	padding-top:30px;
}

#news-list-other{
	overflow:hidden;
}
#news-list-other dl{
}
#news-list-other dl dt{
	font-size:17px;
	margin-bottom:15px;
}
#news-list-other dl dd{
	font-size:14px;
	margin-bottom:50px;
}

#news-list-other dl dt a{
	color:#323232 !important;
}

.content-footer-nav{
	border-top:1px solid #ddddd5;
	border-bottom:1px solid #ddddd5;
	text-align:center;
	padding:25px 0px;
	margin-bottom:50px;
}
.content-footer-nav li{
	display:inline-block;
	text-align:center;
	padding:0 45px;
	font-size:18px;
}


#article-post .pick-up-date{
	margin-top:-10px;
}



/* 6.0
----------------------------------------------------------- */
#events-area-sub h2.ttl-event{
	font-size:21px;
	line-height:1;
	margin-bottom:30px;
	font-weight:bold;
}
.ttl-event2{
	font-size:17px;
}
.events-list-now,
.events-list-end{
	overflow:hidden;
	border-bottom:1px solid #ddddd4;
	margin-bottom:80px;
}
.events-list-now dl,
.events-list-end dl{
	margin-left:0px;
	overflow:hidden;
	height:auto !important;
}
.events-list-now dl dt,
.events-list-end dl dt{
	line-height:1.2;
	float:left;
	font-size:34px;
	text-align:center;
	color:#fff;
	background:#203f67;
	width:90px;
	padding:17px 0px 0 0;
	margin-bottom:30px;
	min-height:90px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

.events-list-end dl dt{
	background:#666666;
}

.events-list-now dl dt .month-txt,
.events-list-end dl dt .month-txt{
	font-size:12px;
	display:block;
	text-align:center;
}

.events-list-now dl dd,
.events-list-end dl dd{
	padding-left:110px;
	margin-bottom:10px;
	font-size:17px;
	line-height:1.5;
}

.events-list-now dl dd a,
.events-list-end dl dd a{
	color:#323232 !important;
}

.events-list-now dl dd.time-txt,
.events-list-end dl dd.time-txt{
	font-size:16px;
	color:#666666;
	margin-bottom:25px;
}







/* 8.0
----------------------------------------------------------- */

#article-post .contact-item{
	margin-bottom:30px;
}

#article-post .contact-item div h3{
	margin-bottom:15px;
	line-height:1.5;
	font-size:21px;
}
#article-post .contact-item div p{
	margin-bottom:15px;
	font-size:16px;
}
#article-post .contact-item div p.time-txt{
	font-size:14px;
}

#article-post .contact-item div p.contact-item-btn{
	margin-bottom:0;
}
#article-post .contact-item div p.contact-item-btn a{
	font-size:17px;
	padding:10px 20px;
}







/* 1.1 About
----------------------------------------------------------- */

#about #main {
  width: auto;
  min-width:inherit;
}
#content-main.about-content-main {
    margin-bottom: 0px;
}

/*------------ 1 -----------*/
#about-desc-wrap{
	min-width:768px;
	margin:0 -40px;
	/*
	background:url(../../img_about/dummy1.jpg) 50% 0 no-repeat;
	*/
}

#about-desc{
	width:768px;
	min-height:300px;
	padding-bottom:100px;
}

#about-desc h2{
	padding-top:60px;
	padding-left:40px;
	font-size:40px;
	letter-spacing:5px;
	width:240px;
}
#about-desc p{
	padding-top:50px;
	padding-left:307px;
	font-size:13px;
	padding-right:50px;
}




/*------------ 2 -----------*/

#about-history-wrap{
	height:861px;
	min-width:768px;
	background:url(../../img_about/bg1.jpg) 50% 0 no-repeat;
	background-size:cover;
	
	margin:0 -40px;
	/*
	background:url(../../img_about/dummy2.jpg) 50% 0 no-repeat;
	*/
}
#about-history{
	width:768px;
	height:861px;
}
#about-history h2{
	padding-top:45px;
	text-align:center;
	font-size:31px;
	line-height:1;
}

#about-history dl{
	font-size:12px;
}

#about-history-dl1{
	position:absolute;
	top:160px;
	left:150px;	
	width:570px;
	overflow:hidden;
}
#about-history-dl1 dt{
	padding-top:10px;
	float:left;
	width:120px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	
	line-height:1;
}
#about-history-dl1 dt span{
	font-size:45px;
	font-weight:bold;
	line-height:1;
	text-align:left;
	margin-bottom:10px;
}


#about-history-dl1 dd{
	margin-top:-5px;
	margin-left:130px;
	font-size:12px !important;
	line-height:1.5;
}
#about-history-dl1 dd strong{
	display:block;
	font-size:18px;
	letter-spacing:4px;
	margin-bottom:10px;
}


#about-history-dl2{
	position:absolute;
	top:420px;
	left:92px;	
	width:180px;
}
#about-history-dl2 dt{
	text-align:center;
	height:150px;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
}
#about-history-dl2 dt span{
	display:block;
	font-size:28px;
	line-height:1;
	margin-bottom:13px;
	font-weight:400;
}
#about-history-dl2 dd{
}


#about-history-dl3{
	position:absolute;
	top:420px;
	left:290px;	
	width:180px;
}

#about-history-dl3 dt{
	text-align:center;
	height:150px;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:10px;
}
#about-history-dl3 dt span{
	display:block;
	font-size:40px;
	line-height:1;
	margin-bottom:13px;
	font-weight:400;
	margin-top:-10px;
}
#about-history-dl3 dd{
}

#about-history-dl4{
	position:absolute;
	top:420px;
	left:495px;	
	width:180px;
}
#about-history-dl4 dt{
	text-align:center;
	height:150px;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
}
#about-history-dl4 dt span{
	display:block;
	font-size:28px;
	line-height:1;
	margin-bottom:13px;
	font-weight:400;
}
#about-history-dl4 dd{
}



/*------------ 3 -----------*/
#about-existing-wrap{
	height:795px;
	min-width:inherit;
	margin:0 -40px;
	/*
	background:url(../../img_about/dummy3.jpg) 50% 0 no-repeat;
	*/
}
#about-existing{
	width:768px;
	height:795px;
}

#about-existing h2{
	position:absolute;
	top:78px;
	left:0;
	padding-top:0px;
	padding-left:50px;
	font-size:31px;
	line-height:1;
	letter-spacing:5px;
}
#about-existing p{
	position:absolute;
	top:55px;
	right:40px;
	padding-top:0px;
	width:294px;
	font-size:12px;
	letter-spacing:0px;
}

#about-existing ul{
	position:relative;
	overflow:hidden;
	padding-top:225px;
	padding-left:85px;
	width:594px;
	
	z-index:10;
}
#about-existing ul li{
	width:175px;
	margin-right:30px;
	float:left;
	padding-top:160px;
	margin-bottom:25px;
}
#about-existing ul li:nth-child(3),
#about-existing ul li:nth-child(6){
	margin-right:0px;
}

#about-existing1{
	background:url(../../about/images/ill1.png) 50% 0 no-repeat;
	background-size:auto 136px;
}
#about-existing2{
	background:url(../../about/images/ill2.png) 50% 0 no-repeat;
	background-size:auto 136px;
}
#about-existing3{
	background:url(../../about/images/ill3.png) 50% 0 no-repeat;
	background-size:auto 136px;
}
#about-existing4{
	background:url(../../about/images/ill4.png) 50% 0 no-repeat;
	background-size:auto 136px;
}
#about-existing5{
	background:url(../../about/images/ill5.png) 50% 0 no-repeat;
	background-size:auto 136px;
}
#about-existing6{
	background:url(../../about/images/ill6.png) 50% 0 no-repeat;
	background-size:auto 136px;
}

#about-existing ul li a{
	display:table-cell;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background:#c7ad51;
	text-align:center;
	color:#fff;
	text-decoration:none;	
	font-size:16px;
	padding:0px 5px;
	line-height:1.1;
	
	height:50px;
	width:175px;
}

#about-existing ul li a .about-fs{
	font-size:12px;
}



/*------------ 4 -----------*/
#about-3point-wrap{
	height:1480px;
	min-width:768px;
	background:url(../../img_about/bg2.jpg) 0 0 repeat;
	margin:0 -40px;
}
#about-3point{
	width:768px;
	height:1480px;
	
	overflow:hidden;
}

.circle_bg{
	display:none !important;
	width:210px !important;
	height:210px !important;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#about-3point-list1,
#about-3point-list2,
#about-3point-list3{
	position:absolute;
	display:block;
	text-align:center;
	font-size:21px;
	font-weight:bold;
	width:211px;
	line-height:1.1;
}

#about-3point-list1{
	top:65px;
	left:278px;
	padding-bottom:0px;
	background:url(../../img_about/icon_book.png) 50% 100% no-repeat;
	background-size:auto 30px;
	height:auto;
	padding-bottom:50px;
}
#about-3point-list2{
	top:218px;
	left:185px;
	padding-bottom:50px;
	background:url(../../img_about/icon_flag.png) 50% 100% no-repeat;
	background-size:auto 30px;
}
#about-3point-list3{
	top:218px;
	left:370px;
	padding-bottom:55px;
	background:url(../../img_about/icon_bag.png) 50% 100% no-repeat;
	background-size:auto 27px;
}

#about-3point-dl-wrap{
	padding-top:528px;
}

#about-3point-dl1{
	padding-top:0px;
	min-height:312px;
	margin-left:114px;
	overflow:hidden;
}
#about-3point-dl2{
	min-height:312px;
	margin-left:114px;
	overflow:hidden;
}

#about-3point-dl3{
	min-height:312px;
	margin-left:114px;
	overflow:hidden;
}

#about-3point-dl1 dt,
#about-3point-dl2 dt,
#about-3point-dl3 dt{
	width:220px;
	text-align:center;
	font-size:22px;
	line-height:1;
	font-weight:bold;
	float:left;
}
#about-3point-dl1 dt span,
#about-3point-dl2 dt span,
#about-3point-dl3 dt span{
	display:block;
	border-bottom:3px solid #fff;
	padding-bottom:25px;
}


#about-3point-dl1 dd,
#about-3point-dl2 dd,
#about-3point-dl3 dd{
	margin-left:328px;
	line-height:1.5;
	margin-bottom:42px;
	font-size:12px;
	padding-right:40px;
}


#about-3point-dl1 dd strong,
#about-3point-dl2 dd strong,
#about-3point-dl3 dd strong{
	display:block;
	font-weight:bold;
	font-size:16px;
	margin-bottom:12px;
}










/*------------ 5 -----------*/
#about-number-wrap{
	height:416px;
	min-width:768px;
	margin:0 -40px;
	background:none;
}
#about-number{
	position:relative;
	width:768px;
}

#about-number .number-item{
	float:left;
	width:25%;
	min-height:208px;
	padding-top:28px;
	
	background:url(../../img_about/bg3_1sp.png) 0 0 repeat;
	background-size:21px auto;
}
#about-number .number-item:nth-child(2),
#about-number .number-item:nth-child(4),
#about-number .number-item:nth-child(5),
#about-number .number-item:nth-child(7){
	background:url(../../img_about/bg3_2sp.png) 0 0 repeat;
	background-size:21px auto;
}

#about-number .number-item h3{
	text-align:center;
	margin-bottom:8px;
	font-weight:normal;
	font-size:20px;
	line-height:1;
}

#about-number .number-item h3 span{
	font-size:40px;	
	font-weight:bold;
}

#about-number .number-item p{
	font-size:12px;
	padding:8px 23px;
}
#about-number .number-item .about-ttl5{
	text-align:center;
	padding:0px 20px;
	font-size:14px;
	font-weight:bold;
	margin:0;
}



/*------------ 6 -----------*/


#about-future-wrap{
	min-height:775px;
	min-width:inherit;
	margin:0 -40px;
}
#about-future{
	width:768px;
	min-height:775px;
}

#about-future h2{
	padding-top:155px;
	font-size:35px;
	margin-bottom:40px;
}

#about-future-in{
	padding:0 86px;	
}

#about-future dl{
	margin-bottom:8px;
	min-height:93px;
}

#about-future dl dt{
	/*
	width:192px;
	padding:15px 16px 0px;
	font-size:12px;
	min-height:93px;
	*/
	padding:10px 16px 0px;
}

#about-future dl dt span{
	display:block;
	padding:12px;
	
	font-size:18px;
	margin-bottom:10px;
}

#about-future dl dt span.icon-about1{
	background:#8AD6C9 url(../../img_about/icon_people.png) 20px 50% no-repeat;	
}
#about-future dl dt span.icon-about2{
	background:#FCE98A url(../../img_about/icon_comment.png) 20px 50% no-repeat;	
}
#about-future dl dt span.icon-about3{
	background:#A4E0FC url(../../img_about/icon_flower.png) 20px 50% no-repeat;	
}


#about-future dl dd{
	margin-left:130px;
	padding:15px 25px;
	min-height:93px;
	margin-bottom:0;
	
	font-size:12px;
}
#about-future dl dd strong{
	display:block;
	margin-bottom:10px;
	font-size:16px;
	line-height:1;
}



/*------------  -----------*/

#footer-link-wrap{
	background:url(../../img_about/body_bg_about.png) 0 0 repeat;
	min-width:768px;
}

#footer-link-box{
	padding:63px 40px 30px 40px !important;
	width:auto;
	margin:0 auto;
	
	font-size:16px;
	overflow:hidden;
	
	-webkit-box-sizing: border-box;
		    box-sizing: border-box;
}

#footer-link-box div{
	width:48%;
	margin-right:4%;
}

#footer-link-box div:nth-child(2),
#footer-link-box div:nth-child(4){
	margin-right:0px;
}


#footer-link-box div figure{
	margin-bottom:20px;
}
#footer-link-box div figure img{
	width:100%;
	height:auto;
}

#footer-link-box h3{
	font-size:17px;
	margin-bottom:20px;
}

#footer-link-box li{
	margin-bottom:17px;
}
#footer-link-box li a{
	background:url(../img/icon_arrow.png) 0 0.52em no-repeat;
	background-size:auto 10px;
	padding-left:15px;
	display:inline-block;
}






/* svg-motion
----------------------------------------------------------- */

/*------------ 1 -----------*/
#svg1{
	background:url(../../img_about/svg_linebg_1.svg) 0 0 no-repeat;
	background-size:35px auto;
	height:105px;
	width:35px;
	position:absolute;
	bottom:-2px;
	left:96px;
	z-index:0;
}

/*------------ 2 -----------*/

#svg2{
	height:980px;
	width:768px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

.svg2_anime{
	background:url(../../img_about/about_history_bg_tab.png) 0 0 no-repeat;
	background-size:768px auto;
	
	-webkit-animation:maskY2 2.0s;
	-webkit-animation-iteration-count:1;
	-ms-animation:maskY2 2.0s;
	-ms-animation-iteration-count:1;
	animation:maskY2 2.0s;
	animation-iteration-count:1;
}


#svg2_1,
#svg2_2,
#svg2_3,
#svg2_4{
	display:none;
}

@-webkit-keyframes maskY2 {
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,980px,0);}
}
@-ms-keyframes maskY2 { 
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,980px,0);}
}
@keyframes maskY2 { 
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,980px,0);}
}


/*------------ 3 -----------*/
#svg3{
	height:795px;
	width:768px;
	position:absolute;
	top:0;
	left:0px;
	z-index:0;
}

.svg3_anime{
	background:url(../../img_about/existing_bg_tab.png) 0 0 no-repeat;
	background-size:768px auto;
	-webkit-animation:maskY3 2.0s;
	-webkit-animation-iteration-count:1;
	-ms-animation:maskY3 2.0s;
	-ms-animation-iteration-count:1;
	animation:maskY3 2.0s;
	animation-iteration-count:1;
}

@-webkit-keyframes maskY3 {
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,795px,0);}
}
@-ms-keyframes maskY3 { 
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,795px,0);}
}
@keyframes maskY3 { 
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,795px,0);}
}



/*------------ 4 -----------*/
#svg4{
	height:1480px;
	width:768px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

.svg4_anime{
	background:url(../../img_about/3point_bg_tab.png) 50% 0 no-repeat;
	background-size:768px 1480px;
	-webkit-animation:maskY4 1.5s;
	-webkit-animation-iteration-count:1;
	-ms-animation:maskY4 1.5s;
	-ms-animation-iteration-count:1;
	animation:maskY4 1.5s;
	animation-iteration-count:1;
}

@-webkit-keyframes maskY4 {
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,1480px,0);}
}
@-ms-keyframes maskY4 { 
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,1480px,0);}
}
@keyframes maskY4 { 
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,1480px,0);}
}



/*------------ 5 -----------*/



/*------------ 6 -----------*/

#svg6{
	height:124px;
	width:768px;
	position:absolute;
	top:0;
	left:0px;
	z-index:0;
}

.svg6_anime{
	background:url(../../img_about/future_bg_tab.png) 50% 0 no-repeat;
	background-size:31px auto;
	
	-webkit-animation:maskY6 0.6s;
	-webkit-animation-iteration-count:1;
	-ms-animation:maskY6 0.6s;
	-ms-animation-iteration-count:1;
	animation:maskY6 0.6s;
	animation-iteration-count:1;
}

@-webkit-keyframes maskY6 {
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,124px,0);}
}
@-ms-keyframes maskY6 { 
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,124px,0);}
}
@keyframes maskY6 { 
	0% {clip: rect(0px,768px,0px,0);}
	100% {clip: rect(0px,768px,124px,0);}
}


/* ******
----------------------------------------------------------- */