/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 12px;
	line-height: 22px;
}

body {
	color:#323232;
	background-color:#ffffff;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","HelveticaNeue","Helvetica Neue",Arial,sans-serif;
}

.spnone {
	display:none;
}


/* font
===============================================================*/
a {
	color:#0066aa;
	text-decoration: underline;
}

a:visited {
	color:#0066aa;
	text-decoration: underline;
}

a:hover {
	color:#ff9900;
	text-decoration: underline;
}

a:active {
	color:#ff9900;
	text-decoration: underline;
}


/* Contents
===============================================================*/
div#AllBox{
	/*padding:32px 0 0 0;*/
}

div#Contents {
	width: 100%;
	position:relative;
}

div#Main {

}

.maincon {
	margin:40px 5px 0;
}


/* HeaderBox
===============================================================*/
div#HeaderBox {
	position:relative;
	background-color:#ffffff;
	padding: 8px;
}
div#HeaderBox p {
	display: block;
	width: 100%;
	text-align: left;
}
div#HeaderBox p img {
	width: 64px;
	height: auto;
}

div#HeaderBox .spw {
	width:100%;
	display:block;
	position:relative;
	position:fixed;
	top:0;
	left:0;
	z-index:50;
	transition: transform 1.5s ease;
}

div#HeaderImage .cover {
	position: relative;
	height: 74.5vw;
	width: 100%;
	text-align: center;
	background-color: #FFF;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	background-image: url('../../images/main_sp.jpg');
}
div#HeaderImage .cover .h1_ol {
	position: absolute;
	background-color: #000;
	bottom: 0;
	left: 0;
	z-index: 110;
	width: 100%;
	height: 24vw;
	background: rgba(0,0,0,0.5);
}
div#HeaderImage .cover h1 {
	display: block;
	margin: 2.8vw 10px;
	width: 100%;
	color: #fff;
	font-size: 4.3333vw; /*30px;*/
	font-weight: bold;
	line-height: 6.3333vw;
	text-align: left;
}

div#FooterBox {
	background-color:#f5f5f5;
	text-align: center;
}

div#FooterBox .footer_wrapper {
	/*padding:0 0 0 144px;*/
}

div#FooterBox .footer_wrapper ul {
	margin: 0 auto;
	display: inline-block;
/*	float:left;*/
/*	min-height:158px;*/
/*	min-height:128px;*/
/*	padding:0 36px 0 20px;*/
/*	border-left:#d0d9e2 1px solid;*/
}

div#FooterBox .footer_wrapper ul.f {
	float:left;
	padding:0 30px 0 0;
	border-left:none;
}

div#FooterBox .footer_wrapper ul li {
	padding:0 0 6px 0;
}

div#FooterBox .footer_wrapper ul li.end {
	padding:0;
}

div#FooterBox .footer_wrapper ul li a {
	color:#ffffff;
	text-decoration:none;
}

div#FooterBox .footer_wrapper ul li a:hover {
	text-decoration:underline;
}


div#FooterBox .copy {
	position:relative;
}

div#FooterBox .copy .c {
	color:#858b9b;
	font-size:10px;
	float:left;
	padding-top:20px;
}

div#FooterBox .copy ul {
/*	float:right;*/
}

div#FooterBox .copy ul li {
	float:left;
	color:#333333;
	font-size:12px;
	padding-top:24px;
}

div#FooterBox .copy ul li a {
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

div#FooterBox .copy ul li a:hover {
	text-decoration:underline;
}

div#FooterBox .copy ul li a.b {
	display:block;
	border:#dcdfe7 1px solid;
	margin:0 0 0 15px;
	padding:2px 5px;
	position:relative;
	top:-3px;
	left:0;
}

div#FooterBox .copy .ic {
/*
	position:absolute;
	top:4px;
	right:20px;
*/
	padding-top:0;
	padding-left:16px;
}

div#FooterBox .copy .t {
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 32px;
}

.w {
	display: block;
	background-color: #fff;
	padding: 16px;
}
.w p {
	display: block;
	margin: 0 auto;
	width: 100%;
	font-size: 9px;
	color: #333333;
	text-align: center;
}

.maincon .section div.button_close a{
	clear: both;
	font-weight: bold;
	margin: 20px auto 20px;
	display: block;
    height: 40px;
    line-height: 42px;
    font-size: 15px;
    color: #0e0d69;
    text-align: center;
    text-decoration: none;
    border-radius: 30px;
    background-color: #fff;
		border: #0e0d69 2px solid;
    width: 8em;
}

