.new{ font-size: 90%; color: #ED1C24; font-weight: bold;}
.subtitle{ color: #333; font-size: 95%; font-weight: bold; text-align: left; margin:  0px; padding: 2px 0px 2px 5px; border-bottom: 2px solid #7B8EE7; border-left: 8px solid #7B8EE7 }
.subtitle h3{ color: #333; font-size: 95%; font-weight: bold; text-align: left; margin:  0px; padding: 0px;}
.subtitle2{ color: #666; font-size: 95%; font-weight: bold; text-align: left; margin: 10 0px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #999999; }
.square{ font-size: 120%; color: #7B8EE7; font-weight: bold;}
.caption{ font-size: 80%; color: #7B8EE7; font-weight: bold; text-align: left; margin:  0px; padding: 1px 1px 1px 2px;}
.caption_black{
	padding:2px,2px,2px,4px;
	font-size: 85%; line-height: 1.2em; color: #FFFFFF; font-weight: bold; background-color: #666666}
a.pagetop:link{color:#63BE84;text-decoration:none;}
a.pagetop:visited{color:#993300;text-decoration:none;}
a.pagetop:hover{color:#CC0000;}
a.pagetop:active{color:#CC0000;}

.fontxs{font-size:70%;line-height:130%;color:#333333;text-align:left;}

#line {
	width:760px;
	border:0 1px solid #ffffff;
}
#svgSet {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}



#responseFlagTab {
	display: none !important;
}

/* PC
-------------------------------------*/
@media screen and (min-width: 641px) {
	#responseFlagPc {
		display: block !important;
	}
	#responseFlagSp {
		display: none !important;
	}
	.sp-use {
		display: none!important;
	}
}

/* SP
-------------------------------------*/
@media screen and (max-width: 640px) {
	#responseFlagPc {
		display: none !important;
	}
	#responseFlagSp {
		display: block !important;
	}
	.pc-use {
		display: none!important;
	}
	.anc_link_blk_01 {
		position: relative!important;
		top: -50px!important;
	} 
}


/* PC
-------------------------------------*/
@media screen and (min-width: 641px) {
	.textWrap {
		padding-top:40px;
		padding-bottom:40px;
	}
	.textWrap .txtInr {
		width: 525px;
		float: left;
	}
	.textWrap .txtInr .text-sec {
		padding-top:0;
	}
	.textWrap .mv-wrap {
		float: right;
		width: 380px;
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 640px) {
	.textWrap .mv-wrap {
		text-align: center;
		margin-bottom: 30px;
	}
}


.secTtlWin {
	color: #000;
	background: none;
	font-size: 37px;
	font-weight: normal;
	padding: 0;
	padding-top: 55px;
	text-align: center;
	margin-bottom: 10px;
}
.single .secTtlWin {
	padding-top: 80px;
}
.image-sec {
	padding-top:20px;
}
.text-sec {
	padding-top:35px;
	padding-bottom:35px;
}
.text-sec .maincopy {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 19px;
}
.text-sec .text {
	font-size: 15px;
	line-height: 2;
}
#ykkap-tpl-contents .ykkap-tpl-contents-products-block {
	border-top:1px solid #DDDDDD;
	border-top: none; /* overwrite */
	padding:0;
}
#banner-area {
	border-top:1px solid #DDDDDD;
	border-top: none; /* overwrite */
	border-bottom:1px solid #DDDDDD;
	border-bottom: none; /* overwrite */
	padding:45px 0 35px;
}

#banner-area .small a {
	display: block;
	float: left;
	margin:0 0 20px 30px;
}
#banner-area .big a {
	display: block;
	margin:0 0 20px;
}
#banner-area .small a:nth-child(2n+1) {
	margin-left: 0;
}

#banner-area .small img {
	width:460px;
}
#banner-area .big img.pc-only {
	width:950px;
}
#banner-area2 {
	border-top: 1px solid #DDDDDD;
	border-top: none; /* overwrite */
	padding: 26px 0 10px;
}
#banner-area2 .secTtlWin {
	padding-top:0;
	margin-bottom: 20px;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
}
#banner-area2 .small a {
	display: block;
	float: left;
	margin:0 0 20px 28px;
}
#banner-area2 .big a {
	display: block;
	margin:0 0 20px;
}
#banner-area2 .small a:nth-child(2n+1) {
	margin-left: 0;
}
#banner-area2 .small img {
	width:460px;
}
#banner-area2 .big img.pc-only {
	width:950px;
}section.maincontents {
	padding-bottom:60px;
}
#product-cntact-base .section {
	padding: 0 0 85px;
}
#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi {
	margin-bottom: 0;
}
#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul {
	padding: 0;
	margin-right: -20px;
}
#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li {
	margin-right: 17px;
	margin-top: 20px;
}
#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a {
	width: 305px;
	height: 140px;
	display: table;
	border: 1px solid #AAAAAA;
	padding: 0;
	box-sizing: border-box;
	border-radius: 7px;
	background: none;
	text-align: center;
}
#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a span {
	vertical-align: middle;
	display: table-cell;
	color: #333;
	font-size: 16px;
	font-weight: normal;
}
#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a span .icn {
	fill-rule: evenodd;
	fill: #666;
	height: 48px;
	width: 48px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a span .icn6 {
	width: 75px;
	height: 55px;
}
#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a:hover {
	text-decoration: none;
}
#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a:hover span {
	text-decoration: none;
	color: #0083BA;
}
#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a:hover .icn {
	fill:#007BC7;
}
section.indexBtm {
	padding: 35px 0 0 0;
}
.item-index .tpl-style-caption {
	display:none;
}
.item-index #banner-area {
	border-bottom:none;
	padding-bottom: 0;
}
.item-index #ykkap-tpl-contents .ykkap-tpl-title-products-block {
	margin-bottom:50px;
}
.item-index .box_text {
	display: table-cell;
	padding-right:48px;
	box-sizing: border-box;
}
.item-index .box_logo {
	display: table-cell;
	box-sizing: border-box;
}
.item-pages section.maincontents {
	padding-bottom: 0;
}



