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

共通設定

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


body {	border-top:5px solid #27703D;}


@media (min-width: 768px) {


#sp_header{
	display:none;}

#sp_anime{
	display:none;}

.sp_display{display:none;}

}




@media (max-width: 767px) {


#pc_header{
	display:none;}

#pc_anime{
	display:none;}


.pc_display{display:none;}

.dis_block{
	display:inline-block;}

}




/* ヘッダーエリア
----------------------------------------------*/

#nav_area {
	background-color:#fff;
	border-bottom:1px solid #ccc;
}
header {
	padding:20px 0 15px 0;
}
.logo{
	width:370px;
	margin-top:8px;}

.contact_btn{
	margin-left:240px;}

.contact_btn ul{
	margin:0;
	padding:0;}

.contact_btn ul li{
	float:left;
	padding-right:13px;}




 @media (min-width: 768px) and (max-width: 990px) {


/* common
----------------------------------------------*/
#nav_area {
	background-color:#fff;
	border-bottom:1px solid #ccc;
}
header {
	padding:20px 0 15px 0;
}
.logo{
	width:370px;}

.contact_btn{
	margin-left:240px;}

.contact_btn ul{
	margin:0;
	padding:0;}

.contact_btn ul li{
	float:left;
	padding-right:13px;}

 }

@media (max-width: 767px) {

#nav_area {
	background-color:#325B83;
}
header {
	padding:10px 0 0 0;
}

.logo{width:305px;}

.contact_btn{
	margin-top:15px;
	margin-left:250px;}

.contact_btn ul{
	margin:0;
	padding:0;}

.contact_btn ul li{
	float:left;
	padding-left:5px;}

}

/* ヘッダーナビゲーション pc first
----------------------------------------------------------- */
.logo_box{
	width: 370px;
	height: 58px;
	margin: 10px 27px 0 15px;
	float: left;
}
.header_right{
	width: 380px;
	margin-top:10px;
	float: left;
}
.header_nav_area{
	/*padding-left:65px;*/
	float: left;
}
.header_nav_area,.switching p{
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size:11px;
	font-weight:600;
	text-align:left;
}
.header_nav_area ul li{
	float:left;
	margin-right:20px;
	font-size:1.1em;
	background-image:url(../images/common/nav/header_nav_icon.png);
	background-repeat:no-repeat;
	background-position:0 6px;
}
.header_nav_area ul li a{
	color:#777777;
	padding-left:14px;
}
.search_box{
	float: none!important;
}
#searchform2 {
	position: relative;
	text-align: right;
	float: none!important;
}
#keywords2  {
	margin-top:10px;
	width:260px;
	border:1px solid #27703D;
	padding:10px;
	height:35px;
	border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
}
#searchBtn2 {
	position:absolute;
	right:15px;
	bottom:8px;
}
*:first-child + html #searchBtn2{
    top: 1px;
}
.switching{
	float:left;
	margin-top:-9px;
}
/* Edge*/
@supports (-ms-ime-align: auto) {
.switching {
	margin-top:-8px;
}
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .switching {
	margin-top:-8px;
}
.switching p{
	float:left;
	color:#777;
	margin-top:8px;
	margin-right:20px;
	padding-left:15px;
	background-image:url(../images/common/nav/header_nav_icon.png);
	background-repeat:no-repeat;
	background-position:0 6px;
}
.switching_nav{
	float:left;
	margin-top:3px;
	overflow:hidden;
	zoom:1;
}
.switching_nav li{
	float:left;
}
.switching_nav li .switching_white {
    background-image:url(../images/common/nav/btn_switching_white.png);
}
.switching_nav li .switching_blue {
    background-image:url(../images/common/nav/btn_switching_blue.png)
}
.switching_nav li .switching_yellow {
    background-image:url(../images/common/nav/btn_switching_yellow.png);
}
.switching_nav li .switching_black {
    background-image:url(../images/common/nav/btn_switching_black.png);
}
.switching_nav li a {
    width: 29px;
    height: 29px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.top_bnn_youtube{
	float: left;
	margin: 3px 0 0 20px;
}

 @media (min-width: 768px) and (max-width: 990px) {
/*.header_nav_area{
	padding-left:40px;
}*/
.logo_box{
	width: 370px;
	height: 58px;
	margin: 10px 15px 0 15px;
	float: left;
}
.header_right{
	width: 200px;
	margin-top:10px;
	float: left;
}
.header_nav_area,.switching p{
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-size:11px;
	font-weight:600;
	float:none;
	text-align:left;
}
.header_nav_area ul li{
	margin-right:20px;
	font-size:1.1em;
	background-image:url(../images/common/nav/header_nav_icon.png);
	background-repeat:no-repeat;
	background-position:0 6px;
	}
.header_nav_area ul li a{
	color:#777777;
	padding-left:14px;
}
#searchform2 {
	width:184px;
	position: relative;
	text-align: left;
	float: none!important;
}
#keywords2  {
	margin-top:8px;
	width:184px;
	border:1px solid #27703D;
	padding:10px;
	height:35px;
	border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
}
*:first-child + html #searchBtn2    {
    top: 1px;
}
.switching{
	/*float:left;*/
	margin-top:0px;
	/*padding-left:40px;*/
}
.switching p{
	float:left;
	color:#777;
	margin-top:8px;
	margin-right:20px;
	padding-left:15px;
	background-image:url(../images/common/nav/header_nav_icon.png);
	background-repeat:no-repeat;
	background-position:0 6px;
}
.switching_nav{
	float:left;
	margin-top:3px;
	overflow:hidden;
	zoom:1;
}
.switching_nav li{
	float:left;
}
.switching_nav li .switching_white {
    background-image:url(../images/common/nav/btn_switching_white.png);
}
.switching_nav li .switching_blue {
    background-image:url(../images/common/nav/btn_switching_blue.png)
}
.switching_nav li .switching_yellow {
    background-image:url(../images/common/nav/btn_switching_yellow.png);
}
.switching_nav li .switching_black {
    background-image:url(../images/common/nav/btn_switching_black.png);
}
.switching_nav li a {
    width: 29px;
    height: 29px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.top_bnn_youtube{
	/*width: 140px;*/
	margin: 15px 10px 0 0;
}
.top_bnn_youtube img{
	width: 100%;
}
}

