@charset "shift_jis";


/*-------------------------------------------
Slide Menu
-------------------------------------------*/

.scrollBind {
    position: fixed!important;
    top: 0;
    right: 0;
    width: 100%;
}
#spMenu #spDrawerMenu.on {
    right: -20px;
    -webkit-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
}
#spMenu #spDrawerMenu > nav {
    width: 275px;
}
.drawer-open #spDrawerMenu {
	right: 0;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
#spDrawerMenu {
	display: block;
    position: fixed;
    z-index: 9999;
    top: 0;
    overflow: scroll;
    overflow-x: hidden;
    width: 295px;
    right: -295px;
    height: 100%;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
    background: #ebebeb;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#spDrawerMenu > nav > dl > dt {
	padding: 10px;
	background: #004831;
	color: #fff;
	font-weight: bold;
}

#spDrawerMenu .menuTop {
	position: relative;
	padding: 15px;
}
#spDrawerMenu .menuTop .searchBox02 {
	width: 210px;
}
#spDrawerMenu .menuTop .drawerClose {
	position: absolute;
	top: 14px;
	right: 15px;
	display: block;
	width:30px;
	height:30px;
}
#spDrawerMenu .menuTop .drawerClose > a{
	position:relative;
	display:block;
}
#spDrawerMenu .menuTop .drawerClose > a span {
    position: absolute;
    left: 6px;
    width: 18px;
    height: 2px;
    background-color: #004831;
}
#spDrawerMenu .menuTop .drawerClose > a span:nth-of-type(1) {
    -webkit-transform: rotate(-45deg);
    transform:rotate(-45deg);
    top: 13px;
}

#spDrawerMenu .menuTop .drawerClose > a span:nth-of-type(2) {
    -webkit-transform:rotate(45deg);
    transform: rotate(45deg);
   top: 13px;
}

#spDrawerMenu .menuTopList a{
	display:block;
	border-top: solid 1px #fff;
	padding: 10px 30px 10px 45px;
	background: url(/global/common/images/ico_head01.gif) 15px 49%  no-repeat;
	background-size:14px 15px;
}

#spDrawerMenu .menuBottomList a{
	display:block;
	border-bottom: solid 1px #fff;
	padding: 15px 33px 15px 15px;
}