/* ===================================================================================
for PC min-width: 641px
=================================================================================== */
@media screen and (min-width: 641px) {
	.pc-localNav {
		display: block;
	}
	.sp-localNav {
		display: none;
	}
	.localNav {
	}
	.localNav .label {
		font-size: 13px;
		color:#777;
	}
	.localNav .localNav-btn {
	}
	.localNav .top-dir {
		margin-top:15px;
		margin-bottom:20px;
		width: 950px;
		display: table;
		border-right: 1px solid #CCC;
		position: relative;
	}
	.localNav .top-dir .icn {
		fill-rule: evenodd;
		fill: #666;
		height: 34px;
		width: 42px;
		display: block;
		vertical-align: middle;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		overflow: hidden;
	}
	.localNav .top-dir li.nav0 .icn {
		stroke: #FFF;
		stroke-width: .5px;
	}
	.localNav .top-dir .icn6 {
		width: 55px;
		height: 41px;
		margin-bottom: 4px;
	}
	.localNav .top-dir .nav3 .icn {
		margin-bottom:8px;
	}
	.localNav .top-dir li.menuOpen .icn {
		fill:#007BC7;
	}
	.localNav .top-dir.row7 > li {
		width:14.28%;
	}
	.localNav .top-dir.row6 > li {
		width:16.66%;
	}
	.localNav .top-dir.row4 > li {
		width:25%;
	}
	.localNav .top-dir > li {
		display: table-cell;
		border-left: 1px solid #CCC;
		text-align: center;
		vertical-align: middle;
		height: 77px;
		box-sizing: border-box;
	}
	.localNav .top-dir > li.sp-only {
		display:none;
	}
	.localNav .top-dir > li > a {
		font-size: 15px;
		color: #333;
		line-height: 1.3;
		display: block;
		position: relative;
	}
	.localNav .top-dir > li > a:hover,
	.localNav .top-dir > li.selected > a,
	.localNav .top-dir > li.js-hover > a{
		text-decoration: none;
		color:#0083BA;
	}
	.localNav .top-dir > li > a:hover .icn,
	.localNav .top-dir > li.selected > a .icn,
	.localNav .top-dir > li.js-hover > a .icn{
		fill:#007BC7;
	}
	.localNav .top-dir > li > a::after {
		content: " ";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 92px;
		z-index: 2;
		background: url(/products/shared_file/img/spacer.gif) repeat;
	}
	.localNav .top-dir > li.menuOpen > a {
		color:#0083BA;
	}
	.localNav .top-dir a.has-child {
	}
	.localNav .top-dir .liChild {
		position: absolute;
		left: 0;
		top: 97px;
		width: 100%;
		height: 0;
		overflow: hidden;
	}
	.localNav .top-dir .selected .liChild {
		height: auto;
	}
	.localNav .top-dir .liChild ul {
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		display:none;
		width: 100%;
		box-sizing: border-box;
	}
	.localNav .top-dir .liChild .arw {
		fill-rule: evenodd;
		fill: #666;
		height: 13px;
		width: 8px;
		display: inline-block;
		margin-right: 10px;
	}
	.localNav .top-dir .liChild .active .arw {
		fill:#FFF;
	}
	.localNav .top-dir .liChild a:hover .arw {
		fill:#FFF;
	}
	.localNav .top-dir > li .liChild ul {
		display: table;
		background: #fff;
	}
	.localNav .top-dir.row2 li {
		width:50%;
	}
	.localNav .top-dir.row3 li {
		width:33.33%;
	}
	.localNav .liChild .row2 li {
		width:50%;
	}
	.localNav .liChild ul.row3 li {
		width:33.33%;
	}
	.localNav .liChild ul.row4 li {
		width:25%;
	}
	.localNav .liChild ul.row5 li {
		width:20%;
	}
	.localNav .liChild ul.row6 li {
		width:16.65%;
	}
	.localNav .liChild ul.row7 li {
		width:14.27%;
	}
	.localNav .liChild ul li {
		display: table-cell;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		box-sizing: border-box;
	}
	.localNav .liChild ul li a {
		display: block;
		padding: 15px 0;
		font-size: 16px;
		font-weight: bold;
		color:#333;
	}
	.localNav .liChild ul li a.active {
		background: #007DB5;
		color: #FFF;
	}
	.localNav .liChild ul li a:hover {
		background: #007DB5;
		color: #FFF;
		text-decoration: none;
	}
	/*fixNav*/
	.fixNav {
		position: fixed;
		top: 0;
		left:0;
		z-index: 10000;
		width: 100%;
		background-image: url(/products/shared_file/img/fixNavBase.png);
	/*	background: rgba(255, 255, 255, 0.95);	*/
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: -webkit-transform 0.3s ease-in-out;
		-ms-transition: -ms-transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
		height: 300px;
	}
	.fixNav.js-fixShow {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.lt-ie9 .fixNav {
		display: none;
	}
	.lt-ie9 .fixNav.js-fixShow {
		display: block;
	}
	.fixBdr:after {
		content: "";
		background-image: url(/products/shared_file/img/fixNavBg.png);
		height: 6px;
		display: block;
		background-repeat: repeat-x;
	}
	.fixNav .section {
		padding: 0;
		position: relative;
		height: 77px;
	}
	.fixNav .label {
		color: #007FBF;
		font-size: 19px;
		line-height: 1.8;
		float: left;
		vertical-align: top;
		padding: 17px 0 12px;
		font-weight: bold;
	}
	.fixNav .label.single {
		padding-top: 22px;
	}
	.fixNav .label span {
		color: #007FBF;
		display: block;
		font-size: 14px;
		line-height: 1;
	}
	.fixNav .navList {
		float: right;
		padding-top: 10px;
		height: 77px;
		box-sizing: border-box;
	}
	.fixNav .navList li {
		display: table;
		vertical-align: middle;
		height: 100%;
		float: left;
		position: relative;
		z-index: 2;
	}
	.fixNav .navList li a {
		color: #333;
		font-size: 11px;
		line-height: 1.2;
		text-align: center;
		width: 84px;
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}
	.fixNav .navList li a::after {
		content: " ";
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		padding-bottom: 2;
	}
	.fixNav .navList li a:hover {
		text-decoration: none;
	}
	.fixNav .navList li a svg {
		fill-rule: evenodd;
		width: 30px;
		height: 30px;
		color: #666;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	}
	.fixNav .navList li.nav0 a svg {
		stroke: #FFF;
		stroke-width: .5px;
	}
	.fixNav .navList li a svg.icn6 {
		width: 44px;
		height: 33px;
		margin-bottom: 4px;
	}
	.fixNav .navList li.selected a,
	.fixNav .navList li.js-hover a,
	.fixNav .navList li a:hover {
		color:#0083BA;
	}
	.fixNav .navList li.selected a svg,
	.fixNav .navList li.js-hover a svg,
	.fixNav .navList li a:hover svg {
		fill:#007BC7;
	}
	.fixNav .liChild {
		display: none;
		position: absolute;
		top: 78px;
		width: 100%;
		z-index: -1;
	}
	.fixNav .liChild.selected {
		display: block;
	}
	.fixNav .liChild ul {
		display: table;
		width: 100%;
		border-left: 1px solid #CCC;
		box-sizing: border-box;
	}
	.fixNav .liChild .row3 {
	}
	.fixNav .liChild .row2 .item {
		width: 50%;
	}
	.fixNav .liChild .row3 .item {
		width: 33.33%;
	}
	.fixNav .liChild .row4 .item {
		width: 25%;
	}
	.fixNav .liChild .row5 .item {
		width: 20%;
	}
	.fixNav .liChild .row6 .item {
		width: 16.66%;
	}
	.fixNav .liChild .row7 .item {
		width: 14.28%;
	}
	.fixNav .liChild .item {
		display: table-cell;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		background: #FFF;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		line-height: 1;
	}
	.fixNav .liChild .item a {
		display: block;
		padding: 19px 8px 15px;
		color:#333;
		line-height: 1.5;
	}
	.fixNav .liChild .item a svg {
		display: inline-block;
		width: 8px;
		height: 13px;
		margin-right: 10px;
		vertical-align: middle;
	}
	.fixNav .liChild .item.active {
	}
	.fixNav .liChild .item.active a {
		color: #FFF;
		background: #007DB5;
	}
	.fixNav .liChild .item.active a svg {
		fill:#FFF;
	}
	.fixNav .liChild .item a:hover {
		color: #FFF;
		background: #007DB5;
		text-decoration: none;
	}
	.fixNav .liChild .item a:hover svg {
		fill:#FFF;
	}
	/*sglFixNav*/
	.sglFixNav {
		position: fixed;
		top: 0;
		left:0;
		z-index: 10000;
		width: 100%;
		background-image: url(/products/shared_file/img/fixNavBase.png);
	/*	background: rgba(255, 255, 255, 0.95);	*/
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: -webkit-transform 0.3s ease-in-out;
		-ms-transition: -ms-transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
	}
	.sglFixNav.js-fixShow {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.lt-ie9 .sglFixNav {
		display: none;
	}
	.lt-ie9 .sglFixNav.js-fixShow {
		display: block;
	}
	.fixBdr:after {
		content: "";
		background-image: url(/products/shared_file/img/fixNavBg.png);
		height: 6px;
		display: block;
		background-repeat: repeat-x;
	}
	.sglFixNav .section {
		padding: 0;
		position: relative;
		height: 77px;
	}
	.sglFixNav .label {
		color: #007FBF;
		font-size: 19px;
		line-height: 1.8;
		float: left;
		vertical-align: top;
		padding: 17px 0 12px;
		font-weight: bold;
	}
	.sglFixNav .label.single {
		padding-top: 22px;
	}
	.sglFixNav .label span {
		color: #007FBF;
		display: block;
		font-size: 14px;
		line-height: 1;
	}
	.sglFixNav .navList {
		float: right;
		padding-top: 10px;
		height: 77px;
		box-sizing: border-box;
	}
	.sglFixNav .navList li {
		display: table;
		vertical-align: middle;
		height: 100%;
		float: left;
		position: relative;
		z-index: 2;
	}
	.sglFixNav .navList li.sp-only {
		display: none;
	}
	.sglFixNav .navList li a {
		color: #333;
		font-size: 11px;
		line-height: 1.2;
		text-align: center;
		width: 84px;
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}
	.sglFixNav .navList li a::after {
		content: " ";
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		padding-bottom: 2;
	}
	.sglFixNav .navList li a:hover {
		text-decoration: none;
	}
	.sglFixNav .navList li a svg {
		fill-rule: evenodd;
		width: 30px;
		height: 30px;
		color: #666;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	}
	.sglFixNav .navList li.nav0 a svg {
		stroke: #FFF;
		stroke-width: .5px;
	}
	.sglFixNav .navList li a svg.icn6 {
		width: 44px;
		height: 33px;
		margin-bottom: 4px;
	}
	.sglFixNav .navList li.selected a,
	.sglFixNav .navList li.js-hover a,
	.sglFixNav .navList li a:hover {
		color:#0083BA;
	}
	.sglFixNav .navList li.selected a svg,
	.sglFixNav .navList li.js-hover a svg,
	.sglFixNav .navList li a:hover svg {
		fill:#007BC7;
	}
	.sglFixNav .liChild {
		display: none;
		position: absolute;
		top: 78px;
		width: 100%;
		z-index: -1;
	}
	.sglFixNav .liChild.selected {
		display: block;
	}
	.sglFixNav .liChild ul {
		display: table;
		width: 100%;
		border-left: 1px solid #CCC;
		box-sizing: border-box;
	}
	.sglFixNav .liChild .row3 {
	}
	.sglFixNav .liChild .row3 .item {
		width: 33.33%;
	}
	.sglFixNav .liChild .item {
		display: table-cell;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		background: #FFF;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		line-height: 1;
	}
	.sglFixNav .liChild .item a {
		display: block;
		padding: 19px 0 15px;
		color:#333;
	}
	.sglFixNav .liChild .item a svg {
		display: inline-block;
		width: 8px;
		height: 13px;
		margin-right: 10px;
		vertical-align: middle;
	}
	.sglFixNav .liChild .item.active {
	}
	.sglFixNav .liChild .item.active a {
		color: #FFF;
		background: #007DB5;
	}
	.sglFixNav .liChild .item.active a svg {
		fill:#FFF;
	}
	.sglFixNav .liChild .item a:hover {
		color: #FFF;
		background: #007DB5;
		text-decoration: none;
	}
	.sglFixNav .liChild .item a:hover svg {
		fill:#FFF;
	}
	.notice {
		background: #f5f5f5;
		padding: 12px 20px;
		border-radius: 5px;
		margin-top: 25px;
	}
	.notice dl {
		position: relative;
	}
	.notice dt {
		float: left;
	}
	.notice dd {
		float: left;
		padding: 0 25px;
	}
	.notice dd a {
		background: url(/shared_file/img/link_cursor_03_pc.png) 0 5px no-repeat;
		padding-left: 10px;
	}
	.pickupBanner {
		padding: 30px 0;
		border-bottom: 1px solid #CCC;
		border-bottom: none; /* overwrite */
	}
	.pickupBanner .row1 .item {
		width:100%;
	}
	.pickupBanner .row1 .item dt{
		width:25%;
	}
	.pickupBanner .row2 {
	}
	.pickupBanner .row2 .item {
		width:50%;
	}
	.pickupBanner .item {
		display: block;
		float: left;
	}
	.pickupBanner .item dl {
		margin-bottom: 20px;
	}
	.pickupBanner .item dt {
		display: table-cell;
		width: 50%;
	}
	.pickupBanner .item dt img {
		width:100%;
		height:auto;
	}
	.pickupBanner .item dd {
		display: table-cell;
		vertical-align: middle;
		padding: 0 15px;
	}
	.pickupBanner .item dd p {
		line-height: 1.8;
		font-size: 12px;
	}
	.pickupBanner .note {
		position: relative;
		padding-left: 1.3em;
		color:#777;
		font-size:11px;
	}
	.pickupBanner .note span {
		position:absolute;
		left:0;
	}
	.text-sec + .sentei {
		margin-top:-20px;
	}
	.sentei {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		padding: 15px;
		background: #c0e5ff;
		border: solid 2px #0070c0;
		margin-bottom:20px;
	}
	.sentei .main_txt_02 {
		margin: 20px 0 0;
		background: #0274c5;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		padding: 5px 20px;
	}
	.sentei .main_txt_02_2 {
		margin: 0 0 0;
		background: #0274c5;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		padding: 5px 20px;
	}
	.sentei .main_txt_03 {
		margin: 5px 0 0;
		padding-left: 20px;
		font-size: 1.2em;
	}
	.sentei .note {
		position: relative;
		padding-left: 1.3em;
		color: #333;
		margin-top: 10px;
		margin-left: 10px;
	}
	.sentei .note span {
		position:absolute;
		left:0;
	}
}
/* ===================================================================================
for PC min-width: 641px
=================================================================================== */
@media screen and (min-width: 641px) {
	.single #ykkap-tpl-contents .ykkap-tpl-contents-products-block.cnt-top {
/*		padding-top:20px;*/
	}
	
}








/* ===================================================================================
for SP max-width: 640px
=================================================================================== */
@media screen and (max-width: 640px) {
	.pc-localNav {
		display: none;
	}
	.sp-localNav {
		display: block;
		height: 40px;
		position: relative;
		margin: 0 -10px;
		z-index: 100;
	}
	.sp-localNav .localNav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.sp-localNav .localNav.navFix {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
	}
	.sp-localNav .localNav .top-dir {
		height: 0;
		overflow: hidden;
	}
	.image-sec img {
		width:100%;
		height:auto;
	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul {
		margin: 0 0 0 -3.33%;
		overflow: hidden;
	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li {
		margin: 0 0 10px 3.33%;
		width: 30%;
		float: left;
	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a {
		background: none!important;
		width: auto;
		height: auto;
		box-sizing: border-box;
		border-radius: 7px;
		text-align: center;
		position: relative;
		border: 1px solid #AAAAAA;
		display: block;
		vertical-align: middle;
	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a img {
		width:100%;
		height:auto;
	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a span {
		vertical-align: middle;
		color: #333;
		font-size: 11px;
		font-weight: normal;
		width: 100%;
		height: 100%;
		top: 0;
		position: absolute;
		line-height: 1.3;
		padding-top: 27%;
		box-sizing: border-box;
	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a span .icn {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		height: 35%;

	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li.nav3 a span {
		padding-top: 15%;
	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li.nav3 a span .icn {
		margin-bottom: 7px;
	}
	#banner-area {
		padding:12.5px 0 22.5px;
	}
	#banner-area .big a,#banner-area .small a {
		margin:20px 0 0 0;
		float:none;
	}
	#banner-area .big img, #banner-area .small img {
		width:100%;
		height:auto;
	}
	#banner-area2 {
		padding:12.5px 0 22.5px;
	}
	#banner-area2 .big a,#banner-area2 .small a {
		margin:10px 0 0 0;
		float:none;

	}
	#banner-area2 .secTtlWin {
		padding-top: 15px;
		margin-bottom: 10px;
	}
	#banner-area2 .big img, #banner-area2 .small img {
		width:100%;
		height:auto;
	}	
	.secTtlWin {
		font-size: 20px;
		font-weight: bold;
		padding-top: 27px;
	}
	.image-sec {
		padding-top: 9px;
		/* margin: 0 -10px; */
		margin: 0 -6.66667vw; /* overwrite */
	}
	.text-sec {
		padding-top:15px;
		padding-bottom:25px;
	}
	.text-sec .maincopy {
		font-size: 17px;
		margin-bottom: 15px;
	}
	.text-sec .text {
		font-size: 13px;
	}
	#product-cntact-base {
		padding: 0 10px;
	}
	#product-cntact-base .section {
		padding: 0;
	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi .btn-catalog {
		padding: 0;
		margin-top: 10px;
	}
	.item-index #banner-area {
		margin-bottom: 15px;
	}
	.item-index section.indexBtm {
		padding-top: 20px;
		padding-bottom:0;
	}
	.item-index #ykkap-tpl-contents .ykkap-tpl-title-products-block {
		margin-bottom:30px;
	}
	/*localNav */
	.localNav {
	}
	.localNav svg {
		display:none;
	}
	.localNav .localNav-btn {
		color: #FFF;
		background: #888;
		border: 1px solid #BBB;
		text-align: center;
		padding: 13px 0;
		font-size: 14px;
		position: relative;
	}
	.localNav .localNav-btn:after {
		content: "+";
		position: absolute;
		right: 20px;
		font-size: 20px;
		top:50%;
		margin-top:-10px;
		line-height: 1;
	}
	.localNav .localNav-btn.menuOpen {
		background: rgba(170, 170, 170, 0.8);
	}
	.localNav .localNav-btn.menuOpen:after {
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.localNav .top-dir {
	}
	.localNav .top-dir > li {
	}
	.localNav .top-dir > li > a {
		display: block;
		padding: 13px 30px;
		background: #888888;
		border-bottom: 1px solid #BBBBBB;
		color:#FFF;
		position: relative;
		font-size: 13.5px;
	}
	.localNav .top-dir > li > a span {
		border-bottom: 1px solid #FFF;
		display: block;
		width: 9px;
		top: 50%;
		right: 20px;
		position: absolute;
	}
	.localNav .top-dir > li > a span:after {
		content: "";
		display: block;
		height: 9px;
		position: absolute;
		border-left: 1px solid #FFF;
		top: -4px;
		left: 4px;
	}
	.localNav .top-dir > li.menuOpen > a span:after {
		height:0;
	}
	.localNav .top-dir > li > a {
	}
	.localNav .top-dir .liChild {
		height: 0;
		overflow: hidden;
	}
	.localNav .top-dir > li .liChild ul {
		display: block;
	}
	.localNav .top-dir > li .liChild ul li a {
		background:#FFF;
		border-bottom:1px solid #F0F0F0;
		padding: 10px 45px;
		display: block;
		color: #333;
		height: auto!important;
	}
	.localNav .top-dir > li .liChild ul li a.active {
		background-image: url(/products/shared_file/img/check_b.png);
		background-repeat: no-repeat;
		background-position: 20px center;
		background-size: .8rem;
	}
	.localNav .top-dir > li.selected a {
		background-image: url(/products/shared_file/img/check_w.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: .8rem;
	}
	.localNav .top-dir > li.selected .liChild {
		height: auto;
	}
	.fixNav {
		display: none;
	}
	.sglFixNav {
		display: none;
	}
	.notice {
		background: #f5f5f5;
		padding: 10px 15px;
		border-radius: 5px;
		margin-top: 15px;
	}
	.notice dl {
		position: relative;
	}
	.notice dt {
		margin-bottom: 5px;
	}
	.notice dd {
		margin-top: 5px;
	}
	.notice dd a {
		background: url(/shared_file/img/link_cursor_03_pc.png) 0 5px no-repeat;
		padding-left: 10px;
	}
	.pickupBanner {
		padding: 20px 0;
		border-bottom: 1px solid #CCC;
	}
	.pickupBanner .row2 {
	}
	.pickupBanner .row2 .item {
	}
	.pickupBanner .item {
		display: block;
	}
	.pickupBanner .item dl {
		margin-bottom: 20px;
	}
	.pickupBanner .item dt {
		display: table-cell;
		width: 40%;
	}
	.pickupBanner .item dt img {
		width:100%;
		height:auto;
	}
	.pickupBanner .item dd {
		display: table-cell;
		vertical-align: middle;
		padding: 0 10px;
	}
	.pickupBanner .item dd p {
		line-height: 1.8;
		font-size: 11px;
	}
	.pickupBanner .note {
		position: relative;
		padding-left: 1.3em;
		color: #777;
		font-size: 11px !important;
	}
	.pickupBanner .note span {
		position:absolute;
		left:0;
	}
	.sentei {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 10px;
		background: #c0e5ff;
		border: solid 2px #0070c0;
		margin-bottom:20px;
	}
	.sentei .main_txt_02 {
		margin: 10px 0 0;
		background: #0274c5;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		padding: 5px 10px;
	}
	.sentei .main_txt_02_2 {
		margin: 0 0 0;
		background: #0274c5;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		padding: 5px 10px;
	}
	.sentei .main_txt_03 {
		padding: 10px 5px;
		font-size: 12px;
	}
	.sentei .note {
		position: relative;
		padding-left: 13px;
		color: #333;
		margin-left: 5px;
	}
	.sentei .note span {
		position:absolute;
		left:0;
	}
	/*
	section.indexBtmSingle {
		padding-top:15px!important;
	}
	*/
	.responsive section.indexBtmSingle {
		padding-top:15px;
		padding-bottom:0;
	}
}
/* ===================================================================================
for IE8
=================================================================================== */

.lt-ie9 {
}
.lt-ie9 .fixNav {
	display: none;
}
.lt-ie9 .fixNav.js-fixShow {
	display: block;
}
.lt-ie9 .fixNav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	background-image: url(/products/shared_file/img/fixNavBase.png);
	/* background: rgba(255, 255, 255, 0.95); */
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-ms-transition: -ms-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	height: 300px;
}
.lt-ie9 .fixBdr:after {
	content: "";
	background-image: url(/products/shared_file/img/fixNavBg.png);
	height: 6px;
	display: block;
	background-repeat: repeat-x;
}
.lt-ie9 .fixNav .section {
	padding: 0;
	position: relative;
	height: 77px;
}
.lt-ie9 .fixNav .label {
	color: #007FBF;
	font-size: 19px;
	line-height: 1.8;
	float: left;
	vertical-align: top;
	padding: 17px 0 12px;
	font-weight: bold;
}
.lt-ie9 .fixNav .label.single {
	padding-top: 22px;
}
.lt-ie9 .fixNav .label span {
	color: #007FBF;
	display: block;
	font-size: 14px;
	line-height: 1;
}
.lt-ie9 .fixNav .navList {
	float: right;
	padding-top: 10px;
	height: 77px;
	box-sizing: border-box;
}
.lt-ie9 .fixNav .navList li {
	display: table;
	vertical-align: middle;
	height: 100%;
	float: left;
	position: relative;
	z-index: 2;
}
.lt-ie9 .fixNav .navList li a {
	color: #333;
	font-size: 11px;
	line-height: 1.2;
	text-align: center;
	width: 84px;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.lt-ie9 .fixNav .navList li a::after {
	content: " ";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding-bottom: 2;
}
.lt-ie9 .fixNav .navList li a:hover {
	text-decoration: none;
}
.lt-ie9 .fixNav .navList li a svg {
	fill-rule: evenodd;
	width: 30px;
	height: 30px;
	color: #666;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.lt-ie9 .fixNav .navList li a svg.icn6 {
	width: 44px;
	height: 33px;
	margin-bottom: 4px;
}
.lt-ie9 .fixNav .navList li.selected a,
.lt-ie9 .fixNav .navList li.js-hover a,
.lt-ie9 .fixNav .navList li a:hover {
	color:#0083BA;
}
.lt-ie9 .fixNav .navList li.selected a svg,
.lt-ie9 .fixNav .navList li.js-hover a svg,
.lt-ie9 .fixNav .navList li a:hover svg {
	fill:#007BC7;
}
.lt-ie9 .fixNav .liChild {
	display: none;
	position: absolute;
	top: 78px;
	width: 100%;
	z-index: -1;
}
.lt-ie9 .fixNav .liChild.selected {
	display: block;
}
.lt-ie9 .fixNav .liChild ul {
	display: table;
	width: 100%;
	border-left: 1px solid #CCC;
	box-sizing: border-box;
}
.lt-ie9 .fixNav .liChild .row3 {
}
.lt-ie9 .fixNav .liChild .row2 .item {
	width: 50%;
}
.lt-ie9 .fixNav .liChild .row3 .item {
	width: 33.33%;
}
.lt-ie9 .fixNav .liChild .row4 .item {
	width: 25%;
}
.lt-ie9 .fixNav .liChild .row5 .item {
	width: 20%;
}
.lt-ie9 .fixNav .liChild .row6 .item {
	width: 16.65%;
}
.lt-ie9 .fixNav .liChild .row7 .item {
	width: 14.28%;
}


.lt-ie9 .fixNav .liChild .item {
	display: table-cell;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
}
.lt-ie9 .fixNav .liChild .item a {
	display: block;
	padding: 19px 0 15px;
	color:#333;
}
.lt-ie9 .fixNav .liChild .item a svg {
	display: inline-block;
	width: 8px;
	height: 13px;
	margin-right: 10px;
	vertical-align: middle;
}
.lt-ie9 .fixNav .liChild .item.active {
}
.lt-ie9 .fixNav .liChild .item.active a {
	color: #FFF;
	background: #007DB5;
}
.lt-ie9 .fixNav .liChild .item.active a svg {
	fill:#FFF;
}
.lt-ie9 .fixNav .liChild .item a:hover {
	color: #FFF;
	background: #007DB5;
	text-decoration: none;
}
.lt-ie9 .lt-ie9 .fixNav .liChild .item a:hover svg {
	fill:#FFF;
}
.lt-ie9 .sglFixNav {
	display: none;
}
.lt-ie9 .sglFixNav.js-fixShow {
	display: block;
}
.lt-ie9 .sglFixNav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	background-image: url(/products/shared_file/img/fixNavBase.png);
	/* background: rgba(255, 255, 255, 0.95); */
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-ms-transition: -ms-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
.lt-ie9 .sglFixNav .section {
	padding: 0;
	position: relative;
	height: 77px;
}
.lt-ie9 .sglFixNav .label {
	color: #007FBF;
	font-size: 19px;
	line-height: 1.8;
	float: left;
	vertical-align: top;
	padding: 17px 0 12px;
	font-weight: bold;
}
.lt-ie9 .sglFixNav .label.single {
	padding-top: 22px;
}
.lt-ie9 .sglFixNav .label span {
	color: #007FBF;
	display: block;
	font-size: 14px;
	line-height: 1;
}
.lt-ie9 .sglFixNav .navList {
	float: right;
	padding-top: 10px;
	height: 77px;
	box-sizing: border-box;
}
.lt-ie9 .sglFixNav .navList li {
	display: table;
	vertical-align: middle;
	height: 100%;
	float: left;
	position: relative;
	z-index: 2;
}
.lt-ie9 .sglFixNav .navList li a {
	color: #333;
	font-size: 11px;
	line-height: 1.2;
	text-align: center;
	width: 84px;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.lt-ie9 .sglFixNav .navList li a::after {
	content: " ";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding-bottom: 2;
}
.lt-ie9 .sglFixNav .navList li a:hover {
	text-decoration: none;
}
.lt-ie9 .sglFixNav .navList li a svg {
	fill-rule: evenodd;
	width: 30px;
	height: 30px;
	color: #666;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.lt-ie9 .sglFixNav .navList li a svg.icn6 {
	width: 44px;
	height: 33px;
	margin-bottom: 4px;
}
.lt-ie9 .sglFixNav .navList li.selected a,
.lt-ie9 .sglFixNav .navList li.js-hover a,
.lt-ie9 .sglFixNav .navList li a:hover {
	color:#0083BA;
}
.lt-ie9 .sglFixNav .navList li.selected a svg,
.lt-ie9 .sglFixNav .navList li.js-hover a svg,
.lt-ie9 .sglFixNav .navList li a:hover svg {
	fill:#007BC7;
}
.lt-ie9 .sglFixNav .navList li.sp-only {
	display:none;
}
.lt-ie9 .sglFixNav .liChild {
	display: none;
	position: absolute;
	top: 78px;
	width: 100%;
	z-index: -1;
}
.lt-ie9 .sglFixNav .liChild.selected {
	display: block;
}
.lt-ie9 .sglFixNav .liChild ul {
	display: table;
	width: 100%;
	border-left: 1px solid #CCC;
	box-sizing: border-box;
}
.lt-ie9 .sglFixNav .liChild .row3 {
}
.lt-ie9 .sglFixNav .liChild .row3 .item {
	width: 33.33%;
}
.lt-ie9 .sglFixNav .liChild .item {
	display: table-cell;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
}
.lt-ie9 .sglFixNav .liChild .item a {
	display: block;
	padding: 19px 0 15px;
	color:#333;
}
.lt-ie9 .sglFixNav .liChild .item a svg {
	display: inline-block;
	width: 8px;
	height: 13px;
	margin-right: 10px;
	vertical-align: middle;
}
.lt-ie9 .sglFixNav .liChild .item.active {
}
.lt-ie9 .sglFixNav .liChild .item.active a {
	color: #FFF;
	background: #007DB5;
}
.lt-ie9 .sglFixNav .liChild .item.active a svg {
	fill:#FFF;
}
.lt-ie9 .sglFixNav .liChild .item a:hover {
	color: #FFF;
	background: #007DB5;
	text-decoration: none;
}
.lt-ie9 .lt-ie9 .sglFixNav .liChild .item a:hover svg {
	fill:#FFF;
}

.lt-ie9 .pc-localNav {
	display: block;
}
.lt-ie9 .localNav {
}
.lt-ie9 .localNav .label {
	font-size: 13px;
	color:#777;
}
.lt-ie9 .localNav .localNav-btn {
}
.lt-ie9 .localNav .top-dir {
	margin-top:15px;
	margin-bottom:20px;
	width: 950px;
	display: table;
	border-right: 1px solid #CCC;
	position: relative;
}
.lt-ie9 .localNav .top-dir .icn {
	fill-rule: evenodd;
	fill: #666;
	height: 34px;
	width: 42px;
	display: block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	overflow: hidden;
}
.lt-ie9 .localNav .top-dir .icn6 {
	width: 55px;
	height: 41px;
	margin-bottom: 4px;
}
.lt-ie9 .localNav .top-dir .nav3 .icn {
	margin-bottom:8px;
}
.lt-ie9 .localNav .top-dir li.menuOpen .icn {
	fill:#007BC7;
}
.lt-ie9 .localNav .top-dir.row7 > li {
	width:14.28%;
}
.lt-ie9 .localNav .top-dir.row6 > li {
	width:16.66%;
}
.lt-ie9 .localNav .top-dir.row4 > li {
	width:25%;
}
.lt-ie9 .localNav .top-dir > li {
	display: table-cell;
	border-left: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
	height: 77px;
	box-sizing: border-box;
}
.lt-ie9 .localNav .top-dir > li.sp-only {
	display:none;
}
.lt-ie9 .localNav .top-dir > li > a {
	font-size: 15px;
	color: #333;
	line-height: 1.3;
	display: block;
	position: relative;
}
.lt-ie9 .localNav .top-dir > li > a:hover,
.lt-ie9 .localNav .top-dir > li.selected > a,
.lt-ie9 .localNav .top-dir > li.js-hover > a{
	text-decoration: none;
	color:#0083BA;
}
.lt-ie9 .localNav .top-dir > li > a:hover .icn,
.lt-ie9 .localNav .top-dir > li.selected > a .icn,
.lt-ie9 .localNav .top-dir > li.js-hover > a .icn{
	fill:#007BC7;
}
.lt-ie9 .localNav .top-dir > li > a::after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 92px;
	z-index: 2;
	background: url(/products/shared_file/img/spacer.gif) repeat;
}
.lt-ie9 .localNav .top-dir > li.menuOpen > a {
	color:#0083BA;
}
.lt-ie9 .localNav .top-dir a.has-child {
}
.lt-ie9 .localNav .top-dir .liChild {
	position: absolute;
	left: 0;
	top: 97px;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.lt-ie9 .localNav .top-dir .selected .liChild {
	height: auto;
}
.lt-ie9 .localNav .top-dir .liChild ul {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	display:none;
	width: 100%;
	box-sizing: border-box;
}
.lt-ie9 .localNav .top-dir .liChild .arw {
	fill-rule: evenodd;
	fill: #666;
	height: 13px;
	width: 8px;
	display: inline-block;
	margin-right: 10px;
}
.lt-ie9 .localNav .top-dir .liChild .active .arw {
	fill:#FFF;
}
.lt-ie9 .localNav .top-dir .liChild a:hover .arw {
	fill:#FFF;
}
.lt-ie9 .localNav .top-dir > li .liChild ul {
	display: table;
	background: #fff;
}
.lt-ie9 .localNav .top-dir.row3 li {
	width:33.33%;
}
.lt-ie9 .localNav .liChild ul.row2 li {
	width:50%;
}
.lt-ie9 .localNav .liChild ul.row3 li {
	width:33.33%;
}
.lt-ie9 .localNav .liChild ul.row4 li {
	width:25%;
}
.lt-ie9 .localNav .liChild ul.row5 li {
	width:20%;
}
.lt-ie9 .localNav .liChild ul.row6 li {
	width:16.65%;
}
.lt-ie9 .localNav .liChild ul.row7 li {
	width:14.27%;
}
.lt-ie9 .localNav .liChild ul li {
	display: table-cell;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	box-sizing: border-box;
}
.lt-ie9 .localNav .liChild ul li a {
	display: block;
	padding: 15px 0;
	font-size: 16px;
	font-weight: bold;
	color:#333;
}
.lt-ie9 .localNav .liChild ul li a.active {
	background: #007DB5;
	color: #FFF;
}
.lt-ie9 .localNav .liChild ul li a:hover {
	background: #007DB5;
	color: #FFF;
	text-decoration: none;
}
.lt-ie9 .sp-nav-wrap {
	display:none;
}
.lt-ie9 .sp-nav-wrap .localNav .top-dir {
	display:none;
}

.lt-ie9 #ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li.nav1 span:before {
	background-image: url(/products/shared_file/img/nav1.png);
	content:"";
	width:60px;
	height:53px;
	display: inline-block;
	vertical-align: middle;
}
.lt-ie9 #ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li.nav2 span:before {
	background-image: url(/products/shared_file/img/nav2.png);
	content:"";
	width:60px;
	height:53px;
	display: inline-block;
	vertical-align: middle;
}
.lt-ie9 #ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li.nav3 span:before {
	background-image: url(/products/shared_file/img/nav3.png);
	content:"";
	width:60px;
	height:53px;
	display: inline-block;
	vertical-align: middle;
}
.lt-ie9 #ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li.nav4 span:before {
	background-image: url(/products/shared_file/img/nav4.png);
	content:"";
	width:60px;
	height:53px;
	display: inline-block;
	vertical-align: middle;
}
.lt-ie9 #ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li.nav5 span:before {
	background-image: url(/products/shared_file/img/nav5.png);
	content:"";
	width:60px;
	height:53px;
	display: inline-block;
	vertical-align: middle;
}
.lt-ie9 .localNav .top-dir > li > a:before {
	content:"";
	width:42px;
	height:34px;
	display: block;
	margin:0 auto 10px;
}
.lt-ie9 .localNav .top-dir > li.nav0 > a:before {
	background-image: url(/products/shared_file/img/nav0.png);
}
.lt-ie9 .localNav .top-dir > li.nav1 > a:before {
	background-image: url(/products/shared_file/img/nav1-s.png);
}
.lt-ie9 .localNav .top-dir > li.nav2 > a:before {
	background-image: url(/products/shared_file/img/nav2-s.png);
}
.lt-ie9 .localNav .top-dir > li.nav3 > a:before {
	background-image: url(/products/shared_file/img/nav3-s.png);
}
.lt-ie9 .localNav .top-dir > li.nav4 > a:before {
	background-image: url(/products/shared_file/img/nav4-s.png);
}
.lt-ie9 .localNav .top-dir > li.nav5 > a:before {
	background-image: url(/products/shared_file/img/nav5-s.png);
}
.lt-ie9 #banner-area {
	width:950px;
	overflow: hidden;
}
.lt-ie9 #banner-area .small{
	margin:0 0 0 -30px;
}

