@charset "utf-8";
/***************************************************
information
  filename : basic_parts.css;
***************************************************/

/*======== app_basic_dez.css ========*/
/******************************************* 基本設定 *******************************************/

/* ** basic start ** */
/****************** 基本レイアウト ******************/
/* ベースレイアウト */
#wrapper,
#header,
#headerSub,
#contents,
#main,
#footerSub,
#footer,
#spheader,
#spfooter {margin: 0 auto;padding: 0;}
#spheader,
#spfooter {display: none;}

#wrapper {background: var(--wrap-bg);}
#header {z-index: 1000;background: var(--app-header-cr);color: var(--app-header-txt);}
#headerSub {background: var(--app-header-sub-cr);color: var(--app-header-sub-txt);}
#contents {background: var(--app-contents-cr);color: var(--app-contents-txt);}
#footerSub {background: var(--app-footer-sub-cr);color: var(--app-footer-sub-txt);}
#footer {background: var(--app-footer-cr);color: var(--app-footer-txt);}
#spheader {background: var(--app-spheader-cr);color: var(--app-spheader-txt);}
#spfooter {background: var(--app-spfooter-cr);color: var(--app-spfooter-txt);}

@media screen and (max-width: 600px) {
	body.sp_prev {width: 417px;}
	#wrapper {overflow: hidden;}
	.pcDisp {display: none;}/*** レスポンス時表示隠し共通 ***/
}
@media screen and (max-width: 896px) {
	#spheader,
	#spfooter {display: block;}
}
/****************** フォント指定 ******************/
.breakall {word-wrap: break-word;}

/****************** レイアウト（body要素） ******************/
.top,
.con_list,
.con_det,
.sem_list,
.sem_det,
.prd_list,
.prd_det,
.mytop_det,
.mysv_det,
.mysem_det,
.myprd_det,
.myprf_det,
.mypost_det,
.mycnt_det,
.mybnf_det,
.myafl_det,
.ordsv_det,
.ordsem_det,
.ordprd_det,
.brd_det,
.login_det,
.reg_det,
.rmd_det,
.popup {margin-left: auto;margin-right: auto;}
body.sp_prev {width: 417px;margin: 0 auto;}

/****************** 幅指定 ******************/

/* ベースレイアウト */
#header,
#headerSub,
#footerSub,
#footer {width: 100%;}
.popup .mainOCln {width: 90%;}

.NBLink {width: 100%;}/* 記事横移動ナビ */
#SNSboxArea {width: 100%;}/* SNSシェア設置 */
.commentBox {width: 100%;}/* コメント・掲示板要素 */
.contactBox {width: 100%;}/* お問会わせ枠 */

/* ** basic end ** */

/* ** link start ** */
/* 基本リンク */
a:link {text-decoration: none;color: var(--app-link-txt);}
a:visited {text-decoration: none;color: var(--app-visited-txt);}
a:hover {text-decoration: underline;color: var(--app-hover-txt);}
a:active {text-decoration: underline;color: var(--app-active-txt);}
/* ** link end ** */

/* ** colorbox_basic start ** */
/* ** colorbox_basic end ** */

/* ** loading_parts start ** */
/****************** ローディング ******************/
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {display: none;}
.pace .pace-progress {
	background: var(--app-loading-bg);
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}
.pace .pace-progress-inner {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px var(--app-loading-bg), 0 0 5px var(--app-loading-bg);
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-moz-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	-o-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
	display: block;
	position: fixed;
	z-index: 2000;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	border: solid 3px transparent;
	border-top-color: var(--app-loading-bg);
	border-left-color: var(--app-loading-bg);
	border-radius: 50%;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
	0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
	0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
	0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
	0% { transform: rotate(0deg); transform: rotate(0deg); }
	100% { transform: rotate(360deg); transform: rotate(360deg); }
}
/* ** loading_parts end ** */

/* ** system basic start ** */
/******** 編集不可ファイル *********/