#spDrawerMenu .menuBottom {
	padding: 12px 10px;
	background: #dfdfdf;
}
#spDrawerMenu .menuBottom a {
	display: block;
	padding: 15px;
	background: #fff;
	font-weight: bold;
	text-align: center;
	color:#004831;
}
#spDrawerMenu .menuBottom a span {
	position:relative;
	display: inline-block;
	padding-left: 20px;
	-ms-background-size: 12px 12px;
	-moz-background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
	background-size: 12px 12px;
	color: #004831;
}
#spDrawerMenu .menuBottom a span:before,
#spDrawerMenu .menuBottom a span:after{
	content:"";
    position: absolute;
    top: 8px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #004831;
}
#spDrawerMenu .menuBottom a span:before{
-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#spDrawerMenu .menuBottom a span:after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#spDrawerMenu a {
	text-decoration: none;
}
#spDrawerMenu .firstHierarchy > li:first-child {
	border-top: solid 1px #fff;
}
#spDrawerMenu .globalBlock > dt {
	position: relative;
}
#spDrawerMenu .globalBlock > dt > a {
	display: block;
	padding: 15px 33px 15px 15px;
	background: url(/global/common/images/ico_spMenu01.png) 95% 50% no-repeat;
	-ms-background-size: 9px 6px;
	-moz-background-size: 9px 6px;
	-webkit-background-size: 9px 6px;
	background-size: 9px 6px;
	color: #004831;
	font-weight: bold;
}
#spDrawerMenu .globalBlock > dt.open > a {
	background: #fff url(/global/common/images/ico_spMenu02.png) 95% 50% no-repeat;
	-ms-background-size: 9px 6px;
	-moz-background-size: 9px 6px;
	-webkit-background-size: 9px 6px;
	border-bottom: 0;
	color:#004831;
}
#spDrawerMenu .globalBlock > dt > a > span {
	font-size: 1.143em;
 	color: #063;
 	font-weight: bold;
}
#spDrawerMenu .globalBlock > dt > a > span:after {
	right: 15px;
}
#spDrawerMenu .firstHierarchy .globalBlock > dd {
	background:#fff;
}
#spDrawerMenu .firstHierarchy .globalBlock > div {
	background:#fff;
}
#spDrawerMenu .firstHierarchy .globalTop,
#spDrawerMenu .firstHierarchy .globalBlock {
	border-bottom: 1px solid #fff;
}
#spDrawerMenu .firstHierarchy .globalBlock.open{
	border-bottom: 1px solid #ebebeb;
}
#spDrawerMenu .firstHierarchy > li > a {
	display: block;
	position: relative;
	padding: 15px 30px 15px 15px;
	color: #004831;
	font-weight: bold;
}
#spDrawerMenu .firstHierarchy .secondHierarchyTitle{
 	margin: 0 10px 7px;
	padding: 0 0 5px;
    border-bottom: 1px solid #ccc;
}
#spDrawerMenu .firstHierarchy .secondHierarchyTitle span a{
	text-decoration:underline;
	color:inherit;
}
#spDrawerMenu .firstHierarchy .secondHierarchy {
	background: #fff;
	padding: 0 10px 7px;
}
#spDrawerMenu .firstHierarchy .secondHierarchy.noLine{
	border:none;
}
#spDrawerMenu .firstHierarchy .secondHierarchy > li {
	margin-bottom: 5px;
}
#spDrawerMenu .firstHierarchy .secondHierarchy li.categoryBlock {
	display: table;
	width: 100%;
	border-width: 1px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#spDrawerMenu .firstHierarchy .secondHierarchy li.categoryBlock > a {
	display: table-cell;
	position: relative;
	width: 100%;
	padding: 15px;
	background: #ebebeb;
	color: #004831;
	font-weight: bold;
	vertical-align: middle;
}

#spDrawerMenu .firstHierarchy .secondHierarchy .categoryBlock > dt {
	display: table;
	width: 100%;
}
#spDrawerMenu .firstHierarchy .secondHierarchy .categoryBlock > dt > a {
	display: table-cell;
	position: relative;
	width: 100%;
	padding: 15px;
	background: #ebebeb;
	color: #004831;
	font-weight: bold;
	vertical-align: middle;
}
#spDrawerMenu .firstHierarchy .secondHierarchy .categoryBlock.open > a,
#spDrawerMenu .firstHierarchy .secondHierarchy .categoryBlock.open > dt > a {
	background: #004831;
    color: #fff;
}
#spDrawerMenu .firstHierarchy .secondHierarchy li > dl > dd{
	display:none;
	border: solid 1px #ebebeb;
	border-top: none;
}
#spDrawerMenu .firstHierarchy .secondHierarchy li > dl.open > dd{
	display:block;
}
#spDrawerMenu .firstHierarchy .secondHierarchy .thirdHierarchy {
	border-top: solid 2px #ebebeb;
}