.toppage div#AllBox {
	padding:77px 0 0 0;
	transition: transform 1.5s ease;
}

.toppage div#HeaderBox .spw {
	top:45px;
	transition: transform 1.5s ease;
}


div#HeaderBox .logo {
	border-bottom:#dcdfe7 1px solid;
	width:100%;
	background-color:#ffffff;

}

div#HeaderBox .logo a {
	display:block;
	width:162px;
	height:32px;
	text-indent:-9999px;
	background:url(../../images/common/logo.jpg) no-repeat 5px 0;
	background-size:156px 32px;
}

div#HeaderBox .path {
	text-align:right;
	font-size:10px;
	padding:5px;
}

div#HeaderBox .btn a {
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/common/menu.gif) no-repeat 0 0;
	background-size:32px 32px;
	position:absolute;
	top:0;
	right:0;
	z-index:50;
}

.headbtn {
	width:100%;
	position:relative;
	background-color:#cfd9e1;
	position:fixed;
	top:0;
	left:0;
	z-index:50;
}

.headbtn p.hbtn a {
	display:block;
	height:45px;
	text-indent:-9999px;
	background:url(../images/common/bg01.jpg)  no-repeat center 0;
	background-size:320px 45px;
}

.headbtn p.close a {
	display:block;
	width:28px;
	height:45px;
	text-indent:-9999px;
	background:url(../images/common/close.png) no-repeat 0 0;
	background-size:28px 45px;
	position:absolute;
	top:0;
	right:0;
}

div#HeaderBox .login a,
div#HeaderBox .logout a {
	display:block;
	border-radius:3px;
	text-decoration:none;
	position:absolute;
	bottom:4px;
	right:52px;
}

div#HeaderBox .login a {
	width:80px;
	font-size: 11px;
	padding:3px 2px 1px 2px;
	color:#ffffff;
	background-color: #f08244;
}

div#HeaderBox .logout a {
	width:72px;
	font-size: 10px;
	padding:2px 1px 0 1px;
	color: #555566;
	border: #dcdfe7 1px solid;
}

div#HeaderBox .login img {
	width: 10px;
	margin: 0 6px 4px 6px;
}

div#HeaderBox .logout img {
	width: 10px;
	margin: 0 2px 4px 6px;
}

/*


/* Main
===============================================================*/
div#Navigation {
	display:none;
	width:100%;
	background-color:#144999;
	position:fixed;
	top:33px;
	left:0;
	z-index:50;
}

.toppage div#Navigation {
	top:78px;
}

div#Navigation ul {
	width:299px;
	padding:15px 0 0 0;
	margin:0 auto;
}

div#Navigation ul li a {
	display:block;
	width:85px;
	height:32px;
	line-height:17px;
	font-size:10px;
	line-height:15px;
	text-decoration:none;
	text-align:center;
	color:#ffffff;
	margin:0 7px 15px 7px;
	padding:29px 0 0 0;
	background-color:#06F;
	float:left;
}

div#Navigation ul li a span {
	display:block;
}

div#Navigation ul li.n0 a {
	background:url(../images/common/img_bg_01new.gif) no-repeat -100px 0;
	background-size:285px 213px;
}

div#Navigation ul li.n1 a {
	background:url(../images/common/img_bg_01new.gif) no-repeat -200px -76px;
	background-size:285px 213px;
    padding: 39px 0 0 0;
    height: 22px;
}

div#Navigation ul li.n2 a {
	background:url(../images/common/img_bg_01new.gif) no-repeat 0 -152px;
	background-size:285px 213px;
}

div#Navigation ul li.n3 a {
	background:url(../images/common/img_bg_01new.gif) no-repeat -200px 0;
	background-size:285px 213px;
}

div#Navigation ul li.n4 a {
	background:url(../images/common/img_bg_01.gif) no-repeat 0 -104px;
	background-size:285px 189px;
}

div#Navigation ul li.n5 a {
	background:url(../images/common/img_bg_01.gif) no-repeat -100px -104px;
	background-size:285px 189px;
}

div#Navigation ul li.n6 a {
	color:#082880;
	background:url(../images/common/img_bg_01new.gif) no-repeat -200px -152px;
	background-size:285px 213px;
}

div#Navigation ul li.n7 a {
	background:url(../images/common/img_bg_01new.gif) no-repeat -100px -152px;
	background-size:285px 213px;
}

