@charset "UTF-8";

/*-------------------------------------------



Slide Menu



-------------------------------------------*/

#drawerMenu {

	position: relative;

}

#drawerMenu .spDrawerMenu {

	position: absolute;

	top: 0;

	right: 0;

	width: 315px;

	height: 100%;

	z-index: 2;

	background: #f0fff7;

	box-shadow:rgba(0, 0, 0, 0.247059) -3px -1px 6px -2px;

	-webkit-box-shadow:rgba(0, 0, 0, 0.247059) -3px -1px 6px -2px;

	-moz-box-shadow:rgba(0, 0, 0, 0.247059) -3px -1px 6px -2px;

}

#drawerMenu .spDrawerMenu a {

	text-decoration: none;

}

#drawerMenu .closeDrawer {

	text-align: right;

}

#drawerMenu .closeDrawer a {

	display: inline-block;

	padding: 5px 10px;

	font-size: 0.625em;

	font-weight: bold;

	text-align: center;

}

#drawerMenu .closeDrawer a > span:before {

	display: block;

	color: #0c3bbc;

	font-size: 30px;

	font-weight: normal;

	line-height: 1;

}

#drawerMenu .spDrawerMenu .globalBlock > dt {

	position: relative;

	background: #0c3bbc;

	box-shadow:rgba(0, 0, 0, 0.247059) -3px -1px 6px -2px;

	-webkit-box-shadow:rgba(0, 0, 0, 0.247059) -3px -1px 6px -2px;

	-moz-box-shadow:rgba(0, 0, 0, 0.247059) -3px -1px 6px -2px;

	padding: 15px 33px 15px 16px;

}

#drawerMenu .spDrawerMenu .globalBlock > dt > a > span {

	font-size: 1.143em;

	color: #fff;

}

#drawerMenu .spDrawerMenu .firstHierarchy .globalBlock > dt[role="treeitem"] > a:after {

	color: #fff;

}

#drawerMenu .spDrawerMenu .globalBlock > dt > a > span:after {

	right: 15px;

}

#drawerMenu .spDrawerMenu .firstHierarchy > li {

	border-bottom: 1px solid #fff;

}

#drawerMenu .spDrawerMenu .firstHierarchy > li > a {

	display: block;

	position: relative;

	padding: 15px 33px 15px 16px;

	background: #0c3bbc;

	font-size: 1.143em;

	color: #fff;

}

#drawerMenu .spDrawerMenu .firstHierarchy > li > a:before {

	color: #fff !important;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy {

	background: #eff9ff;

	padding: 0;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .categoryBlock > dt > a {

	display: block;

	position: relative;

	padding: 15px 30px 15px 0;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .categoryBlock > dt:not(.menuIcon01) > a {

	padding-left: 18px;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .categoryBlock > dt > a span:after {

	color: #fff !important;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .categoryBlock > dt {

	border-top: 1px solid #fff;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy > li:first-child .categoryBlock dt {

	border: none;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .categoryBlock > dt > a {

	color: #000;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .thirdHierarchy > li > a {

	display: block;

	position: relative;

	padding: 12px 30px 12px 12px;

	border-top: solid 1px #e1e1e1;

	background: #fff;

	color: #000;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .thirdHierarchy > li.menuIcon01 > a {

	padding: 12px 30px 12px 0;

}

#drawerMenu .spDrawerMenu .spDrawerDirectLink dt[role="treeitem"] > a:after,

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .thirdHierarchy > li > a::after {

	position: absolute;

	top: 50%;

	right: 10px;

	margin-top: -.75em;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .thirdHierarchy > li > a:hover {

	background: #fafafa;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy > li > .categoryBlock > dt.menuIcon01 > a,

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .thirdHierarchy > li.menuIcon01 > a {

	padding-left: 45px;

}



#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy > li .categoryBlock dd a > span:before {

	top: 50%;

	left: 14px;

	top: 50%;

	margin-top: -0.5em;

	color: #0ea36d;

	font-size: 25px;

	font-weight: normal;

}

#drawerMenu .spDrawerMenu .firstHierarchy .secondHierarchy .thirdHierarchy > li.kojin05Menu08 > a:before {

	width: 27px;

	height: 20px;

	left: 13px;

}



#drawerMenu .spDrawerMenu * + .iconWrap {

	margin-left: 24px;

}

#drawerMenu .spDrawerMenu .iconWrap > * {

	min-width: 72px;

	margin-right: 5px;

}

#drawerMenu .spDrawerMenu .iconWrap .iconCCobaltGreen {

	background: #0c3bbc;

}