@media (max-width: 767px) {
#searchform2 {
	position:absolute;
	/*padding-top:20px;*/
}
#keywords2  {
	width:245px;
	border:1px solid #27703D;
	padding:10px;
	height:35px;
	border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
}
*:first-child + html #searchBtn2    {
    top: 1px;
}
}


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

トップページ アニメーション　編集エリア mobile first

--------------------------------------------------------------------------------------------*/
.mainVis03{
	background-position: center top!important;
	/* デフォルトは上下左右とも中央配置 */
}
.mainVis02 #bg-video{
    position: relative;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	object-fit: cover;
    width: 135%;
    height: 135%;
    min-width: 135%;
    min-height: 135%;
	z-index: -200;
    overflow: hidden;
}
#center02 {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}
#center02 .inner {
	width: 100%;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.ttl_font{
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}
.animation_titel {
	font-size: 1.55em;
	line-height: 1.3;
	margin-bottom: 15px;
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	text-shadow: 0 0 3px #000;
	color: #fff;
}
.button_a {
	border: 2px solid #fff;
	background-color: #fff;
	color: #000;
	padding: 7px 35px;
	transition: all .3s;
}
.button_a:hover {
	background-color: #d86c00;
	color: #fff;
	text-decoration: none;
	transition: all .3s;
}

@media screen and (min-width: 768px) {
#center02 .inner {
	width: 440px;
	padding: 20px 10px 30px;
  background-color: rgba(0,0,0,0.4);
}
.animation_titel br{
	display: none;
}
.animation_titel {
	font-size: 1.8em;
	margin-bottom: 20px;
	text-shadow: none;
}
.button_a {
	padding: 7px 35px;
	font-weight: bold;
}
.mainVis02 #bg-video{
    position: relative;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	object-fit: cover;
    width: 135%;
    height: 135%;
    min-width: 135%;
    min-height: 135%;
	z-index: -200;
    overflow: hidden;
}
}

@media print, screen and ( min-width : 1024px ) {
.mainVis01{
	background-position: center 20%!important;
}
.mainVis02{
	background-position: center 30%!important;
}
.mainVis02 #bg-video{
    position: relative;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	object-fit: cover;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
	z-index: -200;
    overflow: hidden;
}
.mainVis04{
	background-position: center 30%!important;
}
.mainVis05{
	background-position: center 40%!important;
}
#center02 .inner {
	width: 540px;
	padding: 18px 10px 30px;
  background-color: rgba(0,0,0,0.4);
}
.animation_titel {
	font-size: 2.2em;
	margin-bottom: 22px;
}
.animation_titel br{
	display: none;
}
.button_a {
	font-size: 1.2em;
	padding: 8px 65px;
}
}


/*----------------------------------------------------
  index.html スライドショー 動画
----------------------------------------------------*/

#bg-video{
    position: relative;
    top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	object-fit: cover;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
	z-index: -200;
    overflow: hidden;
}

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

深地層研究計画の状況 mobile first

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


