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

body{
  font-size:15px;
}

*:not(.contents) a{
/*  color:#000000;*/
}
header a{
  text-decoration:none;
}


#Toolbar{
  z-index:1!important;
  width:120px!important;
}
#Toolbar:hover{
  width:100%!important;

}
#Crumbs {
	padding-bottom:20px;
}

/* --------------------------
    レイアウト
-------------------------- */
.uk-container{
/*  max-width:initial;*/
	max-width:1000px;
	width:100%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}
}

.main-column{

}
.side-column{
	width:300px;
}

@media only screen and (max-width : 736px) {
	
	
}
@media only screen and (max-width : 640px) {
	
	.main-column{
		width:100%;
	}
	.side-column{
		width:100%;
	}

	
}



/* --------------------------
    ヘッダー
-------------------------- */
header {
  padding-top:10px;
  min-height:120px;
}
header .logo{

}
.header-left{
  text-align:right;
}
.header-left ul{
  margin-bottom:10px;
}

.header-left ul li{
  display:inline-block;
  font-size:1.4rem;
  margin-right:10px;
}

.header-left ul li:not(:first-child)::before{
  display:inline-block;
  content:"";
  border-left:1px solid #000000;
}



/* --------------------------
  グローバルナビゲーション
-------------------------- */
  
#globalNavi a{
text-decoration:none!important;
}
#globalNavi{
  background:#000000;
}
#globalNavi{
  background:#000000;
}

#globalNavi .li-level-1 > a{
  color:#FFFFFF;
}
#globalNavi .li-level-1 a.open{
  color:#000000;
}
#globalNavi .sub-nav {
  text-align:left;
}

#globalNavi .sub-nav a{
  color:#000000;
}

.pc-nav{
  _border-bottom:5px solid #000000;
}

.pc-nav{
  font-weight:bold;
}



.header-contact{
  line-height:1em;
}


/* --------------------------
    電話番号
-----------------------------*/
a.header-phone{
  font-size:3.4rem;
  font-weight:700;
  font-family: Arial, Helvetica, "sans-serif";
  line-height:1em;
}
a.header-phone:hover{
  text-decoration:none;
}


@media only screen and (max-width:767px){
  .mobile-nav{
    display:block;
  }

  .header-right{
    text-align:center;
  }

  .header-left{
    text-align:center;
  }
.header-left{
  display:none;
}


}

footer{
  background:#F5F5F5;
}
.footer-inside{
  padding-top:20px;
  padding-bottom:20px;
}
.copyright{
/*   background:#000000; */
/*   color:#FFFFFF; */
}  


/* ========================================================
　　モバイルナビ
========================================================== */

.mobile-nav{
  /*background:#C00000!important;*/
}
.uk-sticky-fixed{
  box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}

.btn-mobile-toggle{
  color:#FFFFFF!important;
}

@media (min-width: 641px) {
	.uk-sticky{
		position:static!important;
	}
	.uk-sticky-placeholder{
		height:0!important;
	}
    
    
}

@media (max-width: 640px) {
    .f-nav.gnav{
        display:block!important;
     margin-bottom:10px;

    }
    .f-nav > ul {
        overflow:hidden;
    }
    .f-nav.gnav li{
        width:50%;
        float:left;
    }
    .f-nav.gnav li a{
        text-align:center!important;
    }
        
}


/* --------------------------
    コンテンツ
-----------------------------*/
.contents-header{
  background:#F5F5F5;
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom:10px;
}

.contents-title{
  font-size:167%;
  font-weight:bold;
  color:#0ab0bf;
  margin:0px;
}


.contents{
  margin-bottom:40px;
}

.aside{
   width:250px;
}
.main{
   flex:1;
}



@media screen and (max-width:767px){
.aside{
   width:100%;
}
.main{
   flex:1;
}


}


.sec-header{
}

.contents section{
  margin-bottom:60px;
}
.sec-title{
  border-radius:2px;
  padding:5px;
  font-size:144%;
  margin-bottom:30px;
  color:#FFFFFF;
  background-color:#0ab0bf;
}

/* --------------------------
    テーブル
-----------------------------*/
/* 罫線テーブル */
.table-rule{
  border:none;
}
.table-rule th,
.table-rule td{
 padding:5px 20px;
 border-bottom:1px solid #CCCCCC;
}
.table-rule th{
 text-align:left;
 width:200px;
 /*border-right:1px solid #CCCCCC;*/
}

.table-border th,
.table-border td{
 padding:5px 20px;
 border:1px solid #CCCCCC;
}
.table-border th{
 text-align:left;
 width:200px;
}


/* フラットテーブル */

.table-flat{
width:100%;
border-spacing:3px;
border-collapse: separate;
border:3px;
background-color:transparent;
}

.table-flat th,
.table-flat td{
 padding:10px 20px;
}


.table-flat th{
 background:#f0f0f0;
 width:200px;
}
.table-flat td{
 background:#f9f9f9;
}




@media screen and (max-width:767px){
  .table-stack,
  .table-stack tbody,
  .table-stack tr{
    display:block!important;
  }
  .table-stack th,
  .table-stack td{
    text-align:left;
   display:block!important;
    width:100%!important;
  }
  
  .table-rule.table-stack th,
  .table-rule.tabke-stack td{
    border-bottom:none;
  }

}