div#Navigation ul li.n8 a {
	background:url(../images/common/img_bg_01new.gif) no-repeat 0 0;
	background-size:285px 213px;
}

div#Navigation ul li.n9 a {
	background:url(../images/common/img_bg_01new.gif) no-repeat 0 -76px;
	background-size:285px 213px;
    padding: 39px 0 0 0;
    height: 22px;
}

div#Navigation ul li.n10 a {
	background:url(../images/common/img_bg_01new.gif) no-repeat -100px -76px;
	background-size:285px 213px;
    padding: 39px 0 0 0;
    height: 22px;
}

div#Navigation .logout {
	text-align:right;
	clear:both;
	padding:0 15px 15px 0;
}

div#Navigation .logout a {
	color:#ffffff;
	text-decoration:none;
}



/* FooterBox
===============================================================*/
/*
div#FooterBox {
	border-top:#dcdfe7 1px solid;
}

div#FooterBox .footer_wrapper {
	display:none;
}


div#FooterBox .copy {
	background-color:#ffffff;
	padding:15px 10px 35px 20px;
	position:relative;
}

div#FooterBox .copy .c {
	width:100%;
	text-align:center;
	color:#858b9b;
	font-size:9px;
	position:absolute;
	bottom:0;
	left:0;
}

div#FooterBox .copy ul {
	text-align:center;
}

div#FooterBox .copy ul li {
	display:inline-block;
	color:#dcdfe7;
	font-size:10px;
}

div#FooterBox .copy ul li a {
	font-size:9px;
	color:#0066aa;
	text-decoration:none;
}

div#FooterBox .copy ul li a:hover {
	text-decoration:underline;
}

div#FooterBox .copy ul li a.b {
	display:block;
	border:#dcdfe7 1px solid;
	margin:10px 15px 0 15px;
	padding:2px 5px;
}

div#FooterBox .copy ul li.ic img {
	position:relative;
	top:7px;
	left:0;
}

div#FooterBox .copy p.ic {
	display:none;
}
*/

/* SideBar
===============================================================*/
div#SideBar {
	padding:12px 0 0 0;
	background-color:#e5e8ee;
	clear:both;
}

div#SideBar .box1 {
	background-color:#ffffff;
	margin:0 25px 15px 25px;
	padding:15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div#SideBar .box_nologin {
	margin:0 25px 15px 25px;
	text-align:center;
}

div#SideBar .box_nologin img {
	width:100%;
}

div#SideBar .box1 h2 {
	color:#144999;
	font-size:14px;
	line-height:20px;
	padding:0 0 0 47px;
	margin:0 0 15px 0;
	background:url(../../images/top/sic01.gif) no-repeat 0 0;
}

div#SideBar .box1 p.tel1 {
	color:#555566;
	font-size:11px;
	margin:0 0 4px 0;
}

div#SideBar .box1 p.tel1 a {
	color:#144999;
	font-size:16px;
	text-decoration:none;
	padding:0 0 0 36px;
	background:url(../../images/top/sic02.gif) no-repeat 0 0;
}

div#SideBar .box1 p.tel2 {
	color:#555566;
	font-size:11px;
	margin:0 0 10px 0;
}

div#SideBar .box1 p.tel2 a {
	color:#144999;
	font-size:16px;
	text-decoration:none;
	padding:0 0 0 36px;
	background:url(../../images/top/sic02.gif) no-repeat 0 0;
}

div#SideBar .box1 p.time {
	text-indent:-5em;
	margin:0 0 10px 5em;
	line-height:20px;
}

div#SideBar .box1 p.fax {
	color:#555566;
	margin:0 0 10px 0;
	text-decoration:none;
}

div#SideBar .box1 p.fax a {
	color:#144999;
	text-decoration:none;
}

div#SideBar .box1 p.fax .s {
	font-size:11px;
}

div#SideBar .box1 p.fax .num {
	color:#144999;
	font-size:16px;
}

div#SideBar .box1 p.btn a {
	display:block;
	font-size:14px;
	padding:7px 5px;
	background-color:#144999;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
}

div#SideBar .box1 p.btn a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

div#SideBar .boxlink {
	background-color:#ffffff;
	margin:0 25px 15px 25px;
	padding:6px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div#SideBar .boxlink p {
	background:url(../images/common/ar01.jpg) no-repeat right top;
	background-size:7px 7px;
}