.lt-ie9 #banner-area .small a {
	margin:0 0 20px 30px;
}
.lt-ie9 #banner-area .big a {
	margin:0 0 20px;
}
.lt-ie9 #banner-area2 {
	width:950px;
	overflow: hidden;
	
}
.lt-ie9 #banner-area2 .small{
	margin:0 0 0 -30px;
}

.lt-ie9 #banner-area2 .small a {
	margin:0 0 20px 30px;
}
.lt-ie9 #banner-area2 .big a {
	margin:0 0 20px;
}
.lt-ie9 .fixNav .navList li a:before {
	content:"";
	width:38px;
	height:32px;
	display: block;
	margin:0 auto 5px;
}
.lt-ie9 .fixNav .navList li.nav0 a:before {
	background-image: url(/products/shared_file/img/nav0-ss.png);
}
.lt-ie9 .fixNav .navList li.nav1 a:before {
	background-image: url(/products/shared_file/img/nav1-ss.png);
}
.lt-ie9 .fixNav .navList li.nav2 a:before {
	background-image: url(/products/shared_file/img/nav2-ss.png);
}
.lt-ie9 .fixNav .navList li.nav3 a:before {
	background-image: url(/products/shared_file/img/nav3-ss.png);
}
.lt-ie9 .fixNav .navList li.nav4 a:before {
	background-image: url(/products/shared_file/img/nav4-ss.png);
}
.lt-ie9 .fixNav .navList li.nav5 a:before {
	background-image: url(/products/shared_file/img/nav5-ss.png);
}
.lt-ie9 .sglFixNav .navList li a:before {
	content:"";
	width:38px;
	height:32px;
	display: block;
	margin:0 auto 5px;
}
.lt-ie9 .sglFixNav .navList li.nav0 a:before {
	background-image: url(/products/shared_file/img/nav0-ss.png);
}
.lt-ie9 .sglFixNav .navList li.nav1 a:before {
	background-image: url(/products/shared_file/img/nav1-ss.png);
}
.lt-ie9 .sglFixNav .navList li.nav2 a:before {
	background-image: url(/products/shared_file/img/nav2-ss.png);
}
.lt-ie9 .sglFixNav .navList li.nav3 a:before {
	background-image: url(/products/shared_file/img/nav3-ss.png);
}
.lt-ie9 .sglFixNav .navList li.nav4 a:before {
	background-image: url(/products/shared_file/img/nav4-ss.png);
}
.lt-ie9 .sglFixNav .navList li.nav5 a:before {
	background-image: url(/products/shared_file/img/nav5-ss.png);
}
.lt-ie9 .notice {
	background: #f5f5f5;
	padding: 12px 20px;
	border-radius: 5px;
	margin-top: 25px;
}
.lt-ie9 .notice dl {
	position: relative;
}
.lt-ie9 .notice dt {
	float: left;
}
.lt-ie9 .notice dd {
	float: left;
	padding: 0 25px;
}
.lt-ie9 .notice dd a {
	background: url(/shared_file/img/link_cursor_03_pc.png) 0 5px no-repeat;
	padding-left: 10px;
}
.lt-ie9 .pickupBanner {
	padding: 30px 0;
	border-bottom: 1px solid #CCC;
}
.lt-ie9 .pickupBanner .row2 {
}
.lt-ie9 .pickupBanner .row2 .item {
	width:50%;
}
.lt-ie9 .pickupBanner .row1 .item {
	width:100%;
}

