@charset "utf-8";
/* -------------------------------------

	=1 基本
	=2 ヘッダー

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



/* ----------------------------------------------------------- 
	=1 基本
 ------------------------------------------------------------ */
body{
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.container{}
#content{
font-size:16px;	
}
#content p{
margin-bottom:1em;	
}
#content .mid-f,
#content .mid-f p{
font-size:14px;	
}
a:hover img{
opacity:0.8;	
}
img{max-width: 100%;width: auto;}
@media (max-width: 991px) {
.sp-none{display: none;}
}
@media (min-width: 992px) {
.pc-none{display: none;}
}

@media (min-width: 768px) {
.tabpc-none{display: none;}
}
/* ----------------------------------------------------------- 
	=2  ヘッダー
 ------------------------------------------------------------ */
#head-Area{
padding-top:10px;
margin-bottom:24px;
background-color:#fff;
border-top:7px #dfdfdf solid;
}

/* logo
---------------------------------*/
.logo{
text-align:center;
margin-bottom:20px;
}
.logo h1{
font-weight:bold;
}
.logo p{
font-size:1.2em;
color:#999;	
}
@media(min-width:768px){
.navbar{
margin-bottom:0;
border-bottom:none;
background-color:#222;		
}
.navbar .nav{
margin:0;
display:table;
width:100%;

}
.navbar .nav li {
    display: table-cell;
    float: none;
	table-layout:fixed;
}
 
.navbar .nav li a {
    font-weight: bold;
    text-align: center;
	color:#fff;
    border-left: 1px solid #676767;
    border-right: 1px solid #222;
}
 
.navbar .nav li:last-child a {
    border-right: 0;	
    border-radius: 0 3px 3px 0;
	border-right: 1px solid #676767;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:hover > span{
color:#fff !important;
background-color:#4A4A4A !important;
}
}

/* nav
--------------------------------*/

@media(max-width:767px){

.navbar-default{
border-color:#000;
margin-bottom:0;	
}
.navbar-header{
background-color:#000;	
}
.navbar-default .navbar-toggle{
border-color:#fff;	
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
background-color:#fff;
}
.navbar-default .navbar-toggle .icon-bar{
background-color:#fff;	
}
.navbar-default .navbar-toggle:hover > .icon-bar,
.navbar-default .navbar-toggle:focus > .icon-bar{
background-color:#000;
}
.navbar-default .navbar-brand{
color:#fff;	
}
.navbar-nav{
background-color:#7e7e7e;	
}
.navbar-nav li a{
color:#fff !important;
border-bottom:1px #eee solid;
background-color:#7e7e7e;	
}
.navbar-nav li a:hover{
color:#fff !important;
background-color:#7e7e7e !important;
}
	
}


/* ----------------------------------------------------------- 
	 = フッター
 ------------------------------------------------------------ */
 
 
 
 /* --------------------------- バナーエリア  */
#foot-banArea{
padding-top:40px;
background-color:#fff;
position:relative;	 
 }
#Top #foot-banArea{
padding-top:0;	
}
#foot-banArea .row{
margin:20px auto 36px;
}
#foot-banArea .row:first-child{
padding-bottom:20px;
border-bottom:1px #bababa solid;
box-shadow:0px 2px 0px rgba(0,0,0,0.2);	
}
#cl-ban li{
margin-bottom:15px;	
}
#reTop{
position:absolute;
top:-120px;
right:50px;
z-index:10;
 }

#foot-banArea a{
color:#000;	
}
#foot-banArea a:hover{
text-decoration:none;	
}
.ban-link ul{
text-align:center;	
}
.ban-link li{
margin-bottom:10px;	
}

#foot-Area{
background-color:#222;
}
#foot-Area p{
margin-bottom:0;	
}
@media (max-width: 768px) {
#cl-ban li{
text-align:center;
display:block;	
}