div#SideBar .boxlink p a {
	display:block;
	color: #555566;
	text-decoration:none;
	line-height:1.4;
	font-size:10px;
	min-height:38px;
	padding:5px 15px 5px 50px;
	background:url(../images/common/ic01.jpg) no-repeat 0 0;
	background-size:40px 44px;
}

div#SideBar .box2 {
	background-color:#ffffff;
	padding:0 0 20px 0;
	overflow:hidden;
}

div#SideBar .box2 h2 {
	background-color:#c80032;
	color:#ffffff;
	font-size:14px;
	padding:6px 0;
	text-align:center;
}

div#SideBar .box2 p.bn {
	text-align:center;
}

div#SideBar .box2 .product {
	margin:0 auto 15px auto;
	position:relative;
}

div#SideBar .box2 .product .flex-viewport {
	width:186px;
	height:212px;
	margin:0 auto;
	overflow:inherit !important;
}


div#SideBar .box2 .product .flex-control-nav {
	display:none;
}

div#SideBar .box2 .product li span.txt {
	display:block;
	line-height:16px;
	text-align:center;
	padding:0 0 5px 0;
}

div#SideBar .box2 .product li span.price {
	display:block;
	color:#c80032;
	font-size:22px;
	text-align:center;
}

div#SideBar .box2 .product li span.price span {
	font-size:11px;
}

div#SideBar .box2 .product li span.note {
	display:block;
	color:#c80032;
	font-size:11px;
	text-align:center;
	line-height:16px;
}

div#SideBar .box2 .product .flex-prev {
	display:none;
}

div#SideBar .box2 .product .flex-next {
	display:none;
}

div#SideBar .box2 .notice {
	display:block;
	color:#c80032;
	font-size:11px;
	text-align:center;
	line-height:14px;
	margin-bottom:15px;
}

div#SideBar .box2 .btn {
	display:block;
	width:163px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 auto;
	background:url(../../images/top/sic04.gif) no-repeat right top;
	background-size:10px 10px;
}

div#SideBar .box2 .btn a {
	display:block;
	height:24px;
	color:#555566;
	font-size:10px;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:#dcdfe7 1px solid;
	padding:2px 10px 0 30px;
	background:url(../../images/top/sic05.gif) no-repeat 3px 3px;
	background-size:20px 20px;
}

/* mod 2018-11-26 カウネットバナー内容変更のため */

div#SideBar .box2 .exlinks{
	margin-top: 21px;
	margin-bottom: 20px;
	overflow: hidden;
}
	div#SideBar .box2 .exlinks li {
		width: 50%;
		float: left;
	}
		div#SideBar .box2 .exlinks li a{
			text-decoration: none;
			display: block;
			width: 100%;
			height: 100%;
			-webkit-transition: opacity .2s ease;
			   -moz-transition: opacity .2s ease;
			    -ms-transition: opacity .2s ease;
			     -o-transition: opacity .2s ease;
			        transition: opacity .2s ease;
		}
		div#SideBar .box2 .exlinks li a:hover{
			opacity: .7;
		}
			div#SideBar .box2 .exlinks li a .title{
				color: #555566;
				font-size: 14px;
				text-align: center;
				position: relative;
				margin-bottom: 14px;
				line-height: 1;
				height: 1em;
			}
				div#SideBar .box2 .exlinks li a .title br{
					display: none;

				}
				div#SideBar .box2 .exlinks li a .title span{
					width: 100%;
					white-space: nowrap;
					display: block;
					position: absolute;
					left: 50%;
					top: 50%;
					-webkit-transform: translateX(-50%) translateY(-50%);
					   -moz-transform: translateX(-50%) translateY(-50%);
					    -ms-transform: translateX(-50%) translateY(-50%);
					     -o-transform: translateX(-50%) translateY(-50%);
					        transform: translateX(-50%) translateY(-50%);
				}
			div#SideBar .box2 .exlinks li a .icon{
				text-align: center;
			}
				div#SideBar .box2 .exlinks li a .icon img{
					width: 89.09px;
					height: auto;
				}
			div#SideBar .box2 .exlinks li a .date{
				line-height: 1;
				padding-top: 14px;
				font-size: 14px;
				text-align: center;
				font-weight: bold;
			}
	div#SideBar .box2 .exlinks li.exlink__flyer {
	}
		div#SideBar .box2 .exlinks li.exlink__flyer a{
			border-right: 1px solid #dcdfe7;
		}
			div#SideBar .box2 .exlinks li.exlink__flyer a .date{
				color: #91be5f;
			}
			div#SideBar .box2 .exlinks li.exlink__flyer a .date.out{
				color: #9999aa;
				font-size: 12px;
				text-align: center;
				line-height: 1.5;
				font-weight: normal;
			}
	div#SideBar .box2 .exlinks li.exlink__book {
	}
			div#SideBar .box2 .exlinks li.exlink__book a .date{
				color: #56a9d2;
			}