.lt-ie9 .pickupBanner .item {
	display: block;
	float: left;
}
.lt-ie9 .pickupBanner .item dl {
	margin-bottom: 20px;
}
.lt-ie9 .pickupBanner .item dt {
	display: table-cell;
	width: 50%;
}
.lt-ie9 .pickupBanner .row1 .item dt {
	display: table-cell;
	width: 25%;
}
.lt-ie9 .textWrap {
	padding-top:40px;
	padding-bottom:40px;
}
.lt-ie9 .textWrap .txtInr {
	width: 525px;
	float: left;
}
.lt-ie9 .textWrap .txtInr .text-sec {
	padding-top:0;
}
.lt-ie9 .textWrap .mv-wrap {
	float: right;
	width: 380px;
}
.lt-ie9 .pickupBanner .item dt img {
	width:100%;
	height:auto;
}
.lt-ie9 .pickupBanner .item dd {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
}
.lt-ie9 .pickupBanner .item dd p {
	line-height: 1.8;
	font-size: 12px;
}
.lt-ie9 .pickupBanner .note {
	position: relative;
	padding-left: 1.3em;
	color:#777;
}
.lt-ie9 .pickupBanner .note span {
	position:absolute;
	left:0;
}
.lt-ie9 .text-sec + .sentei {
	margin-top:-20px;
}
.lt-ie9 .sentei {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 15px;
	background: #c0e5ff;
	border: solid 2px #0070c0;
	margin-bottom:20px;
}
.lt-ie9 .sentei .main_txt_02 {
	margin: 20px 0 0;
	background: #0274c5;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 20px;
}
.lt-ie9 .sentei .main_txt_02_2 {
	margin: 0 0 0;
	background: #0274c5;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 20px;
}
.lt-ie9 .sentei .main_txt_03 {
	margin: 5px 0 0;
	padding-left: 20px;
	font-size: 1.2em;
}
.lt-ie9 .sentei .note {
	position: relative;
	padding-left: 1.3em;
	color: #333;
	margin-top: 10px;
	margin-left: 10px;
}
.lt-ie9 .sentei .note span {
	position:absolute;
	left:0;
}
.lt-ie9 .sp-use {
	display: none!important;
}