#spDrawerMenu .firstHierarchy .secondHierarchy .thirdHierarchy > li > a {
	display: block;
	padding: 15px 15px 15px 25px;
	border-top: solid 1px #ebebeb;
	color: #004831;
}
#spDrawerMenu .firstHierarchy .secondHierarchy .thirdHierarchy > li:first-child > a {
	border-top: 0;
}
@media screen and (max-width: 767px) {
	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;
	}
	body {
		min-width: 0;
		font-size:1.2rem;
	}
	/*-------------------------------------------
	Header
	-------------------------------------------*/
	
	/* smbc nav */
	#smbcNav {
		display:none;
	}
	
	header[role="banner"] #headerTop,
	header[role="banner"] #urgencyBox,
	header[role="banner"] #spHeaderSearch .spHeaderSearchInner {
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	header[role="banner"] #headerGroup {
	    border-bottom: 4px solid #c4d700;
	}
	header[role="banner"] #headerGroup ul{
		width:100%;
		padding:8px 10px;
	}
	.headerGroupLeft{
	    width: 90px;
	    height: 26px;
	    background: url(/global/common/images/logo_group_01_sp.png) left center no-repeat;
	    -ms-background-size: 90px 26px;
	    -moz-background-size: 90px 26px;
	    -webkit-background-size: 90px 26px;
	    background-size: 90px 26px;
	    text-indent: -9999px;
	    vertical-align: middle;
	}
	.headerGroupRight{
	    width: 65px;
	    height: 10px;
	    background: url(/global/common/images/logo_group_02_sp.png) right center no-repeat;
	    -ms-background-size: 65px 9px;
	    -moz-background-size: 65px 9px;
	    -webkit-background-size:65px 9px;
	    background-size:65px 9px;
	    text-indent: -9999px;
	    vertical-align: middle;
	    text-align:left;
	}
	header[role="banner"] #headerInner {
		padding-top: 0;
	}
	header[role="banner"] #headerTop {
		display: table;
		width: 100%;
		height: 50px;
		margin-bottom: 0;
	}
	header[role="banner"] #headerTop:before {
		display: none;
	}
	header[role="banner"] #headerTop > * {
		display: table-cell;
		vertical-align: middle;
	}
	header[role="banner"] #headerInner .logoWrap {
		float: none;
		width: 117px;
		margin-top:0;
		margin-bottom: 5px;
	}
	header[role="banner"] #headerInner .logoWrap > * {
		padding-left: 0;
	}
	header[role="banner"] #headerInner .logoWrap a {
		display: inline-block;
		width: 117px;
		height: 18px;
		background: url(/global/common/images/logo_sp01.jpg) 0 0 no-repeat;
		-ms-background-size: 117px 18px;
		-moz-background-size: 117px 18px;
		-webkit-background-size: 117px 18px;
		background-size: 117px 18px;
		text-indent: -9999px;
		vertical-align:middle;
	}
	header[role="banner"] #headerInner {
		width: auto;
	}
	header[role="banner"] #headerInner .financialCode {
		display: block;
		padding-left: 30px;
		position: static;
		border: none;
		color: #000;
	}
	header[role="banner"] #headerInner #spHeaderMenu{
		display: table-cell;
	}
	header[role="banner"] #headerInner #spHeaderMenu .drawerToggle{
		position: relative;
		display:block;
	    width: 30px;
	    height: 30px;
	    margin-left:auto;
	}
	.drawerToggle span {
	    position: absolute;
	    left: 6px;
	    width: 18px;
	    height: 2px;
	    background-color: #025c40;
	}
	.drawerToggle span:nth-of-type(1) {
	    top: 8px;
	}
	.drawerToggle span:nth-of-type(2) {
	    top: 14px;
	}
	.drawerToggle span:nth-of-type(3) {
	    top: 20px;
	}
	header[role="banner"] #headerInner .glyphPc03 {
		display: inline-block;
		padding: 5px 4px 6px !important;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-ms-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: #fa8200;
		box-shadow: #e27500 0px -2px inset;
		-webkit-box-shadow: #e27500 0px -2px inset;
		-moz-box-shadow: #e27500 0px -2px inset;
		box-shadow: #e27500 0px -2px inset;
		text-align: center;
		font-weight: bold;
		line-height: 1;
	}
	header[role="banner"] #headerInner .glyphPc03 span {
		display: inline-block;
		padding: 0 !important;
		color: #fff;
		line-height: 1;
	}
	header[role="banner"] #headerGuide,
	header[role="banner"] #gnavArea,
	header[role="banner"] .infoNav,
	header[role="banner"] #headerLink,
	header[role="banner"] #headerInfo,
	header[role="banner"] #categoryNav,
	header[role="banner"] #dropDownNav,
	header[role="banner"] #haaderGlobal {
		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;
	}

