@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0 auto;
	padding: 0;
	color: #000;
	width:100%;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}



.frame {
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	font-size:80%;
}

.header {
	background: #ADB96E;
	background-color:#003875;
	margin: 0 auto;
	color:#FFF;
	text-align:center;
}

.header a{
	color:#FFF;
	}
#header_text {
	margin: 0 auto;
	wodth:100%;
	text-align:center;
	font-weight:bold;
	background: #00183E;
	color:#FFF;
	padding: 5px 0;
	}

/* ~~ フッター ~~ */
.footer {
margin-top:20px;
	padding: 10px 0;
	background: #00183E;
	color:#FFF;
	text-align:center;
	clear: both;
}

.f_bold{font-weight:bold; }
.f_70{font-size:70%; }
.f_80{font-size:80%; }
.f_90{font-size:90%; }
.f_100{font-size:100%; }

.center{
  text-align: center;
}



#contents_box{ width:80%; max-width:980px; min-width:480px; margin: 0 auto;}
#main{ min-height:400px; margin:0 auto;  max-width:980px; min-width:480px; padding:5px;}
#side{　width:270px; min-height:400px; background-color:#EAEAEA; float:left;margin-right:10px;	display: block;overflow: hidden;}

@media only screen and (max-device-width: 480px) {
 /* スマホ用のCSS */
 #contents_box{ width:480px; margin: 0 auto;}
 #main{ width:480px;}
 #header_text { width:480px;}
}

#side h3{
	float: left;
	width: 260px;
	margin:0;
	padding:0;
	display: block;
	clear: both;
	font-weight:normal;

}

#main h2{
	width: 100%;
	margin:5px 0;
	padding:0;
	display: block;
	clear: both;
	text-align:center;
}

#main h3{
	width: 100%;
	float: left;

	padding:0;
	display: block;
	clear: both;
}

/*テーブルタグ*/

.tb01 td{
border:solid 1px #CCC;
}

.btn_s{ padding:5px;}


.thumb_box{
 width:460px;
 height:100px;
 padding:5px;
 list-style-type:none;
 float:left;
 background-color:#EAEAEA;
 margin-right:10px;
} 

.thumb_img{ width:100px;height:100px;padding:0 5px 0 0; float:left;}

.thumb_img img{ width:100px;height:100px; object-fit: cover;overflow:hidden;}

.thumb_text{width:100px;overflow:hidden; word-wrap:break-word;}

.t_blue{ width:100%;color:#00183E; padding:10px 20px !important;
margin-bottom:10px;
border-bottom:solid 2px #00183E;border-left:solid 10px #00183E;}

.cate{ font-size:0.7em;}

@media screen and(max-width: 480px) {
.thumb_img{ width:200px;height:200px;}
.thumb_img img{ width:200px;height:200px; object-fit: cover;overflow:hidden;}

}

.sub_menu{
max-width:980px;
text-align:center;
	margin: 10px auto;
}
.sub_menu li{
list-style:none;
display: inline-block;
margin: 0 .5em;
padding:10px 20px;
background: #003875;
border-radius:10px;
}

.sub_menu li a{
color:#FFF;
}

/***************************************************************/
/***********************　FROM　*****************************/
/***************************************************************/

form{padding:0; margin:0;}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea  {
	border:1px solid #bbb;
	border-radius:3px;
	padding:7px;
	color:#000;
	margin:3px ;
	display: inline-block;
	box-sizing:border-box;
}

select {
	border:1px solid #bbb;
	border-radius:3px;
	padding:3px 5px;
	color:#000;
	margin:3px;
	height:34px;
}

input[type="submit"]{
	border:1px solid #bbb;
	border-radius:3px;
	padding:10px 20px;
	color:#000;
	margin:3px ;
	display: inline-block;
	box-sizing:border-box;
}


#gnav > ul{
    display: table;
    padding-left: 50px;
    > li {
      display: table-cell;
      margin-right: 2em;

      &:hover {
        color: #fff;
        background-color: #19192b;

        > a {
          color: #fff;
        }
        .menu{
          max-height: 9999px;
          opacity: 1;
       }

      }

      > a {
        display: block;
        padding: 25.5px 1em 15.5px;
        transition: all .2s ease-in;
      }
    }

    .menu {
      transition: all .2s ease-in;
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      width: 100%;
      left: 0;
      text-align: center;
      position: absolute;
      background-color: #19192b;

      .menu_inner {
        padding: 1em 0;
        li {
          display: inline-block;
          margin: 0 .5em;
        }
      }

      a {
        color: #fff;
      }
    }

  }
  
  
  .dpw{ font-size:16px; font-weight:bold;}
  .ta1 td{ border:solid 1px #CCC;}
 
nav{
background: #003875;
margin:0;
}
nav ul{
max-width:980px;
text-align:center;
margin: 0px auto;
}
nav li{
list-style:none;
display: inline-block;
margin: 0 .5em;
padding:10px 20px;
background: #003875;
border-radius:10px;
}

nav li a{
color:#FFF;
}