/*#foot-banArea .panel table{
	width:100%;
	margin:0 auto;
}
#foot-banArea .panel th,
#foot-banArea .panel td{
display:block;
border:none;	
}*/
}
@media (max-width: 992px) {
/*#foot-banArea .panel table{
	width:100%;
	margin:0 auto;
}
#foot-banArea .panel th,
#foot-banArea .panel td{
display:block;
border:none;	
}
#foot-banArea .panel td div{
min-height:4.2em;	
} */
}
/* ------------------ フッター施設エリア　add 21.03.18 */
.area-title{
font-size: 16px;
font-weight: bold;
background:#eee;
text-align: center;
padding: 8px 0;
}
.area-facility{padding: 10px 0;}
.area-facility dd ul{padding-left: 10px;}
.area-facility dd li{list-style:none;text-indent: -10px;padding-left: 10px;}
.area-facility dd li::before{font-family: fontAwesome;content:"\f105";margin-right: 5px;}
.area-facility a:hover{text-decoration: underline !important;color:#23947B !important;}

@media(min-width:768px){

.related-area{display:flex;flex-wrap:wrap;}
.related-area section{width: 32%;margin-right: 10px;}
.related-area section:nth-child(3){margin-right: 0;}

}
@media(min-width:992px){



}
@media(min-width:1120px){

.related-area{flex-wrap:nowrap;justify-content: space-between;}
.related-area section{width: 19%;}
}


/* ------------------　フッターナビ */
.col-sm-ftBox{
float:left;
width:18.803%;
margin-left:10px;
}

.col-sm-ftBox h3{
font-size:16px;	
font-weight:bold;
color:#fff;
margin-bottom:1em;
}
.col-sm-ftBox h3 a{
color:#fff;	
}
.container .col-sm-ftBox ul{
padding-left:0;
}
.col-sm-ftBox ul > li{
list-style:none;
margin-bottom:4px;
}
.col-sm-ftBox ul > li a{
color:#fff;
font-size:96%;
}
.col-sm-ftBox h3 a:hover,
.col-sm-ftBox ul > li a:hover{
color:#3DA98F;
text-decoration:none;	
}

/* フッターリンク
---------------------------------- */
#foot-Area .foot-nav-var{
margin-top:50px;
margin-left:0;
padding:15px 0;
border-top:1px #353535 solid;
}
#foot-Area .foot-nav-var li{
list-style:none;
display:inline;	
}
#foot-Area .foot-nav-var li > a{
color:#fff;	
}
#foot-Area .foot-nav-var li > a:hover{
text-decoration:none;
color:#3DA98F;	
}
#foot-Area .foot-nav-var li > a:before{
content:"｜";
color:#fff;
margin-right:4px;
padding-right:4px;	
}
#foot-Area .foot-nav-var li:first-child a:before{
content:"";	
}


/* 著作表示
--------------------------------- */
.copy{
background-color:#353535;	
}
.copy p{
color:#fff;
padding:20px 0;	
text-align:center;
}
.copy a{
color:#fff;	
}
.copy a:hover{
text-decoration:underline;	
}

@media(max-width:767px){
.ban-link li{
display:block;
margin-bottom:10px;	
}
.ban-link li img{
width:100%;	
}
.col-sm-ftBox{
float:none;
width:100%;
border-bottom:1px #8b8b8b solid;	
}
.col-sm-ftBox ul{
margin-left:20px;	
}
.col-sm-ftBox ul > li{
width:100%;	
border-bottom:1px #777 solid;
}
.col-sm-ftBox ul > li:last-child{
border-bottom:none;	
}
.col-sm-ftBox ul > li a{
display:block;
padding:10px;	
}
.col-sm-ftBox ul > li a:hover{
text-decoration:none;	
}

#foot-Area .foot-nav-var{
width:100%;
margin:5px 0;
display:table;
table-layout:fixed;
background-color:#000;
}

#foot-Area .foot-nav-var li{
list-style:none;
display:table-cell;	
border-right:1px #353535 solid;
}
#foot-Area .foot-nav-var li > a{
display:block;
text-align:center;	
}
#foot-Area .foot-nav-var li > a:before{
content:"";
margin-right:0;
padding-right:0;	
}

}