@media print{
	.sglFixNav {
		display:none!important;
	}
	.fixNav {
		display:none!important;
	}
	.sp-nav-wrap {
		display:none!important;
	}
	.localNav .label {
		font-size: 13px;
		color:#777;
	}
	.localNav .localNav-btn {
	}
	.localNav .top-dir {
		margin-top:15px;
		margin-bottom:20px;
		width: 950px;
		display: table;
		border-right: 1px solid #CCC;
		position: relative;
	}
	.localNav .top-dir .icn {
		fill-rule: evenodd;
		fill: #666;
		height: 34px;
		width: 42px;
		display: block;
		vertical-align: middle;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		overflow: hidden;
	}
	.localNav .top-dir li.nav0 .icn {
		stroke: #FFF;
		stroke-width: .5px;
	}
	.localNav .top-dir .icn6 {
		width: 55px;
		height: 41px;
		margin-bottom: 4px;
	}
	.localNav .top-dir .nav3 .icn {
		margin-bottom:8px;
	}
	.localNav .top-dir li.menuOpen .icn {
		fill:#007BC7;
	}
	.localNav .top-dir.row6 > li {
		width:16.66%;
	}
	.localNav .top-dir.row4 > li {
		width:25%;
	}
	.localNav .top-dir > li {
		display: table-cell;
		border-left: 1px solid #CCC;
		text-align: center;
		vertical-align: middle;
		height: 77px;
		box-sizing: border-box;
	}
	.localNav .top-dir > li.sp-only {
		display:none;
	}
	.localNav .top-dir > li > a {
		font-size: 15px;
		color: #333;
		line-height: 1.3;
		display: block;
		position: relative;
	}
	.localNav .top-dir > li > a:hover,
	.localNav .top-dir > li.selected > a,
	.localNav .top-dir > li.js-hover > a{
		text-decoration: none;
		color:#0083BA;
	}
	.localNav .top-dir > li > a:hover .icn,
	.localNav .top-dir > li.selected > a .icn,
	.localNav .top-dir > li.js-hover > a .icn{
		fill:#007BC7;
	}
	.localNav .top-dir > li > a::after {
		content: " ";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 92px;
		z-index: 2;
		background: url(/products/shared_file/img/spacer.gif) repeat;
	}
	.localNav .top-dir > li.menuOpen > a {
		color:#0083BA;
	}
	.localNav .top-dir a.has-child {
	}
	.localNav .top-dir .liChild {
		position: absolute;
		left: 0;
		top: 97px;
		width: 100%;
		height: 0;
		overflow: hidden;
	}
	.localNav .top-dir .selected .liChild {
		height: auto;
	}
	.localNav .top-dir .liChild ul {
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		display:none;
		width: 100%;
		box-sizing: border-box;
	}
	.localNav .top-dir .liChild .arw {
		fill-rule: evenodd;
		fill: #666;
		height: 13px;
		width: 8px;
		display: inline-block;
		margin-right: 10px;
	}
	.localNav .top-dir .liChild .active .arw {
		fill:#FFF;
	}
	.localNav .top-dir .liChild a:hover .arw {
		fill:#FFF;
	}
	.localNav .top-dir > li .liChild ul {
		display: table;
		background: #fff;
	}
	.localNav .top-dir.row2 li {
		width:50%;
	}
	.localNav .top-dir.row3 li {
		width:33.33%;
	}
	.localNav .liChild .row2 li {
		width:50%;
	}
	.localNav .liChild ul.row3 li {
		width:33.33%;
	}
	.localNav .liChild ul.row4 li {
		width:25%;
	}
	.localNav .liChild ul.row5 li {
		width:20%;
	}
	.localNav .liChild ul.row6 li {
		width:16.65%;
	}
	.localNav .liChild ul.row7 li {
		width:14.27%;
	}
	.localNav .liChild ul li {
		display: table-cell;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		box-sizing: border-box;
	}
	.localNav .liChild ul li a {
		display: block;
		padding: 15px 0;
		font-size: 16px;
		font-weight: bold;
		color:#333;
	}
	.localNav .liChild ul li a.active {
		background: #007DB5;
		color: #FFF;
	}
	.localNav .liChild ul li a:hover {
		background: #007DB5;
		color: #FFF;
		text-decoration: none;
	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a {
		display:block;
		text-align: center;
		padding:50px 0 40px;
	}
	#ykkap-tpl-contents .ykkap-tpl-title-products-block .page-navi ul li a span {
		display:inline-block;
	}
}