#drawerMenu .spDrawerMenu .iconWrap > .icoWAuto {

	min-width: 0;

	padding-left: 6px;

	padding-right: 6px;

}





@media screen and (max-width: 767px) {

	/*-------------------------------------------

	Base Setting

	-------------------------------------------*/

	body {

		min-width: 0;

		line-height: 1.5625;

	}



	a:hover > img,

	a.imgOpacity:hover img,

	a:hover > img.imgOpacityImg,

	a.noImgOpacity:hover img.imgOpacityImg {

		filter:alpha(opacity=100) !important;

	    -moz-opacity: 1.0 !important;

	    opacity: 1.0 !important;

	}



	/*-------------------------------------------



	Header



	-------------------------------------------*/

	#selectBankInner {

		width: auto;

		padding: 31px 12px 33px;

	}

	#selectBankInner::after {

		bottom: -10px;

		left: 70px;

		border-width: 10px 11px 0 11px;

		border-color: #4c4c4c transparent transparent transparent;

	}

	#selectBank .selectBankTtl {

		margin-bottom: 68px;

		font-size: 0.87em;

	}

	#selectBank .selectBankBtnList {

		margin-bottom: 12px;

		width: auto;

	}

	#selectBank .selectBankBtnWrap {

		width: 49%;

		position: relative;

		padding: 11px 5px 28px;

	}

	#selectBank .selectBankBtnWrap:first-child {

		margin-right: 2%;

	}

	#selectBank .selectBankBtn {

		width: 100%;

		height: 45px;

	}

	#selectBank .selectBankBtnTxtSelected {

		padding-top: 5px;

		padding-bottom: 5px;

	}

	#selectBank .selectBankBtnTxtSelected > *{

		padding-left: 16px;

		font-size: 0.62em;

	}

	#selectBank .selectBankBtnTxtSelected > *:before {

		border-width: 0 5px 5px 5px;

		border-color: transparent transparent #ffffff transparent;

	}

	#selectBank .selectBankBtnBalloon {

		top: -54px;

		left: 8px;

		padding-top: 21px;

		padding-bottom: 9px;

		padding-left: 35%;

		background-size: 35% auto;

		background-position: left bottom;

	}

	#selectBank .selectBankBtnBalloon > * {

		padding: 8px 12px 8px 10px;

		font-size: 0.62em;

	}

	#selectBank .selectBankBtnBalloon > *::before {

		left: -5px;

		width: 5px;

		height: 9px;

	}

	#selectBank .selectBankBtn img {

		max-width: 70%;

	}

	#selectBank .selectBankBtn img#svgSelectResona {

		max-width: 50%;

	}

	#closeSelectBank {

		padding-left: 41px;

		padding-right: 30px;

		width: auto;

		font-size: 0.62em;

	}



	header[role="banner"] .headerTop,

	header[role="banner"] #urgencyBox,

	header[role="banner"] .headerInner .spHeaderMenu > ul,

	header[role="banner"] .spHeaderSearch .spHeaderSearchInner {

		padding: 10px 10px 10px 10px;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}

	header[role="banner"] .headerTop {

		display: table;

		width: 100%;

		margin-bottom: 0;

		padding-bottom: 0;

	}

	header[role="banner"] .headerTop > *,

	header[role="banner"] .headerInner.headerKojin .logoWrap {

		display: table-cell;

		vertical-align: middle;

	}

	header[role="banner"] .headerInner {

		/*background: url(/common/images/bg_header01_sp.gif) center 0 no-repeat;*/

	}

	header[role="banner"] .headerInner .logoWrap {

		float: none;

		width: 160px;

		margin-bottom: 5px;

	}

	header[role="banner"] .headerInner.headerKojin .logoWrap {

		width: 120px;

	}

	header[role="banner"] .headerInner .logoWrap > p {

		width: auto;

	}

	header[role="banner"] .headerInner .logoWrap > * {

		padding-left: 0;

	}

	header[role="banner"] .headerInner .logoWrap > dl {

		display: none;

	}

	header[role="banner"] .headerInner .logoWrap img {

		width: 120px;

	}

	header[role="banner"] .headerInner {

		width: auto;

		background-size: 300px auto;

		background-position: top 4px right 10px;

	}

	header[role="banner"] .headerInner .financialCode {

		display: block;

		position: static;

		padding-left: 30px;

		padding-right: 0;

		border: none;

		color: #000;

	}

	header[role="banner"] .headerInner .btnSelectBank span {

		display: none;

	}

	header[role="banner"] .headerInner .btnSelectBank[aria-hidden='true'] {

		display: none;

	}

	header[role="banner"] .headerInner .btnSelectBank[aria-hidden='false'] {

		display: table-cell;

	}



	header[role="banner"] .headerInner .spHeaderMenu > ul {

		padding-right: 0;

	}

	header[role="banner"] .headerInner.headerKojin .spHeaderMenu > ul {

		padding-bottom: 4px;

		padding-left: 4px;

	}

	header[role="banner"] .headerInner .spHeaderMenu,

	header[role="banner"] .headerInner .spHeaderMenu > ul > li > div {

		display: block !important;

	}

	header[role="banner"] .headerInner .spHeaderMenu > ul > li {

		display: inline-block;

		vertical-align: middle;

	}

	header[role="banner"] .headerInner .spHeaderMenu > ul > li > a.glyphAtm02 span:before {

		content: '';

		position: static;

		display: block;

		width: 35px;

		height: 18px;

		margin: 0 auto;

		padding: 7px 0;

		background: #0c3bbc;

		-webkit-background-size: 29px 24px;

		background-size: 29px 24px;

		font-size: 18px;

		-webkit-border-radius: 5px;

		-moz-border-radius: 5px;

		-ms-border-radius: 5px;

		-o-border-radius: 5px;

		border-radius: 5px;

		box-shadow: rgb(229, 229, 229) 0px 3px 2px 0px;

		-webkit-box-shadow: rgb(229, 229, 229) 0px 3px 2px 0px;

		-moz-box-shadow: rgb(229, 229, 229) 0px 3px 2px 0px;

 	}

	header[role="banner"] .headerGuide,

	header[role="banner"] .gnavArea,

	header[role="banner"] .infoNav,

	header[role="banner"] .categoryNavNew,

	header[role="banner"] #dropDownNav {

		display: none !important;

	}

	header[role="banner"] .headerInner .headerLeft {

		width: 60%;

	}

	header[role="banner"] .headerInner .headerRight {

		width: 40%;

		margin-top: 0;

	}

	header[role="banner"] .spHeaderSearch {

		display: block;

	}

	header[role="banner"] .headerInner .headerAlertArea {

		max-width: none;

		padding: 0 10px;

	}



	/*-------------------------------------------



	Footer



	-------------------------------------------*/

	#pageTop {

		right: 10px;

	}

	#pageTop,

	#pageTop > img {

		bottom: 20px;

		width: 40px;

		height: 40px;

	}

	footer[role="contentinfo"] {

		margin-bottom: 0;

		font-size: 16px;

	}

	footer[role="contentinfo"] .snsArea > dl,

	footer[role="contentinfo"] .footerInfo,

	footer[role="contentinfo"] .footerNav > nav {

		width: 100%;

	}

	footer[role="contentinfo"] .snsArea > dl {

		display: none;

	}

	footer[role="contentinfo"] .snsArea .spFooterSnsList {

		display: block;

		text-align: center;

		font-size: 0;

	}

	footer[role="contentinfo"] .snsArea .spFooterSnsList > li {

		display: inline-block;

		width: 41px;

		margin-right: 20px;

	}

	footer[role="contentinfo"] .snsArea .spFooterSnsList > li:last-child {

		margin-right: 0;

	}

	footer[role="contentinfo"] .footerInfo {

		margin-top: 0;

	}

	footer[role="contentinfo"] .footerInfo .resonaInfo > dt {

		display: block;

		margin-bottom: 10px;

		padding-right: 0;

		font-weight: bold;

	}

	footer[role="contentinfo"] .footerInfo .resonaInfo > dd > dl {

		display: table;

		width: 100%;

		margin-left: 0;

		margin-bottom: 7px;

		font-size: 11px;

	}

	footer[role="contentinfo"] .footerInfo .resonaInfo > dd > dl > * {

		display: table-cell;

		vertical-align: top;

	}

	footer[role="contentinfo"] .footerInfo .resonaInfo > dd > dl > dt {

		padding-right: 5px;

	}

	footer[role="contentinfo"] .footerInfo .resonaInfo > dd > dl > dt span {

		display: inline-block;

		width: 100%;

		padding: 0;

		text-align: center;

	}

	footer[role="contentinfo"] .footerInfo .resonaInfo > dd > dl > dd {

		width: auto;

	}

	footer[role="contentinfo"] .footerNav {

		display: none;

	}

	footer[role="contentinfo"] .footerLargeCategoryNav,

	footer[role="contentinfo"] .spFooterNav,

	footer[role="contentinfo"] .footerInfo .pcSite {

		display: block;

		background: #fff;

		border: 0;

	}

	footer[role="contentinfo"] .spFooterSearch {

		display: block;

		padding: 20px 25px 25px;

		border-bottom: 0;

		background: #f7f7f7;

	}

	footer[role="contentinfo"] .footerLargeCategoryNav > ul,

	footer[role="contentinfo"] .spFooterNav > ul {

		display: block;

		width: auto;

		border-top: 1px solid #eaeaea;

		font-size: 0;

	}

	footer[role="contentinfo"] .footerLargeCategoryNav > ul > li,

	footer[role="contentinfo"] .spFooterNav > ul > li {

		display: inline-block;

		width: 50%;

		margin-left: 0;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		border-right: 1px solid #eaeaea;

		border-bottom: 1px solid #eaeaea;

		font-size: 13px;

		text-align: left;

	}

	footer[role="contentinfo"] .footerLargeCategoryNav > ul > li:nth-child(even),

	footer[role="contentinfo"] .spFooterNav > ul > li:nth-child(even) {

		border-right: none;

	}

	footer[role="contentinfo"] .footerLargeCategoryNav.saitamaFooterLargeCategoryNav > ul > li {

		display: block;

		width: 100%;

		margin: 0;

		border-right: none;

	}

	footer[role="contentinfo"] .footerLargeCategoryNav > ul > li.current > a,

	footer[role="contentinfo"] .footerLargeCategoryNav > ul > li > a:hover,

	footer[role="contentinfo"] .footerLargeCategoryNav > ul > li > a,

	footer[role="contentinfo"] .spFooterNav > ul > li > a {

		display: inline-block;

		width: 100%;

		height: 100%;

		padding: 19px 15px;

		vertical-align: middle;

		border: 0;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		background: #fff;

		color: #000;

	}

	footer[role="contentinfo"] .footerLargeCategoryNav > ul > li > a > span {

		display: inline-block;

		position: relative;

		padding-left: 1.2em;

	}

	footer[role="contentinfo"] .footerLargeCategoryNav > ul > li > a > span:before {

		content: "\e909";

		display: block;

		position: absolute;

		top: 0.3em;

		left: 0;

		font-family: 'icon_type2018';

		font-weight: normal;

		line-height: 1;

	}

	footer[role="contentinfo"] .pcSite a {

		padding-top: 9px;

		padding-right: 10px !important;

		padding-bottom: 10px;

		padding-left: 10px;

		font-size: 1em;

		line-height: 1.5;

	}

	footer[role="contentinfo"] .pcSite a > span {

		padding-right: 10px !important;

	}

	footer[role="contentinfo"] .pcSite a > span::before {

		top: 50%;

		left: 18px;

		margin-top: -0.5em;

		line-height: 1;

		font-size: 10px !important;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroup {

		margin: 0 14px;

	}

	footer[role="contentinfo"] .footerInfo .infoNav {

		padding: 0 25px 30px;

		background: #f7f7f7;

		border: 0;

	}

	footer[role="contentinfo"] .footerInfo .infoNav > ul {

		width: auto;

		text-align: left;

	}

	footer[role="contentinfo"] .footerInfo .infoNav > ul > li {

		display: inline;

		padding: 0;

		text-align: left;

		font-size: 0.75em;

		line-height: 2.5;

	}

	footer[role="contentinfo"] .footerInfo .infoNav > ul > li > a {

		display: inline;

	}

	footer[role="contentinfo"] .footerInfo .infoNav > ul > li:first-child:before,

	footer[role="contentinfo"] .footerInfo .infoNav > ul > li:after {

		position: static;

		content: "";

		display: inline-block;

		content: "";

		width: 1px;

		height: 1em;

		margin: -1px 10px;

		background: #bbb;

		line-height: 1;

	}

	footer[role="contentinfo"] .footerInfo .infoNav > ul > li:first-child > a:before,

	footer[role="contentinfo"] .footerInfo .infoNav > ul > li > a:after {

		content: none;

	}

	footer[role="contentinfo"] .footerInfo .resonaInfoWrap {

		padding: 0;

		border-top: 0;

		background: #fff;

	}

	footer[role="contentinfo"] .footerInfo .resonaInfo {

		width: auto;

		padding: 0 25px 20px;

		background: #f7f7f7;

		text-align: center;

	}

	footer[role="contentinfo"] .footerInfo .resonaInfo > * {

		color: #000 !important;

	}

	footer[role="contentinfo"] .footerInfo .resonaInfo dd dl dd {

		padding: 0;

	}

	footer[role="contentinfo"] .footerInfo .pcSite {

		margin: 0;

		padding: 0 25px 10px;

		background: #f7f7f7;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo {

		padding: 25px 0 0 0;

		display: block;

		background-color: #fff;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dl {

		display: block;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dl.kmfgGroup {

		margin: 10px 0;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dt {

		padding: 0;

		text-align: center;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dt a img {

		height: 28px;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dt a img.svgGroup {

		width: auto;

		height:30px;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dt a img.svgKmfgGroup {

		width: auto;
		
		height:31px;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dd {

		display: flex;

		-webkit-justify-content: center;

		justify-content: center;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo .resonaGroup dt {

		padding-right: 0;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo .resonaGroup dd,

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo .kmfgGroup dd {

		width: auto;

		margin-top: 5px;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dd ul {

		-webkit-justify-content: center;

		justify-content: center;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dd ul li {

		margin: 3px 6px;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dd ul li a img {

		height:20px;

		vertical-align: middle;

		display: inline-block;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dd ul li a img.svgResona {


	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dd ul li a img.svgSaitama {


	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dd ul li a img.svgUrban {

		width: 95px;

	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dd ul li a img.svgKansaimirai {


	}

	footer[role="contentinfo"] .footerInfo .resonaGroupInfo dd ul li a img.svgMinato {


	}

	footer[role="contentinfo"] .footerInfo .copyRight {

		display: block;

		position: relative;

		width: auto;

		margin: 70px 0 0;

		padding: 15px 0;

		background: #0c3bbc;

		text-align: center;

		font-size: 0.6875em;

		color: #fff;

	}

	footer[role="contentinfo"] .footerInfo .copyRight:before {

		content: '';

		display: block;

		position: absolute;

		top: -42px;

		left: 50%;

		width: 300px;

		height: 19px;

		margin-left: -150px;

		/*background: url(/common/images/bg_header01_sp.gif) 0 50% no-repeat;*/

		-webkit-background-size: 300px 19px;

		background-size: 300px 19px;

	}



	/*-------------------------------------------



	TopicPath



	-------------------------------------------*/

	#topicPath {

		display: none;

	}



	/*-------------------------------------------



	Main Area



	-------------------------------------------*/

	#wrap #mainArea,

	#wrap #mainArea main,

	#wrap #mainArea #sideNav {

		float: none !important;

		width: 100% !important;

	}

	#wrap #mainArea {

		margin-bottom: 0;

	}

	#wrap #mainArea main {

		padding: 0 10px;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}
	
	/*-------------------------------------------
	Main Area1
	-------------------------------------------*/

	#wrap #mainArea1,
	#wrap #mainArea1 main,
	#wrap #mainArea1 #sideNav {
		float: none !important;
		width: 100% !important;
	}

	#wrap #mainArea1 {
		margin-bottom: 0;
	}

	#wrap #mainArea1 main {
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.bnrArea01 {

		background: #fffbea;

		padding: 15px 10px;

	}



	/* .architectureType2018 */

	.architectureType2018 #wrap #mainArea main .mainInner {

		width: auto;

		margin: 20px auto 0;

	}

	.architectureType2018 #wrap #mainArea main.mainNarrow .mainInner > .mainContents {

		float: none;

		width: auto;

	}



	/*-------------------------------------------



	Main Area



	-------------------------------------------*/

	#sideNav .guideArea {

		margin-bottom: 0;

		padding: 15px 10px;

		border-top: 1px solid #ccc;

		border-right: none;

		border-bottom: none;

		border-left: none;

		-webkit-border-radius: 0;

		-moz-border-radius: 0;

		-ms-border-radius: 0;

		-o-border-radius: 0;

		border-radius: 0;

	}

	#sideNav .guideArea > * {

		margin-bottom: 15px;

		padding: 10px;

		background: #fff;

		border: 1px solid #ccc !important;

		-webkit-border-radius: 5px;

		-moz-border-radius: 5px;

		-ms-border-radius: 5px;

		-o-border-radius: 5px;

		border-radius: 5px;

	}

	#sideNav .guideArea .loginArea,

	#sideNav .guideArea .shopGuide {

		text-align: center;

	}

	#sideNav .loginAreaTop {

		display: table;

		width: 100%;

	}

	#sideNav .loginAreaTop > * {

		display: table-cell;

		vertical-align: middle;

	}

	#sideNav .loginAreaTop h2 {

		width: 90px;

		padding: 0 15px;

	}

	#sideNav .loginAreaTop a {

		width: auto;

		padding-right: 0;

	}

	#sideNav .guideMenu {

		padding: 0;	}

	#sideNav .guideMenu ul >li {

		padding: 0;

	}

	#sideNav .guideMenu li > a {

		display: block;

		padding: 10px;

	}

	#sideNav .guideMenu ul >li > a:hover {

		background: #fff;

		color: #333;

	}

	#sideNav .subNav {

		padding: 15px 10px;

		background: #04984a;

	}

	#sideNav .subNav .subCategoryDetail .secondHierarchy > li > .categoryBlock > dt > a,

	#sideNav .subNav .subCategoryDetail .secondHierarchy > li.noChild > a {

		display: block;

		background: #f0fff7;

		-webkit-border-radius: 5px;

		-moz-border-radius: 5px;

		-ms-border-radius: 5px;

		-o-border-radius: 5px;

		border-radius: 5px;

	}

	#sideNav .subNav .subCategoryDetail .secondHierarchy .categoryBlock > dt > a.current,

	#sideNav .subNav .subCategoryDetail .secondHierarchy > li.noChild > a.current {

		background: #e5f4ec!important;

	}

	#sideNav .subNav .subCategoryDetail .secondHierarchy .categoryBlock > dt > a.current,

	#sideNav .subNav .subCategoryDetail .secondHierarchy .noChild a.current {

		color: #333;

	}

	#sideNav .subNav .subCategoryDetail .secondHierarchy > li > .categoryBlock > dt[aria-selected="true"] > a {

		-webkit-border-bottom-left-radius: 0;

		-moz-border-bottom-left-radius: 0;

		-ms-border-bottom-left-radius: 0;

		-o-border-bottom-left-radius: 0;

		border-bottom-left-radius: 0;

		-webkit-border-bottom-right-radius: 0;

		-moz-border-bottom-right-radius: 0;

		-ms-border-bottom-right-radius: 0;

		-o-border-bottom-right-radius: 0;

		border-bottom-right-radius: 0;

	}

	#sideNav .subNav .subCategoryDetail,

	#sideNav .subNav .subCategoryDetail .secondHierarchy > li {

		border: none;

	}

	#sideNav .subNav .subCategoryDetail .secondHierarchy > li {

		margin-bottom: 10px;

	}

	#sideNav .subNav .subCategoryDetail .secondHierarchy .categoryBlock > dt > a,

	#sideNav .subNav .subCategoryDetail .secondHierarchy .noChild a,

	#sideNav .subNav .subCategoryDetail .secondHierarchy .thirdHierarchy > li > a {

		padding: 10px 15px;

		font-weight: normal;

	}

	#sideNav .subNav .subCategoryDetail .thirdHierarchy > li > a {

		background: #fff;

	}

	#sideNav .subNav .subCategoryDetail .thirdHierarchy > li > a.current {

		background: #e5f4ec;

		font: #063;

	}

	#sideNav .subNav .subCategoryDetail .secondHierarchy .thirdHierarchy,

	#sideNav .subNav .subCategoryDetail .secondHierarchy .thirdHierarchy > li {

		border-color: #04984a;

	}

	#sideNav .subNav .subCategoryDetail .thirdHierarchy > li:last-child > a {

		-webkit-border-bottom-left-radius: 5px;

		-moz-border-bottom-left-radius: 5px;

		-ms-border-bottom-left-radius: 5px;

		-o-border-bottom-left-radius: 5px;

		border-bottom-left-radius: 5px;

		-webkit-border-bottom-right-radius: 5px;

		-moz-border-bottom-right-radius: 5px;

		-ms-border-bottom-right-radius: 5px;

		-o-border-bottom-right-radius: 5px;

		border-bottom-right-radius: 5px;

	}

	#sideNav .sideInfo {

		margin-right: 10px;

		margin-left: 10px;

	}

	/*#sideNav .subNav .subCategoryDetail .thirdHierarchy > li > .categoryBlock > dt > a.current*/



	/*-------------------------------------------



	Template



	-------------------------------------------*/

	.simpleTempelate header[role="banner"] .headerTop {

		padding: 15px 10px 13px;

	}

	.simpleTempelate header[role="banner"]  .headerInner{

		background-position: top 4px right 10px



	}

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p {

		width: 100%;

		margin-bottom: 0;

	}

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p strong {

		display: block;

		width: 100%;

		max-width: 100%;

	}

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p > a {



	}

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p > a > img {

		display: block;

		width: auto;

	}

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p img.ssLogo {

		width: 80%;

		max-width: 325px;

	}

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p > .svgSaitamaLogo > img,

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p > .svgKinkiOsakaLogo > img {

		height: 25px;

	}

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoTwo > a,

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree > a {

		display: flex;

		align-items: center;

		-webkit-flex: 1;

		flex: 1;

		min-width: 0;

		min-height: 43px;

		max-width: 100px;

	}

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoTwo .svgSaitamaLogo,

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree .svgSaitamaLogo,

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoTwo .svgKinkiOsakaLogo,

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree .svgKinkiOsakaLogo {

		margin-left: 7px;

	}

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoTwo > a > img,

	.simpleTempelate header[role="banner"] .headerInner .logoWrap > p.svgHeaderLogoThree > a > img {

		width: 100px;

		margin-top: 0;

	}

	.simpleTempelate footer[role="contentinfo"] {

		padding-top: 0;

	}

	.simpleTempelate footer[role="contentinfo"] .footerInfo {

		background-color: #fff;

	}

	.simpleTempelate footer[role="contentinfo"] .footerInfo:before {

		display: none;

	}

	.simpleTempelate footer[role="contentinfo"] .footerInfo .resonaGroupInfo {

		margin-top: 0;

	}

	.simpleTempelate footer[role="contentinfo"] .footerInfo .resonaGroupInfo dl {

		margin: 0;

		padding: 25px 0;

		background-color: #0c3bbc;

	}

	.simpleTempelate footer[role="contentinfo"] .footerInfo .copyRight {

		margin-top: 70px;

		padding: 15px 0;

		width: auto;

		font-size: 0.6875em;

	}



	.simpleTempelate footer[role="contentinfo"] .footerInfo.footerSimpleSmart {

		margin-top: 0;

	}

	.simpleTempelate footer[role="contentinfo"] .footerInfo.footerSimpleSmart .resonaGroupInfo {

		background-color: transparent;

	}

	.simpleTempelate footer[role="contentinfo"] .footerInfo.footerSimpleSmart .resonaGroupInfo .resonaGroupInfoInner {

		display: block;

    width: auto;

    margin: 0 auto;

    padding: 0;

	}

	.simpleTempelate footer[role="contentinfo"] .footerInfo.footerSimpleSmart .resonaGroupInfo .resonaGroupInfoInner::after {

		content: none;

	}

	.simpleTempelate footer[role="contentinfo"] .footerInfo.footerSimpleSmart .resonaGroupInfo dl {

		padding: 0;

	}

	.simpleTempelate footer[role="contentinfo"] .footerInfo.footerSimpleSmart .resonaGroupInfo .resonaGroup {

		display: block;

		background-color: #fff;

	}

	.simpleTempelate #sideNav {

		margin-bottom: 30px;

	}

}



@media screen and (max-width: 320px) {

	header[role="banner"] .headerInner .logoWrap {

		max-width: 90px;

		height: auto;

	}

	header[role="banner"] .headerInner .logoWrap img {

		vertical-align: middle;

	}

}