#introduction {
	background-color:#fff;
	text-align:center;
	padding:10px;
	margin-bottom: 30px;
	color:#fff;
	background-color:#395632;
}
#introduction h2 {
	font-size:2.2em;
	font-weight:normal;
	text-align:center;
	color:#fff;
	padding:25px 0;
	/*font-family: 'Noto Sans Japanese', serif;*/
	font-weight:normal;
}
.introduction_inr > div {
	padding-bottom: 10px;
	text-align:left;
}
.attention-box{
	border: solid 6px #e60012;
	width: 100%;
	padding: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	color: #111;
	font-weight: bold;
}
table.center_daily {
	width: 100%;
	margin-top:10px;
	margin-bottom:20px;
}
table.center_daily th{
	padding: 5px 9px 0 9px;
	background-color:#F0F0E1;
	color:#333;
	width:100%;
	display:block;
	border-bottom:none;
}
table.center_daily td{
	padding: 3px 9px 5px 9px;
	background-color:#F0F0E1;
	color:#333;
	width:100%;
	display:block;
	border-bottom:1px dotted #333;
}
.center_daily th{
	text-align: left;
	background-color:#F0F0E1;
}
.center_daily th a{
	font-size:1.1em;
	color:#395432;
}
.center_daily th p span.orange{
	font-size:1.6em;
	color:#D86C00;
}
.center_daily th p span.green{
	font-size:1.6em;
	color:#395432;
}
.center_daily td {
	color:#395432;
}

@media screen and (min-width: 768px) {
#introduction h2 {
	padding-bottom:25px;
}
.intro-txt{
	width: calc(50% - 15px);
	margin-right: 15px;
	font-size: 1.1em;
	line-height: 1.7;
}
.attention-box{
	border: solid 6px #e60012;
	width: 100%;
	padding: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	color: #111;
	font-weight: bold;
}
table.center_daily {
	width: 100%;
	margin-top: 5px;
	margin-bottom:20px;
}
table.center_daily th,
table.center_daily td{
	padding: 7px;
	border-bottom:1px dotted #333;
	background-color:#F0F0E1;
	color:#333;
}
.center_daily tr{
	width: 100%;
}
.center_daily th{
	width: 54%!important;
	text-align: left;
	display:table-cell!important;
}
.center_daily th a{
	font-size:1.0em;
}
.center_daily th p span.orange{
	font-size:1.4em;
}
.center_daily th p span.green{
	font-size:1.4em;
}
.center_daily td{
	width: 46%!important;
	display: table-cell!important;
}
}

@media print, screen and ( min-width : 1024px ) {
#introduction {
	padding-bottom: 40px;
}
#introduction h2 {
	padding-top: 35px;
	padding-bottom:25px;
}
.intro-txt{
	width: calc(50% - 15px);
	margin-right: 15px;
	font-size: 1.2em;
	line-height: 1.65;
}
table.center_daily {
	width: calc(100% - 15px);
	margin: 5px 0 0 15px;
}
table.center_daily th,
table.center_daily td{
	padding: 9px 9px 9px 13px;
}
.center_daily th{
	width: 57%!important;
	display:table-cell!important;
}
.center_daily th a{
	font-size:1.2em;
}
.center_daily th p span.orange{
	font-size:1.6em;
}
.center_daily th p span.green{
	font-size:1.6em;
}
.center_daily td{
	width: 43%!important;
	display:table-cell!important;
}
}

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

地域との約束 mobile first

--------------------------------------------------------------------------------------------*/
#top_agreement {
	padding:10px;
	margin-bottom: 30px;
}
#top_agreement h2 {
	color:#3A3A3A;
	font-size:1.8em;
	margin-bottom:20px;
	font-weight:normal;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ddd;
}
#top_agreement h2:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#267745;
}
#top_agreement p{
	margin-bottom: 15px;
}
.top_agreement_box{
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	position: relative;
}
.agreement_hakase_mb{
	width: 55%;
	position: absolute;
	top: 15px;
	right: -35px;
	/*z-index: 100;*/
}
.agreement_hakase_mb img,
.agreement_txt img{
	width:100%;
}
.agreement_txt{
	width: 65%;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
#top_agreement h2 {
	font-weight:600;
	margin-bottom:30px;
}
#top_agreement p{
	margin-bottom: 25px;
}
.top_agreement_box{
	max-width: 1000px;
	margin: 0 auto;
}
.agreement_hakase_mb{
	display: none;
}
.agreement_txt{
	width: calc(33.333% - 20px);
	float: left;
	margin: 0 10px;
	margin-bottom: 0;
}
}

@media print, screen and ( min-width : 1024px ) {
#top_agreement h2 {
	font-size:2em;
	font-weight:600;
	margin-bottom: 40px;
}
#top_agreement p{
	font-size: 1.1em;
	margin-bottom: 30px;
}
.top_agreement_box{
	max-width: 1000px;
	margin: 0 auto;
}
.agreement_hakase_mb{
	display: block;
	width: 20%;
	position: absolute;
	top: -10px;
	right: 0;
	/*z-index: 100;*/
}
.agreement_txt{
	width: 26.5%;
	float: left;
	margin: 0 15px 0 0;
}
}

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

