@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);}

.spDisp {display: none;}/*** レスポンス時表示隠し共通 ***/

@media screen and (max-width: 600px) {
	body.sp_prev {width: 417px;}
	#wrapper {overflow: hidden;}
	.pcDisp {display: none;}/*** レスポンス時表示隠し共通 ***/
	.spDisp {display: block;}/*** レスポンス時表示隠し共通 ***/
}
@media screen and (max-width: 600px) {
	#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 ** */
/* ポップアップ */
#closeBtn{
	display: block;
	width:30px;
	height:30px;
	cursor: pointer;
	position: fixed;
	top:4px;
	right:10px;
}
#closeBtn::before,#closeBtn::after{
	content:"";
	display:block;
	width: 30px;
	height:4px;
	border-radius: 2px;
	background: var(--closeBtn-bg);
	position: absolute;
	top:0;right:0;bottom:0;left:0;
	margin: auto;
}
#closeBtn::before{transform:rotate(45deg);}
#closeBtn::after{transform:rotate(-45deg);}
/* ** 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;
}
/* 管理画面プレビュー用 余白処理 */
.adminPdBox {padding: 1.5rem;}
.ClmblckArea.ClmRL .sideClnD.adminDarkBg,
.ClmblckArea.ClmRL .sideClnS.adminDarkBg,
.ClmblckArea.ClmRL .sideClnDK.adminDarkBg,
.ClmblckArea.ClmRL .sideClnSK.adminDarkBg {
    background: var(--app-mypagenav-w-bg);
}
/* ===================================================================================
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配置(画面フルサイズサイドナビ対応レイアウト設定) */
.StretchFlexArea .StretchLayoutInn,
.StretchFlexArea .StretchLayoutInnSub {display: flex;align-items: stretch;}
.StretchFlexArea.Stretchreverse .StretchLayoutInn,
.StretchFlexArea.Stretchreverse .StretchLayoutInnSub,
.StretchFlexArea.Stretchreverse .StretchLayoutInnSubIn {flex-direction: row-reverse;}
.StretchFlexArea .StretchLayoutInn .FlexItemMain {width: 80%;}
.StretchFlexArea .StretchLayoutInn .FlexItemSide {width: 20%;}
.StretchFlexArea .FlexOrder1 {order: 1;padding-left: 2.0rem;}
.StretchFlexArea .FlexOrder2 {order: 2;padding-right: 2.0rem;}
.StretchFlexArea .FlexOrder2clm {order: 2;padding-left: 2.0rem;padding-right: 2.0rem;}
.repDispOn {display: block;}
.repDispNo {display: none;}

/*メインエリアのインナーFlex */
.StretchFlexArea .StretchLayoutInnSub .FlexItemMainSub {width: 75%;}
.StretchFlexArea .StretchLayoutInnSub .FlexItemSideSub {width: 25%;}
.StretchFlexArea .FlexOrderSub1,
.StretchFlexArea .FlexOrderSub1rv {order: 1;padding-left: 2.0rem;padding-right: 2.0rem;}
.StretchFlexArea .FlexOrderSub2,
.StretchFlexArea .FlexOrderSub2rv {order: 2;}
.repDispOnSub {display: block;}
.repDispNoSub {display: none;}

/*インナーFlexの中でレスポンシブ時にFlex配置にする場合 */
.StretchFlexArea .StretchLayoutInnSubIn {display: flex;align-items: stretch;flex-wrap: wrap;}
.StretchFlexArea .StretchLayoutInnSubIn .FlexItemMainSubIn {width: 100%;}
.StretchFlexArea .StretchLayoutInnSubIn .FlexItemSideSubIn {width: 100%;}
.StretchFlexArea .FlexOrderSubIn1 {order: 1;}
.StretchFlexArea .FlexOrderSubIn2 {order: 2;}

