@charset "utf-8";

/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{padding:20px 0 20px;}
#header #logo h1{
	display:block;
	margin:0;
	padding:0;
	font-size:0.94em;
	line-height:1.1;
	font-weight:500;
	
}
#header #logo h1 a{color:#333;letter-spacing:0.05em;}
#header #logo h1 img{margin-top:5px;}
/* Content Area
--------------------------------------------------------------------------------------------------------------- */
/*.container{padding:23px 0;}*/

/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:10px 0;line-height:1.4;}
#copyright *{margin:0; padding:0;}
#copyright a{color:#333;display:inline-block;}
#copyright a:hover{text-decoration:underline;}
#copyright strong{font-size:1.5em;padding:0 15px;color:#e35823;display:inline-block;font-weight:800;}
#copyright span{font-size:0.94em;display:inline-block;padding-right:10px;}
#copyright i{padding-right:3px;}
#copyright p{position:relative;}
#copyright em{font-size:0.94em;position:absolute;right:0px;top:45%;font-weight:300;font-style:normal;}

/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
#mainav *, #page-top{transition:all .3s ease-in-out;}

/* Navigation
--------------------------------------------------------------------------------------------------------------- */
#menu {
 position: relative;
 width: 100%;
 padding-left: 0px;
 height: 40px;
}
#menu li a {
 color: #000;
 
}
#menu li {
 list-style-type: none;
 float: left;
 height: 40px;
 text-align: left;
}
#menu li a {
 padding-left: 15px;
 padding-right: 15px;
 display: block;
 _font-size: 80%;
 _font-weight: bold;
 line-height: 40px;
}
#menu li:hover a {
 color: #c28e00;
 transition: all .5s;
}
.menu-inner {
 display: flex;
 justify-content: center;
 align-items: center;
}

.menu-toggle{
 display: none;
} 

.menu-toggle li {
 float: left;
}
.gnavi {
 margin-top: -0.5em;
}
#menu li.gnaviText {
 padding-top: 1.5em;
}
#menu li.gnaviText02 a {
 padding-right: 0px;
}
.gnaviText02 span {
  display: none;
}

.flex {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.flex03 {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-around;
 flex-wrap: wrap;
}
.flex02 {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
}

.img-flex {
 max-width: 768px; /*画像の最大幅*/
 width: 100%;
 height: auto;
}


/*パソコン１カラム*/
@media screen and (max-width:968px){
    /*.menu-inner{
        width: 768px;
    }*/
 #top-editarea{
  height: initial;
  background: #343838;/*MENU背景色*/
  text-align: right;/*MENUの文字の位置*/
  width: 100%;
 }
 .menu-toggle{
  color: #fff;/*MENUの文字色*/
  display: inline-block;
  padding: 5px;
  margin: 3px;
  background-color: #666666;
 }
 #menu {
  width: 100%;
  display: none;
  height: initial;
  padding: 0;
  margin: 0;
  
 }
 .menu-inner{
  width: 100%;
  height: initial;
  position: static;
  margin: 0;
 }
 #menu li{
  float: none;
  height: 35px;
  width: 100%;
  list-style-type: none;
  background: #D7D7D7;/*リスト文字の背景色*/
  margin: 0 auto;
  text-align: left;/*リストの文字の位置*/
 }
 #menu li a {
  height: initial;
  color: #343838;/*リスト文字色*/
  display: block;
 }
 #menu li:hover a{
  color: initial;
  background: initial;
 }
 #menu li.gnaviText {
  padding-top: 0em;
 }
 .headBox01 {
  text-align: right;/*ここと、67行目を消したらメニュー横並び*/
 }
 .gnaviText02 img {
  display: none;
 }
 .gnaviText02 span {
  display: inherit;
 }
}

/*タブレット*/
@media screen and (max-width:768px){
 
}

/*nav ul, nav ol{margin:0; padding:0; list-style:none;}
#mainav {line-height:normal;}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; position:absolute; width:auto; text-align:left; text-transform:none;}
#mainav ul ul ul{left:175px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 8px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block;}
#mainav ul li a.menu1{
	background:url(../../images/menu1.png) no-repeat center 50%;
	width:187px;
	height:65px;
	border:#1d9238 solid 4px;
	border-radius: 12px; 
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
	padding:8px 2px; 
	}
#mainav ul li a.menu2{
	background:url(../../images/menu2.png) no-repeat center 50%;
	width:178px;
	height:65px;
	border:#154148 solid 4px;
	border-radius: 12px; 
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px; 
	padding:8px 0; 
}
#mainav ul li a.menu1:hover{background:url(../../images/menu1-o.png) no-repeat center 50%,#1d9238;}
#mainav ul li.active a.menu1{background:url(../../images/menu1-o.png) no-repeat center 50%,#1d9238;}
#mainav ul li a.menu2:hover{background:url(../../images/menu2-o.png) no-repeat center 50%,#154148;}
#mainav ul li.active a.menu2{background:url(../../images/menu2-o.png) no-repeat center 50%,#154148;}
#mainav li li a{border-bottom:#f8f8f8 solid 1px;color:#fff;font-size:0.94em;font-weight:500;}
#mainav li li:last-child a{border-bottom:none;}
#mainav li li a{display:block; margin:0; padding:7px 10px;}
#mainav ul ul{visibility:hidden; opacity:0; }
#mainav ul li:hover > ul{visibility:visible; opacity:1;}
#mainav li ul{background-color:rgba(0,0,0,.7);padding:0px 10px;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
#mainav li a{color:inherit; border-color:transparent;}
#mainav li li:hover > a, #mainav .active .active > a{color:#e35823;}*/