幌延深地層研究センターってどんなところ？ mobile first

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}
.youtube img:hover{
	opacity:0.7;
}

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

.youtube iframe {
  width: 90%;
  height: auto;
  aspect-ratio: 16 / 9;
  margin-bottom: 20px;
}

#top_movie {
	padding:10px;
	margin-bottom: 20px;
}
#top_movie h2 {
	color:#3A3A3A;
	font-size:1.8em;
	margin-bottom:20px;
	font-weight:normal;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ddd;
}
#top_movie h2:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#267745;
}
#top_movie p{
	margin-bottom: 15px;
}


@media screen and (min-width: 768px) {
#top_movie h2 {
	font-weight:600;
	margin-bottom:30px;
}
#top_movie p{
	margin-bottom: 25px;
}
}


@media print, screen and ( min-width : 1024px ) {
#top_movie h2 {
	font-size:2em;
	font-weight:600;
	margin-bottom: 40px;
}
#top_movie p{
	font-size: 1.1em;
	margin-bottom: 30px;
}
}


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

 一般の方・小中学生向け資料集　mobile first

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

.bnn_general img:hover{
	opacity:0.7;
}

#top_general {
	padding:10px;
	margin-bottom: 20px;
}
#top_general h2 {
	color:#3A3A3A;
	font-size:1.8em;
	margin-bottom:20px;
	font-weight:normal;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ddd;
}
#top_general h2:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#267745;
}
#top_general p{
	margin-bottom: 15px;
}


@media screen and (min-width: 768px) {
#top_general h2 {
	font-weight:600;
	margin-bottom:30px;
}
#top_general p{
	margin-bottom: 25px;
}
}


@media print, screen and ( min-width : 1024px ) {
#top_general h2 {
	font-size:2em;
	font-weight:600;
	margin-bottom: 40px;
}
#top_general p{
	font-size: 1.1em;
	margin-bottom: 30px;
}
}



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

バーチャル見学 mobile first

--------------------------------------------------------------------------------------------*/
#top_virtual {
	padding:10px;
	margin-bottom: 20px;
}
#top_virtual h2 {
	color:#3A3A3A;
	font-size:1.8em;
	margin-bottom:20px;
	font-weight:normal;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ddd;
}
#top_virtual h2:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#267745;
}
#top_virtual p{
	margin-bottom: 15px;
}


@media screen and (min-width: 768px) {
#top_virtual h2 {
	font-weight:600;
	margin-bottom:30px;
}
#top_virtual p{
	margin-bottom: 25px;
}
}


@media print, screen and ( min-width : 1024px ) {
#top_virtual h2 {
	font-size:2em;
	font-weight:600;
	margin-bottom: 40px;
}
#top_virtual p{
	font-size: 1.1em;
	margin-bottom: 30px;
}
}

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

プレスリリース・トピックス・センターからのお知らせ

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


#press {
	text-align:left;
	padding:40px 0 10px 0;

}
#press h2 {
	color:#3A3A3A;
	font-size:1.8em;
	letter-spacing:-0.1em;
	margin-bottom:20px;
	font-weight:600;
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	/*font-family: 'Noto Sans Japanese', serif;*/
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ddd;
}

#press h2:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#267745;
}

#press ul {}

#press ul li{
	padding:15px;
	border-bottom:1px dotted #000000;}

#press ul li dt{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;}


#press ul li dt span{
	color:#fff;
	width:160px;
	display:inline-block;
	padding:5px 0;
	margin:5px 0 0 10px;
	text-align:center;
	font-size:0.85em;
	line-height:1;}

#press ul li dt span.top_news{
	background-color:#D96D00;
	color:#fff;}

#press ul li dt span.top_topics{
	background-color:#389E57;
	color:#fff;}

#press ul li dt span.top_press{
	background-color:#EFCF48;
	color:#fff;}




#press ul li dd p strong{
	font-size:1.1em;
	color:#FF9326;
	}

#press ul li dd p{
	margin:5px 0 0 0;}

#press ul li dd.press_pic{
	font-size:1.1em;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:20px;
	background-image:url(../images/common/nav/index_icon.png);
	background-repeat:no-repeat;
	background-position:0px 5px;}

#press ul li dd.press_pic a{
	color:#337AB7;
	font-weight:bold;}


@media (max-width: 767px) {

#press {
	text-align:left;
	padding:20px 10px 10px;
}
#press h2 {
	color:#3A3A3A;
	font-size:1.3em;
	margin-bottom:20px;
	font-weight:normal;
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	/*font-family: 'Noto Sans Japanese', serif;*/
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ddd;
}

#press h2:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#267745;
}

#press ul {}

#press ul li{
	border-bottom:1px dotted #000000;
	padding:20px 0;}

#press ul li dt{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;}

