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

/* ** private_demo start ** */
/****************** カスタムcss ******************/

/****************** フォント装飾 ******************/
/* フォント装飾  2023.08.09 a-otf-ud-shin-go-pr6n, sans-serif から変更 */
.fontFace {
	font-family: "FP-こぶりなゴシック StdN W3", FP-KoburinaGoStdN-W3, "こぶりなゴシック Std W3", KoburinaGoStd-W3;
	font-style: normal;
	font-weight: 300;
}
.fontreimin {font-family: a-otf-ud-reimin-pr6n, sans-serif;
	font-style: normal;
	font-weight: 300;
}
.fontTi {
	font-family: adobe-caslon-pro, serif;
	font-style: normal;
	font-weight: 400;
}
::-webkit-scrollbar{width: 0.5rem;height: 0.5rem;}
::-webkit-scrollbar-track{background-color: #ccc;}
::-webkit-scrollbar-thumb{background-color: #1c1c1c;border-radius: 1.2em;}

/* ヘッダーロゴ・メニューのみ */
#header.headDez04 .drawer_main {}
#header.headDez04 .mnavi_001 {width: 100%;padding-top: 0.5rem;}
#header.headDez04 .mnavi_001 .mnaviDez {float: right;}
#header.headDez04 .scroll-fix p.logo,
#header.headDez04 .scroll-Fixed p.logo {padding: 1.0rem 0 2.2rem 0;max-height: auto;max-width: 400px;}
#header.headDez04 .scroll-Fixed {padding-bottom: 7.0rem;}

#spheaderMenu.spheadDez02 p.logo,
#spheaderMenu.spheadDez02 p.sub_logo {
    padding: 1.3rem 0 0 0;
    max-width: 250px;
}
#spheaderMenu.spheadDez02 .scroll-Fixed {padding-bottom: 6.0rem;}
#spheaderMenu.spheadDez02 .scroll-Fixed .scrFixed {padding-bottom: 2.0rem;}

#header.headDez04 .drawer .gnavis {display: block;padding-bottom: 6.0rem;}
#header.headDez04 .drawer .gnavis li {display: block;}
#header.headDez04 .drawer .gnavis li a {padding: 1.5rem;;}

/* 一覧画面の背景・フォント調整 */
.bkblckArea.bkblck01 {background: #eaf5fc;}
.bkblckArea.bkblck02 {background: #d1e9df;}
.bkblckArea.bkblck03 {background: #e5bad6;}
.cstmTi {font-size: 7.0rem;text-align: center;line-height: 1.0;}
.cstmSub {font-size: 2.0rem;text-align: center;line-height: 1.0;}

.ListSubhDet {margin: 0 auto;padding: 0;}
.ListSubhDet dt {display: none;}
.ListSubhDet dd {width: 100%;padding: 0px;}
.ListSubhDet dl span.kinagakuTxt {font-size: 3.5rem;padding: 0 5px;}
.ListSubhDet .sem_kinagaku dd, .ListSubhDet .prd_kinagaku dd {text-align: left;}
.ListSubhDet dl {border-bottom: none;}

.sldDt01 .slick-dots {background: #fff;}
.sldDt01 .slick-dots li button:before {opacity: 1;color: #999;}
.sldDt01 .slick-dots li.slick-active button:before {opacity: 1;color: #000;}
.sldDt01 .slideDf_area .slick-dots {background: #fff;}

.PrdCateNo_1 .bkblckArea {background: #eaf5fc;}
.PrdCateNo_2 .bkblckArea {background: #d1e9df;}
.PrdCateNo_3 .bkblckArea {background: #e5bad6;}

/* 23インチデモ用の一覧画面の背景・フォント調整 */
.Sing .ptWdIW .ptLayoutInn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
body.Sing {
    width: 2560px;
    height: 211px;
    margin: 0 auto;
    padding: 0;
    background: #f8e0dd;
}
.Sing .ListBox.ListType1.sldYblockArea figure.image {width: auto;border: none;background: none;}
.Sing .ListBox.ListType1.sldYblockArea figure.image figcaption {display: none;}
.Sing .ListBox .column .clmDetail {display: none;}
.Sing .bkblckArea {
    min-height: 211px;
    padding: 0;
    background: #f8e0dd;
}
.Sing .ListBox.ListType1.sldYblockArea .column {margin-left: 0;margin-top: 0;}

/* リスト個別背景色を付ける */
.Sing .ListBox.ListType1.liwbg01 .column {
	padding: 2.5rem 0 0 0;
	border: none; /* 枠要素 ボーダー指定 */
	background: none; /* 背景色 */
	box-shadow: none;-webkit-box-shadow: none;/* 背景影色 */
}
/* 23インチデモ用の詳細画面の背景・フォント調整 */

.Sing .ListBkBt {width: 140px;height: auto;background: #6f6f6f;padding: 55px 5px 55px 5px;text-align: center;}
.Sing .ListBkBt img {width: 80px;}

.Sing .prdVisualArea {width: 100%;padding: 5px 0 0 0;}
.Sing .prdVisualArea .prdVisual {width: 320px;padding: 0 2.0rem;}
.Sing .prdVisualArea img {width: 100%;}

.Sing .democustumArea {display: block;width: 100%;padding-top: 2.0rem;}
.Sing .democustumArea .titleArea {width: 580px;}
.Sing .democustumArea h1.demoTi {font-size: 3.5rem;line-height: 1.5;}
.Sing .democustumArea p.demoNm {font-size: 3.5rem;font-weight: bold;line-height: 1.4;}
.Sing .DetPay {font-size: 2.4rem;font-weight: bold;line-height: 1.4;}
.Sing .DetPay span.kinagakuTxt {font-size: 3.5rem;}

.Sing .demoDispArea {display: block;width: 100%;padding-top: 2.0rem;}
.Sing .demoDispArea p.demoDescription {width: 750px;font-size: 2.4rem;font-weight: bold;padding: 0 4.5rem 0 1.5rem;}

.Sing .demoMovieArea {display: block;width: 370px;}
.Sing .demoMovieArea .demoMovie {position: relative;width:100%;height:0;padding-top: 56.25%;}
.Sing .demoMovieArea .demoMovie iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.Sing .PrintBt {display: block;width: 100%;padding-top: 0;}

.Sing .PrintBt button {
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod);
	text-align: center;
	text-decoration:none;
	display:block;
	font-weight:bold;
	margin: 60px 0 0 60px; /* マージン */
	padding: 2.0rem; /* パディング */
	width: 300px; /* ボタンサイズ */
	font-size: 3.0rem;/* ログインボタン */
	color: #fff; /* テキスト */
	background: #6f6f6f; /* 背景色 */
	border: none;
}
.Sing .FlexblckArea.ptWdIN .ptLayoutInn,
.Sing .FlexblckArea.ptWdIW .ptLayoutInn,
.Sing .FlexblckArea.ptWdIC .ptLayoutInn,
.Sing .FlexblckArea.ptWdIM .ptLayoutInn,
.Sing .FlexblckArea.ptWdIS .ptLayoutInn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* 23インチデモ用の一覧画面の背景・フォント調整(1024用) */
.Sing2 .ptWdIW .ptLayoutInn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
body.Sing2 {
    width: 1024px;
    height: 85px;
    margin: 0 auto;
    padding: 0;
    background: #f8e0dd;
}
.Sing2 .ListBox.ListType1.sldYblockArea figure.image {width: auto;border: none;background: none;}
.Sing2 .ListBox.ListType1.sldYblockArea figure.image figcaption {display: none;}
.Sing2 .ListBox .column .clmDetail {display: none;}
.Sing2 .bkblckArea {
    min-height: 80px;
    padding: 0;
    background: #f8e0dd;
}
.Sing2 .ListBox.ListType1.sldYblockArea .column {margin-left: 0;margin-top: 0;}

/* リスト個別背景色を付ける */
.Sing2 .ListBox.ListType1.liwbg01 .column {
	padding: 1.0rem 0 0 0;
	border: none; /* 枠要素 ボーダー指定 */
	background: none; /* 背景色 */
	box-shadow: none;-webkit-box-shadow: none;/* 背景影色 */
}
/* 23インチデモ用の詳細画面の背景・フォント調整 */

.Sing2 .ListBkBt {width: 70px;height: auto;background: #6f6f6f;padding: 18px 5px 18px 5px;text-align: center;}
.Sing2 .ListBkBt img {width: 40px;}

.Sing2 .prdVisualArea {width: 100%;padding: 5px 0 0 0;}
.Sing2 .prdVisualArea .prdVisual {width: 130px;padding: 0 1.5rem;}
.Sing2 .prdVisualArea img {width: 100%;}

.Sing2 .democustumArea {display: block;width: 100%;padding-top: 0.5rem;}
.Sing2 .democustumArea .titleArea {width: 220px;}
.Sing2 .democustumArea h1.demoTi {font-size: 1.5rem;line-height: 1.5;}
.Sing2 .democustumArea p.demoNm {font-size: 1.4rem;font-weight: bold;line-height: 1.0;}
.Sing2 .DetPay {font-size: 1.2rem;font-weight: bold;line-height: 1.4;}
.Sing2 .DetPay span.kinagakuTxt {font-size: 2.0rem;}

.Sing2 .demoDispArea {display: block;width: 100%;padding-top: 0.5rem;}
.Sing2 .demoDispArea p.demoDescription {width: 295px;font-size: 1.2rem;font-weight: bold;padding: 0 4.5rem 0 1.5rem;}

.Sing2 .demoMovieArea {display: block;width: 145px;}
.Sing2 .demoMovieArea .demoMovie {position: relative;width:100%;height:0;padding-top: 56.25%;}
.Sing2 .demoMovieArea .demoMovie iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.Sing2 .PrintBt {display: block;width: 100%;padding-top: 0;}

.Sing2 .PrintBt button {
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod);
	text-align: center;
	text-decoration:none;
	display:block;
	font-weight:bold;
	margin: 25px 0 0 20px; /* マージン */
	padding: 1.0rem; /* パディング */
	width: 120px; /* ボタンサイズ */
	font-size: 1.2rem;/* ログインボタン */
	color: #fff; /* テキスト */
	background: #6f6f6f; /* 背景色 */
	border: none;
}
.Sing2 .FlexblckArea.ptWdIN .ptLayoutInn,
.Sing2 .FlexblckArea.ptWdIW .ptLayoutInn,
.Sing2 .FlexblckArea.ptWdIC .ptLayoutInn,
.Sing2 .FlexblckArea.ptWdIM .ptLayoutInn,
.Sing2 .FlexblckArea.ptWdIS .ptLayoutInn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* ===================================================================================
for SP max-width: 1024px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1024px) {
	.Sing2 .ListBox.ListType1.sldYblockArea figure.image {height: 70px;}
	.Sing2 .ListBox.ListType1.sldYblockArea figure.image img {width: auto;height: 70px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.cstmTi {font-size: 5.0rem;text-align: center;line-height: 1.0;}
	.cstmSub {font-size: 2.0rem;text-align: center;line-height: 1.0;}

}

/* ** private_demo end ** */