#ykkap-tpl-contents .btn-series-list {
	margin: 65px 140px 65px;
}
#ykkap-tpl-contents .btn-series-list a {
	display: block;
	box-sizing: border-box;
	padding: 20px 0;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	background: #2a96d2;
	text-align: center;
	font-size: 22px;
	line-height: 1;
	/*-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;*/
}
#ykkap-tpl-contents .btn-series-list a:hover {
	/*opacity: 0.8;*/
	text-decoration: none;
}
#ykkap-tpl-contents .btn-series-list .btn-inr {
	display: table;
	margin: 0 auto;
}
#ykkap-tpl-contents .btn-series-list .icn-cell,
#ykkap-tpl-contents .btn-series-list .txt-cell {
	display: table-cell;
	vertical-align: middle;
}
#ykkap-tpl-contents .btn-series-list .icn-cell {
	padding-right: 10px;
}
#ykkap-tpl-contents .btn-series-list .icn-cell .icn {
	width: 23px;
	height: 23px;
	fill: #fff;
	vertical-align: bottom;
}
#ykkap-tpl-contents .btn-series-list .txt-cell {
	padding-top: 3px;
}

#ykkap-tpl-contents .ykkap-tpl-contents-products-block .btn-series-list:last-child {
	margin-bottom: 40px;
}