#press ul li dt span{
	margin-top:5px;
	width:60%;
	display:block;
	font-weight:normal;}

#press ul li dt span.info_news{
	padding:2px 0px;
	text-align:center;
	background-color:#276722;
	color:#fff;}



#press ul li dl p strong{
	font-size:1.2em;
	color:#FF9326;}

#press ul li dl p{
	margin:5px 0 0 0;}



#press ul li dd.press_pic{
	font-size:1.1em;
	margin-bottom:10px;
	background-image:url(../images/common/nav/index_icon.png);
	background-repeat:no-repeat;
	background-position:0px 5px;}

#press ul li dd.press_pic a{
	color:#337AB7;
	padding-left:5px;}

}



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

更新履歴　編集エリア

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


#information {
	text-align:left;
	padding:50px 0 20px 0;
}
#information h2 {
	color:#3A3A3A;
	font-size:2em;
	margin-bottom:20px;
	font-weight:600;
	/*font-family: 'Noto Sans Japanese', serif;*/
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ddd;
}

#information h2:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#267745;
}



#information ul li{
	border-bottom:1px dotted #000000;
	padding:15px 20px;
	background-color:#fff;}

#information ul li:nth-child(even){
	background-color:#F0F0E1;}



#information ul li dt{
	float:none;
	width:30%;}

#information ul li dt.cate{
	float:left;
	width:20%;}



#information ul li dt.cate span{
	color:#fff;
	width:160px;
	display:inline-block;
	padding:5px 0;
	margin:5px 0 0 0px;
	text-align:center;
	font-size:0.85em;
	line-height:1;}


#information ul li span.info_news{
	background-color:#D96D00;
	color:#fff;}

#information ul li span.info_topics{
	background-color:#389E57;
	color:#fff;}

#information ul li span.info_press{
	background-color:#EFCF48;
	color:#fff;}

#information ul li dd{
	line-height:170%;
	overflow:hidden;
	margin-top:0px;
	margin-bottom:10px;}

#information ul li dd a{
	font-weight:bold;
	/*background:url(../images/common/nav/index_icon.png);*/
	background-repeat:no-repeat;
	background-position:0 5px;
	}


#information p.more{
	text-align:right;
	margin-top:10px;
	font-size:1.1em;
	background-image:url(../images/common/nav/header_nav_icon.png);
	background-repeat:no-repeat;
	background-position:880px;}

.info_subttl{
		font-size:1.2em;
		color:#FF9326;
		font-weight: bold;
		padding-top: 6px;
		margin-bottom: 5px;
}
.press_pic{
		padding-left: 17px;
		background-image:url(../images/common/nav/index_icon.png);
		background-repeat:no-repeat;
		background-position:0px 5px;
}


/*　一覧を見るボタン　編集エリア
----------------------------------------------------*/

.button_02 {
	display: inline-block;
	width: 160px;
	height: 30px;
	font-size:0.6em;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	outline: none;
	margin-left:73.2%;
	position: absolute;
	top:0;
	right: 0;
}
.button_02::before,
.button_02::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_02,
.button_02::before,
.button_02::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.button_02 {
	background-color: #27703D;
	border: 2px solid #27703D;
	color: #fff;
}

.button_02:hover {
	background-color: #fff;
	border-color: #27703D;
	color: #27703D;
}

@media (min-width: 768px) and (max-width: 990px) {
#information {
	text-align:left;
	padding:50px 0 20px 0;
}
#information h2 {
	color:#3A3A3A;
	font-size:1.8em;
	margin-bottom:20px;
	font-weight:600;
	/*font-family: 'Noto Sans Japanese', serif;*/
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ddd;
}

#information h2:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#267745;
}


#information ul li{
	border-bottom:1px dotted #000000;
	padding:15px 20px;
	background-color:#fff;}

#information ul li:nth-child(even){
	background-color:#F0F0E1;}



#information ul li dt{
	float:none;
	width:30%;
	margin-bottom:5px;
	font-size:1.1em;}

#information ul li dt.cate{
	float:left;
	width:25%;}


#information ul li dt.cate span{
	color:#fff;
	width:160px;
	display:inline-block;
	padding:5px 0;
	margin:5px 0 0 0px;
	text-align:center;
	font-size:0.85em;
	line-height:1;}


#information ul li dd{
	margin-bottom:15px;}

#information ul li dd a{
	color:#337ab7;

 }
 }


@media (max-width: 767px) {
#information {
	text-align:left;
	padding:20px 10px 10px;
}

#information h2 {
	color:#3A3A3A;
	font-size:1.8em;
	margin-bottom:20px;
	font-weight:normal;
	/*font-family: 'Noto Sans Japanese', serif;*/
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ddd;
}

#information h2:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#267745;
}


#information ul li{
	border-bottom:1px dotted #000000;
	padding:15px 10px;
	background-color:#fff;}