/*-------------------------------------------
Footer
-------------------------------------------*/
	#pageTop {
		right: 10px;
		width: 52px;
		height: 52px;
	}
	footer[role="contentinfo"] {
		min-width: 0;
	}
	footer[role="contentinfo"] #footerTopNav,
	footer[role="contentinfo"] #footerTopNavSub,
	footer[role="contentinfo"] #footerNav .footerNavInner .footerBtn{
		display:none;
		
	}
	footer[role="contentinfo"] #footerNav .footerNavInner nav ul li{
		width:100%!important;
		margin-right:0;
	}
	
	footer[role="contentinfo"] #footerInfo,
	footer[role="contentinfo"] #footerNav > nav,
	footer[role="contentinfo"] #footerNav .footerNavInner{
		width: 100%;
	}
	footer[role="contentinfo"] #footerNav{
		border-top:1px solid #fff;
		padding:20px 15px;
	}
	footer[role="contentinfo"] #footerNav nav ul li:nth-child(3n+1),
	footer[role="contentinfo"] #footerNav nav ul li:nth-child(3n+2),
	footer[role="contentinfo"] #footerNav nav ul li:nth-child(3n+3){
		width:100%;
	}
	footer[role="contentinfo"] #footerNav nav ul li:nth-child(n+2){
		margin-top:15px;
	}

	footer[role="contentinfo"] #footerInfo #copyRight {
		float: none;
		width: auto;
		margin: 0 10px 10px;
		text-align: center;
		word-break: keep-all;
	}


	/*-------------------------------------------
	TopicPath
	-------------------------------------------*/
	#topicPath {
		display: none;
	}


	/*-------------------------------------------
	Main Area
	-------------------------------------------*/


	#wrap #mainArea,
	#wrap #mainArea main,
	#wrap #mainArea #sideNav {
		width: 100% !important;
		float: none !important;
		font-size:inherit;
	}
	#wrap #mainArea {
		margin-top: 0;
		margin-bottom: 0;
	}
	#wrap #mainArea main.mainNarrow {
		padding: 25px 15px;
	}
	#wrap #mainArea main.mainNarrowWide {
		padding: 25px 15px;
	}


	/*-------------------------------------------
	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;
		background: #fffbea;
	}
	#sideNav .guideArea > * {
		margin-bottom: 15px;
		padding: 10px;
		background: #fff;
		text-align: center;
		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 .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 .subNav {
		margin: 0;
		padding: 0;
	}
	#sideNav .subNav .subCategoryTitle > * {
		border-top: solid 1px #c1c1c1;
		font-weight: normal;
	}
	#wrap #sideNav .subNav .subCategoryTitle > *,
	#wrap #sideNav .subNav .secondHierarchy a,
	#wrap #sideNav .subNav .subCategoryDetail .secondHierarchy .categoryBlock > dt > a,
	#wrap #sideNav .subNav .subCategoryDetail .secondHierarchy .noChild a {	
		font-size: 1.0em;
	}
	#sideNav .subNav .dtNolink .subCategoryTitle{
		display:none;
	}
	#sideNav .subNav .subCategoryDetail {
		padding: 0;
	}

	#sideNav .subNav .dtNolink .subCategoryDetail{
		border-top: solid 1px #ccc;
	}
	#sideNav .sideInfo {
		margin-right: 10px;
		margin-left: 10px;
	}
	#sideNav .subNav .subCategoryDetail .secondHierarchy {
		border-top: 0;
	}
	

	/*-------------------------------------------
	TopPage
	-------------------------------------------*/
	body.categpryTop #wrap #mainArea {
		margin-top: 0;
		padding-top: 0;
	}

	
	/*-------------------------------------------
	section
	-------------------------------------------*/
	#wrap #mainArea main > section > section {
		margin-top: 30px;
	}
	#wrap #mainArea main > section > section > section,
	#wrap #mainArea main > section > section > section > section {
		margin-top: 25px;
	}

}