div#SideBar .box3 {
	background-color:#ffffff;
}

div#SideBar .box3 h2 {
	color:#ffffff;
	font-size:14px;
	padding:8px 0 7px 40px;
	background:url(../../images/top/sic06.gif) #144999 no-repeat 0 0;
}

div#SideBar .box3 a {
	display:block;
	padding:11px 0;
	border-bottom:#dcdfe7 1px solid;
	text-decoration:none;
	color:#555566;
}

div#SideBar .box3 dl {
	display:table;
	width:100%;
}

div#SideBar .box3 dl dt {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:50px;
	font-size:14px;
	font-weight:bold;
}

div#SideBar .box3 dl dt.b {
	color:#c80032;
}

div#SideBar .box3 dl dd {
	display:table-cell;
	line-height:20px;
}

div#SideBar .box3 a:hover dl dd {
	text-decoration:underline;
}



div#SideBar .box4 {
	display:none;
}

div#SideBar p.bx4_txt {
	background: #ffffff;
    padding-top: 10px;
    text-align: center;
    line-height: 18px;
    padding-bottom: 10px;
}


.otherlink {
	margin:20px 0 0 0;
	padding:15px;
	background-color:#fff;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.otherlink a {
	display:block;
	height:36px;
	color:#555566;
	font-size:14px;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:#dcdfe7 1px solid;
	padding:14px 10px 0 10px;
	text-align:center;
	    background: url(../images/common/ar01.jpg) no-repeat right 6px top 6px;
    background-size: 7px 7px;
}

.otherlink .countersign {
    margin-top: 16px;
}

.otherlink .countersign a {
	line-height: 18px;
	height:42px;
	font-size:13px;
	padding:8px 11px 0 11px;
	background: url(../images/common/ar01.jpg) no-repeat right 6px top 6px;
	background-size: 7px 7px;
}

