@charset "utf-8";
/* ======================================================
 * layout_pc.css
 * ------------------------------------------------------
 * @keyframes
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Header
 * - Gnav
 * - Cnav
 * - Main
 * - Assist
 * - Footer
 * - Other
 * - Clearfix
 * Media Queries
 * Print
====================================================== */

@keyframes assist_head {50%{margin-left: -6px;}}
@keyframes cnav_icon {50%{margin-top: -5px;}}
@keyframes CnavChild_title {50%{right: 6px;}}
@keyframes CnavChild_label {50%{right: -4px;}}
@keyframes gnavList_home {50%{right: -4px;}}
@keyframes category_top-title {50%{right: 4px;}}
@keyframes category_body-list {50%{left: 29px;}}
@keyframes followNavi_site-btn {50%{left: 20px;}}
@keyframes sdsNavi-link {50%{right: 14px;} 75%{right: 10px;}}

@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	body {
		min-width: 1260px;
	}
	
	/* ----- category setting ----- */
	#consumer .CnavMenu {
		background-color: #fe6230;
	}
	#consumer .CnavChild {
		background-color: #e4582b;
	}
	#business .CnavMenu {
		background-color: #4c5e8e;
	}
	#business .CnavChild {
		background-color: #3c4f81;
	}
	#company .CnavMenu,
	#faq .CnavMenu {
		background-color: #00ada9;
	}
	#company .CnavChild,
	#faq .CnavChild {
		background-color: #009d99;
	}
	#emergency .Header {
		border-bottom: 1px solid #d6d6d6;
	}
	#emergency .HeaderBody > * {
		display: none;
	}
	#emergency .HeaderBody > .header-identity {
		display: block;
	}
	#emergency .container {
		padding-top: 60px;
	}
	#emergency .Footer > * {
		display: none;
	}
	#emergency .Footer > .FooterBody {
		display: -webkit-flex;
    display: flex;
	}
	
	/* ----- Micro-interactions ----- */
	/* gnavList > .home, headerUtility-list */
	.gnavList .home a span::before,
	.headerUtility-list li a span::before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #333;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
  }
	.gnavList .home a:hover span::before,
	.headerUtility-list li a:hover span::before,
	.headerUtility-list li .is-location-current span::before {
		transform: scaleX(1);
	}
	
	/* CnavChild_title */
	.CnavChild_title a::before {
		content: "";
		position: absolute;
		bottom: -2px;
		left: 0;
		width: calc(100% - 30px);
		height: 2px;
		background-color: #fff;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
  }
	.CnavChild_title a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 12px;
		width: 12px;
		height: 12px;
		margin-top: -9px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
		transition-property: right;
		transition-duration: .2s;
	}
	.CnavChild_title a:hover::before {
		transform: scaleX(1);    
	}
	.CnavChild_title a:hover::after {
		animation: CnavChild_title .4s;
	}
	
	/* CnavChild_label */
	.CnavChild_body .CnavChild_item > a.block {
		transition-property: box-shadow;
    transition-duration: .2s;
	}
	.CnavChild_body .CnavChild_item > a.block:hover {
		box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .22);
	}
	.CnavChild_body .CnavChild_item > a.block .CnavChild_label::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 2px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 1px solid #969696;
		border-right: 1px solid #969696;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
		transition-property: right;
		transition-duration: .2s;
	}
	.CnavChild_body .CnavChild_item > a.block:hover .CnavChild_label::after {
		animation: CnavChild_label .4s;
	}
	.CnavChild_sublink {
		margin-top: 40px;
	}
	
	.CnavChild_sublink .link-text.sublink_link > li {
		margin-top: 20px;
	}
	.CnavChild_sublink .link-text.sublink_link > li > a {
		color: #fff;
	}
	.CnavChild_sublink .link-text.sublink_link > li > a::before {
		background-color: #fff;
	}
	.CnavChild_sublink .link-text.sublink_link > li > a::after {
		border-top: 1px solid #fff !important;
		border-right: 1px solid #fff !important;
	}
	.CnavChild_sublink .link-text.sublink_link > li > a.a-blank .link_label::after {
		background-position: -12px -98px;
	}
	
	/* cnavList li > a > span */
	.cnavList li > a > span::before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #fff;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
  }
	.cnavList li > a:hover > span::before,
	.cnavList li > .is-location-current > span::before {
		transform: scaleX(1);
	}
	
	/* category_top-title */
	.Cmenu .category_top-title a.block .category_top-title_label::before {
		content: "";
		position: absolute;
		bottom: -2px;
		left: 0;
		width: calc(100% - 25px);
		height: 2px;
		background-color: #333;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
  }
	.Cmenu .category_top-title a.block .category_top-title_label::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 8px;
		width: 10px;
		height: 10px;
		margin-top: -8px;
		border-top: 1px solid #969696;
		border-right: 1px solid #969696;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
		transition-property: right;
		transition-duration: .2s;
	}
	.Cmenu .category_top-title a.block:hover .category_top-title_label::before {
		transform: scaleX(1);    
	}
	.Cmenu .category_top-title a.block:hover .category_top-title_label::after {
		animation: category_top-title .4s;
	}
	
	/* category_body-list */
	.Cmenu .category-set .category_body-list .link-text > li > a > .link_label::before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 20px;
		width: calc(100% - 20px);
		height: 1px;
		background-color: #333;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
  }
	.Cmenu .category-set .category_body-list .link-text > .has-child > a {
		position: relative;
		overflow: hidden;
	}
	.Cmenu .category-set .category_body-list .link-text > .has-child > a > .link_label::before {
		display: none;
	}
	.Cmenu .category-set .category_body-list .link-text > .has-child > a::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 200%;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
  }
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] .link-text > .has-child > a::before {
		background-color: #f4f4f4;
  }
	.Cmenu .category-set .category_body-list[data-category-set*="stage5"] .link-text > .has-child > a::before {
		background-color: #eaeaea;
  }
	.Cmenu .category-set .category_body-list[data-category-set*="stage6"] .link-text > .has-child > a::before {
		background-color: #ddd;
  }
	.Cmenu .category-set .category_body-list[data-category-set*="stage7"] .link-text > .has-child > a::before {
		background-color: #ccc;
  }
	.Cmenu .category-set .category_body-list[data-category-set*="stage8"] .link-text > .has-child > a::before {
		background-color: #bbb;
  }
	.Cmenu .category-set .category_body-list .link-text > li > a::after {
		content: "";
		position: absolute;
		top: 16px;
		left: 25px;
		width: 8px !important;
		height: 8px !important;
		margin-left: 0;
		background: none;
		border-top: 1px solid #969696 !important;
		border-right: 1px solid #969696 !important;
		-webkit-transform: rotate(45deg) !important;
	  transform: rotate(45deg) !important;
	}
	.Cmenu .category-set .category_body-list .link-text > .has-child > a::after {
		display: none;
	}
	.Cmenu .category-set .category_body-list .link-text > li > a:hover > .link_label::before {
		transform: scaleX(1);    
	}
	.Cmenu .category-set .category_body-list .link-text > .has-child > a:hover::before {
		transform: scaleX(1);    
  }
	.Cmenu .category-set .category_body-list .link-text > li > a:hover::after {
		animation: category_body-list .4s;
	}
	
	/* followNavi_site-btn */
	.followNavi-body_item_site .followNavi_site-block .followNavi_site-btn::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 200%;
		background-color: #333;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
  }
	.followNavi-body_item_site .followNavi_site-block .followNavi_site-btn:hover::before {
		transform: scaleX(1);    
	}
	.followNavi-body_item_site .followNavi_site-block .followNavi_site-btn::after {
		content: "";
		position: absolute;
		top: 9px;
		left: 16px;
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(/common/images/com_sprite_ic01.png) no-repeat -183px -61px;
		transition-property: left;
		transition-duration: .2s;
	}
	.followNavi-body_item_site .followNavi_site-block .followNavi_site-btn:hover::after {
		animation: followNavi_site-btn .4s;
	}
	
	/* sdsNavi-link */
	.sdsNavi-link > a:hover {
		padding: 8px 25px 8px 5px;
		background-color: #3b519c;
	}
	.sdsNavi-link > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 14px;
		width: 8px !important;
		height: 8px !important;
		margin-top: -4px;
		background: none;
		border-top: 1px solid #fff !important;
		border-right: 1px solid #fff !important;
		-webkit-transform: rotate(45deg) !important;
	  transform: rotate(45deg) !important;
		transition-property: opacity;
		transition-duration: .1s;
		opacity: 0;
	}
	.sdsNavi-link > a:hover::after {
		opacity: 1;
		animation: sdsNavi-link .6s;
	}
	
	/* ------------------------------------------------------
	 * Header
	------------------------------------------------------ */
	.Header {
		position: relative;
		z-index: 400;
	}
	
	/* ----- HeaderBody ----- */
	.HeaderBody {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		height: 79px;
		margin: 0 auto;
		padding: 0 20px 0 30px;
		background-color: #fff;
		z-index: 410;
	}
	
	/* header-identity */
	.header-identity a {
		display: block;
		width: 223px;
		height: 28px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat 0 0;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	
	/* ----- sp-HeaderBody ----- */
	.sp-HeaderBody {
		display: none !important;
	}
	
	/* ----- Gnav ----- */
	.Gnav {
		margin: 0 auto 0 30px;
	}
	
	/* gnavList */
	.gnavList {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.gnavList li {
		display: table;
	}
	.gnavList li a {
		display: table-cell;
		height: 79px;
		padding: 0 20px;
		vertical-align: middle;
		transition-property: background-color, color;
		transition-duration: .2s;
		text-decoration: none;
	}
	.gnavList .home a {
		padding: 0 20px;
	}
	.gnavList .home a span {
		position: relative;
		display: inline-block;
	}
	.gnavList .consumer.is-current a,
	.gnavList .consumer a:hover{
		background-color: #fe6230;
		color: #fff;
	}
	.gnavList .business.is-current a,
	.gnavList .business a:hover{
		background-color: #4c5e8e;
		color: #fff;
	}
	.gnavList .company.is-current a,
	.gnavList .company a:hover{
		background-color: #00ada9;
		color: #fff;
	}
	
	/* ----- Cnav ----- */
	.Cnav {
		position: relative;
		z-index: 300;
	}
	.Cnav::before {
		content: "";
		opacity: 0;
		transition-property: opacity;
		transition-duration: .4s;
	}
	.is-Cnav-open.Cnav::before {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .4);
		z-index: 100;
		opacity: 1;
	}
	
	/* CnavBody */
	.CnavBody {
		position: relative;
	}
	
	/* CnavBody */
	.CnavMenu {
		position: relative;
		z-index: 320;
	}
	
	/* cnavList */
	.cnavList {
		display: table;
		width: 1200px;
		margin: 0 auto;
	}
	.cnavList li {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	.cnavList li > a {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		height: 70px;
		padding: 0 18px 0 8px;
		text-align: center;
		vertical-align: middle;
		font-size: 1.6rem;
		color: #fff;
	}
	.cnavList li > a > span {
		position: relative;
		display: inline-block;
	}
	.cnavList .has-CnavChild > a > span {
		position: relative;
		display: inline-block;
		padding-left: 25px;
		white-space: nowrap;
	}
	.cnavList .has-CnavChild > a > span::before {
		left: 25px;
		width: calc(100% - 25px);
	}
	.cnavList .has-CnavChild > a > span::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 4px;
		width: 10px;
		height: 10px;
		margin-top: -9px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(135deg);
	  transform: rotate(135deg);
		transition-property: margin-top;
		transition-duration: .2s;
	}
	.cnavList .has-CnavChild > a:hover > span::after {
		animation: cnav_icon .4s;
	}
		
	/* CnavChild */
	.CnavChild {
		position: absolute;
		top: 69px;
		left: 0;
		width: 100%;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .22);
		transform: translate3d(0, -105%, 0);
		transition-delay: .2s;
		transition-property: transform;
		transition-duration: .4s;
		z-index: 310;
	}
	.is-Cnav-open .CnavChild {
		transform: translate3d(0, 0, 0);
	}
	
	/* CnavChild-inner */
	.CnavChild-inner {
		display: none;
		position: absolute;
		top: 0;
		left: 50%;
		width: 1200px;
		margin: 0 0 0 -600px;
		padding: 25px 0 40px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.CnavChild_body {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 15px;
	}
	.CnavChild_body .CnavChild_item > .block {
		display: block;
		background-color: #fff;
	}
	.CnavChild_body .CnavChild_item .CnavChild_text {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		padding: 10px;
		min-height: 60px;
	}
	.CnavChild_body .CnavChild_item .CnavChild_text > .CnavChild_label {
		position: relative;
		display: block;
		padding-right: 20px;
		line-height: 1.2;
	}
	.CnavChild_body[data-cnav-row="5"] .CnavChild_item {
		position: relative;
		width: 228px;
		margin: 15px 0 0 15px;
	}
	.CnavChild_body[data-cnav-row="5"] .CnavChild_item:nth-of-type(5n+1) {
		margin-left: 0;
	}
	.CnavChild_body[data-cnav-row="5"] .CnavChild_item:nth-of-type(-n+5) {
		margin-top: 0;
	}
	.CnavChild_body[data-cnav-row="6"] .CnavChild_item {
		position: relative;
		width: 190px;
		margin: 12px 0 0 12px;
	}
	.CnavChild_body[data-cnav-row="6"] .CnavChild_item:nth-of-type(6n+1) {
		margin-left: 0;
	}
	.CnavChild_body[data-cnav-row="6"] .CnavChild_item:nth-of-type(-n+6) {
		margin-top: 0;
	}
	.CnavChild_body[data-cnav-row="6"] .CnavChild_item .CnavChild_text > .CnavChild_label {
		font-size: 1.4rem;
	}
	.CnavChild_title {
		width: 100%;
	}
	.CnavChild_title a {
		position: relative;
		display: inline-block;
	}
	.CnavChild_title .CnavChild_title_label {
		display: inline-block;
		padding-right: 30px;
		font-size: 2.4rem;
		color: #fff;
	}
	.CnavChild-close {
		position: absolute;
		top: 30px !important;
		left: 50% !important;
		display: none;
		width: 28px !important;
		height: 28px !important;
		margin-left: 570px;
		background: url(/common/images/com_sprite_ic01.png) no-repeat -197px 0 !important;
		transition-property: top;
		transition-duration: .2s;
		cursor: pointer;
		font-size: 0;
	}
	.CnavChild-close:hover {
		top: 20px !important;
	}
	.CnavChild-close::after {
		content: "閉じる";
		position: absolute;
		bottom: -1.5em;
		left: 0;
		display: inline-block;
		width: 60px;
		margin-left: -16px;
		text-indent: 0;
		opacity: 0;
		transition-property: opacity;
		transition-duration: .2s;
		text-align: center;
		font-size: 1.4rem;
		color: #fff;
	}
	.CnavChild-close:hover::after {
		opacity: 1;
	}
	.CnavChild-close::before {
		content: "";
		display: block;
		position: absolute;
		top: -12px !important;
		right: -12px !important;
		width: 50px !important;
		height: 50px !important;
	}
	
	/* headerUtility-list */
	.headerUtility-list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.headerUtility-list li {
		margin-left: 15px;
	}
	.headerUtility-list li:first-child {
		margin-left: 0;
	}
	.headerUtility-list li a {
		font-size: 1.4rem;
		text-decoration: none;
	}
	.headerUtility-list li a span {
		position: relative;
		display: inline-block;
	}
	
	/* headerUtility-global */
	.headerUtility-global {
		display: none;
	}
	
	/* ------------------------------------------------------
	 * Main
	------------------------------------------------------ */
	
	/* ----- MainBody ----- */
	.MainBody {
		position: relative;
	}
	body#purchase .MainBody {
		border-top: 1px solid #d6d6d6;
	}
	body#gas .MainBody {
		border-top: 1px solid #d6d6d6;
	}
	
	/* ----- pageGuide ----- */
	.pageGuide {
		position: absolute;
    top: 0;
    left: 0;
		width: 100%;
		padding: 0 8px;
		background-color: #fff;
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
	}
	.pageGuide.is-fixed {
		position: fixed;
    top: 0;
    left: 0;
    width: 100%;
		z-index: 100;
	}
	
	/* breadcrumbs */
	.breadcrumbs {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 1200px;
		margin: 0 auto;
		padding: 9px 0;
	}
	.breadcrumbs li {
		position: relative;
		margin-left: 6px;
		padding: 0 0 0 18px;
		font-size: 1.3rem;
		line-height: 20px;
	}
	.breadcrumbs li:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 8px !important;
		height: 8px !important;
		margin-top: -6px;
		border-top: 1px solid #909090 !important;
		border-right: 1px solid #909090 !important;
		-webkit-transform: rotate(45deg) !important;
	  transform: rotate(45deg) !important;
	}
	.breadcrumbs li:first-child {
		margin-left: 0;	
		padding-left: 0;
		line-height: 18px;
	}
	.breadcrumbs li:first-child:before {
		display: none;
	}
	.breadcrumbs li:first-child > a {
		display: inline-block;
		width: 21px;
		height: 18px;
		background: url(/common/images/com_sprite_ic01.png) no-repeat -90px 0;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	.breadcrumbs li sup {
		font-size: 1.1rem;
	}
	.breadcrumbs li sub {
		font-size: 1.1rem;
		bottom: -0.1em;
	}
	/* ----- Cmenu ----- */
	.Cmenu {
		position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -600px;
		z-index: 100;
		pointer-events: none;
	}
	.Cmenu.is-fixed {
		position: fixed;
    top: 30px;
		left: 50%;
    margin-left: -600px;
	}
	.Cmenu.is-Cmenu-open {
		width: 1200px;
		z-index: 500;
	}
	.cmenu_bg {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .4);
		z-index: 499;
	}
	
	/* CmenuBody */
	.CmenuBody {
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}
	.Cmenu.is-Cmenu-open .CmenuBody {
		z-index: 500;
	}
	
	/* Cmenu-btn */
	.Cmenu-btn {
		position: relative;
		width: 174px;
		margin-right: 0;
		margin-left: auto;
		text-align: right;
		z-index: 140;
		pointer-events: auto;
	}
	.Cmenu-btn > a {
		display: block;
		width: 174px;
		height: 39px;
		margin-right: 0;
		margin-left: auto;
		background-color: #666;
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.22);
		border-radius: 2px;
		transition-property: background-color;
		transition-duration: .2s;
		color: #fff;
		font-size: 1.2rem;
	}
	.Cmenu-btn > a:hover {
		background-color: #333;
	}
	.Cmenu-btn > a > span {
		position: relative;
		display: block;
		padding: 0 5px 0 48px;
		line-height: 39px;
		text-align: left;
	}
	.Cmenu-btn > a > span::before {
		content: "";
		position: absolute;
		top: 11px;
		left: 15px;
		display: inline-block;
		width: 19px;
		height: 16px;
		background: url(/common/images/com_sprite_ic01.png) no-repeat -206px -61px;
	}
	.Cmenu.is-Cmenu-open .Cmenu-btn {
		z-index: 540;
	}
	.Cmenu.is-Cmenu-open .Cmenu-btn > a {
		background-color: #333;
	}
	.Cmenu.is-Cmenu-open .Cmenu-btn > a:hover {
		background-color: #666;
	}
	.Cmenu.is-Cmenu-open .Cmenu-btn > a > span::before {
		top: 10px;
		left: 15px;
		width: 18px;
		height: 18px;
		background-position: -206px -77px;
	}
	
	/* Cmenu > category-set */
	.Cmenu .category-set {
		overflow: hidden;
		position: absolute;
		top: 13px;
		width: 100%;
		background-color: #fff;
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.22);
		opacity: 0;
		visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: .4s;
		z-index: 120;
		pointer-events: auto;
	}
	.Cmenu.is-Cmenu-open .category-set {
		background-color: #f8f8f8;
		opacity: 1;
		visibility: visible;
		z-index: 520;
	}
	.Cmenu .category-set .category_body {
		position: relative;
		height: 0;
		background-color: #f8f8f8;
		z-index: 130;
		transition-property: transform, height;
		transition-duration: .2s, .4s;
		transition-timing-function: ease-in-out, ease-in-out;
		transition-delay: 0s, .4s;
	}
	.Cmenu.is-Cmenu-open .category-set .category_body {
		height: 422px;
		z-index: 530;
	}
	.Cmenu .category-set .category_body-list {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		height: 422px;
		margin-top: 0;
		margin-left: 0;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage5"]{
		left: 300px;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage6"]{
		left: 600px;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage7"]{
		left: 900px;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage8"]{
		left: 1200px;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage9"]{
		left: 1500px;
	}
	.Cmenu .category-set .category_body-list .mCSB_container {
		width: 300px;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] {
		display: block;
		margin-left: 0;
		background-color: #fff;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage5"],
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] .link-text > .is-current > a,
	.Cmenu .category-set .category_body-list[data-category-set*="stage4"] .link-text > .is-child-show > a {
		background-color: #f4f4f4;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage6"],
	.Cmenu .category-set .category_body-list[data-category-set*="stage5"] .link-text > .is-current > a,
	.Cmenu .category-set .category_body-list[data-category-set*="stage5"] .link-text > .is-child-show > a {
		background-color: #eaeaea;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage7"],
	.Cmenu .category-set .category_body-list[data-category-set*="stage6"] .link-text > .is-current > a,
	.Cmenu .category-set .category_body-list[data-category-set*="stage6"] .link-text > .is-child-show > a {
		background-color: #ddd;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage8"],
	.Cmenu .category-set .category_body-list[data-category-set*="stage7"] .link-text > .is-current > a,
	.Cmenu .category-set .category_body-list[data-category-set*="stage7"] .link-text > .is-child-show > a {
		background-color: #ccc;
	}
	.Cmenu .category-set .category_body-list[data-category-set*="stage9"],
	.Cmenu .category-set .category_body-list[data-category-set*="stage8"] .link-text > .is-current > a,
	.Cmenu .category-set .category_body-list[data-category-set*="stage8"] .link-text > .is-child-show > a {
		background-color: #bbb;
	}
	.Cmenu .category-set .category_body-list .link-text {
		margin-top: 0;
		padding: 15px 0 0;
	}
	.Cmenu .category-set .category_body-list .link-text > li {
		margin-top: 0;
	}
	.Cmenu .category-set .category_body-list .link-text > li:last-child {
		padding-bottom: 15px;
	}
	.Cmenu .category-set .category_body-list .link-text > li > a {
		display: block;
		width: 300px;
		padding: 10px 25px;
		font-size: 1.4rem;
		color: #333;
	}
	.Cmenu .category-set .category_body-list .link-text > li > a::before {
		display: none;
	}
	.Cmenu .category-set .category_body-list .link-text > li > a > .link_label {
		position: relative;
		display: inline-block;
		padding-left: 20px;
	}
	.Cmenu .category_top-title {
		position: relative;
		z-index: 510;
	}
	.Cmenu .category_top-title > a {
		display: block;
		padding: 18px 30px;
		background-color: #fff;
		border-bottom: 1px solid #eee;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.2;
	}
	.Cmenu .category_top-title > a.block > .category_top-title_label {
		position: relative;
		display: inline-block;
		padding-right: 25px;
		text-decoration: none;
	}
	
	/* ----- container ----- */
	.container {
		width: 1200px;
		margin: 0 auto;
		padding-top: 65px;
	}
	.Cmenu + .container {
		margin-top: 0;
	}
	body#purchase .container {
		padding-top: 25px;
	}
	body#gas .container {
		padding-top: 25px;
	}
	body#modal {
		min-width: inherit;
	}
	body#modal .container {
		padding-top: 30px;
		width: 700px;
	}

	/* ------------------------------------------------------
	 * Assist
	------------------------------------------------------ */
	.Assist {
		margin-top: 80px;
	}
	.Assist .category_body-list:not(.is-append),
	.Assist .category_body-list:not(.is-append) > ul li {
		display: none;
	}
	
	/* ----- assist-local ----- */
	.Assist .assist-local {
		padding: 40px 30px;
		border-top: 1px solid #e6e6e6;
	}
	.Assist .assist-local_inner {
		width: 1200px;
		margin: 0 auto;
	}
	.Assist .category_body.is-lower-hide .link-text.assist-local_link > li {
		display: none;
	}
	.Assist .category_body.is-lower-hide .link-text.assist-local_link > .assist-local_head {
		display: block;
	}
	.Assist .assist-local_head > a {
		position: relative !important;
		display: inline-block !important;
		padding-left: 40px !important;
		font-size: 2.4rem;
		text-decoration: none;
	}
	.Assist .assist-local_head > a::after {
		content: "";
		position: absolute !important;
		top: 50% !important;
		left: 3px !important;
		display: inline-block !important;
		width: 25px !important;
		height: 20px !important;
		margin-top: -15px !important;
		background: #fff url(/common/images/com_sprite_ic01.png) no-repeat -50px -26px !important;
		border: none !important;
		-webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
	}
	.Assist .assist-local_head > a:hover::after {
		animation: assist_head .4s !important;
	}
	.Assist .assist-local_body {
		margin-top: 15px;
	}
	.Assist .assist-local_body > *:first-child {
		margin-top: 0;
	}
	.Assist .link-text.assist-local_link {
		display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
		margin-top: 0;
	}
	.Assist .link-text.assist-local_link > li {
		width: calc((100% - 109px) / 4);
		margin: 0 0 0 36px;
	}
	.Assist .link-text.assist-local_link > li:first-child {
		width: 100%;
	}
	.Assist .link-text.assist-local_link > li:nth-of-type(4n+2) {
		margin-left: 0;
	}
	.Assist .link-text.assist-local_link > li:nth-of-type(-n+5) {
		margin-top: 15px;
	}
	.Assist .link-text.assist-local_link > li:first-child {
		margin-top: 0;
		margin-left: 0;
	}
	.Assist .link-text.assist-local_link > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
		color: #333;
	}
	.Assist .link-text.assist-local_link > li > a::before {
		background-color: #333;
	}
	.Assist .link-text.assist-local_link > .is-current > a {
		display: block;
		padding-right: 20px;
		background-color: #f4f4f4;
		color: #767676;
	}
	.Assist .link-text.assist-local_link > .assist-local_head > a {
		padding-top: 0;
		padding-bottom: 0;
	}
	.Assist .link-text.assist-local_link > .assist-local_head.is-current > a {
		padding-right: 0;
		background-color: transparent;
		color: #333;
	}
	
	/* ----- assist-related----- */
	.assist-related {
		padding: 40px 30px 60px;
		background-color: #f4f4f4;
	}
	.assist-related_inner {
		width: 1200px;
		margin: 0 auto;
	}
	.assist-related_head {
		font-size: 2.4rem;
		text-align: center;
	}
	.assist-related_body {
		margin-top: 20px;
	}
	.assist-related_body > *:first-child {
		margin-top: 0;
	}
	.link-button.assist-related_link {
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.link-button.assist-related_link > li {
		display: block !important;
	}
	.link-button.assist-related_link > li > a {
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: flex-start !important;
		justify-content: flex-start !important;
		height: 120px !important;
		padding: 10px 40px 10px 20px;
		border: none;
		text-align: left;
	}
	.link-button.assist-related_link > li > a > .link_image {
		width: 60px;
		min-width: 60px;
	}
	.link-button.assist-related_link > li > a > .link_label {
		display: inline-block;
		padding-left: 20px;
	}
	
	/* ------------------------------------------------------
	 * Trade name
	------------------------------------------------------ */
	.trade-text {
		padding: 20px 30px;
		background-color: #fff;
		border-top: 1px solid #dddddd;
		text-align: center;
		font-size: 2.4rem;
		font-weight:bold;
	}
	.trade-text .list-note {
		font-size:1.1rem;
		margin-top:0.5em;
		font-weight:normal;
	}
	.Main + .trade-text {
		margin-top: 80px;
	}
	
	
	/* ------------------------------------------------------
	 * Licence
	------------------------------------------------------ */
	.licence-text {
		padding-top: 20px;
		background-color: #fff;
		border-top: 1px solid #dddddd;
		text-align: center;
		font-size: 1.1rem;
	}
	.Main + .licence-text {
		margin-top: 80px;
	}
	
	/* ------------------------------------------------------
	 * Footer
	------------------------------------------------------ */
	.Footer {
		margin-top: 20px;
		background-color: #000;
	}
	.Assist + .Footer {
		margin-top: 0;
	}
	
	/* ----- FooterUtility ----- */
	.FooterUtility {
		padding: 20px 30px;
		border-bottom: 1px solid #1a1a1a;
	}
	
	/* footerUtility-list */
	.footerUtility-list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 0 auto;
	}
	.footerUtility-list li {
		font-size: 1.3rem;
	}
	.footerUtility-list li a {
		padding: 0 18px;
		color: #fff;
	}
	
	/* ----- FooterBody ----- */
	.FooterBody {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 30px;
	}
	
	/* footer-grouplist */
	.footer-group_list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer-group_top,
	.footer-group_hd span,
	.footer-group_nex span,
	.footer-group_nmm span {
		display: inline-block;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	.footer-group_top {
		width: 154px;
		height: 23px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat 0 -28px;
		line-height: 1;
	}
	.footer-group_list dd {
		display: inline-block;
		margin-top: 3px;
		margin-left: 20px;
		line-height: 1;
	}
	.footer-group_top + dd {
		margin-left: 25px;
	}
	.footer-group_hd .a-blank,
	.footer-group_nex .a-blank,
	.footer-group_nmm .a-blank {
		display: inline-block;
		padding-right: 20px;
	}
	.footer-group_hd span {
		width: 175px;
		height: 17px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat 0 -51px;
	}
	.footer-group_nex span {
		width: 91px;
		height: 16px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat 0 -68px;
	}
	.footer-group_nmm span {
		width: 61px;
		height: 15px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat 0 -84px;
	}
	
	/* footer-copyright */
	.footer-copyright_label {
		display: block;
		font-size: 1.5rem;
		color: #cbcbcb;
		line-height: 20px;
	}
	
	/* ------------------------------------------------------
	 * SdsNavi
	------------------------------------------------------ */
	.SdsNavi {
		overflow: hidden;
		position: fixed;
		bottom: calc(8vh + 220px);
		right: 0;
		border-radius: 3px 0 0 3px;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .22);
		z-index: 200;
	}
	.sdsNavi-link > a {
		position: relative;
		display: block;
		padding: 8px 5px;
		background-color: #4c5e8d;
		text-align: center;
		font-size: 1.4rem;
		color: #fff;
		line-height: 1.2;
		transition-property: padding;
		transition-duration: .2s;
	}
	.sdsNavi-link > a > .sdsNavi-link_text {
		font-size: 2.2rem;
	}
	
	
	/* ------------------------------------------------------
	 * FollowNavi
	------------------------------------------------------ */
	.FollowNavi {
		position: fixed;
		bottom: 8vh;
		right: 0;
		border-radius: 3px 0 0 3px;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .22);
		z-index: 50;
	}
	.followNavi_inner {
		position: relative;
	}
	.followNavi-link {
		overflow: hidden;
		position: relative;
		border-radius: 3px 0 0 3px;
		z-index: 60;
	}
	.followNavi-link > *:first-child {
		overflow: hidden;
	}
	.followNavi-link > *:last-child {
		overflow: hidden;
		margin-bottom: 0;
	}
	[class*="followNavi-link_"] {
		margin-bottom: 1px;
	}
	[class*="followNavi-link_"] > a {
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		padding-top: 36px;
		background-color: #666;
		font-size: 0.9rem;
		line-height: 1;
		text-align: center;
		color: #fff;
		transition-property: background-color;
		transition-duration: .2s;
	}
	[class*="followNavi-link_"] > a:hover {
		background-color: #333;
	}
	.followNavi-link_item_menu {
		display: none;
	}
	#home .followNavi-link_item_menu {
		display: block;
	}
	.followNavi-link_item_pagetop > a {
		overflow: hidden;
		background-image: none !important;
		background-color: #fff !important;
		color: #333;
		letter-spacing: -0.1em;
	}
	.followNavi-link_item_pagetop > a:hover {
		background-image: none !important;
		background-color: #f4f4f4 !important;
	}
	[class*="followNavi-link_"] > a::after {
		content: "";
		position: absolute;
		top: 40%;
		left: 50%;
		display: inline-block;
		background: url(/common/images/com_sprite_ic01.png) no-repeat 0 0;
	}
	.followNavi-link_item_menu > a::after {
		width: 16px;
		height: 14px;
		margin: -6px 0 0 -8px;
		background-position: -208px -28px;
	}
	.followNavi-link_item_ss > a::after {
		width: 22px;
		height: 22px;
		margin: -11px 0 0 -9px;
		background-position: -225px 0;
	}
	.followNavi-link_item_global > a::after {
		width: 24px;
		height: 24px;
		margin: -12px 0 0 -12px;
		background-position: -111px 0;
	}
	.followNavi-link_item_site > a::after {
		width: 24px;
		height: 24px;
		margin: -12px 0 0 -12px;
		background-position: -113px -27px;
	}
	[class*="followNavi-link_"].is-FollowNavi-link-open > a {
		background-color: #333;
	}
	[class*="followNavi-link_"].is-FollowNavi-link-open > a::after {
		width: 18px;
		height: 18px;
		margin: -9px 0 0 -9px;
		background-position: -206px -77px;
	}
	.followNavi-link_item_pagetop > a::after {
		right: 50%;
		width: 15px;
		height: 15px;
		margin-top: -3px;
		margin-left: -8px;
		background-image: none !important;
		border-top: 2px solid #969696;
		border-right: 2px solid #969696;
		-webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	.followNavi-body {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		position: absolute;
		top: 0;
		right: -100px;
		height: 100%;
		padding: 20px 70px 20px 20px;
		background-color: #333;
		border-radius: 3px 0 0 3px;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .22);
		transition-property: right;
		transition-duration: .2s;
		z-index: 50;
	}
	[class*="followNavi-body_item_"] {
		display: none;
	}
	[class*="followNavi-body_item_"] > *:first-child {
		margin-top: 0;
	}
	.followNavi-body .link-text > li {
		margin-top: 1em;
	}
	.followNavi-body .link-text > li:first-child {
		margin-top: 0;
	}
	.followNavi-body .link-text > li > a {
		color: #fff;
	}
	.followNavi-body .link-text > li > a::before {
		background-color: #fff !important;
	}
	.followNavi-body .link-text > li > a::after {
		border-color: #fff !important;
	}
	.followNavi-body_item_menu,
	.followNavi-body_item_site {
		width: 250px;
	}
	
	.followNavi-body_item_ss{
		width:250px;
		background-color:#FFFFFF;
	}
	.followNavi-body_title {
		color: #fff;
		text-align: center;
	}
	.followNavi_menu_lower {
		margin-top: 20px;
		padding-top: 15px;
		border-top: 1px solid #5a5a5a;
	}
	.followNavi_menu_lower > *:first-child {
		margin-top: 0;
	}
	.followNavi_menu_lower .link-text {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.followNavi_menu_lower .link-text > li {
		width: 49%;
		margin-top: 0.5em;
		margin-left: 2%;
	}
	.followNavi_menu_lower .link-text > li:first-child {
		width: 100%;
		margin-top: 0;
		margin-left: 0;
	}
	.followNavi_menu_lower .link-text > li:nth-child(2n+2) {
		margin-left: 0;
	}
	.followNavi_menu_lower .link-text > li > a {
		padding-left: 0;
		font-size: 1.3rem;
	}
	.followNavi_menu_lower .link-text > li > a::before {
		left: 0;
		width: 100%;
	}
	.followNavi_menu_lower .link-text > li > a::after {
		display: none;
	}

	
	.followNavi_ss_link > li > a {
		position: relative;
		display: block;
		background-color: #fff;
		width: 250px;
		height:148px;
	}
	.followNavi_ss_link > li > a::before {
		opacity: 1;
		transition-property: opacity;
		transition-duration: .2s;
	}
	.followNavi_ss_link > li > a:hover::before {
		opacity: 0.6;
	}
	.followNavi_ss_link > .logo > a::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: inline-block;
		width: 71px;
		height: 71px;
		margin: -20px 0 0 -35px;
		background: url(/common/images/com_sprite_logo01.png) no-repeat -152px -72px;
	}
	.followNavi_ss_link .link_label{
		width:240px;
		text-align:center;
		display:block;
		margin:0 auto;
		padding-top:20px;
		font-size:1.4rem;
	}
	.followNavi-body_item_ss .link-button-v2{
		font-size: 1.3rem;
		width:auto;
		padding:0 10px 10px;
	}
	
	.followNavi-body_item_ss .link-button-v2 > li > a {	
		min-width: auto;
	}
	
	
	.followNavi-body_item_global {
		padding: 0 20px;
	}
	.followNavi-body_item_site {
		padding: 0 10px;
	}
	.followNavi-body_item_site .followNavi_site-text {
		width: 100%;
		background: none;
		border: none;
		color: #fff;
	}
	.followNavi-body_item_site .followNavi_site-text:placeholder-shown {
    color: #bbb;
	}
	.followNavi-body_item_site .followNavi_site-text::-webkit-input-placeholder {
    color: #bbb;
	}
	.followNavi-body_item_site .followNavi_site-text:-moz-placeholder {
    color: #bbb;
		opacity: 1;
	}
	.followNavi-body_item_site .followNavi_site-text::-moz-placeholder {
    color: #bbb;
		opacity: 1;
	}
	.followNavi-body_item_site .followNavi_site-text:-ms-input-placeholder {
    color: #bbb;
	}
	.followNavi-body_item_site .followNavi_site-block {
		margin-top: 10px;
		padding-top: 15px;
		border-top: 1px solid #5a5a5a;
		text-align: center;
	}
	.followNavi-body_item_site .followNavi_site-block .followNavi_site-btn {
		position: relative;
		display: inline-block;
		background-color: #666;
	}
	.followNavi-body_item_site .followNavi_site-block .followNavi_site-btn > input {
		position: relative;
		height: 34px;
		padding: 0 20px 0 40px;
		background: none;
		border: none;
		font-size: 1.4rem;
		color: #fff;
		cursor: pointer;
	}
	.FollowNavi.is-FollowNavi-open .followNavi-body {
		right: 0;
	}
	#bizsearchAspForm,
	#bizsearchAspForm2 {
		position: relative;
	}
	#bizsearchAspQuery,
	#bizsearchAspQuery2 {
		background-color: inherit !important;
	}
	#bizasarchAspSuggest,
	#bizasarchAspSuggest2 {
		position:absolute;
		margin:0;
		padding:0;
		z-index:1000;
		left: 0 !important;
		top: 38px !important;
	}
	#bizasarchAspSuggest2 {
		top: 50px !important;
	}
	#bizasarchAspSuggest li,
	#bizasarchAspSuggest2 li {
		list-style:none;
		border-left:1px solid #B0C4DE;
		border-bottom:1px solid #B0C4DE;
		border-right:1px solid #B0C4DE;
		background-color:#f5f5f5;
		padding:1px 0;
	}
	#bizasarchAspSuggest li.sgItemOn,
	#bizasarchAspSuggest2 li.sgItemOn {
		border-left:1px solid #cc9900;
		border-bottom:1px solid #cc9900;
		border-right:1px solid #cc9900;
		background-color:#ffeeaa;
		font-weight:bold;
		cursor:pointer;
	}
}

/* ======================================================
 * Media Queries
====================================================== */
@media print, screen and (min-width: 768px) and (max-width: 1260px) {
	.pageGuide.is-fixed {
		width: 1260px;
		padding: 0 15px;
	}
	.Cmenu.is-fixed,
	.Cmenu.is-Cmenu-open.is-fixed {
		margin-left: 30px;
	}
}

@media print, screen and (min-width: 768px) and (max-width: 1360px) {
	.gnavList li a,
	.gnavList .home a {
		padding: 0 10px;
	}
}

@media print, screen and (min-width: 1260px) {
	body {
		overflow-x: hidden;
	}
}


/* ======================================================
 * Print
====================================================== */
@media print {
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	.Pagetop,
	#followNavi {display:none!important;}
	body {
		zoom: .86;
	}
	[data-row-pc="3"] > * {
		margin-left: 35px !important;
	}
	[data-row-pc="3"] > *:nth-child(3n+1) {
		margin-left: 0 !important;
	}
}