/* ===================================================================================
for SP max-width: 640px
=================================================================================== */
@media screen and (max-width: 640px) {
	#ykkap-tpl-contents .btn-series-list {
		margin: 15px 0 15px;
	}
	#ykkap-tpl-contents .btn-series-list a {
		padding: 15px 0;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: 13px;
	}
	#ykkap-tpl-contents .btn-series-list .btn-inr {
	}
	#ykkap-tpl-contents .btn-series-list .icn-cell,
	#ykkap-tpl-contents .btn-series-list .txt-cell {
	}
	#ykkap-tpl-contents .btn-series-list .icn-cell {
		padding-right: 6px;
	}
	#ykkap-tpl-contents .btn-series-list .icn-cell .icn {
		width: 15px;
		height: 15px;
	}
	#ykkap-tpl-contents .btn-series-list .txt-cell {
		padding-top: 1px;
	}
	
	#ykkap-tpl-contents .ykkap-tpl-contents-products-block .btn-series-list:last-child {
		margin-bottom: 20px;
	}
}

/* ===================================================================================
 * local-navi
 * 2018/01 P.A.
=================================================================================== */
.local-nav {
	position: relative;
}
.local-nav * {
	box-sizing: border-box;
}
.pc-view .local-nav .sp-only {
	display: none !important;
}

/* ===================================================================================
for PC min-width: 641px
=================================================================================== */
.ln-pc .ln-cf:before,
.ln-pc .ln-cf:after {
  display: table;
  content: " ";
}
.ln-pc .ln-cf:after {
  clear: both;
}
.ln-pc .row2 > * {
  float: left;
  width: 50%;
}
.ln-pc .row3 > * {
  float: left;
  width: 33.3333%;
}
.ln-pc .row4 > * {
  float: left;
  width: 25%;
}
.ln-pc .row5 > * {
  float: left;
  width: 20%;
}
.ln-pc .row6 > * {
  float: left;
  width: 16.66%;
}
.ln-pc .ln-disabled-on-pc {
  cursor: default;
  pointer-events: none;
}

 /* 第1階層 */
.ln-pc .ln-root {
  margin-top: 15px;
}
 .ln-pc .ln-root-items {
  padding-bottom: 17px;
}
.ln-pc .ln-root-item {
  border-right: 1px solid #ccc;
}
.ln-pc .ln-root-item:first-child {
  border-left: 1px solid #ccc;
}
 /* 第1階層ボタン */
.ln-pc .icn {
  fill-rule: evenodd;
  fill: #666;
  height: 34px;
  width: 42px;
  display: block;
  vertical-align: middle;
  margin: 0 auto 15px;
  overflow: hidden;
  pointer-events: none;
}
.ln-pc .ln-root-btn {
  display: block;
  height: 97px;
  width: 100%;
  padding-top: 8px;
  margin-bottom: -17px;
  text-align: center;
  font-size: 15px;
  color: #333;
  text-decoration: none;
  line-height: 1.3;
  position: relative;
  z-index: 2;
}
.ln-pc .ln-root-btn:hover,
.ln-pc .selected > .ln-root-btn {
  color:#0083BA;
}
.ln-pc .ln-root-btn:hover .icn,
.ln-pc .selected > .ln-root-btn .icn {
  fill:#007BC7;
}
.ln-pc .ln-root-btn-0 .icn {
  stroke: #fff;
  stroke-width: .5px;
}
.ln-pc .ln-root-btn-3{
  padding-top: 0;
}
.ln-pc .ln-root-btn-3 .icn {
  margin-bottom: 8px;
}
.lt-ie9 .ln-pc .ln-root-btn {
  background-repeat: no-repeat;
  background-position: center 10px;
  padding-top: 54px;
}
.lt-ie9 .ln-pc .ln-root-btn-0 {
  background-image: url(/products/shared_file/img/nav0.png);
}
.lt-ie9 .ln-pc .ln-root-btn-1 {
  background-image: url(/products/shared_file/img/nav1-s.png);
}
.lt-ie9 .ln-pc .ln-root-btn-2 {
  background-image: url(/products/shared_file/img/nav2-s.png);
}
.lt-ie9 .ln-pc .ln-root-btn-3 {
  background-image: url(/products/shared_file/img/nav3-s.png);
  background-position: center 5px;
  padding-top: 45px;
}
.lt-ie9 .ln-pc .ln-root-btn-4 {
  background-image: url(/products/shared_file/img/nav4-s.png);
}
.lt-ie9 .ln-pc .ln-root-btn-5 {
  background-image: url(/products/shared_file/img/nav5-s.png);
}
 /* ボタン バレット */
.ln-pc a .arw {
  fill: #333;
  display: inline-block;
  width: 8px;
  height: 13px;
  margin-right: 10px;
}
 /* 第2階層 */
.ln-pc .ln-root-btn + .ln-child {
  width: 100%;
  position: absolute;
  left: 0;
  top: 97px;
}
.ln-pc .ln-menu-item {
  border: 1px solid #ccc;
  border-left: 0;
}
.ln-pc .ln-menu-item:first-child {
  border-left: 1px solid #ccc;
}
 /* 第2階層ボタン */
.ln-pc .ln-menu-btn {
  display: block;
  height: 54px;
  padding: 15px 0;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  text-align: center;
  background-color: #fff;
}
.ln-pc .ln-menu-btn:hover,
.ln-pc .ln-menu-btn.active {
  color: #fff;
  text-align: center;
  background-color: #007DB5;
}
.ln-pc .ln-menu-btn:hover .arw,
.ln-pc .ln-menu-btn.active .arw {
  fill: #fff;
}
 /* 下層表示設定 */
.ln-pc .ln-child {
  display: none;
}
.ln-pc .selected > .ln-child {
  display: block;
}
.ln-pc .ln-root-item > .ln-child {
  z-index: 2;
}
.ln-pc .ln-root-item.selected > .ln-child {
  z-index: 901;
}
.ln-pc .selected > .ln-megadrop {
  display: none;
}

 /* メガドロップ */
