@charset "utf-8";
/* CSS Document */
/*header_bg*/

header {
	background-color: #fafafa;
}
/*Menu*/
header nav ul li a {
	color: #1F578D;
}


header nav ul li a:hover,
header nav li.current_page_item a,
header nav li.current-menu-item a,
header nav li.current_page_ancestor a,
header nav li.current_page_parent a,
header nav li.current-post-ancestor a,
header nav li.current-page-ancestor
a{
	color: #5BABCF;
}


/*slider*/
.bx-wrapper .bx-caption{

	text-decoration: none;	
	color: #FFF;
	background: #069;
	background: -webkit-linear-gradient(#069, #069);
	background: -moz-linear-gradient(#069, #069);
	background: -ms-linear-gradient(#069, #069);
	background: -o-linear-gradient(#069, #069);
	background: linear-gradient(#069, #069);
	-pie-background: linear-gradient(#069, #069);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.3em;
	display: block;
	*behavior: url(corner/PIE.php);
}


.bx-wrapper .bx-prev{
	color: #FFF;
	background: rgba(0,51,153,0.8);
	background: -webkit-linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	background: -moz-linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	background: -ms-linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	background: -o-linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	background: linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	-pie-background: linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 110%;
	line-height: 180%;
	
	behavior: url(corner/PIE.php);
	}

.bx-wrapper .bx-prev:hover{

	background: rgba(0,51,153,0.5);
	background: -webkit-linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	background: -moz-linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	background: -ms-linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	background: -o-linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	background: linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	-pie-background: linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	behavior: url(corner/PIE.php);

	
}

.bx-wrapper .bx-next{
	color: #FFF;
	background: rgba(0,51,153,0.8);
	background: -webkit-linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	background: -moz-linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	background: -ms-linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	background: -o-linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	background: linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	-pie-background: linear-gradient(rgba(0,51,153,0.8), rgba(0,51,153,0.8));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 110%;
	line-height: 180%;	
	behavior: url(corner/PIE.php);

}
.bx-wrapper .bx-next:hover{
	background: rgba(0,51,153,0.5);
	background: -webkit-linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	background: -moz-linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	background: -ms-linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	background: -o-linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	background: linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	-pie-background: linear-gradient(rgba(0,51,153,0.5), rgba(0,51,153,0.5));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	behavior: url(corner/PIE.php);

}

.more a{
	color: #115784;
}

.more a:hover{
	color: #1778B9;
}

/*h1-h4*/

 h2,h3 {
	color: #16161d;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding: 0px;
	margin-top: 0px;
}
section hgroup h2{
	color: #2b1731;
	float: left;
	padding-right: 0.5em;
	display: block;
	line-height: 105%;
}

section hgroup h3{
	color: #2b1731;
	font-size: 100%;
	font-weight: 300;
	float: left;
	display: block;
	line-height: 150%;
}
section h4 {
	color: #2B1731;
	line-height: 150%;
	font-weight: 400;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/*news*/
#news .block-content:hover{
	display: block;
	background-color: #E2F1F5;
	background: -webkit-linear-gradient(#E2F1F5, #E2F1F5);
	background: -moz-linear-gradient(#E2F1F5, #E2F1F5);
	background: -ms-linear-gradient(#E2F1F5, #E2F1F5);
	background: -o-linear-gradient(#E2F1F5, #E2F1F5);
	background: linear-gradient(#E2F1F5, #E2F1F5);
	-pie-background: linear-gradient(#E2F1F5, #E2F1F5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(corner/PIE.php);
}


section h4 a{
	color: #115784;
	text-decoration: none;
}

section h4 a:hover{
	color: #1778B9;
	text-decoration: underline;
}

#page-top{
	right: 10px;
	bottom: 10px;
}

#page-top a{
	text-decoration: none;
	display: flex;
	color: #FFF;
	background: rgba(9, 68, 133, .5);
	align-items: center;
	justify-content: center;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-family: "Courier New", Courier, monospace;
	font-size: 150%;
	height: 60px;
	width: 60px;
	line-height: 1.2em;
	behavior: url(corner/PIE.php);
}

#page-top a:hover{
	background: rgba(9, 68, 133, 1);
	behavior: url(corner/PIE.php);
}
/*footer*/

.links-block{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #382238;
	margin-top: 1em;
}

footer {
	color: #637b8a;
	padding-bottom: 6em;
}

footer p {
	color: #637b8a;
}
footer p span{
	display: block;
	width: 100%;
}
footer .links-block{
	border-top: 0;
}

/*cart_add 2024.01.05*/
.cart_mb{ display: none;}
.cart_mb.mb_hide{display: block;}
.cart_mb{
	width: 35px;
	height: 35px;
	background: url("img/index/icon_shop.png") no-repeat center center;
	background-size: 100%;
	position: absolute;
	right: 5px;
	top: 8px;
	z-index: 9999;
	margin-right: 15px;
}
.cart_mb span{
	width: 16px;
	height: 16px;
	color: #fff;
	background-color: #f00;
	position: absolute;
    right: -10px;
    top: -5px;
    padding: 2px;
    border-radius: 50px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 580px) {
	footer p span{
		display: inline-block;
		width: auto;
	}
	footer p span::after{
		content: '｜';
		width: auto;
		color: #ccc;
		padding-left: 6px;
	}
	footer p span:last-child::after{
		display: none;
	}
}
@media (min-width: 680px) {
	.cart_mb.mb_hide{display: none;}
	.cart_mb{ display: block;}
	.cart_mb{
		background: url("img/index/icon_shop_pc.png") no-repeat center center;
		background-size: 100%;
		position: relative;
		right: auto;
		top: auto;
		z-index: auto;
		margin-left: 20px;
	}
	header nav{
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 65px;
		padding: 10px;
	}
	.sf-menu{
		margin-bottom: 0;
	}
}
@media (min-width: 768px) {
	footer{
		padding-bottom: 0em;
	}
}
@media (min-width: 940px) {
	.sf-menu{
		margin-bottom: 0;
	}
}


/*連結*/

a {
	color: #406C92;
	text-decoration: none;
}
/*a:visited {
	color: #1F578D;
}*/
a:hover { color: #115784; }


/*Menu sub*/
@media only screen and (min-width: 681px) {
.sf-menu li ul li {
	background-color: #F1F1F1;
}

.sf-menu li ul li a{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E0E0E0;
	border-top-color: rgba(204,204,204,0.5);

	color: #2B7D93;
}


.sf-menu li ul li a:hover{
	color: #5899B3;
}
}


/*scroll*/
.scroll-arrow {
	color: #CCC;
}

.scroll-arrow a{
	color: #CCC;
}


/*nav*/

nav#dot li a{

	border: 2px solid #2B7D93;
	background: #2B7D93;
	background: -webkit-linear-gradient(#2B7D93, #2B7D93);
	background: -moz-linear-gradient(#2B7D93, #2B7D93);
	background: -ms-linear-gradient(#2B7D93, #2B7D93);
	background: -o-linear-gradient(#2B7D93, #2B7D93);
	background: linear-gradient(#2B7D93, #2B7D93);
	-pie-background: linear-gradient(#2B7D93, #2B7D93);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

nav#dot a:hover, #dot a.active {
	background:transparent;
	border: 2px solid #2B7D93;
}


nav#dot h1 {
	color: #fff;
	background-position: 100% 50%;
	background-color: transparent;
	background-image: url(img/index/nav-arrow.png);
	background-repeat: no-repeat;
	}


/*footer*/
footer{
	background-color:transparent;
	display: block;
}