#information ul li:nth-child(even){
	background-color:#F0F0E1;}




#information ul li dt{
	float:none;
	width:100%;}

#information ul li dt.cate{
	float:none;
	width:100%;}



#information ul li dt.cate span{
	color:#fff;
	width:100%;
	display:inline-block;
	padding:7px 0;
	margin:10px 0 0 0px;
	text-align:center;
	font-size:0.85em;
	line-height:1;}


#information ul li dd{
	line-height:170%;
	margin-top:5px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0 10px;
	}

#information ul li dd a{
	color:#337AB7;
	font-weight:bold;
	padding-left:20px;
	background:url(../images/common/nav/index_icon.png);
	background-repeat:no-repeat;
	background-position:0px 5px;}



#information p.more{
	text-align:right;
	margin-top:10px;
	font-size:1.1em;
}

.info_news{
	background-color:#D96D00;
	color:#fff;
	padding:3px 30px;}

.info_press{
	background-color:#389E57;
	color:#fff;
	padding:3px 30px;}

.info_horonobe{
	background-color:#EFCF48;
	color:#fff;
	padding:3px 30px;}

.button_02 {
	display: inline-block;
	width: 100px;
	height: 30px;
	font-size:0.6em;
	text-align: center;
	text-decoration: none;
	padding-top:1px;
	line-height: 54px;
	outline: none;
	margin-left:20px;
}
.button_02::before,
.button_02::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_02,
.button_02::before,
.button_02::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.button_02 {
	background-color: #27703D;
	border: 2px solid #27703D;
	color: #fff;
	line-height: 20px;
}

.button_02:hover {
	background-color: #fff;
	border-color: #27703D;
	color: #27703D;
}
.press_pic{
		padding-left: 0;
		background-image:none;
}
}


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

バーチャル見学バナー2つ mobile first

--------------------------------------------------------------------------------------------*/
.virtual_bnr_box{
	width: 100%;
	margin-bottom: 0px;
	padding: 0 10px 0;
}
.virtual_bnr_box img{
	width: 100%;
	border: none;
}
.virtual_bnr_box li{
	width: calc(100%);
	float: left;
	margin-bottom: 20px;
}
.virtual_bnr_box img:hover{
	opacity:0.7;
}
.virtual_bnr_box li:nth-child(odd){
	margin-right: 10px;
}

@media screen and (min-width: 768px) {
.virtual_bnr_box{
	padding: 0;
}
.virtual_bnr_box li{
	width: calc(50% - 10px);
	margin-bottom: 0;
	margin-right: 15px!important;
}
.virtual_bnr_box li:last-child{
	margin-right: 0!important;
}
}

@media print, screen and ( min-width : 1024px ) {
.virtual_bnr_box{
	margin-bottom: 0px;
}
.virtual_bnr_box li{
	width: calc(50% - 18px);
	margin-right: 35px!important;
}
.virtual_bnr_box li:last-child{
	margin-right: 0!important;
}
}

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

お客様の声などバナー4つ mobile first

--------------------------------------------------------------------------------------------*/
.top_bnr_box{
	width: 100%;
	margin-bottom: 30px;
	padding: 0 10px 0;
}
.top_bnr_box img{
	width: 100%;
	border: none;
}
.top_bnr_box li{
	width: calc(50% - 5px);
	float: left;
	margin-bottom: 10px;
}
.top_bnr_box img:hover{
	opacity:0.7;
}
.top_bnr_box li:nth-child(odd){
	margin-right: 10px;
}

@media screen and (min-width: 768px) {
.top_bnr_box{
	padding: 0;
}
.top_bnr_box li{
	width: calc(25% - 10px);
	margin-bottom: 0;
	margin-right: 13px!important;
}
.top_bnr_box li:last-child{
	margin-right: 0!important;
}
}

@media print, screen and ( min-width : 1024px ) {
.top_bnr_box{
	margin-bottom: 60px;
}
.top_bnr_box li{
	width: calc(25% - 21px);
	margin-right: 28px!important;
}
.top_bnr_box li:last-child{
	margin-right: 0!important;
}
}

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

施設の見学について mobile first