@media screen and (max-width: 1400px) {
	.StretchFlexArea .StretchLayoutInnSub {flex-wrap: wrap;}
	.StretchFlexArea .StretchLayoutInn .FlexItemMain {width: 78%;}
	.StretchFlexArea .StretchLayoutInn .FlexItemSide {width: 22%;}
	.StretchFlexArea .StretchLayoutInnSub .FlexItemMainSub {width: 70%;}
	.StretchFlexArea .StretchLayoutInnSub .FlexItemSideSub {width: 30%;}
	.StretchFlexArea .FlexOrderSub1,
	.StretchFlexArea .FlexOrderSub1rv {order: 1;padding-left: 2.0rem;}
	.StretchFlexArea .FlexOrderSub2,
	.StretchFlexArea .FlexOrderSub2rv {order: 2;padding-left: 2.0rem;}
}
@media screen and (max-width: 1100px) {
	.StretchFlexArea .FlexOrder1 {order: 2;padding-left: 0;}
	.StretchFlexArea .FlexOrder2 {order: 1;padding-right: 0;}
	.StretchFlexArea .StretchLayoutInn {flex-wrap: wrap;}
	.StretchFlexArea .StretchLayoutInn .FlexItemMain {width: 95%;margin-left: auto;margin-right: auto;}
	.StretchFlexArea .StretchLayoutInn .FlexItemSide {width: 95%;margin-left: auto;margin-right: auto;}
	.StretchFlexArea .FlexOrderSub1,
	.StretchFlexArea .FlexOrderSub1rv {padding-left: 0;}
	.StretchFlexArea .FlexOrderSub2,
	.StretchFlexArea .FlexOrderSub2rv {padding-left: 0;}
	.StretchFlexArea .StretchLayoutInnSubIn .FlexItemMainSubIn,
	.StretchFlexArea .StretchLayoutInnSubIn .FlexItemSideSubIn {width: 50%;}
	.StretchFlexArea .FlexOrderSubIn1 {order: 1;padding-right: 1.0rem;}
	.StretchFlexArea .FlexOrderSubIn2 {order: 2;padding-left: 1.0rem;}
	.repDispOn {display: none;}
	.repDispNo {display: block;}
}
@media screen and (max-width: 800px) {
	.StretchFlexArea .StretchLayoutInnSub .FlexItemMainSub,
	.StretchFlexArea .StretchLayoutInnSub .FlexItemSideSub,
	.StretchFlexArea .StretchLayoutInnSubIn .FlexItemMainSubIn,
	.StretchFlexArea .StretchLayoutInnSubIn .FlexItemSideSubIn {width: 95%;margin-left: auto;margin-right: auto;}
	.StretchFlexArea .FlexOrderSubIn1 {order: 1;padding-right: 0;}
	.StretchFlexArea .FlexOrderSubIn2 {order: 2;padding-left: 0;}
	.repDispOnSub {display: none;}
	.repDispNoSub {display: block;}
	.StretchFlexArea .FlexOrder2clm {order: 2;padding-left: 0;padding-right: 0;}
}
@media screen and (max-width: 600px) {
	.StretchFlexArea .StretchLayoutInn .FlexItemMain,
	.StretchFlexArea .StretchLayoutInn .FlexItemSide,
	.StretchFlexArea .StretchLayoutInnSub .FlexItemMainSub,
	.StretchFlexArea .StretchLayoutInnSub .FlexItemSideSub,
	.StretchFlexArea .StretchLayoutInnSubIn .FlexItemMainSubIn,
	.StretchFlexArea .StretchLayoutInnSubIn .FlexItemSideSubIn {width: 100%;}
	.StretchFlexArea .FlexOrderSub1 {padding-right: 0;}
	.StretchFlexArea .FlexOrderSub1rv {order: 2;padding-right: 0;}
	.StretchFlexArea .FlexOrderSub2rv {order: 1;}
}
/* Flex配置(フッター箇所の個別レイアウト設定) */
#footer .FlexblckArea .ptLayoutInn,
#footer .FlexblckInnArea {align-items: flex-start;}

/* Flex配置(主に親レイアウト用) */
.FlexblckArea .ptLayoutInn {display: flex;align-items: center;}
.FlexblckArea.itemStretch .ptLayoutInn {align-items: stretch;}
.FlexblckArea.itemStretch .ptLayoutInn .FlexItemMain {width: 80%;}
.FlexblckArea.itemStretch .ptLayoutInn .FlexItemSide {width: 20%;}
.FlexblckArea.gapSet .ptLayoutInn {gap: 1.0rem;}
.FlexblckArea.wrapSet .ptLayoutInn {flex-wrap: wrap;}
.FlexblckArea.reverse .ptLayoutInn {flex-direction: row-reverse;}
.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配置(主に子要素用) */
.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;}
	.FlexblckArea .SPCan,
	.FlexblckInnArea.SPCan {display: block;}
	.FlexblckArea .OpClNo,
	.FlexblckInnArea.OpClNo {display: none;}
}
/* ** 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 ** */
/****************** スクロールバー指定 ******************/
::-webkit-scrollbar{width: 0.5rem;height: 0.5rem;}
::-webkit-scrollbar-track{background-color: var(--app-scrollBartrack-cr);}
::-webkit-scrollbar-thumb{background-color: var(--app-scrollBar-cr);border-radius: 1.2em;}
.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: var(--app-scrollBartrack-cr);}
.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: 0 0 0 0.8rem;max-width: 270px;}
#spheaderMenu.spheadDez01 .scroll-nml,
#spheaderMenu.spheadDez01 .scroll-fix .scrollfixMenu,
#spheaderMenu.spheadDez01 .scroll-Fixed .scrFixed {padding-bottom: 1.0rem;}
#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 .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: 0 1.0rem;max-width: 270px;}
#spheaderMenu.spheadDez02 .scroll-nml,
#spheaderMenu.spheadDez02 .scroll-fix .scrollfixMenu,
#spheaderMenu.spheadDez02 .scroll-Fixed .scrFixed {padding-bottom: 1.0rem;}
#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.0rem 0 0 0;max-width: 180px;}
#spheaderMenu.spheadDez03 .scroll-nml,
#spheaderMenu.spheadDez03 .scroll-fix .scrollfixMenu,
#spheaderMenu.spheadDez03 .scroll-Fixed .scrFixed {padding-bottom: 1.0rem;}
#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: 60%;margin: 0 auto;padding-bottom: 2.0rem;text-align: center;}
/* ** 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 ** */
/****************** フッター個別デザイン spfootDez04 ******************/
/* フッターボタン配置 */
/* ===================================================================================
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);}
	#spfooter.spfootDez04 img {width: 100%;}
}
/* ** footer_design04 end ** */