/* 管理画面プレビュー用(基本デザイン) */
.SiteColorArea {width: 100%;margin: 2.0rem auto;padding: 0;}
.cororBoxPre {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border: 1px solid #999;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
	font-weight: bold;
}
.cororBoxPreSpTxt {
	padding: 1.0rem 0;
	font-size: 1.4rem;
}
/* アイコン処理 */
.crBoxInn {
	position: relative;
	width: 100%;
	border-radius: 5px;
}
.LayoutIco {
	position: absolute;
	top: -13px;
	padding: 0.2em 1.0em;
	color: #fff;
	border-radius: 5px;
	font-size: 1.2rem;
	border: 1px solid #fff;
}
.body-bg {margin: 0 auto;padding: 28px 10px;}/* Body */
.wrap-bg {border: 1px dashed #999;}/* Wrap */
.app-spheader-cr {border: 1px dashed #9f0a50;}/* Spheader */
.app-header-cr {border: 1px dashed #00a98f;}/* Header */
.app-header-sub-cr {border: 1px dashed #ff7200;}/* HeaderSub */
.app-contents-cr {border: 1px dashed #00a0e2;}/* Contents */
.app-footer-sub-cr {border: 1px dashed #ff7200;}/* FooterSub */
.app-footer-cr {border: 1px dashed #00a98f;}/* Footer */
.app-spfooter-cr {border: 1px dashed #9f0a50;}/* Spfooter */

.body-bg {background: var(--body-bg);}/* Body */
.wrap-bg {background: var(--wrap-bg);}/* Wrap */
.app-header-cr {background: var(--app-header-cr);color: var(--app-header-txt);}/* Header */
.app-header-sub-cr {background: var(--app-header-sub-cr);color: var(--app-header-sub-txt);}/* HeaderSub */
.app-contents-cr {background: var(--app-contents-cr);color: var(--app-contents-txt);}/* Contents */
.app-footer-sub-cr {background: var(--app-footer-sub-cr);color: var(--app-footer-sub-txt);}/* FooterSub */
.app-footer-cr {background: var(--app-footer-cr);color: var(--app-footer-txt);}/* Footer */
.app-spheader-cr {background: var(--app-spheader-cr);color: var(--app-spheader-txt);}/* Spheader */
.app-spfooter-cr {background: var(--app-spfooter-cr);color: var(--app-spfooter-txt);}/* Spfooter */

.cororBoxPre .body-bg {}/* Body */
.cororBoxPre .wrap-bg {margin: 2.0rem auto;padding: 0.5rem;}/* Wrap */
.cororBoxPre .app-header-cr {margin: 0 auto;padding: 0.5rem;}/* Header */
.cororBoxPre .app-header-sub-cr {margin: 2.0rem auto;padding: 0.5rem;}/* HeaderSub */
.cororBoxPre .app-contents-cr {margin: 2.0rem auto;padding: 5.0rem 0.5rem;}/* Contents */
.cororBoxPre .app-footer-sub-cr {margin: 2.0rem auto;padding: 0.5rem;}/* FooterSub */
.cororBoxPre .app-footer-cr {margin: 2.0rem auto 0.5rem auto;padding: 0.5rem;}/* Footer */
.cororBoxPre .app-spheader-cr {margin: 0 auto;padding: 0.5rem;}/* Spheader */
.cororBoxPre .app-spfooter-cr {margin: 0 auto;padding: 0.5rem;}/* Spfooter */

.bodyIco {background: #333;left: 0;}
.wrapIco {background: #333;left: 5px;}
.headerIco {background: #00a98f;left: 5px;}
.headersubIco {background: #ff7200;left: 5px;}
.contentsIco {background: #00a0e2;left: 5px;}
.footersubIco {background: #ff7200;left: 5px;}
.footerIco {background: #00a98f;left: 5px;}
.spheaderIco {background: #9f0a50;left: 5px;}
.spfooterIco {background: #9f0a50;left: 5px;}

/* 管理画面プレビュー用(レイアウト) */
.sampleLayout .sampleLayoutArea {padding: 0.2rem;border: 2px dotted #e90000;background: #ffefef;}/* 外枠 */
.sampleLayout .ptLayoutInn {padding: 2.0rem;border: 2px dotted #45820a;background: #fff;}/* 内枠 */
.sampleLayoutFlex .FlexblckArea {padding: 1.0rem;border: 2px dotted #142da8;background: #effcff;}/* Flex要素 */
.sampleLayout .sampleLayoutTxt {width: 50%;margin-left: auto;margin-right: auto;padding: 1.0rem;border: 2px solid #45820a;background: #76b836;text-align: center;color: #fff;font-weight: bold;border-radius: 0.5rem;}/* テキスト要素 */
.sampleLayout .sampleLayoutBox {width: 100%;margin-left: auto;margin-right: auto;padding: 1.0rem;border: 2px solid #45820a;background: #76b836;text-align: center;color: #fff;font-weight: bold;border-radius: 0.5rem;}/* パーツ要素 */
.sampleLayoutArt .articleArea,
.sampleLayoutArt .examArea {padding: 0.2rem;border: 2px dotted #e90000;background: #ffefef;}/* articleArea枠 */
.sampleLayoutArt .articleBox,
.sampleLayoutArt .examBox {padding: 2.0rem;border: 2px dotted #45820a;background: #fff;}/* articleBox枠 */

/* 管理画面プレビュー用(aタグ) */
.LinkSysBox {width: 100%;margin: 2.0rem auto;padding: 0;}
.LinkSysBox h2 {width: 100%;margin: 2.0rem auto;padding: 0.5rem;border-bottom: 1px dotted #666;}
.LinkSysBox .LinkSysBoxSampleImg {width: 280px;margin: 0;}
.LinkSysBox .LinkSysBoxSampleImg img {width: 100%;}
.LinkSysBox .LinkSysBoxSampleCap {width: 100%;text-align: center;padding: 0.5rem 0;font-size: 1.4rem;font-weight: bold;}
a.a_link {color: var(--app-link-txt);}
a.a_visited {color: var(--app-visited-txt);}
a.a_hover {color: var(--app-hover-txt);}
a.a_active {color: var(--app-active-txt);}

/* 管理画面プレビュー用(アドレスタグ) */
.adminPre address {padding: 3.0rem 2.0rem;}

/* 管理画面プレビュー用 課題・ワーク基本幅(エディタ用) */
.examArea {
	width: 800px;
	margin: 0 auto;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.examArea {width: 100%;}
}
/******** パーツ幅指定 *********/

/**** フロート要素 ****/
.ClmblckArea.ClmLR .mainClnD,
.ClmblckArea.ClmLR .mainClnS,
.ClmblckArea.ClmLR .mainClnDK,
.ClmblckArea.ClmLR .mainClnSK {float: left;background: var(--app-mainCln-cr);}/* メイン左 */
.ClmblckArea.ClmLR .sideClnD,
.ClmblckArea.ClmLR .sideClnS,
.ClmblckArea.ClmLR .sideClnDK,
.ClmblckArea.ClmLR .sideClnSK {float: right;background: var(--app-sideCln-cr);}
.ClmblckArea.ClmRL .mainClnD,
.ClmblckArea.ClmRL .mainClnS,
.ClmblckArea.ClmRL .mainClnDK,
.ClmblckArea.ClmRL .mainClnSK {float: right;background: var(--app-mainCln-cr);}/* メイン右 */
.ClmblckArea.ClmRL .sideClnD,
.ClmblckArea.ClmRL .sideClnS,
.ClmblckArea.ClmRL .sideClnDK,
.ClmblckArea.ClmRL .sideClnSK {float: left;background: var(--app-sideCln-cr);}
.ClmblckArea .hlfCln.hlfL {float: left;}
.ClmblckArea .hlfCln.hlfR {float: right;}

/* ===================================================================================
for SP max-width: 896px
=================================================================================== */
@media screen and (max-width: 896px) {
	.ClmblckArea.ClmLR .mainClnD,
	.ClmblckArea.ClmLR .mainClnS {float: none;margin-left: auto;margin-right: auto;}
	.ClmblckArea.ClmLR .sideClnD,
	.ClmblckArea.ClmLR .sideClnS {float: none;margin-left: auto;margin-right: auto;}
	.ClmblckArea.ClmRL .mainClnD,
	.ClmblckArea.ClmRL .mainClnS {float: none;margin-left: auto;margin-right: auto;}
	.ClmblckArea.ClmRL .sideClnD,
	.ClmblckArea.ClmRL .sideClnS {float: none;margin-left: auto;margin-right: auto;}
	.ClmblckArea .hlfCln.hlfL {float: none;margin-left: auto;margin-right: auto;}
	.ClmblckArea .hlfCln.hlfR {float: none;margin-left: auto;margin-right: auto;}
}
/* ** system basic end ** */

/* ** layout_basic start ** */
/**** 基本横幅 ****/
.ptWdN {margin-left: auto;margin-right: auto;} /* サイズ指定無し */
.ptWdW {width: var(--app-ptWdW-width);margin-left: auto;margin-right: auto;} /* 基本幅 */
.ptWdM {width: var(--app-ptWdM-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(広) */
.ptWdC {width: var(--app-ptWdC-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅 */
.ptWdS {width: var(--app-ptWdS-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(狭) */
.ptWdFW {width: var(--app-ptWdFW-width);margin-left: auto;margin-right: auto;} /* フォーム基本幅(広) */
.ptWdFS {width: var(--app-ptWdFS-width);margin-left: auto;margin-right: auto;} /* フォーム基本幅(狭) */

/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
.ClmblckArea.ptWdW {width: 95%;}
}
/* プレビュー横幅 */
.sp_prev .ptWdW,
.sp_prev .ptWdM,
.sp_prev .ptWdC,
.sp_prev .ptWdS,
.sp_prev .ptWdFW,
.sp_prev .ptWdFS {width: 100%;margin-left: auto;margin-right: auto;}

/**** 基本インライン横幅 ****/
.ptWdIN .ptLayoutInn,
.ptWdIN .gnavi ul,
.ptWdIN .catenavY ul {margin-left: auto;margin-right: auto;} /* サイズ指定無し */
.ptWdIW .ptLayoutInn,
.ptWdIW .gnavi ul,
.ptWdIW .catenavY ul {width: var(--app-ptWdIW-width-pct);margin-left: auto;margin-right: auto;} /* 基本幅% */
.ptWdIM .ptLayoutInn,
.ptWdIM .gnavi ul,
.ptWdIM .catenavY ul {width: var(--app-ptWdIM-width-pct);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(広)% */
.ptWdIC .ptLayoutInn,
.ptWdIC .gnavi ul,
.ptWdIC .catenavY ul {width: var(--app-ptWdIC-width-pct);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅% */
.ptWdIS .ptLayoutInn,
.ptWdIS .gnavi ul,
.ptWdIS .catenavY ul {width: var(--app-ptWdIS-width-pct);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(狭)% */
.ptWdIWK .ptLayoutInn,
.ptWdIWK .gnavi ul,
.ptWdIWK .catenavSl ul,
.ptWdIWK .catenavY ul {width: var(--app-ptWdW-width);margin-left: auto;margin-right: auto;} /* 基本幅 */
.ptWdIMK .ptLayoutInn,
.ptWdIMK .gnavi ul,
.ptWdIMK .catenavSl ul,
.ptWdIMK .catenavY ul {width: var(--app-ptWdM-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(広) */
.ptWdICK .ptLayoutInn,
.ptWdICK .gnavi ul,
.ptWdICK .catenavSl ul,
.ptWdICK .catenavY ul {width: var(--app-ptWdC-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅 */
.ptWdISK .ptLayoutInn,
.ptWdISK .gnavi ul,
.ptWdISK .catenavSl ul,
.ptWdISK .catenavY ul {width: var(--app-ptWdS-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(狭) */
.ptWdIN .catenavSl ul {padding-left: 1.0rem;padding-right: 1.0rem;}
.ptWdIW .catenavSl ul {width: var(--app-ptWdW-width);} /* 基本幅 */
.ptWdIM .catenavSl ul {width: var(--app-ptWdM-width);} /* コンテンツ基本幅(広) */
.ptWdIC .catenavSl ul {width: var(--app-ptWdC-width);} /* コンテンツ基本幅 */
.ptWdIS .catenavSl ul {width: var(--app-ptWdS-width);} /* コンテンツ基本幅(狭) */
.mainClnD .ptWdIW .catenavSl ul,
.mainClnD .ptWdIM .catenavSl ul,
.mainClnD .ptWdIC .catenavSl ul,
.mainClnD .ptWdIS .catenavSl ul {width: 100%;}
.mainClnDK .ptWdIW .catenavSl ul,
.mainClnDK .ptWdIM .catenavSl ul,
.mainClnDK .ptWdIC .catenavSl ul,
.mainClnDK .ptWdIS .catenavSl ul {width: 100%;}
.mainClnS .ptWdIW .catenavSl ul,
.mainClnS .ptWdIM .catenavSl ul,
.mainClnS .ptWdIC .catenavSl ul,
.mainClnS .ptWdIS .catenavSl ul {width: 100%;}
.mainClnSK .ptWdIW .catenavSl ul,
.mainClnSK .ptWdIM .catenavSl ul,
.mainClnSK .ptWdIC .catenavSl ul,
.mainClnSK .ptWdIS .catenavSl ul {width: 100%;}

/* プレビュー横幅 */
.sp_prev .ptWdIW .ptLayoutInn,
.sp_prev .ptWdIW .gnavi ul,
.sp_prev .ptWdIW .catenavY ul,
.sp_prev .ptWdIM .ptLayoutInn,
.sp_prev .ptWdIM .gnavi ul,
.sp_prev .ptWdIM .catenavY ul,
.sp_prev .ptWdIC .ptLayoutInn,
.sp_prev .ptWdIC .gnavi ul,
.sp_prev .ptWdIC .catenavY ul,
.sp_prev .ptWdIS .ptLayoutInn,
.sp_prev .ptWdIS .gnavi ul,
.sp_prev .ptWdIS .catenavY ul,
.sp_prev .ptWdIWK .ptLayoutInn,
.sp_prev .ptWdIWK .gnavi ul,
.sp_prev .ptWdIWK .catenavSl ul,
.sp_prev .ptWdIWK .catenavY ul,
.sp_prev .ptWdIMK .ptLayoutInn,
.sp_prev .ptWdIMK .gnavi ul,
.sp_prev .ptWdIMK .catenavSl ul,
.sp_prev .ptWdIMK .catenavY ul,
.sp_prev .ptWdICK .ptLayoutInn,
.sp_prev .ptWdICK .gnavi ul,
.sp_prev .ptWdICK .catenavSl ul,
.sp_prev .ptWdICK .catenavY ul,
.sp_prev .ptWdISK .ptLayoutInn,
.sp_prev .ptWdISK .gnavi ul,
.sp_prev .ptWdISK .catenavSl ul,
.sp_prev .ptWdISK .catenavY ul {width: 100%;margin-left: auto;margin-right: auto;}

 /*** フォーム関係専用幅 ***/
.ptWdFW.ptWdIWK .ptLayoutInn,
.ptWdFW.ptWdICK .ptLayoutInn,
.ptWdFW.ptWdIMK .ptLayoutInn,
.ptWdFW.ptWdISK .ptLayoutInn,
.ptWdFS.ptWdIWK .ptLayoutInn,
.ptWdFS.ptWdICK .ptLayoutInn,
.ptWdFS.ptWdIMK .ptLayoutInn,
.ptWdFS.ptWdISK .ptLayoutInn {width: 100%;}

/**** 2カラム横幅固定サイズ（基本） ****/
.mainClnDK {width: var(--app-mainClnDK-width);} /* 2カラムメイン幅 */
.sideClnDK {width: var(--app-sideClnDK-width);} /* 2カラムサイド幅 */

/**** 2カラム横幅パーセンテージサイズ（基本） ****/
.ptWdN .mainClnD,
.ptWdW .mainClnD,
.ptWdM .mainClnD,
.ptWdC .mainClnD,
.ptWdS .mainClnD,
.ptWdWK .mainClnD,
.ptWdMK .mainClnD,
.ptWdCK .mainClnD,
.ptWdIN .mainClnD .ptLayoutInn,
.ptWdIW .mainClnD .ptLayoutInn,
.ptWdIC .mainClnD .ptLayoutInn,
.ptWdIM .mainClnD .ptLayoutInn,
.ptWdIS .mainClnD .ptLayoutInn,
.ptWdIWK .mainClnD .ptLayoutInn,
.ptWdICK .mainClnD .ptLayoutInn,
.ptWdIMK .mainClnD .ptLayoutInn {width: var(--app-mainClnD-width-pct);} /* 2カラムメイン幅% */
.ptWdN .sideClnD,
.ptWdW .sideClnD,
.ptWdM .sideClnD,
.ptWdC .sideClnD,
.ptWdS .sideClnD,
.ptWdWK .sideClnD,
.ptWdMK .sideClnD,
.ptWdCK .sideClnD,
.ptWdSK .sideClnD,
.ptWdIN .sideClnD .ptLayoutInn,
.ptWdIW .sideClnD .ptLayoutInn,
.ptWdIM .sideClnD .ptLayoutInn,
.ptWdIC .sideClnD .ptLayoutInn,
.ptWdIS .sideClnD .ptLayoutInn,
.ptWdIWK .sideClnD .ptLayoutInn,
.ptWdICK .sideClnD .ptLayoutInn,
.ptWdIMK .sideClnD .ptLayoutInn,
.ptWdISK .sideClnD .ptLayoutInn {width: var(--app-sideClnD-width-pct);} /* 2カラムサイド幅 */

/**** 2カラム横幅固定サイズ（コンテンツ幅広） ****/
.mainClnSK {width: var(--app-mainClnSK-width);} /* 2カラムメイン幅(広) */
.sideClnSK {width: var(--app-sideClnSK-width);} /* 2カラムサイド幅(狭) */

/**** 2カラム横幅パーセンテージサイズ（コンテンツ幅広） ****/
.ptWdN .mainClnS,
.ptWdW .mainClnS,
.ptWdM .mainClnS,
.ptWdC .mainClnS,
.ptWdS .mainClnS,
.ptWdWK .mainClnS,
.ptWdCK .mainClnS,
.ptWdMK .mainClnS,
.ptWdSK .mainClnS,
.ptWdIN .mainClnS .ptLayoutInn,
.ptWdIW .mainClnS .ptLayoutInn,
.ptWdIM .mainClnS .ptLayoutInn,
.ptWdIC .mainClnS .ptLayoutInn,
.ptWdIS .mainClnS .ptLayoutInn,
.ptWdIWK .mainClnS .ptLayoutInn,
.ptWdICK .mainClnS .ptLayoutInn,
.ptWdIMK .mainClnS .ptLayoutInn,
.ptWdISK .mainClnS .ptLayoutInn {width: var(--app-mainClnS-width-pct);} /* 2カラムメイン幅(広)% */
.ptWdN .sideClnS,
.ptWdW .sideClnS,
.ptWdC .sideClnS,
.ptWdM .sideClnS,
.ptWdS .sideClnS,
.ptWdWK .sideClnS,
.ptWdCK .sideClnS,
.ptWdMK .sideClnS,
.ptWdSK .sideClnS,
.ptWdIN .sideClnS .ptLayoutInn,
.ptWdIW .sideClnS .ptLayoutInn,
.ptWdIC .sideClnS .ptLayoutInn,
.ptWdIM .sideClnS .ptLayoutInn,
.ptWdIS .sideClnS .ptLayoutInn,
.ptWdIWK .sideClnS .ptLayoutInn,
.ptWdICK .sideClnS .ptLayoutInn,
.ptWdIMK .sideClnS .ptLayoutInn,
.ptWdISK .sideClnS .ptLayoutInn {width: var(--app-sideClnS-width-pct);} /* 2カラムサイド幅(狭)% */

/**** 2カラム(セパレート) ****/
.hlfCln {width: 49%;}/* 2カラム(等幅) */

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	/* 2カラム(セパレート) */
	.hlfCln {width: 100%;}/* 2カラム(等幅) */
}
/* ** layout_basic end ** */

/* ** flex_basic start ** */
/* Flex配置(主に親レイアウト用) */
.FlexblckArea .ptLayoutInn {display: flex;align-items: center;}
.FlexblckArea.gapSet .ptLayoutInn {gap: 1.0rem;}
.FlexblckArea.wrapSet .ptLayoutInn {flex-wrap: wrap;}
.FlexblckArea .ptLayoutInn.FlexL,
.FlexblckArea .ptLayoutInn.FlexLS,
.FlexblckArea .ptLayoutInn.FlexLE {justify-content: flex-start;}/*Flex左寄せ */
.FlexblckArea .ptLayoutInn.FlexR {justify-content: flex-end;}/*Flex右寄せ */
.FlexblckArea .ptLayoutInn.FlexC {justify-content: center;}/*Flex中央寄せ */
.FlexblckArea .ptLayoutInn.FlexA {justify-content: space-around;}/*Flex左右均等余白あり */
.FlexblckArea .ptLayoutInn.FlexB {justify-content: space-between;}/*Flex左右均等余白無し */
.FlexblckArea .ptLayoutInn.FlexLS .FlexItem:first-child {margin-right: auto;}/*Flex最初だけ左 */
.FlexblckArea .ptLayoutInn.FlexLE .FlexItem:last-child {margin-left: auto;}/*Flex最後だけ右 */
.FlexblckArea .ptLayoutInn.FlexCLR {justify-content: center;align-items: center;position: relative;}/*Flex中央寄せ 左右寄せ */
.FlexblckArea .ptLayoutInn.FlexCLR .FlexItemL {position: absolute;left: 0;}/*Flex中央寄せ 左寄せ */
.FlexblckArea .ptLayoutInn.FlexCLR .FlexItemR {position: absolute;right: 0;}/*Flex中央寄せ 右寄せ */

/* Flex配置(フッター箇所の個別レイアウト設定) */
#footer .FlexblckArea .ptLayoutInn,
#footer .FlexblckInnArea {align-items: flex-start;}

/* Flex配置(主に子要素用) */
.FlexblckInnArea {display: flex;align-items: center;}
.FlexblckInnArea.gapSet {gap: 1.0rem;}
.FlexblckInnArea.wrapSet .ptLayoutInn {flex-wrap: wrap;}
.FlexblckInnArea.FlexL,
.FlexblckInnArea.FlexLS,
.FlexblckInnArea.FlexLE {justify-content: flex-start;}/*Flex左寄せ */
.FlexblckInnArea.FlexR {justify-content: flex-end;}/*Flex右寄せ */
.FlexblckInnArea.FlexC {justify-content: center;}/*Flex中央寄せ */
.FlexblckInnArea.FlexA {justify-content: space-around;}/*Flex左右均等余白あり */
.FlexblckInnArea.FlexB {justify-content: space-between;}/*Flex左右均等余白無し */
.FlexblckInnArea.FlexLS .FlexItemInn:first-child {margin-right: auto;}/*Flex最初だけ左 */
.FlexblckInnArea.FlexLE .FlexItemInn:last-child {margin-left: auto;}/*Flex最後だけ右 */
.FlexblckInnArea.FlexCLR {justify-content: center;align-items: center;position: relative;}/*Flex中央寄せ 左右寄せ */
.FlexblckInnArea.FlexCLR .FlexItemInnL {position: absolute;left: 0;}/*Flex中央寄せ 左寄せ */
.FlexblckInnArea.FlexCLR .FlexItemInnR {position: absolute;right: 0;}/*Flex中央寄せ 右寄せ */

.hlfCln .ptWdN,
.hlfCln .ptWdW,
.hlfCln .ptWdM,
.hlfCln .ptWdC,
.hlfCln .ptWdS,
.mainClnD .ptWdN,
.sideClnD .ptWdN,
.mainClnS .ptWdN,
.sideClnS .ptWdN,
.mainClnD .ptWdW,
.sideClnD .ptWdW,
.mainClnS .ptWdW,
.sideClnS .ptWdW,
.mainClnD .ptWdM,
.sideClnD .ptWdM,
.mainClnS .ptWdM,
.sideClnS .ptWdM,
.mainClnD .ptWdC,
.sideClnD .ptWdC,
.mainClnS .ptWdC,
.sideClnS .ptWdC,
.mainClnD .ptWdS,
.sideClnD .ptWdS,
.mainClnS .ptWdS,
.sideClnS .ptWdS,
.mainClnDK .ptWdN,
.sideClnDK .ptWdN,
.mainClnSK .ptWdN,
.sideClnSK .ptWdN,
.mainClnDK .ptWdW,
.sideClnDK .ptWdW,
.mainClnSK .ptWdW,
.sideClnSK .ptWdW,
.mainClnDK .ptWdM,
.sideClnDK .ptWdM,
.mainClnSK .ptWdM,
.sideClnSK .ptWdM,
.mainClnDK .ptWdC,
.sideClnDK .ptWdC,
.mainClnSK .ptWdC,
.sideClnSK .ptWdC,
.mainClnDK .ptWdS,
.sideClnDK .ptWdS,
.mainClnSK .ptWdS,
.sideClnSK .ptWdS {width: 100%;}

.FlexblckArea .ptWdN,
.FlexblckArea .ptWdW,
.FlexblckArea .ptWdM,
.FlexblckArea .ptWdC,
.FlexblckArea .ptWdS {width: auto;margin-left: 0;margin-right: 0;}

.hlfCln .ptWdIN .ptLayoutInn,
.hlfCln .ptWdIW .ptLayoutInn,
.hlfCln .ptWdIM .ptLayoutInn,
.hlfCln .ptWdIC .ptLayoutInn,
.hlfCln .ptWdIS .ptLayoutInn,
.mainClnD .ptWdIN .ptLayoutInn,
.sideClnD .ptWdIN .ptLayoutInn,
.mainClnS .ptWdIN .ptLayoutInn,
.sideClnS .ptWdIN .ptLayoutInn,
.mainClnD .ptWdIW .ptLayoutInn,
.sideClnD .ptWdIW .ptLayoutInn,
.mainClnS .ptWdIW .ptLayoutInn,
.sideClnS .ptWdIW .ptLayoutInn,
.mainClnD .ptWdIM .ptLayoutInn,
.sideClnD .ptWdIM .ptLayoutInn,
.mainClnS .ptWdIM .ptLayoutInn,
.sideClnS .ptWdIM .ptLayoutInn,
.mainClnD .ptWdIC .ptLayoutInn,
.sideClnD .ptWdIC .ptLayoutInn,
.mainClnS .ptWdIC .ptLayoutInn,
.sideClnS .ptWdIC .ptLayoutInn,
.mainClnD .ptWdIS .ptLayoutInn,
.sideClnD .ptWdIS .ptLayoutInn,
.mainClnS .ptWdIS .ptLayoutInn,
.sideClnS .ptWdIS .ptLayoutInn,
.mainClnDK .ptWdIN .ptLayoutInn,
.sideClnDK .ptWdIN .ptLayoutInn,
.mainClnSK .ptWdIN .ptLayoutInn,
.sideClnSK .ptWdIN .ptLayoutInn,
.mainClnDK .ptWdIW .ptLayoutInn,
.sideClnDK .ptWdIW .ptLayoutInn,
.mainClnSK .ptWdIW .ptLayoutInn,
.sideClnSK .ptWdIW .ptLayoutInn,
.mainClnDK .ptWdIM .ptLayoutInn,
.sideClnDK .ptWdIM .ptLayoutInn,
.mainClnSK .ptWdIM .ptLayoutInn,
.sideClnSK .ptWdIM .ptLayoutInn,
.mainClnDK .ptWdIC .ptLayoutInn,
.sideClnDK .ptWdIC .ptLayoutInn,
.mainClnSK .ptWdIC .ptLayoutInn,
.sideClnSK .ptWdIC .ptLayoutInn,
.mainClnDK .ptWdIS .ptLayoutInn,
.sideClnDK .ptWdIS .ptLayoutInn,
.mainClnSK .ptWdIS .ptLayoutInn,
.sideClnSK .ptWdIS .ptLayoutInn {width: 100%;}

.FlexblckArea .ptWdIN .ptLayoutInn,
.FlexblckArea .ptWdIW .ptLayoutInn,
.FlexblckArea .ptWdIM .ptLayoutInn,
.FlexblckArea .ptWdIC .ptLayoutInn,
.FlexblckArea .ptWdIS {width: auto;margin-left: 0;margin-right: 0;}

/* ===================================================================================
for ipad max-width: 600px-1600px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1600px) {
	.FlexblckArea .ptWdIN .ptLayoutInn,
	.FlexblckArea .ptWdIW .ptLayoutInn,
	.FlexblckArea .ptWdIC .ptLayoutInn,
	.FlexblckArea .ptWdIM .ptLayoutInn,
	.FlexblckArea .ptWdIS .ptLayoutInn {width: 100%;padding-left: 0.2em;padding-right: 0.2em;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.FlexblckArea .ptWdN,
	.FlexblckArea .ptWdW,
	.FlexblckArea .ptWdC,
	.FlexblckArea .ptWdM,
	.FlexblckArea .ptWdS {padding-left: 0.2em;padding-right: 0.2em;}
	.FlexblckArea .ptWdIN .ptLayoutInn,
	.FlexblckArea .ptWdIW .ptLayoutInn,
	.FlexblckArea .ptWdIC .ptLayoutInn,
	.FlexblckArea .ptWdIM .ptLayoutInn,
	.FlexblckArea .ptWdIS {padding-left: 0.2em;padding-right: 0.2em;}
}
/* ** flex_basic end ** */

/* ** mg_basic start ** */
/****************** レイアウト枠マージン指定 ******************/

/**** 基本上下 ****/
.ptMgN {margin-top: 0;margin-bottom: 0;padding: 0;} /* 上下指定無し */
.ptMgW {margin-top: var(--app-ptMgW-mg);margin-bottom: var(--app-ptMgW-mg);} /* 上下指定大 */
.ptMgWT {margin-top: var(--app-ptMgW-mg);margin-bottom: 0;} /* 上指定大 */
.ptMgWU {margin-top: 0;margin-bottom: var(--app-ptMgW-mg);} /* 下指定大 */
.ptMgM {margin-top: var(--app-ptMgM-mg);margin-bottom: var(--app-ptMgM-mg);} /* 上下指定中 */
.ptMgMT {margin-top: var(--app-ptMgM-mg);margin-bottom: 0;} /* 上指定中 */
.ptMgMU {margin-top: 0;margin-bottom: var(--app-ptMgM-mg);} /* 下指定中 */
.ptMgS {margin-top: var(--app-ptMgS-mg);margin-bottom: var(--app-ptMgS-mg);} /* 上下指定小 */
.ptMgST {margin-top: var(--app-ptMgS-mg);margin-bottom: 0;} /* 上指定小 */
.ptMgSU {margin-top: 0;margin-bottom: var(--app-ptMgS-mg);} /* 下指定小 */
body.sp_prev .ptMgWT {margin-top: 1.0em;margin-bottom: 0;} /* 上指定 */
/* ** mg_basic end ** */

/* ** pd_basic start ** */
/****************** レイアウト枠パディング指定 ******************/

/**** 基本上下 ****/
.ptPdN {padding-top: 0;padding-bottom: 0;padding: 0;} /* 上下指定無し */
.ptPdW {padding-top: var(--app-ptPdW-pd);padding-bottom: var(--app-ptPdW-pd);} /* 上下指定大 */
.ptPdWT {padding-top: var(--app-ptPdW-pd);padding-bottom: 0;} /* 上指定大 */
.ptPdWU {padding-top: 0;padding-bottom: var(--app-ptPdW-pd);} /* 下指定大 */
.ptPdM {padding-top: var(--app-ptPdM-pd);padding-bottom: var(--app-ptPdM-pd);} /* 上下指定中 */
.ptPdMT {padding-top: var(--app-ptPdM-pd);padding-bottom: 0;} /* 上指定中 */
.ptPdMU {padding-top: 0;padding-bottom: var(--app-ptPdM-pd);} /* 下指定中 */
.ptPdS {padding-top: var(--app-ptPdS-pd);padding-bottom: var(--app-ptPdS-pd);} /* 上下指定小 */
.ptPdST {padding-top: var(--app-ptPdS-pd);padding-bottom: 0;} /* 上指定小 */
.ptPdSU {padding-top: 0;padding-bottom: var(--app-ptPdS-pd);} /* 下指定小 */
body.sp_prev .ptPdWT {padding-top: 1.0em;padding-bottom: 0;} /* 上指定 */
/* ** pd_basic end ** */

/* ** scroll_bar start ** */
/****************** スクロールバー指定 ******************/
.scrollBar{
	overflow-x: auto;
	width: 100%;
	height: auto;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}
.scrollBar::-webkit-scrollbar{height: 0.2rem;}
.scrollBar::-webkit-scrollbar-track{background-color: inhelit;}
.scrollBar::-webkit-scrollbar-thumb{background-color: var(--app-scrollBar-cr);border-radius: 0.2rem;}
.scrollBar li {white-space:nowrap;}
/* ** scroll_bar end ** */

/* ** header_design01_bg start ** */

/****************** ヘッダー個別デザイン01 headDez01 ******************/

/* ヘッダー2段構成 */
#header.headDez01 p.logo,
#header.headDez01 p.sub_logo {padding: 1.5rem 0 0 0;max-width: 250px;}
.headDez01 .header_innU .header_innSub {width: 100%;}
#header.headDez01 .gnavi {background: none;}
#header.headDez01 .scroll-fix p.logo,
#header.headDez01 .scroll-fix p.sub_logo {padding: 0.8rem 0;height: 60px;}
#header.headDez01 .gnavis {margin-top: 0.5rem;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez01 .gnavi ul {padding: 0.8rem 1.0rem;}
	#header.headDez01 .snavi,
	#header.headDez01 .gnavis {display: none;}
}

/****************** SPヘッダー個別デザイン spheadDez01 ******************/
#spheaderMenu.spheadDez01 p.logo,
#spheaderMenu.spheadDez01 p.sub_logo {padding: 1.5rem 0 0 0.8rem;max-width: 180px;}
#spheaderMenu.spheadDez01 .scroll-nml,
#spheaderMenu.spheadDez01 .scroll-fix .scrollfixMenu,
#spheaderMenu.spheadDez01 .scroll-Fixed .scrFixed {padding-bottom: 2.5rem;}
#spheaderMenu.spheadDez01.bgheader .scroll-fix {padding-bottom: 0;}

/* ** header_design01_bg end ** */

/* ** header_design02_bg start ** */
/****************** ヘッダー個別デザイン headDez02 ******************/
/* ヘッダーロゴ・メニューのみ */
#header.headDez02 p.logo,
#header.headDez02 p.sub_logo {padding: 0.8rem 0;max-width: 270px;}

#header.headDez02 .scroll-fix {padding-bottom: 1.5rem;}
#header.headDez02 .scroll-fix p.logo,
#header.headDez02 .scroll-fix p.sub_logo {padding: 0.8rem 0;max-height: 60px;}
#header.headDez02 .scroll-fix .gnavis {margin-top: 0;}
#header.headDez02 .drawer_main {display: none;}

#header.headDez02 .scroll-Fixed {padding-bottom: 6.0rem;}
#header.headDez02 .scroll-Fixed .ptLayoutInn {padding-top: 0.2rem;padding-bottom: 0.2rem;}
#header.headDez02 .scroll-Fixed p.logo,
#header.headDez02 .scroll-Fixed p.sub_logo {padding: 0.8rem 0;max-height: 60px;}

/* ===================================================================================
for ipad max-width: 600px-1500px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1500px) {
	#header.headDez02 p.logo,
	#header.headDez02 p.sub_logo,
	#header.headDez02 .scroll-fix p.logo,
	#header.headDez02 .scroll-fix p.sub_logo,
	#header.headDez02 .scroll-Fixed p.logo,
	#header.headDez02 .scroll-Fixed p.sub_logo {padding: 1.3rem 1.0rem;}
	#header.headDez02 .scroll-fix p.logo,
	#header.headDez02 .scroll-fix p.sub_logo,
	#header.headDez02 .scroll-Fixed p.logo,
	#header.headDez02 .scroll-Fixed p.sub_logo {max-width: 200px;}
	#header.headDez02 .gnavis {display: none;}
	#header.headDez02 .drawer_main {display: block;margin-left: 6.0rem;}
	#header.headDez02 .drawer_main .gnavis {display: block;}
}
@media screen and (min-width:600px) and ( max-width:900px) {
	#header.headDez02 .scroll-Fixed {padding-bottom: 0;}
}
/****************** SPヘッダー個別デザイン spheadDez02 ******************/
#spheaderMenu.spheadDez02 p.logo,
#spheaderMenu.spheadDez02 p.sub_logo {padding: 1.5rem 0 0 0;max-width: 180px;}
#spheaderMenu.spheadDez02 .scroll-nml,
#spheaderMenu.spheadDez02 .scroll-fix .scrollfixMenu,
#spheaderMenu.spheadDez02 .scroll-Fixed .scrFixed {padding-bottom: 2.5rem;}
#spheaderMenu.spheadDez02 .scroll-Fixed {padding-bottom: 5.5rem;}
#spheaderMenu.spheadDez02.bgheader .scroll-Fixed {padding-bottom: 0;}
/* ** header_design02_bg end ** */

/* ** header_design03_bg start ** */
/****************** ヘッダー個別デザイン headDez03 ******************/
#header.headDez03 p.logo,
#header.headDez03 p.sub_logo {padding: 2.8rem 0;max-width: 270px;}
#header.headDez03 .scroll-fix p.logo,
#header.headDez03 .scroll-Fixed p.logo {padding: 0.8rem 0;max-height: 60px;}
#header.headDez03 .mnaviDez {margin-top: 0.8rem;margin-bottom: 1.5rem;}
#header.headDez03 .gnavis {margin-top: 0.5rem;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez03 .gnavis {display: none;}
}
/****************** SPヘッダー個別デザイン spheadDez03 ******************/
#spheaderMenu.spheadDez03 p.logo,
#spheaderMenu.spheadDez03 p.sub_logo {padding: 1.5rem 0 0 0;max-width: 180px;}
#spheaderMenu.spheadDez03 .scroll-nml,
#spheaderMenu.spheadDez03 .scroll-fix .scrollfixMenu,
#spheaderMenu.spheadDez03 .scroll-Fixed .scrFixed {padding-bottom: 2.5rem;}
#spheaderMenu.spheadDez03 .scroll-Fixed {padding-bottom: 6.5rem;}
#spheaderMenu.spheadDez03.bgheader .scroll-Fixed {padding-bottom: 0;}
/* ** header_design03_bg end ** */

/* ** header_design04_bg start ** */
/****************** ヘッダー個別デザイン headDez04 ******************/
#header.headDez04 p.logo,
#header.headDez04 p.sub_logo {padding: 0.8rem 0;max-height: 60px;}
#header.headDez04 .scroll-nml p.logo {padding: 0.8rem 0;max-width: 270px;}
#header.headDez04 .scroll-fix p.logo,
#header.headDez04 .scroll-Fixed p.logo {padding: 0.8rem 0;max-height: 60px;}
#header.headDez04 .scroll-nml {padding-bottom: 1.5rem;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez04 p.logo,
	#header.headDez04 p.sub_logo {padding: 1.8rem 0;max-height: 60px;}
	#header.headDez04 .scroll-fix p.logo,
	#header.headDez04 .scroll-Fixed p.logo {padding: 1.8rem 0;max-height: 60px;}
	#header.headDez04 .gnavis {display: none;}
}
/* ** header_design04_bg end ** */

/* ** header_design05_bg start ** */
/****************** ヘッダー個別デザイン headDez05 ******************/
#header.headDez05 p.logo,
#header.headDez05 p.sub_logo {padding: 0.8rem;max-height: 60px;}
#header.headDez05 .scroll-nml p.logo {padding: 0.8rem 0;max-width: 270px;}
#header.headDez05 .scroll-fix p.logo,
#header.headDez05 .scroll-Fixed p.logo {padding: 0.8rem;max-height: 60px;}
#header.headDez05 .scroll-nml {padding-bottom: 1.5rem;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez05 p.logo,
	#header.headDez05 p.sub_logo {padding: 1.8rem 0;max-height: 60px;}
	#header.headDez05 .scroll-fix p.logo,
	#header.headDez05 .scroll-Fixed p.logo {padding: 1.8rem 0;max-height: 60px;}
	#header.headDez05 .gnavis {display: none;}
}
/* ** header_design05_bg end ** */

/* ** header_design06_bg start ** */
/****************** ヘッダー個別デザイン06 headDez06 ******************/

/* ヘッダー3段構成 */
#header.headDez06 p.logo,
#header.headDez06 p.sub_logo {padding: 1.5rem 0 0 0;max-width: 270px;}
.headDez06 .header_innU .header_innSub {width: 100%;}
#header.headDez06 .gnavi {background: none;}
#header.headDez06 .scroll-fix p.logo,
#header.headDez06 .scroll-fix p.sub_logo {padding: 0.8rem 0;max-height: 60px;}
#header.headDez06 .gnavis {margin-top: 0.5rem;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez06 .gnavi ul {padding: 0.8rem 1.0rem;}
	#header.headDez06 .scroll-fix .snavi,
	#header.headDez06 .scroll-fix .gnavis {display: none;}
}
/* ** header_design06_bg end ** */

/* ** footer start ** */
/****************** フッター共通デザイン ******************/
@media screen and (max-width: 1100px) {
	#footer .FlexblckArea .ptLayoutInn {display: block;padding: 0.5rem 1.5rem;}
}
/* ** footer start ** */

/* ** footer_design01 start ** */
/****************** フッター個別デザイン footDez01 ******************/
/* フッターナビ・コピーライトのみ配置 */
#footer.footDez01 .fnavi {padding: 3.5rem 0;}

/****************** フッター個別デザイン spfootDez01 ******************/
#spfooter.spfootDez01 .fnavi {padding: 3.5rem 2.0rem;}

/* ** footer_design01 end ** */

/* ** footer_design02 start ** */
/****************** フッター個別デザイン footDez02 ******************/
/* ロゴ・フッターナビ・コピーライトのみ配置 */
#footer.footDez02 p.logo,
#footer.footDez02 p.sub_logo {padding: 2.5rem 0;text-align: left;}
#footer.footDez02 p.logo img,
#footer.footDez02 p.sub_logo img {max-width: 240px;}
#footer.footDez02 .fnavi {padding: 2.0rem 1.0rem;}
#footer.footDez02 .corpName {width: 400px;}
@media screen and (max-width: 1100px) {
	#footer.footDez02 p.logo,
	#footer.footDez02 p.sub_logo {padding: 1.5rem 0;text-align: center;}
	#footer.footDez02 .corpName {width: 100%;margin: 0 auto;text-align: center;}
}
/****************** フッター個別デザイン spfootDez02 ******************/
#spfooter.spfootDez02 .FlexblckArea .ptLayoutInn {display: block;}
#spfooter.spfootDez02 .FlexblckInnArea.FlexC {justify-content: flex-start;}/*Flex中央寄せを左寄せ強制 */
#spfooter.spfootDez02 p.logo,
#spfooter.spfootDez02 p.sub_logo {width: 100%;margin: 0 auto;padding: 2.5rem 1.0rem;text-align: center;}
#spfooter.spfootDez02 .fnavi {padding: 0 1.0rem 2.0rem 1.0rem;}
#spfooter.spfootDez02 .corpName {width: 85%;margin: 0 auto;padding-bottom: 2.0rem;}
/* ** footer_design02 end ** */

/* ** footer_design03 start ** */
/****************** フッター個別デザイン footDez03 ******************/
/* ロゴ・フッターナビ・コピーライトのみ配置 */
#footer.footDez03 p.logo,
#footer.footDez03 p.sub_logo {padding: 2.5rem 0;text-align: left;}
#footer.footDez03 p.logo img,
#footer.footDez03 p.sub_logo img {max-width: 240px;}
#footer.footDez03 .fnavi {padding: 2.0rem 1.0rem;}
#footer.footDez03 .corpName {width: 400px;}

/****************** フッター個別デザイン spfootDez03 ******************/
#spfooter.spfootDez03 .FlexblckArea .ptLayoutInn {display: block;}
#spfooter.spfootDez03 .FlexblckInnArea.FlexC {justify-content: flex-start;}/*Flex中央寄せを左寄せ強制 */
#spfooter.spfootDez03 p.logo,
#spfooter.spfootDez03 p.sub_logo {width: 100%;margin: 0 auto;padding: 2.5rem 1.0rem;text-align: center;}
#spfooter.spfootDez03 .fnavi {padding: 0 1.0rem 2.0rem 1.0rem;}
#spfooter.spfootDez03 .corpName {width: 85%;margin: 0 auto;padding-bottom: 2.0rem;}
/* ** footer_design03 end ** */

/* ** footer_design04 start ** */

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	#spfooter.spfootDez04 {position: fixed;bottom: 0px;left: 0px;z-index: 1000;}/* フッター固定 */
	#spfooter.spfootDez04 {width: 100%;height: 80px;padding-top: 10px;}
	#spfooter.spfootDez04 {background: var(--app-spfooter-cr);}
}
/* ** footer_design04 end ** */