/*============================
#Navigation-new
============================*/
div#Navigation-new {
	display:none;
	width:100%;
	background-color:#fff;
	position:fixed;
	top:33px;
	left:0;
	z-index:50;
	height: 100vh;
}

	/* category */
	div#Navigation-new>ul.category {
		position: relative;
	}
		div#Navigation-new>ul.category>li {
			position: relative;
			overflow: hidden;
			height: 25vw;
			width: 25vw;
		}
		div#Navigation-new>ul.category>li {
			width: 100%;
			background: #e4e8ec;
			border-bottom: 1px solid #e4e8ec;
		}
		div#Navigation-new>ul.category>li:last-of-type {
			border-bottom: none;
		}

			div#Navigation-new>ul.category>li>div.cat__body {
				float: left;
				display: block;
				width: 25vw;
				height: 25vw;
				background-image: url('../../images/common/nav-new/nav__bg__up--sp.svg');
				background-size: cover;
			}
				div#Navigation-new>ul.category>li>div.cat__body>a {
					text-decoration: none;
					pointer-events: none;
				}
					div#Navigation-new>ul.category>li>div.cat__body>a>p.label {
						font-size: 3.13vw;
						line-height: 1.43;
						color: #fff;
						font-weight: bold;
						display: block;
						width: 100%;
						position: absolute;
						padding-left: 1.56vw;
						top: 50%;
						-webkit-transform: translateY(-50%);
						   -moz-transform: translateY(-50%);
						    -ms-transform: translateY(-50%);
						     -o-transform: translateY(-50%);
						        transform: translateY(-50%);
					}
						div#Navigation-new>ul.category>li>div.cat__body>a>p.label>span.strong {
							font-size: 4.38vw;
							color: #f5781e;
						}

					/* menu */
					div#Navigation-new>ul.category>li>ul.menu {
						position: relative;
						float: left;
						height: 25vw;
						overflow: hidden;


							}
						div#Navigation-new>ul.category>li.menu__1{
						}
						div#Navigation-new>ul.category>li.menu__1>ul.menu {
						}
						div#Navigation-new>ul.category>li.menu__2{
						}
						div#Navigation-new>ul.category>li.menu__2>ul.menu {
						}
						div#Navigation-new>ul.category>li.menu__3{
						}
						div#Navigation-new>ul.category>li.menu__3>ul.menu {
						}
						div#Navigation-new>ul.category>li>.menu__4{
						}
						div#Navigation-new>ul.category>li.menu__4{
						}
						div#Navigation-new>ul.category>li.menu__4>ul.menu {
						}

					div#Navigation-new>ul.category>li>ul.menu>li {
						width: 25vw;
						height: 25vw;
						float: left;
						display: block;
						position: relative;
						box-sizing: border-box;
						padding: 1.56vw;
						background-color: #fff;
					}
					div#Navigation-new>ul.category>li>ul.menu>li:not(:first-of-type):after {
						content: "";
						border-left: 1px solid #e4e8ee;
						display: block;
						height: 21.88vw;
						width: 1px;
						position: absolute;
						top: 1.56vw;
						left: 0;
					}
					div#Navigation-new>ul.category>li>ul.menu>li>a {
						text-decoration: none;
						position: relative;
						display: block;
						width: 100%;
						height: 100%;
					}
					div#Navigation-new>ul.category>li>ul.menu>li>a>p.label {
						width: 100%;
						position: absolute;
						text-align: center;
						font-size: 2.81vw;
						line-height: 1.33;
						color: #666;
						font-weight: bold;
						display: block;
						bottom: 0.78vw;
					}
					div#Navigation-new>ul.category>li>ul.menu>li>a,
					div#Navigation-new>ul.category>li>div.nav__0>a
					 {
						background-repeat: no-repeat;
						background-size: cover;
					}
					div#Navigation-new>ul.category>li>ul.menu>li {
						-webkit-transition: opacity .25s ease;
						   -moz-transition: opacity .25s ease;
						    -ms-transition: opacity .25s ease;
						     -o-transition: opacity .25s ease;
						        transition: opacity .25s ease;
					}
					div#Navigation-new>ul.category>li>ul.menu>li:hover {
						opacity: .7;
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__1 {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__1>a {
						background-image: url('../../images/common/nav-new/nav__icon__0--sp.svg');
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__1>a>p.label {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__2 {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__2>a {
						background-image: url('../../images/common/nav-new/nav__icon__1--sp.svg');
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__2>a>p.label {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__3 {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__3>a {
						background-image: url('../../images/common/nav-new/nav__icon__2--sp.svg');
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__3>a>p.label {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__4 {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__4>a {
						background-image: url('../../images/common/nav-new/nav__icon__3--sp.svg');
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__4>a>p.label {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__5 {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__5>a {
						background-image: url('../../images/common/nav-new/nav__icon__4--sp.svg');
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__5>a>p.label {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__6 {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__6>a {
						background-image: url('../../images/common/nav-new/nav__icon__5--sp.svg');
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__6>a>p.label {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__7 {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__7>a {
						background-image: url('../../images/common/nav-new/nav__icon__6--sp.svg');
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__7>a>p.label {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__8 {
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__8>a {
						background-image: url('../../images/common/nav-new/nav__icon__7--sp.svg');
					}
					div#Navigation-new>ul.category>li>ul.menu>li.nav__8>a>p.label {
					}
					div#Navigation-new>ul.category>li:last-of-type {
						background: #fff;
					}
					div#Navigation-new>ul.category>li>div.nav__0 {
						margin: 4.69vw auto 0;
						width: 50vw;
						height: 15.63vw;
						border: 1px solid #dbdfe6;
						position: relative;
						border-radius: 0.78vw;
					}
					div#Navigation-new>ul.category>li>div.nav__0>a {
						text-decoration: none;
						display: block;
						width: 100%;
						height: 100%;
						background-image: url('../../images/common/nav-new/nav__icon__home--sp.svg');
						background-size: contain;
					}
					div#Navigation-new>ul.category>li>div.nav__0>a>p.label {
						width: 100%;
						position: absolute;
						color: #100c6c;
						font-size: 12px;
						line-height: 1.42;
						text-align: center;
						font-weight: bold;
						bottom: 10px;
					}
					div#Navigation-new>ul.category>li>div.nav__0>a>p.label>br{
						display: none;
					}


#RankingBtn{display: none;}