/*
*,*::after,*::before{box-sizing:border-box}
html{}
body{font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
color:#2e3233;background-color:#fff}

a{color:#69aa6f;text-decoration:none}
img{max-width:100%}
*/



@media only screen and (min-width:1200px){

}

footer,.cd-main-content,.cd-main-header{position:relative;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
@media only screen and (max-width:1199px){
.cd-main-content.nav-is-visible,.cd-main-header.nav-is-visible{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}

}

.cd-main-header{height:50px;background:#fff;z-index:3;box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.1);}
.nav-is-fixed .cd-main-header{position:fixed;top:0;width:100%}
@media only screen and (min-width:1200px){
.cd-main-header{height:110px}
}
/*.cd-logo{ width:50px;position:absolute;top:12px;left:5%}*/
.cd-logo{position:absolute;top:10px;}
.cd-logo img{display:block; height:80px;}

.cd-header-buttons{position:absolute;display:inline-block;top:-1px;right:2%}
.cd-header-buttons li{display:inline-block}

@media only screen and (min-width:1200px){
.cd-header-buttons{top:18px;right:4em}
}

.cd-search-trigger,.cd-nav-trigger{position:relative;display:block;width:44px;height:44px;overflow:hidden;white-space:nowrap;color:transparent;z-index:3}

.cd-nav-trigger span,.cd-nav-trigger span::before,.cd-nav-trigger span::after{position:absolute;display:inline-block;height:3px;width:24px;background:#2e3233}
.cd-nav-trigger span{position:absolute;top:50%;right:10px;margin-top:-2px;-webkit-transition:background .3s .3s;-moz-transition:background .3s .3s;transition:background .3s .3s}
.cd-nav-trigger span::before,.cd-nav-trigger span::after{content:'';-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;right:0;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;-ms-transform-origin:0% 50%;-o-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform .3s .3s;-moz-transition:-moz-transform .3s .3s;transition:transform .3s .3s}
.cd-nav-trigger span::before{top:-6px}
.cd-nav-trigger span::after{top:6px}
.cd-nav-trigger.nav-is-visible span{background:transparent}
.cd-nav-trigger.nav-is-visible span::before,.cd-nav-trigger.nav-is-visible span::after{background:#2e3233}
.cd-nav-trigger.nav-is-visible span::before{-webkit-transform:translateX(4px) translateY(-3px) rotate(45deg);-moz-transform:translateX(4px) translateY(-3px) rotate(45deg);-ms-transform:translateX(4px) translateY(-3px) rotate(45deg);-o-transform:translateX(4px) translateY(-3px) rotate(45deg);transform:translateX(4px) translateY(-3px) rotate(45deg)}
.cd-nav-trigger.nav-is-visible span::after{-webkit-transform:translateX(4px) translateY(2px) rotate(-45deg);-moz-transform:translateX(4px) translateY(2px) rotate(-45deg);-ms-transform:translateX(4px) translateY(2px) rotate(-45deg);-o-transform:translateX(4px) translateY(2px) rotate(-45deg);transform:translateX(4px) translateY(2px) rotate(-45deg)}
@media only screen and (min-width:1200px){
.cd-nav-trigger{display:none}

}
.cd-primary-nav,.cd-primary-nav ul{
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 1;
}

.cd-primary-nav a,.cd-primary-nav ul a{
	display: block;
	padding: 0 20px;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform,opacity;
	-webkit-transition: -webkit-transform .3s,opacity .3s;
	-moz-transition: -moz-transform .3s,opacity .3s;
	transition: transform .3s,opacity .3s;cursor:pointer;
}
.cd-primary-nav a,.cd-primary-nav ul a{
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}


.cd-primary-nav.is-hidden,.cd-primary-nav ul.is-hidden{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
.cd-primary-nav.moves-out>li>a,.cd-primary-nav ul.moves-out>li>a{
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}
@media only screen and (max-width:1199px){
.cd-primary-nav,.cd-primary-nav ul{
	width: 260px;
	background: #2e3233;
		-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
}
.cd-primary-nav a,.cd-primary-nav ul a{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #3a3f40; color:#fff;
}
.cd-primary-nav .cd-nav-gallery h3 {overflow:hidden;text-overflow:ellipsis}
.cd-nav-gallery li:nth-child(2){
	color: #fff;
	padding-left: 1.6em;
	font-weight: bold;
}

.cd-logo{position:absolute;top:5px; left:5px;}
.cd-logo img{display:block;height:30px;}

.cd-primary-nav{visibility:hidden;-webkit-transition:visibility 0s .3s;-moz-transition:visibility 0s .3s;transition:visibility 0s .3s}
.cd-primary-nav.nav-is-visible{visibility:visible;-webkit-transition:visibility 0s 0s;-moz-transition:visibility 0s 0s;transition:visibility 0s 0s}
}
@media only screen and (min-width:1200px){
/*.cd-primary-nav{position:static;padding:0 150px 0 0;height:auto;width:auto;float:right;overflow:visible;background:0 0}*/
.cd-primary-nav{
	position: static;
	padding: 0 0px 0 0;
	height: auto;
	width: auto;
	overflow: visible;
	background: 0 0;
	float: right;
	margin-top: 30px;
}
.cd-primary-nav::after{}
.cd-primary-nav.moves-out>li>a{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
.cd-primary-nav ul{position:static;height:auto;width:auto;background:0 0;overflow:visible;z-index:3}
.cd-primary-nav ul.is-hidden{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.cd-primary-nav ul.moves-out>li>a{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
.cd-primary-nav>li{float:left;margin-left:1em;}
.cd-primary-nav>li>a{position:relative;display:inline-block;height:80px;line-height:80px;padding:0 10px;color:#2e3233;overflow:visible;border-bottom:none;-webkit-transition:color .3s,box-shadow .3s;-moz-transition:color .3s,box-shadow .3s;transition:color .3s,box-shadow .3s}
.cd-primary-nav>li>a:hover{
	color: #ccc;
	box-shadow:inset 0 -4px 0 #022e51;
	text-decoration: none;
}
.cd-primary-nav>li>a.selected{color:#ccc;box-shadow:inset 0 -4px 0 #022e51}
.cd-primary-nav .go-back{display:none}


/*
.cd-primary-nav .cd-nav-gallery {
	position: fixed !important;
	top: 110px;
	width: 100vw !important;
	background: rgba(0,0,0,0.7);
	padding-top: 40px;
	padding-bottom: 40px;
}
*/
.cd-primary-nav .cd-nav-gallery {
	position: fixed !important;
	top: 110px;
	width: 1200px !important;
	background: rgba(0,78,146,1.0);
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
}

.cd-primary-nav .cd-nav-gallery::after {}
.cd-primary-nav .cd-nav-gallery.is-hidden {opacity:0;visibility:hidden;
/*
-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s
*/
}

}
.has-children>a,.go-back a{position:relative}
.has-children>a::before,.has-children>a::after,.go-back a::before,.go-back a::after{content:'';position:absolute;top:50%;margin-top:-1px;display:inline-block;height:2px;width:10px;background:#999;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.has-children>a::before,.go-back a::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.has-children>a::after,.go-back a::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
@media only screen and (min-width:1200px){
.has-children>a::before,.has-children>a::after,.go-back a::before,.go-back a::after{}
.has-children>a:hover::before,.has-children>a:hover::after,.go-back a:hover::before,.go-back a:hover::after{}
}
.has-children>a{}
.has-children>a::before,.has-children>a::after{right:20px;-webkit-transform-origin:9px 50%;-moz-transform-origin:9px 50%;-ms-transform-origin:9px 50%;-o-transform-origin:9px 50%;transform-origin:9px 50%}
.cd-primary-nav .go-back a{padding-left:40px}
.cd-primary-nav .go-back a::before,.cd-primary-nav .go-back a::after{left:20px;-webkit-transform-origin:1px 50%;-moz-transform-origin:1px 50%;-ms-transform-origin:1px 50%;-o-transform-origin:1px 50%;transform-origin:1px 50%}
@media only screen and (min-width:1200px){
.has-children>a::before,.has-children>a::after{}
.cd-primary-nav>.has-children>a{padding-right:30px!important}
.cd-primary-nav>.has-children>a::before,.cd-primary-nav>.has-children>a::after{width:9px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background:#c9cbc4;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:width .3s,-webkit-transform .3s;-moz-transition:width .3s,-moz-transform .3s;transition:width .3s,transform .3s}
.cd-primary-nav>.has-children>a::before{right:12px}
.cd-primary-nav>.has-children>a::after{right:7px}
.cd-primary-nav>.has-children>a.selected::before,.cd-primary-nav>.has-children>a.selected::after{width:14px}
.cd-primary-nav>.has-children>a.selected::before{-webkit-transform:translateX(5px) rotate(-45deg);-moz-transform:translateX(5px) rotate(-45deg);-ms-transform:translateX(5px) rotate(-45deg);-o-transform:translateX(5px) rotate(-45deg);transform:translateX(5px) rotate(-45deg)}
.cd-primary-nav>.has-children>a.selected::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.cd-primary-nav .go-back a{padding-left:20px}
.cd-primary-nav .go-back a::before,.cd-primary-nav .go-back a::after{left:1px}
}

@media only screen and (min-width:1200px){
.cd-nav-trigger{display:none}
}
.cd-overlay{position:fixed;z-index:2;height:100%;width:100%;top:0;left:0;cursor:pointer;background-color:rgba(0,0,0,0.4);visibility:hidden;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;-moz-transition:opacity .3s 0s,visibility 0s .3s,-moz-transform .3s 0s;transition:opacity .3s 0s,visibility 0s .3s,transform .3s 0s}
.cd-overlay.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s,-moz-transform .3s 0s;transition:opacity .3s 0s,visibility 0s 0s,transform .3s 0s}
@media only screen and (max-width:1199px){
.cd-overlay.is-visible{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}

.cd-overlay.is-visible.search-is-visible{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
.no-js .cd-primary-nav{position:relative;height:auto;width:100%;overflow:visible;visibility:visible;z-index:2}


@media only screen and (min-width:1200px){
.no-js .cd-primary-nav{position:absolute;z-index:3;display:inline-block;width:auto;top:0;right:150px;padding:0}
.no-js .nav-is-fixed .cd-primary-nav{}
.cd-nav-gallery {
	display:flex;justify-content: space-around;align-items: center;}/********/
.cd-nav-gallery li {
	text-align: center;
	margin-right: 22px;
	overflow:hidden;
	background-color:#fff;
}
.cd-nav-gallery li a {padding: 0px;}
.cd-nav-gallery li a:hover {background-color: rgba(0,0,0,0.1);}
.cd-nav-gallery .itembox01 {}
.cd-nav-gallery li img { width:100%;}
.cd-nav-gallery h3 {line-height: 2em;}
.cd-nav-gallery li:nth-child(2){
	width: 260px !important;
	color: #fff;
	font-size: 24px;
	line-height: 254px;
	background: linear-gradient( #014785 0%, #002e55 100%);

}
.cd-nav-gallery li:last-child {
	margin-right: 0px;
}


}
/*-----------------------------------------addition--*/

@media only screen and (max-width:1199px){

.cd-nav-gallery {}
.cd-nav-gallery li {
	padding-top: 5px;
	padding-bottom: 1px;
}
.cd-nav-gallery .itembox01 {
	width: 60px;
	float: left;
}
.cd-nav-gallery h3 {
	padding-left: 10px;
	font-size:14px;
	color:#fff;
	
}

}


@media only screen and (max-width:1199px){


}

@media only screen and (min-width:1200px){
.cd-primary-nav .cd-secondary-nav,.cd-primary-nav .cd-nav-gallery,.cd-primary-nav .cd-nav-icons{
	position: fixed !important;

}

.has-children .cd-nav-gallery {
	width:100vw;
	overflow:hidden;
}

/*--スクロール後のhead--*/
.fixed{
	position: fixed;
	top: 0;
	left: 0;
	height: 50px;
}
.fixed .cd-primary-nav>li>a{position:relative;display:inline-block;height:50px;line-height:50px;}
.fixed .cd-nav-gallery {

	margin-top: -60px;
}
.fixed .cd-logo {
	top: 3px;
	margin-bottom: 3px;
}
.fixed .cd-logo img {height:44px;}

.fixed .cd-primary-nav{
	margin-top: 0px;
}

}

/*--Return to top--*/
#page_top{
	width: 80px;
	height: 70px;
	position: fixed;
	right: 0;
	bottom: -180px;
	background: #022e51;
	border: 1px solid rgba(255,255,255,0.3);
	z-index:2;
}
#page_top:hover{
	background-color:#011D34;}
#page_top a{
  position: relative;
  display: block;
  width: 80px;
  height: 70px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f077';
  font-size: 42px;
  color: #fff;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

footer {
	background-color: #022e51;
	color:#fff;
}
footer a {color:#fff;}
footer a:hover {text-decoration:underline;}
footer .inner{
	padding-top: 3%;
	background-image: url(../images/footer_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

ul.ulfoot {
	width: 100%;
	margin-bottom: 2em;
	padding-bottom:1em;
	overflow:hidden;
}
ul.ulfoot li {
	margin-right: 20px;
	white-space: nowrap;
	margin-bottom: 1em;
	line-height: 1.2em;
}
ul.ulfoot li span { font-size:120%;}
ul.ulfoot li a {}

ul.ulfoot2 {
	overflow: hidden;
	display:flex;
	justify-content:flex-end;
}
ul.ulfoot2 li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size:90%;
}
ul.ulfoot2 li:nth-child(1) {
	padding-right: 20px;
	width: 82px;
}
ul.ulfoot2 li:nth-child(2)  {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	border-left: 1px solid #8ca251;
	padding-left: 20px;
}
ul.ulfgoods {display:flex; margin-bottom:7%; margin-top:1%;}
ul.ulfgoods li { width:150px;}
#copyright {
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding-top: 5em;
	padding-bottom: 1.5em;
}

@media screen and (max-width: 768px) {
body{font-size: 90%;}
ul#path {padding-bottom: 0.5em;}
.container {margin-top:0px;}
#page_top{width: 45px;height: 40px;}
#page_top a{width: 45px;height: 40px;padding-top: 8px;}
#page_top a::before{font-size: 30px; top:0px;}

}