/* Footer
--------------------------------------------------------------------------------------------------------------- */
/*#footer{padding:25px 20px;background-color:#e3e3e3;	border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;
margin-top:30px;}*/
/*#footer a{color:#333;}
#footer dl{display:table;width:90%;padding:0 5%;}
#footer dl dt{text-align:left;display:table-cell;vertical-align:middle;}
#footer dl dd{text-align:left;display:table-cell;vertical-align:middle;}
#footer dl dt p{font-size:0.88em;line-height:1.4;margin-top:10px;}
#footer dl dd {font-size:0.94em;}
#footer dl dd li{padding:2px 0;}
#footer dl dd li a:hover{text-decoration:underline;}	
#footer dl dd li i{padding-right:2px;}
#footer	.fl_left{border-right:#333 solid 2px;}*/

/* Back to Top
--------------------------------------------------------------------------------------------------------------- */
#page-top{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; text-align:center; opacity:.2;
padding:20px 15px 15px;}
#page-top i{display:block; width:100%; height:100%; line-height:inherit;font-size:1.6em;}
#page-top.visible{visibility:visible; opacity:.7;}
#page-top:hover{opacity:1;}
#page-top{background-color:#333;}
#page-top a{color:#FFFFFF;}

/* Tables
--------------------------------------------------------------------------------------------------------------- */
table{width:70%;
 border-collapse: collapse;
    border-spacing: 1px;
    line-height: 1.4;
	}
table, th, td{}
table, th{table-layout:auto;}

/* Colours
--------------------------------------------------------------------------------------------------------------- */
.row1{background-color:#FFFFFF;}
.row2{background-color:#e3e3e3;}
.row3{background-color:#e5f3e8;}
.row4{background-color:#e8eced;}

/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}

/* Smartphone + Tablet
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1160px) {
	 #pageintro{max-width:100%;}
}
@media screen and (max-width:1120px) {
/*	 #footer{max-width:96%;}*/
}
@media screen and (max-width:960px) {
    #header, .container, .container-nop, #copyright{max-width:96%;}
	#copyright p:first-of-type{margin-bottom:10px;}
/*	#footer{padding:25px 5px;}
	#footer dl{width:92%;padding:0 4%;}*/
}
@media screen and (max-width:860px) {
	#copyright p{position:relative;}	
	#copyright em{position:inherit;}
}
@media screen and (max-width:810px) {
	#mainav li{width:48%;}
	/*#footer{padding:25px 10px;}
	#footer dl{width:94%;padding:0 0 0 2%;}
	#footer dl dt{padding-right:10px;}*/
}
@media screen and (max-width:750px) {
	.br-sp { display:none; }
	/*#footer{padding-bottom:20px;margin-top:20px;}*/
	#mainav ul li a.menu1{width:170px;height:62px;background-size: auto 50px;}
	#mainav ul li a.menu2{width:160px;height:62px;background-size: auto 50px;}
}
@media screen and (max-width:680px) {

	#header{padding:15px 0 20px 0;}
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}
	#mainav li{width:auto;}
	#header #logo h1{padding-bottom:10px;}
	/*#footer{padding:10px 10px;margin-top:15px;}
	#footer	.fl_left{border-right:none;}
	#footer dl{width:94%;padding:5px 0px;margin:0 3%;}
	#footer dl dt{width:55%;}	
	#footer	.fl_left dl{border-bottom:#333 solid 1px;}*/
	#mainav ul li a.menu1{width:188px;height:65px;background-size: auto auto;}
	#mainav ul li a.menu2{width:180px;height:65px;background-size: auto auto;}
}
@media screen and (max-width:420px) {
	#mainav li{width:48%;}
	#mainav ul li a.menu1{width:165px;height:60px;background-size: 155px auto;}
	#mainav ul li a.menu2{width:165px;height:60px;background-size: 155px auto;}
}
@media screen and (min-width:961px) {
	 #header, .container, .container-nop, #copyright{max-width:1000px;}
}
@media screen and (min-width:1121px) {
	 /*#footer{max-width:1120px;}*/
}
@media screen and (min-width:1161px) {
	 #pageintro{max-width:1160px;}
}