@charset "utf-8";

/* drop down */

/* -----------------------------------------*/
/* link */
.mod_dropnavi ul li a{
  transition-property: border;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
  font-size:12px;
  cursor:pointer;
}
.mod_dropnavi ul li a:link    {text-decoration:none;}
.mod_dropnavi ul li a:visited {text-decoration:none;}
.mod_dropnavi ul li a:hover   {text-decoration:none;}
.mod_dropnavi ul li a:active  {text-decoration:none;}

/* mod_dropnavi */
.mod_dropnavi>ul{
	background-color:#222;
	margin:0 auto;
	padding:0;
	display: flex;
	height: 50px;
    flex-direction: row;
    justify-content: center;
    gap: 3rem;
	width: 1000px;
}

.mod_dropnavi>ul>li{
	position:relative;
	text-align:center;
	line-height:50px;
	list-style: none;
}

.mod_dropnavi>ul>li:hover{
	background-color:#200;
}

.mod_dropnavi>ul>li>a{
	display:block;
	color:#FFFFFF;
	font-weight:normal;
	font-size: 12px;
}
/*
.mod_dropnavi>ul>li>a:hover   {border-bottom:solid 3px #336600;}
.mod_dropnavi>ul>li>a:active  {border-bottom:solid 3px #336600;}
*/

/* mod_dropnavi_child */
.mod_dropnavi .mod_dropnavi_child{
  display:none;
  position:absolute;
  top:48px;
  left:0px;
  z-index:99;
  padding:3px 0 0 0!important;
	
}
.mod_dropnavi .mod_dropnavi_child ul{
 padding:4px 27px 16px 10px!important;
 background-color:#444;
}
.mod_dropnavi .mod_dropnavi_child ul li{
 line-height:1.3;
 text-align:left;
 margin:12px 0 0 0!important;
 white-space:nowrap;
 color:#FF3;
}
.mod_dropnavi .mod_dropnavi_child ul li a{
  padding:0 0 0 12px!important;
  display:block;
	
}
.mod_dropnavi .mod_dropnavi_child ul li a:link    {color:#FFF; text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:visited {color:#FFF; text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:hover   {color:#FFF; text-decoration:underline;}
.mod_dropnavi .mod_dropnavi_child ul li a:active  {color:#FFF; text-decoration:underline;}









/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix {
  min-height: 1px;
}
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.col_L{
	float:left;
}