@charset "UTF-8";

/* ----------------------------------------
basic
---------------------------------------- */

@font-face {
	font-family:"Noto Sans JP";
	font-style:normal;
	font-weight:400;
	src:	url(/common/webfonts/NotoSansJP-Regular.woff2) format('woff2'),
		url(/common/webfonts/NotoSansJP-Regular.woff) format('woff'),
		url(/common/webfonts/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
	font-family:"Noto Sans JP";
	font-style:normal;
	font-weight:700;
	src:	url(/common/webfonts/NotoSansJP-Bold.woff2) format('woff2'),
		url(/common/webfonts/NotoSansJP-Bold.woff) format('woff'),
		url(/common/webfonts/NotoSansJP-Bold.otf) format('opentype');
}

html{
	font-size: 16px;
}

@media screen and (min-width: 0px) and (max-width: 575px){
	html{
		font-size: 16px;
	}
}

@media screen and (min-width: 0px) and (max-width: 376px){
	html{
		font-size: 4.25vw;
	}
}

body{
/* 	background-image:url('/images/body_bg.jpg'); */
	background-color:#ffffff;
	background-size:1500px;
	background-repeat:repeat;
	background-attachment:fixed;
	font-family:"Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 500;
	line-height:;
	color:#333333;
}

a{
	outline:none;
	color:#0080C2;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#glayLayer{
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:200%;
	height:200%;
	background-color:#000000;
	opacity:0.2;
}

@media(min-width:576px){
	.container{
		width:100%;
		max-width:1280px;
	}
}

@media(min-width:900px){
	.container{
		max-width:900px;
	}
}









/* ----------------------------------------
header
---------------------------------------- */

.header-background{
	position:relative;
	z-index:100;
	box-sizing:content-box;
	margin-bottom:0;
	border-top:solid 5px #172f60;
/* 	background-color:#eeeeee; */

/* 	width:100%;
	height:76px; */
}

#page-top{
	margin-bottom:-76px;
	background-color:#ffffff;
	padding-right:0;
	padding-left:0;
}

#global-heading1{
	position:relative;
	z-index:102;
	display:inline-block;
}

#global-heading1 .logo{
	margin:0;
	padding:9px 4px;
	font-size:1em;
}

#global-heading1 .logo a{
	padding:0;
	margin:0;
}

#global-heading1 .logo img{
	width:276px;
	height:58px;
}








/* ----------------------------------------
nav
---------------------------------------- */

.navbar{
	position:relative;
	padding:0;
}

.navbar .container-fluid{
	padding:0;
}

.navbar .navbar-toggler{
	margin:9px 4px;
	border:none 0;
	border-radius:0;
	padding:0;
}

.navbar .navbar-toggler img{
	width:58px;
	height:58px;
}

.navbar-collapse{
	position:absolute;
	top:76px;
	left:0;
	right:0;
}

.navbar .navbar-nav{
	border-bottom:solid 2px #009fe8;
}

.navbar .nav-item{
	border-top:solid 2px #009fe8;
	background-color:#ffffff;
	padding:15px;
}

.navbar .nav-item .nav-link{
	font-size:1.13rem;
	font-weight:700;
}

.global-nav{
	position:relative;
	margin-top:76px;
}

.global-nav ul{
	margin:0;
	font-size:0;
	line-height:0;
}

.global-nav .list-inline-item{
	margin:0;
	width:16.667%;
	line-height:30px;
	font-family:'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	font-size:10pt;
	font-weight:400;
	text-align:center;
	color:#ffffff;
}

.global-nav .list-inline-item .nav-link{
	display:block;
	width:100%;
	background-image:url("/images/gNavi_2025.png");
	background-repeat:no-repeat;
	background-position:100% 100%;
}

.global-nav .list-inline-item .nav-link:hover{
	background-image:url("/images/gNavi_2025_on.png");
	text-decoration:none;
}

.global-nav .list-inline-item:last-child .nav-link{
	background-image:url("/images/gNavi_2025_e.png");
}

.global-nav .list-inline-item:last-child .nav-link:hover{
	background-image:url("/images/gNavi_2025_on_e.png");
	text-decoration:none;
}








/* ----------------------------------------
wrapper
---------------------------------------- */










/* ----------------------------------------
article
---------------------------------------- */

article{
	margin-bottom:10px;
}

.article-category-background{
	background-image:url("/images/background_ebata_products.jpg");
	background-repeat:no-repeat;
	background-size:100%;
}

.article-category{
	background:url("/images/burret01.gif") 5px 32px no-repeat;
	border-bottom:1px solid #034A91;
	color:#034A91;
	font-family:'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	font-size:1.5em;
	font-weight:700;
	line-height:36px;
	margin-bottom:25px;
	padding:25px 0 5px 30px;
}

ul.pageLink{
	list-style-type:none;
}

ul.pageLink{
	list-style-position:inside;
}

ul.pageLink{
	margin:0;
	margin-left:0.25em;
	padding:0;
	font-size:10pt;
}

ul.pageLink{
	zoom:100%;
	margin-bottom:20px;
	font-family:'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
}

