@charset "utf-8";


/* index */
.text-line{color:#00B900;}

.line-friend{margin:10px auto 0;text-align:center;}
.line-friend img{width:auto;height:36px;}

.img-ful{margin:0 -15px;}

.catch_box {
	background: #FFF;
	margin-top: 15px;
	padding: 15px;
	border: 2px solid #2CCDEA;
}

.catch_box ul{list-style: none;}
.catch_box ul li{text-align: center;}
.catch_box ul li + li{margin-top: 5px;}

.catch_box ul li img{width: auto;height: 24px;}

.os_waku {
	color: #222;
	font-size: 14px;text-align: center;
}
.os_waku + .os_waku{margin-top: 15px;}
.os_waku h4 {
	font-size: 16px;
	line-height: 120%;
	text-align: center;
	padding: 5px;
}
.os_waku h4 a {
	color: #333333;
	text-decoration: underline;
}

.os_waku .bg-contain{border: 1px solid #222;}

.os_waku h5 {
	color: #f10000;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	padding: 5px;
}

.prf-tb{}
.prf-tb th,.prf-tb td {
	line-height: 1.5;font-weight: normal;text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding:9px;
	border-bottom: 1px solid #CCC;
	display: block;
}
.prf-tb th{background: rgba(0,0,0,.05);line-height: 1;}


/* about */
.tit-about img{width: auto;height: 30px;}
.tit-about-l2 img{width: auto;height: 45px;}

.a_photo {
	width: 75%;
	margin: 10px auto 0;
}


/* products */
.product-price{display: table;width: 100%;margin-bottom: 15px;}
.product-price dt,.product-price dd{display: table-cell;line-height: 1.5;	border-bottom: 1px dotted #CCC;font-weight: bold;padding: 5px 0;}

.product-price dt{width: 3em;}

.product-price dd {color: #F03;}





/* wrapper */
#wrapper{padding-top:50px;background:transparent;}

/* #header */
#header{background:rgba(255,255,255,.9);box-shadow:0 0 12px rgba(0,0,0,.1);padding:0;}

#header > .container-fluid{padding:0 15px;}

#hd-menu{display:flex;flex-flow:column wrap;align-items:flex-end;}

.navbar-brand a img{vertical-align:top;width:auto;height:36px;}

.navbar-brand a small{font-size:12px;line-height:1;margin-bottom:15px;}


/* navigation */
.navbar-toggler			{color:#FFF;}

.navbar-toggler-icon,.navbar-toggler-icon:before,.navbar-toggler-icon:after{width:14px;height:2px;background:#2CCDEA;}
.navbar-toggler-icon:before,.navbar-toggler-icon:after{content:"";position:absolute;left:0;right:0;}
.navbar-toggler-icon{margin:10px auto;}

button[aria-expanded="false"] .navbar-toggler-icon:before{top:-5px;}
button[aria-expanded="false"] .navbar-toggler-icon:after{bottom:-5px;}

.navbar-toggler small{font-size:10px;line-height:10px;color:#2CCDEA;font-family:'roboto-cn',sans-serif;}

.navbar-container{background:#FFF;}

.navbar-nav{justify-content:center;border-top:1px solid #ddd;background:#FFF;}

.navbar-nav .nav-item{border-bottom:1px solid #ddd;}

.navbar-nav .nav-item + .nav-item{margin-left:0;}

.navbar-nav .nav-link{color:#212121;font-size:14px;line-height:26px;padding:10px 15px;}

.navbar-nav .nav-link img{width:auto;height:36px;margin:0 auto;display:block;}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-item.active > .nav-link:hover,
.navbar-nav .nav-item.active > .nav-link:active,
.navbar-nav .nav-item.active > .nav-link:focus{background:#376BC0;color:#FFF;}

.navbar-nav .nav-link:after{bottom:0;border-bottom:2px solid transparent;}

.navbar-nav .nav-link:hover:after,
.navbar-nav .nav-link:active:after,
.navbar-nav .nav-link:focus:after,
.navbar-nav .nav-item.active > .nav-link:after,
.navbar-nav .nav-item.active > .nav-link:hover:after,
.navbar-nav .nav-item.active > .nav-link:active:after,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus:after{border-color:#FFF;}


.outer{background:transparent;}

/* page-title */
.page-title{text-align:center;background: url(../images/cmn/tit-lv.png) center center no-repeat;}

.page-bg{background:url(../images/cmn/tit-lv-inner.png) center top /320px no-repeat;color:#FFFC00;text-align: center;display: block;padding: 30px 0;}


.page-bg h2{display: block;border-top: 2px solid #FFF;border-bottom: 2px solid #FFF;padding: 16px 0;font-size:21px;line-height:1;}



.ap{margin-top:-50px;padding-top:50px;}


/* paging */
.paging									{margin-top:15px;}
.paging .paging-text,.paging .current	{margin:0 1px;color:#fff;padding:0;width:24px;line-height:22px;display:block;font-size:14px;border:1px solid #ddd;}
.paging .paging-text					{background:#fff;color:#999;}
.paging .paging-text:hover				{background:#fff;color:#2CCDEA;border:1px solid #2CCDEA;}

.paging .current						{background:#2CCDEA;color:#fff;border:1px solid #2CCDEA;}


/* category-nav responsive-accordion */
.cat-title{pointer-events: all;display:block;background:#ECA413;color:#fff;padding:15px;font-size: 14px;line-height: 1.5;margin-bottom: 0;font-weight: bold;text-align:center;}

.cat-title + input[type="checkbox"]{display: none;}

.cat-nav{list-style: none;margin:0;display: flex;flex-flow:row wrap;}

input:checked + .cat-nav{list-style: none;margin:-.5px 0;}

.cat-nav,.cat-nav li{transition: padding .2s,line-height .2s,visibility .1s,opacity .1s;flex:1 1 100%;max-width: 100%;}
input:checked + .cat-nav,input:checked + .cat-nav li{max-height: 9999vh;transition: padding .2s,line-height .2s,visibility .1s,opacity .1s;}


.cat-nav li{padding: 0;display: flex;}

input:checked + .cat-nav li{padding: .5px 0;}


.cat-nav li a{padding: 0 9px;display: block;line-height: 0;border-top: none;background: #fff;color:#212121;text-align: center;width: 100%;display: flex;justify-content:center;align-items:center;font-weight: bold;font-size: 14px;visibility: hidden;opacity: 0;transition:padding .2s,line-height .2s,visibility .1s,opacity .1s;}

input:checked + .cat-nav li a{padding: 9px;line-height: 1.25;visibility: visible;opacity: 1;color:#212121;}

.cat-nav li a:hover,.cat-nav li a:active,.cat-nav li a:focus,.cat-nav li.active a{opacity:1;color:#fff;}

.cat-nav li.active a{opacity:1;background: #f5f5f5;color:#fff;}


/* footer */
footer{}
#outline{padding: 30px 0;background: #F8F8F8;}
.tit-outline{
	border-bottom: 3px solid #2CCDEA;
	font-size: 18px;
	margin-bottom: 10px;padding-bottom: 5px;
	}
.tit-access{
	border-bottom: 3px solid #376BC0;
	font-size: 18px;
	margin-bottom: 10px;padding-bottom: 5px;
	margin-top: 30px;
	}

.tit-traffic{font-size: 15px;margin:20px 0 15px;}

.tit-train,.tit-car{
	font-size: 15px;padding-bottom: 5px;
	border-bottom: 1px solid #376BC0;
	margin:15px 0 10px;}

#copyright{display:block;font-size:10px;text-align:center;padding-bottom: 40px;background: #376BC0;color:#FFF;}
#copyright:before{content:"\f1f9";font-family:'Font Awesome\ 5 Pro';width:1.5em;display:inline-block;font-weight:normal;font-weight:100;}

#pagetop{display:none;}

#pagetop.is-active{opacity:1;transition:.6s;cursor:pointer;}

/* #fnav */
#fnav{background:#212121;color:#FFF;padding:0;}

.fnav-btn{position:fixed;left:0;right:0;bottom:0;z-index:999;display:none;display:table;width:100%;table-layout:fixed;margin:0;padding:1px;background:#FFF;border-top:1px solid #ddd;}

.fnav-item{white-space:nowrap;display:table-cell;vertical-align:middle;padding:1px;text-align:center;height:auto;}

.fnav-item + .fnav-item{margin:0;border-left:none;}

.fnav-link,.fnav-link:hover,.fnav-link:active,.fnav-link:focus{opacity:1;white-space:nowrap;display:block;background:#2CCDEA;color:#FFF;font-size:10px;line-height:1;padding:3px 2px;margin:0;border-left:none;position:relative;text-decoration:none;}

.fnav-link:hover,.fnav-link:active,.fnav-link:focus{opacity:1;background:#2CCDEA;color:#FFF;border-radius:2px;text-decoration:none;}

.fnav-link:before{font-family:'Font Awesome\ 5 Pro';font-size:16px;line-height:1;margin:2px auto 1px !important;width:1em;display:block;text-align:center;font-weight:bold;color:#FFF;text-align:center;}


.ax-flat,.ax-flat:hover,.ax-flat:active,.ax-flat:focus					{background-color:#0C46D9;color:#FFF;}
.ax-flat:hover,.ax-flat:active,.ax-flat:focus							{background-color:#0080C0;color:#FFF;opacity:1;}

.ax-flat2,.ax-flat2:hover,.ax-flat2:active,.ax-flat2:focus				{background-color:#6C3;color:#FFF;}
.ax-flat2:hover,.ax-flat2:active,.ax-flat2:focus						{background-color:#C63;color:#FFF;opacity:1;}

.ax-solid,.ax-solid:hover,.ax-solid:active,.ax-solid:focus				{color:#000;background-color:#fff;border-color:#000;}
.ax-solid:hover,.ax-solid:active,.ax-solid:focus						{color:#FFF;background-color:#000;opacity:1;}

.ax-negative,.ax-negative:hover,.ax-negative:active,.ax-negative:focus	{color:#999;background-color:#fff;border-color:#999;}
.ax-negative:hover,.ax-negative:active,.ax-negative:focus				{color:#999;background-color:#eee;}

.ax-outline,.ax-outline:hover,.ax-outline:active,.ax-outline:focus		{background:transparent;color:#fff;border-color:#fff;}
.ax-outline:hover,.ax-outline:active,.ax-outline:focus					{background:rgba(255,255,255,.25);border-color:#FFF;opacity:1;}

.ax-ct{opacity:.5 !important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ax-ct:hover,.ax-ct:active,.ax-ct:focus,.ax-ct.active{opacity:1 !important;}


.ax-rd,a.ax-rd:hover,a.ax-rd:active,a.ax-rd:focus{border-radius:4px;}

.axbtn,a.axbtn:hover,a.axbtn:active,a.axbtn:focus	{font-size:14px;line-height:20px;padding:12px;}

.ax-xl,a.ax-xl:hover,a.ax-xl:active,a.ax-xl:focus{font-size:18px;line-height:24px;padding:20px;}
.ax-lg,a.ax-lg:hover,a.ax-lg:active,a.ax-lg:focus{font-size:16px;line-height:24px;padding:16px;}
.ax-sm,a.ax-sm:hover,a.ax-sm:active,a.ax-sm:focus{font-size:12px;line-height:16px;padding:8px;}
.ax-xs,a.ax-xs:hover,a.ax-xs:active,a.ax-xs:focus{font-size:10px;line-height:12px;padding:4px;}