.ln-pc .ln-focus > .ln-has-megadrop:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-bottom: 7px solid #0084b9;
  margin-left: -5px;
}
.ln-pc .ln-megadrop {
  background: #fff;
  width: 100%;
  z-index: 10;
}
.ln-pc .ln-megadrop-close {
	text-align: right;
	padding-bottom: 15px;
}
.ln-pc .ln-megadrop-close img {
	cursor: pointer;
}
.ln-pc .ln-megadrop .ln-child {
  display: block;
}
.ln-pc .ln-megadrop .ln-md-inner {
  border: 3px solid #0084b9;
  padding: 15px 15px 0 15px;
  overflow: hidden;
  text-align: left;
}
.ln-pc .ln-megadrop.ln-md-yscroll .ln-md-inner {
	max-height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.ln-pc .ln-megadrop .ln-md-items {
  display: table;
  width: 100%;
}
.ln-pc .ln-megadrop .ln-md-items:after {
  content: '';
  display: table;
}
.ln-pc .ln-megadrop .ln-md-items > li {
  display: table-cell;
  float: none;
  border: 15px solid #fff;
  position: relative;
}
.ln-pc .ln-megadrop .ln-md-items > .selected {
  background: #e5f2f8;
}
.ln-pc .ln-megadrop .ln-md-cap {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  text-decoration: none !important;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #cbcbcb;
  background: #fff;
}
.ln-pc .ln-megadrop .selected > .ln-md-cap {
  color: #fff;
  background: #0084b9;
  border-color: #0084b9;
}
.ln-pc .ln-megadrop .ln-child {
  padding: 18px 20px;
}
.ln-pc .ln-megadrop .ln-child li + li {
  margin-top: 11px;
}
.ln-pc .ln-megadrop .ln-child a {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  text-decoration: none !important;
  text-indent: -18px;
  margin-left: 18px;
}
.ln-pc .ln-megadrop .ln-child a.active,
.ln-pc .ln-megadrop .ln-child a:hover {
  font-weight: bold;
}
.ln-pc .ln-megadrop .ln-child a.active {
  color: #0084b9;
}
.ln-pc .ln-megadrop .ln-child a.active .arw {
  fill: #0084b9;
}

 /* FIXED フロート */
.ln-float {
  position: fixed;
  width: 100%;
  min-width: 990px;
  left: 0;
  top: 0;
  z-index: 10000;
  background-image: url(/products/shared_file/img/fixNavBase.png);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -ms-transition: -ms-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.ln-float.ln-show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.ln-float:after {
  content: "";
  background-image: url(/products/shared_file/img/fixNavBg.png);
  height: 6px;
  display: block;
  background-repeat: repeat-x;
}
.ln-float .ln-float-inner {
  display: table;
  width: 950px;
  margin: 0 auto;
  position: relative;
}
.ln-float .ln-label,
.ln-float .ln-root {
  display: table-cell;
  vertical-align: middle;
}
.ln-float .ln-label {
  color: #007FBF;
  font-size: 19px;
  font-weight: bold;
}
.ln-float .ln-root {
  margin-top: 0;
}
.ln-float .ln-root-items {
  float: right;
  padding-top: 10px;
  padding-bottom: 6px;
  margin-bottom: -6px;
}
.ln-float .ln-root-item {
  width: 84px;
  border: 0 !important;
}
.ln-float .ln-menu-items {
  margin: 0;
}
.ln-float .icn {
  fill: #000;
  height: 30px;
  width: 30px;
  margin-bottom: 5px !important;
}
.ln-float .ln-root-btn {
  height: 67px;
  font-size: 11px;
  line-height: 1.2;
  padding-top: 8px;
  margin-bottom: 0;
}
.ln-float .ln-root-btn-3 {
  padding-top: 2px;
}
.ln-float .ln-root-btn + .ln-child {
  width: 100%;
  position: absolute;
  left: 0;
  top: auto;
}
.lt-ie9 .ln-float {
  display: none;
}
.lt-ie9 .ln-float.ln-show {
  display: block;
  height: auto !important;
}
.lt-ie9 .ln-float .ln-root-btn {
  background-repeat: no-repeat;
  background-position: center 5px;
  padding-top: 43px;
}
.lt-ie9 .ln-float .ln-root-btn-0 {
  background-image: url(/products/shared_file/img/nav0-ss.png);
}
.lt-ie9 .ln-float .ln-root-btn-1 {
  background-image: url(/products/shared_file/img/nav1-ss.png);
}
.lt-ie9 .ln-float .ln-root-btn-2 {
  background-image: url(/products/shared_file/img/nav2-ss.png);
}
.lt-ie9 .ln-float .ln-root-btn-3 {
  background-image: url(/products/shared_file/img/nav3-ss.png);
  background-position: center 0;
  padding-top: 36px;
}
.lt-ie9 .ln-float .ln-root-btn-4 {
  background-image: url(/products/shared_file/img/nav4-ss.png);
}
.lt-ie9 .ln-float .ln-root-btn-5 {
  background-image: url(/products/shared_file/img/nav5-ss.png);
}


/* ===================================================================================
for SP max-width: 640px
=================================================================================== */
@media screen and (max-width: 640px) {
	/* スクロールFIX */
	.ln-sp {
		height: 50px;
		margin-left: -10px;
		margin-right: -10px;
		position: relative;
		z-index: 901;
	}
	.fixed .ln-sp-inner {
		position: fixed;
		top: 0;
		width: 100%;
		max-height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.ln-sp .icn,
	.ln-sp .arw {
		display: none;
	}
	.ln-sp .ln-sp-toggle {
		text-align: center;
		font-size: 14px;
		color: #fff;
		background: #888;
		border: 1px solid #bbb;
		line-height: 48px;
		padding: 0;
		width: 100%;
		cursor: pointer;
		position: relative;
	}
	.ln-sp .ln-sp-toggle.sp-opened {
		background: rgba(170, 170, 170, 0.8);
	}
	.ln-sp .ln-root,
	.ln-sp .ln-child {
		display: none;
	}
	.ln-sp .active + .ln-child {
		display: block;
	}

	/* ボタン */
	.ln-sp .ln-sp-btn {
		display: block;
		position: relative;
		cursor: pointer;
	}
	.ln-sp .ln-sp-btn.active {
		background-repeat: no-repeat;
		background-size: .8rem;
	}
	.ln-sp .ln-root-btn {
		padding: 13px 30px;
		background-color: #888;
		border-bottom: 1px solid #bbb;
		color: #FFF;
		font-size: 13.5px;
		
	}
	.ln-sp .ln-root-btn.active {
		background-image: url(/products/shared_file/img/check_w.png);
		background-position: 10px center;
	}
	.ln-sp .ln-child .ln-sp-btn {
		background-color: #fff;
		border-bottom: 1px solid #f0f0f0;
		padding: 10px 10px 10px 45px;
		color: #333;
	}
	.ln-sp .ln-child .ln-sp-btn.active {
		background-image: url(/products/shared_file/img/check_b.png);
		background-position: 20px center;
	}
	.ln-sp .ln-child .ln-child .ln-sp-btn {
		padding-left: 60px;
	}
	.ln-sp .ln-child .ln-child .ln-sp-btn.active {
		background-image: url(/products/shared_file/img/check_blue.png);
		background-position: 35px center;
	}

	/* 3階層対応 */
	.ln-sp .ln-has-3rdlayer .ln-child .ln-sp-btn {
		background-color: #f0f0f0;
		border-bottom: 1px solid #fff;
	}
	.ln-sp .ln-has-3rdlayer .ln-child .ln-child .ln-sp-btn {
		background-color: #fff;
		border-bottom: 1px solid #f0f0f0;
	}

	/* プラスアイコン */
	.ln-sp .ln-sp-toggle span,
	.ln-sp .ln-has-child span {
		display: block;
		position: absolute;
		background: #fff;
	}
	.ln-sp .ln-sp-toggle span:after,
	.ln-sp .ln-has-child span:after {
		content: '';
		display: block;
		position: absolute;
		background: #fff;
	}
	.ln-sp .ln-sp-toggle span {
		width: 13px;
		height: 1px;
		top: 50%;
		right: 18px;

		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: transform 0.6s ease-out;
		transition: transform 0.6s ease-out;
	}
	.ln-sp .ln-sp-toggle span:after {
		width: 1px;
		height: 13px;
		top: -6px;
		right: 6px;

		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: transform 0.6s ease-out;
		transition: transform 0.6s ease-out;
	}
	.ln-sp .ln-sp-toggle.sp-opened span {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.ln-sp .ln-sp-toggle.sp-opened span:after {
		top: -6px;
		right: 6px;
		height: 13px;
	}

	.ln-sp .ln-has-child span {
		top: 50%;
		right: 20px;
		width: 9px;
		height: 1px;
	}
	.ln-sp .ln-has-child span:after {
		top: -4px;
		right: 4px;
		width: 1px;
		height: 9px;

		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: transform 0.6s ease-out;
		transition: transform 0.6s ease-out;
	}
	.ln-sp .ln-has-child.sp-opened span:after {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}

	.ln-sp .ln-child .ln-has-child span,
	.ln-sp .ln-child .ln-has-child span:after {
		background: #666;
	}

}

@media print {
	.ln-float {
		display: none;
	}
}





/* --------- overwrite --------- */

body {
	font-family: "Sawarabi Gothic", sans-serif; /* overwrite */
}

#ykkap-tpl-contents .ykkap-tpl-contents-products-block .block {
    border-bottom: none; /* overwrite */
}


@media screen and (max-width: 640px) {
	.ex-btn-catalog2.flR {
		float: none !important; /* overwrite */
	}
	.ex-btn-catalog2 .YKKAP-ButtonWebCatalog {
		margin-top: 15px; /* overwrite */
	}
}

/* --------- /overwrite --------- */