ul.pageLink:after{
	content:".";
	display:block;
	visibility:hidden;
	height:	0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

ul.pageLink li{
	float:left;
	margin-right:10px;
}

ul.pageLink li a{
	color:#6b6b6b;
	padding-left:20px;
	text-decoration:underline;
	background:url(/assets/images/pageLinkArrow.gif) 0 0 no-repeat;
	height: 20px;
	overflow: hidden;
}

ul.pageLink li a:hover{
	background-position:0 -19px;
	color:#0080C2;
}

.article-header h1 {
	margin-bottom:1.38em;
	border-left:10px solid #1FB1E0;
	background:none;
	padding:0 0 0 5px;
	color:#034A91;
	font-family:'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	font-size:1.125em;
	font-weight:700;
	line-height:27px;

}

article nav .topReturn{
	margin:15px 0 30px 0;
	text-align:right;
	padding-right:15px;
}

article nav .topReturn a{
	text-decoration:underline;
}








/* ----------------------------------------
section
---------------------------------------- */

section{
	margin-bottom:30px;
}

section h2{
	background-color:#034a91;
	color:#ffffff;
	margin-bottom:15px;
	padding-top:0;
	padding-left:20px;
	background:url("/images/titleBackImage.jpg") 0 0 no-repeat;
	height:27px;/
	text-align:left;
	font-size:1.125em;
	font-weight:700;
	line-height:27px;
}

section h3{
	margin-top:1.25em;
	color:#1fb1e0;
	text-align:left;
	font-size:1.06em;
	font-weight:700;
}

section h4{
	margin-top:0.50em;
	color:#1fb1e0;
	text-align:left;
	font-size:1.0em;
	font-weight:500;
}








/* ----------------------------------------
sideNavLink
---------------------------------------- */

#sideNavLink .products-category{
	padding-top:0;
	padding-bottom:0;
	padding-left:15px;
	background:url("/images/pageListTitle.jpg") left center no-repeat;
	color:#4CC1E6;
	border:none;
	border-radius:0;
	text-decoration:none;
	font-family:'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	font-size:0.87em;
	font-weight:700;
}

#sideNavLink .products-collapse{
	border-top:1px dotted #4CC1E6;
	padding-top:5px;

}

#sideNavLink .products-collapse .nav-item{
	padding:0;
	line-height:21px;
}

#sideNavLink .products-collapse .nav-item a{
	display:inline;
	position:relative;
	padding-left:16px;
	color:#666;
	line-height:1em;
	font-family:'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	font-size:0.87em;
	font-weight:400;
}

#sideNavLink .products-collapse .nav-item a:before{
	font:var(--fa-font-solid);
	content:"\f04b";
	position:absolute;
	top:0.15em;
	left:3px;
	font-size:0.75em;
}

#sideNavLink .products-collapse .nav-item a:hover {
	color:#4CC1E6;
}

#sideNavLink .products-collapse .nav-item a i{
font-size:0.75em;vertical-align:14%;padding-right:0.25em;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#sideNavLink{
	}

	#sideNavLink .products-category{
		margin-top:0.25em;
		margin-bottom:0.25em;
		margin-left:15px;
		line-height:40px;
		font-size:1.06em;
		font-weight:500;
	}

	#sideNavLink .products-collapse .nav-item{
		padding:0.25em 15px;
	}

	#sideNavLink .products-collapse .nav-item a{
		padding-left:1.06em;
		line-height:40px;
		font-size:1.06em;
	}

	#sideNavLink .products-collapse .nav-item a:before{
		top:0.25em;
	}
}








/* ----------------------------------------
article-footer
---------------------------------------- */










/* ----------------------------------------
footer
---------------------------------------- */

.footer-background{
	background-color:#3686c1;
}

footer{
	border:none;
	background-color:#3686c1;
	color:#ffffff;

	font-family:'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	font-weight:400;
	font-size:10pt;

}

footer #footerInner{
	margin:0 auto;
	width:100%;
}

footer #footerInner ul{
	margin:0;
	padding:3px 2px;
}

footer #footerInner li{
	display:inline;
	background-image:url("/images/footerinner_li.png");
	background-repeat:no-repeat;
	background-position:right;
	padding:0 12px 0 10px;
	white-space:nowrap;
}

footer #footerInner li.last-child-li{
	background-image:none;
}

footer #footerInner a{
	color:#ffffff;
	font-size:0.75em;
}

footer #footerInner address{
	margin-bottom:0;
	padding:0 8px 5px 0;
	text-align:right;
	font-size:0.62em;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	footer #footerInner ul{
		margin-top:12px;
		text-align:center;
	}

	footer #footerInner li{
		margin-bottom:12px;
	}

	footer #footerInner address{
		margin:12px 0;
		text-align:center;
	}

}








/* ----------------------------------------
scrollup-btn
---------------------------------------- */








/* ----------------------------------------
.rollover
---------------------------------------- */

.rollover:hover{
	opacity:0.75;
}








/* ----------------------------------------
utility
---------------------------------------- */