--------------------------------------------------------------------------------------------*/
#top_visit {
	padding:10px;
	margin-bottom: 20px;
}
#top_visit h2 {
	color:#3A3A3A;
	font-size:1.8em;
	margin-bottom:20px;
	font-weight:normal;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ddd;
}
#top_visit h2:after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#267745;
}
.visit_intro{
	margin-bottom: 10px;
}
.visit_intro p{
	margin-bottom: 10px;
}
.top_visit_attention{
	color:#d86c00;
	font-weight: 600;
	text-indent: -1em;
	padding-left: 1em;
}
.top_visit_wrap li{
	width: 100%;
	max-width: 320px;
	margin: 0 auto 25px;
}
.top_visit_wrap li.visit_message{
	display: none;
}
.top_visit_wrap li:last-child,
li.visit_yumechi{
	margin-bottom: 0;
}
.top_visit_box dt{
	width: 72px;
	margin: 0 auto;
}
.top_visit_box dt img{
	width: 100%;
}
.top_visit_box dd{
	background-color: #f0f0e1;
	border: solid 1px #ccc;
	margin-top: -20px;
	border-radius: 10px;
}
.top_visit_box_txt{
	padding: 32px 15px 15px;
	font-size: 1.0em;
	line-height: 1.7;
}
.top_visit_box_txt h3{
	font-size: 1.5em;
	margin-bottom: 15px;
	text-align: center;
}
.top_visit_box_txt h3 a{
	color: inherit;
}
.weekday_winter{
	padding-left: 7em;
}
.sunday_time{
	padding-left: 5em;
}
.yumechi_holiday{
	padding-left: 4em;
}
.top_visit_box_photo{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.top_visit_box_photo img{
	width: 100%;
	border-radius: 0 0 10px 10px;
}
.top_visit_box_photo p{
	position: absolute;
	color: #fff;
	font-weight: 600;
	font-size: 1.2em;
	padding: 10px 25px!important;
	border: solid 2px #fff;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.mask{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	border-radius: 0 0 10px 10px;
	opacity: 0;
	background-color: #000;
	transition: all 0.3s ease-in-out;
}
.mask:hover{
	 opacity: 0.7;
}

@media screen and (min-width: 375px) {
.top_visit_box_txt h3{
	font-size: 1.6em;
}
}

@media screen and (min-width: 768px) {
#top_visit h2 {
	font-weight:600;
	margin-bottom:30px;
}
.visit_intro{
	margin-bottom: 25px;
}
.top_visit_wrap{
	max-width: 640px;
	margin: 0 auto;
}
.top_visit_wrap li{
	width: calc(50% - 20px);
	margin: 0 10px 20px;
	float: left;
}
.top_visit_wrap li.visit_message{
	display: block;
}
.top_visit_wrap li.visit_message img{
	width: 80%;
	display: block;
	margin: 0 auto;
	padding-top: 80px;
}
.top_visit_box dt{
	width: 75px;
}
.top_visit_box_txt{
	padding: 30px 20px 17px;
}
.top_visit_box_txt h3{
	font-weight: 600;
}
}

@media print, screen and ( min-width : 1024px ) {
#top_visit h2 {
	font-size: 2em;
	font-weight:600;
}
.visit_intro{
	font-size: 1.1em;
}
.top_visit_wrap{
	max-width: 100%;
}
.top_visit_wrap li{
	width: calc(33.3333% - 18px);
	margin: 0 27px 20px 0;
	float: left;
}
.top_visit_wrap li:last-child,
li.visit_yumechi{
	margin: 0 0 20px 0;
}
.top_visit_wrap li.visit_message{
	display: none;
}
.top_visit_box_txt{
	padding: 35px 18px 20px;
	font-size: 1.1em;
	line-height: 1.7;
}
.top_visit_box_txt h3{
	font-size: 1.45em;
	margin-bottom: 10px;
}
}


.visit_day{
	text-indent: -1em;
    margin-left: 1em;
}

.visit_day5{
	text-indent: -5em;
    margin-left: 5em;
}

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

下部バナー群　編集エリア

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

#banner {
	padding:10px 0;
	text-align:right;
	margin:45px 0 0 0;

}


@media (max-width: 767px) {

#banner {
	padding:10px;
	text-align:right;
	margin:45px 0 0 0;
}

}




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

フッターパンくず　編集エリア

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

#footerpan {
	border-top:1px solid #ccc;
	padding:10px 0;
	text-align:right;
	margin:15px 0 0 0;
}


@media (max-width: 767px) {

	#footerpan {
		border-top:1px solid #ccc;
		padding:10px 0;
		text-align:right;
	}

}




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

フッター　編集エリア

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

#footer {
	border-top:1px solid #ccc;
	padding:30px 0;
	font-size:1em;
	background-color:#27703D;
}
#footer h3 {
	border-bottom:3px solid #fff;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	font-weight:bold;
}
#footer ul {
	margin:-10px 0 15px 0;
}
#footer ul li {
	font-size:0.8em;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	color:#999;
}


@media (max-width: 767px) {

	#footer {
		border-top:1px solid #ccc;
		padding:30px 0;
		font-size:1em;
		background-color:#EEEEEE;
	}
	#footer h3 {
		border-bottom:3px solid #ccc;
		margin:0 0 15px 0;
		padding:0 0 5px 0;
		font-weight:bold;
	}
	#footer ul {
		margin:-10px 0 15px 0;
	}
	#footer ul li {
		font-size:0.8em;
	}
	#footer a {
		color:#666;
	}
	#footer a:hover {
		color:#999;
	}

}