.for-pc{
	display:inline;
}

.for-smartphone{
	display:none;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	.for-pc{
		display:none;
	}

	.for-smartphone{
		display:inline;
	}
}

.note,
.caution,
.err_msg,
.required{
	color:#dc3545!important;
}

.warning-box{
	border: solid 1px #dc3545;
	border-radius: 7px;
	background-color: #ffff99;
	padding: 9px 12px;
	color: #dc3545!important;
}

.text-normal{
	color:#333333;
	font-weight:500;
	font-style:normal;
}

.text-small{
	font-size:0.88em !important;
}

.text-large{
	font-size:1.13em !important;
}

.text-middle{
	display:flex;
	align-items:center;
}

.text-minus1indent{
	margin-left:1em;
	text-indent:-1em;
}

.text-corporate{
	color:#f05a24 !important;
}


/* background color */
.bg-wht{
	background-color:#ffffff;
}

/* .wrapper .bg-wht{
	border-radius:10px;
} */

.bg-gry{
	background-color:#e8ebec;
}

.bg-corporate{
	background:#f05a24;
	color:#ffffff;
}

.border-corporate{
	border:solid 2px #f05a24;
}

.hr-corporate{
	margin:0 auto 27px auto;
	width:6.0em;
	border-top:solid 2px #f05a24;
	opacity:1.0;

}


/* btn-corporate */
.btn-primary.btn-corporate{
	position:relative;
	border:solid 3px #3686c1;
	background-color:#3686c1;
	padding:15px 15px 15px 15px;
	text-align:left;
	color:#ffffff;
	font-size:1.06em;
	text-decoration:none;
}

.btn-primary.btn-corporate:hover{
	border-color:#3686c1;
	background-color:#ffffff;
	text-decoration:none;
	color:#3686c1;
}

.btn-primary.btn-corporate.btn-check:checked+.btn,
.btn-primary.btn-corporate.btn.active, .btn.show,
.btn-primary.btn-corporate.btn:first-child:active,
.btn-primary.btn-corporate:not(.btn-check)+.btn:active{
	color:#3686c1;
	background-color:#ffffff;
	border-color:#3686c1;
}


/* btn-corporate-2 */
.btn-outline-primary.btn-corporate-2{
	position:relative;
	border:solid 3px #3686c1;
	padding:15px 15px 15px 15px;
	text-align:left;
	color:#3686c1;
	font-size:1.06em;
}

.btn-outline-primary.btn-corporate-2:hover{
	border-color:#3686c1;
	background-color:#3686c1;
	color:#ffffff;
	text-decoration:none;
}

.btn-outline-primary.btn-corporate-2.btn-check:checked+.btn,
.btn-outline-primary.btn-corporate-2.btn.active,
.btn-outline-primary.btn-corporate-2.btn.show,
.btn-outline-primary.btn-corporate-2.btn:first-child:active,
.btn-outline-primary.btn-corporate-2:not(.btn-check)+.btn:active{
	border-color:#3686c1;
	background-color:#3686c1;
}


/* btn-corporate-link */
.btn-corporate-link{
	position:relative;
	border:solid 3px #3686c1;
	padding:15px 15px 15px 40px;
	text-align:left;
	color:#3686c1;
	font-size:1.06em;
}

.btn-corporate-link:before{
	font:var(--fa-font-solid);
	content:"\f04b";
	position:absolute;
	top:52.5%;
	left:15px;
	transform:translateY(-50%);
}

.btn-corporate-link:hover{
	border-color:#3686c1;
	background-color:#3686c1;
	color:#ffffff;
	text-decoration:none;
}

.btn-corporate-link.btn-check:checked+.btn,
.btn-corporate-link.btn.active,
.btn-corporate-link.btn.show,
.btn-corporate-link.btn:first-child:active,
.btn-corporate-link:not(.btn-check)+.btn:active{
	border-color:#3686c1;
	background-color:#3686c1;
}


/* column+ */
.col-grow{
	flex:1 1 auto;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

.col-auto,
.col-md-auto,
.col-sm-auto{
	flex:0 0 auto;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	.col-md-auto{
		flex:0 0 auto;
		width:100%;
	}
}

@media screen and (min-width: 0px) and (max-width: 575px){
	.col-sm-auto{
		flex:0 0 auto;
		width:100%;
	}
}


/* list-corporate-1 */


/* list-corporate-1s */


/* list-corporate-2 */


/* arrow-corporate-1 */


/* table-corporate-1 */


/* breadcrumb */


/* カテゴリーのバッジ色 */








/* ----------------------------------------
products
---------------------------------------- */

/* .products table */

.products table {
	border-collapse:separate;
	border:none;
}
.products table td,
.products table th {
	border:none;
	
}
.products table thead th{
	background-color:#729ed3;
	font-weight:700;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
}

.products table tbody tr th,
.products table tbody tr td{
	vertical-align:middle;
	text-align:center;
/* 	width:80px; */
	background-color:#EEE;
	color:#666;
}

.products table tbody tr td table tr td{
/* 	width:33%; */
}