/* フッター　住所記述エリア
----------------------------------------------*/
#footer_address {
	border-top:1px solid #ccc;
	padding:30px 0;
	color:#27703D;
}
#footer_address p:first-child {
	font-size:1.7em;
	font-weight:bold;
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	/*font-family: 'Noto Sans Japanese', serif;*/
}
#footer_address p:first-child span {
	font-size:0.6em;
	line-height:2;
}
#footer_address p:last-child {
	margin:10px 0 0 0;
	color:#222222;
}


@media (max-width: 767px) {



#footer_address {
	border-top:1px solid #ccc;
	padding:30px 0;
	color:#27703D;
}
#footer_address p:first-child {
	font-size:1.7em;
	font-weight:bold;
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	/*font-family: 'Noto Sans Japanese', serif;*/
}
#footer_address p:first-child span {
	font-size:0.6em;
	line-height:2;
}
#footer_address p:last-child {
	margin:10px 0 0 0;
	color:#222222;
}


}

/* クレジットエリア
----------------------------------------------*/
#credit {
	background-color:#3A3A3A;
	color:#fff;
	text-align:center;
	padding:30px 0;
}

@media (max-width: 767px) {

	#credit {
		background-color:#222222;
		color:#fff;
		text-align:center;
		padding:30px 0;
	}

}


/*サイトマップ用リスト

ul#map {
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 0px;
    line-height: 1.6em;
}

ul#map ul {
    margin: 0;
}

ul#map li {
    list-style-type: none;
    background: url(img/point02.jpg) no-repeat;
    padding: 0 0 0 25px;
}

ul#map li a {
    text-decoration: none;
    color: #486ACE;
}

ul#map li a:hover {
    text-decoration: underline;
    color: #0A6C07;
}

ul#map li.joint {
    background: url(img/map_joint.gif) repeat-y top left;
    padding: 0 0 0 25px;
}

ul#map li.joint a {
    text-decoration: none;
    color: #486ACE;
}

ul#map li.joint a:hover {
    text-decoration: underline;
    color: #0A6C07;
}

ul#map li.bottom {
    background: url(img/map_bottom.gif) no-repeat top left;
    padding: 0 0 0 25px;
}

ul#map li.bottom a {
    text-decoration: none;
    color: #486ACE;
}

ul#map li.bottom a:hover {
    text-decoration: underline;
    color: #0A6C07;
}

*/

/*----------------------------------------------------
  Holiday information
----------------------------------------------------*/
.holiday-info{
	width: 100%;
	color: #FF9326;
	font-weight: bold;
	margin-bottom: 10px;
}
@media print, screen and ( min-width : 1024px ) {
.holiday-info{
	width: calc(100% - 15px);
	margin: 5px 0 10px 15px;
}
}

/*----------------------------------------------------
  bottom-bnn-new and catchphrase
----------------------------------------------------*/
.bnn_wrap{
	width: 100%;
	padding: 0 15px;
}
.bnn_wrap li{
	width: calc(50% - 5px);
	margin-bottom: 10px;
	float: left;
}
.bnn_wrap li:nth-child(odd) {
  margin-right: 10px;
}
.bnn_wrap li img{
	width: 100%;
}
.footer_address_txt{
	width: 100%;
	padding: 0 15px;
}
.bottom-bnn{
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
.bottom-bnn-in{
	width: 70%;
	max-width: 290px;
	margin: 15px 0 0 auto;
}
.bottom-bnn img{
	width: 100%;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
.bnn_wrap{
	padding: 0 5px;
}
.bnn_wrap li{
	width: calc(16.6666% - 10px);
	margin: 0 12px 12px 0;
}
.bnn_wrap li:last-child {
  margin-right: 0!important;
}
.footer_address_txt{
	width: 50%;
	padding: 0 15px 0 0;
	float: left;
}
.bottom-bnn{
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}
.bottom-bnn-in{
	width: 100%;
	max-width: 240px;
	margin: 0 0 0 auto;
}
}

@media print, screen and ( min-width : 1024px ) {
.bnn_wrap{
	padding: 0;
	margin:  10px 0 20px 0;
}
.bnn_wrap li{
	width: calc(16.6666% - 10px);
	margin: 0 12px 12px 0;
}
.bnn_wrap li:last-child {
  margin-right: 0!important;
}
.footer_address_txt{
	width: 40%;
	padding: 0 15px 0 0;
	float: left;
}
.bottom-bnn{
	width: 60%;
	margin: 0;
	padding: 0;
	float: left;
}
.bottom-bnn-in{
	width: 460px;
	max-width: 500px;
}
.bottom-bnn-in li{
	width: 230px!important;
	padding-left: 15px;
	margin-bottom: 0;
	float: left;
}
.bottom-bnn-in img:last-child{
	vertical-align: middle;
}
}