@charset "utf-8";
/* CSS Document */

/* ================================================== *
 *
 *   ECサイト用独自CSS
 *
 * -------------------------------------------------- *
 * [21/01/14] DL横並びリスト関連の仕様変更
 *　・％幅
 *　・481px以上の時のみfloat
 *　・dl-history & dl-schedule は dl-inlihe との併用必須
 * ================================================== */

/* ---- Custom CSS （ここから）----- */

/* word-break 設定 */
.sysItemName h1 span { word-break:normal; }
.myMainCnt * { word-break:normal; }
.myMainCnt a.url, .myMainCnt a .url { word-break:break-all; }

/* 英文の場合（lang="en"） */
.myMainCnt *:lang(en) { word-break: break-word; }

/* 画像説明表示エリア */
#Topics .sysBlock .sysItemImages .sysImageDescription {
	margin-bottom: 20px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: #edeeef;
}

/* デフォルトスタイルの最適化：ボタン */
.myMainCnt a.btn.btn-info {
	border-color: #6b7783;
	background-color: #7c8894;
}
/* サイト内ページへのボタン */
.myMainCnt a.btn.btn-info.rel-et {
	color: #1a5895;
	border-color: #7d99b5;
	background-color: #f4f7fa;
}

/* リスト内のインラインボタン（交通アクセスボタン等） */
.myMainCnt ul li .btn.my-btn, .myMainCnt dl dd .btn.my-btn { margin: auto auto auto 1em;  }
.myMainCnt .btn.my-btn.btn-default {
  color: #4b5e71;
  border-color: #c2ccd6;
  background-color: #f9fafb;
  background-image: url(../img/lm_link_gy.png);
  background-position: 1px center;
  background-repeat: no-repeat;
  padding-left: 12px;
}


/* 「記事公開日」 */
.pub-date { margin:auto 5px; text-align:right; color:#888888; }
.pub-date time:before { content:'['; }
.pub-date time:after { content:']'; }

/* 専用コンテンツクラス */
.myMainCnt {

	margin-bottom:2em;
}

/* 専用コンテンツID - 簡易商品説明 */
.myMainCnt#myDescription {
	display:inherit;
}
/* 専用コンテンツID - 詳細商品説明 */
.myMainCnt#myExplanation {
	display:inherit;
	margin-bottom: 4em;
}

/* 専用コンテンツクラス内のセクション */
.myMainCnt section {
	margin-bottom: 2em;
}
l
/* 専用セクション（新） */

.myMainCnt #my-section-outline-second /* 冒頭文の続き */ ,
.myMainCnt #my-section-info /* 大会情報など */ ,
.myMainCnt #my-section-patent-info /* 特許情報など */ ,
.myMainCnt #my-section-prize-outline /* 受賞概要 */ ,
.myMainCnt #my-section-prize-winner /* 受賞者・受賞作品など */ ,
.myMainCnt #my-section-prize-graphics /* 表彰状など */ ,
.myMainCnt #my-section-products /* 参加作品・受賞作品など */ ,
.myMainCnt #my-section-members /* 参加メンバー等 */ ,
.myMainCnt #my-section-message /* メッセージ */ ,
.myMainCnt #my-section-message-teachers /* 教員メッセージ */ ,
.myMainCnt #my-section-album /* フォトアルバム */ ,
.myMainCnt #my-section-movie /* 動画 */ ,
.myMainCnt #my-section-leaf /* チラシ */ ,
.myMainCnt #my-section-other-documents /* 資料 */ ,
.myMainCnt #my-section-external-links /* 外部リンク */ ,
.myMainCnt #my-section-external-articles /* 紹介記事 */ ,
.myMainCnt #my-section-subsidized /* この事業について */
{ display:block; }

/* 見出し調整 */
h3, h4, h5, h6 { line-height: 1.5; }

.myMainCnt h2,
.myMainCnt h3 {
}
.myMainCnt h4,
.myMainCnt h5,
.myMainCnt h6 {
	color: #414447;
}
.myMainCnt .headline-1st,
.myMainCnt .headline-2nd,
.myMainCnt .headline-3rd {
	margin-bottom:0.5em;
}

/* フォントサイズ（19-12-12 統一） */
.myMainCnt .headline-1st { font-size:1.3em; color:#303336; }
.myMainCnt .headline-2nd { font-size:1.2em; }
.myMainCnt .headline-3rd { font-size:1.1em; }

/* TOPICSリード見出し（19-12-12 追加） */
#sysItemDetail #Topics:not(.Eve) #myDescription h3.headline-1st {
   margin-top: 0.25em;
   color: #303336;
   font-size: 1.4em;
}

/*
.myMainCnt .headline-2nd { font-size:larger; }
*/
/* 段落調整 */
#Topics .sysDescription .myMainCnt p,
#Topics #sysExplanation .myMainCnt p {
	margin-bottom: 1em;
}

/* 見出し調整 */
.myMainCnt .section-after-headline + .headline-2nd,
.myMainCnt .section-after-headline + .headline-3rd { margin-top:1em; }


/* 【初期値】見出し直下のインデント */
.myMainCnt .headline-1st + .section-after-headline { margin-left:0px; }
.myMainCnt .headline-2nd + .section-after-headline { margin-left:5px; }
.myMainCnt .headline-3rd + .section-after-headline { margin-left:10px; }

/* -------------------------
   受賞作品などの紹介ブロック
------------------------- */
.myMainCnt div.my-works { margin-bottom:1.5em; }
.myMainCnt .my-works .my-headline { color: #61666b; text-align:left; font-size:inherit; }
.myMainCnt .my-works .my-headline:before { content:'■'; }
.myMainCnt .my-works dl.dl-headline dd span.mySubHead { font-weight:bold; }
.myMainCnt .my-works dl.dl-headline dd span.mySubHead .mySub { font-weight:normal; }
.myMainCnt .my-works dl.dl-headline dd span.myItem { display:inline-block; }

/* -------------------------
   980px幅 センタリング
------------------------- */
.myMainCnt .my-block-980 { margin-left:auto; margin-right:auto; max-width:980px; width:100%; }
.myMainCnt .my-block-movie { margin-left:auto; margin-right:auto; margin-bottom:2em; width:100%; }
.myMainCnt .my-headline-block { text-align:left; font-size:1.125em; }
.myMainCnt .my-headline-block:before { content:"■"; }

/* -------------------------
   センタリング専用スタイル
------------------------- */
.myMainCnt .my-centering-box { text-align:center; }

/* フォトアルバムのセンタリング */
.myMainCnt .my-centering-box ul.myPhotoAlbum { margin-left:auto; margin-right:auto; }
.myMainCnt .my-centering-box ul.myPhotoAlbum li .myCaption { text-align:left; }

/* -------------------------
   見出し用オプション
------------------------- */
/* イベント概要 */
.myMainCnt #my-section-about .my-headline {
	color: #465869;
}
.myMainCnt #my-section-about .my-headline .mySubHead {
	color: #8599ad;
}
.myMainCnt #my-section-about .my-headline .mySubLead {
	color: #465869;
	font-weight:normal;
}

/* 簡易：概要欄のメイン見出し（省略可） */
.myMainCnt h4.my-headline .myTitle,
.myMainCnt h5.my-headline .myTitle,
.myMainCnt h6.my-headline .myTitle {
	display: inline-block;
}

/* 簡易：概要欄のサブ見出し */
.myMainCnt h4.my-headline .mySubHead,
.myMainCnt h5.my-headline .mySubHead,
.myMainCnt h6.my-headline .mySubHead {
	display: block;
	color: #94999e;
	font-size: 0.78em;
}

/* 簡易：概要欄のサブリード */
.myMainCnt h4.my-headline .mySubLead,
.myMainCnt h5.my-headline .mySubLead,
.myMainCnt h6.my-headline .mySubLead {
	padding-left: 0.5em;
	display:inline-block;
	color: #82888e;
	letter-spacing:0.1em;
	font-weight: bold;
	font-size: 0.8em;
}
.myMainCnt h4.my-headline .mySubLead:before,
.myMainCnt h5.my-headline .mySubLead:before,
.myMainCnt h6.my-headline .mySubLead:before { content:'～ '; }
.myMainCnt h4.my-headline .mySubLead:after,
.myMainCnt h5.my-headline .mySubLead:after,
.myMainCnt h6.my-headline .mySubLead:after { content:' ～'; }





 /*（旧）簡易：概要欄のサブリード */
.myMainCnt h4 .mySubLeadLine,
.myMainCnt h5 .mySubLeadLine,
.myMainCnt h6 .mySubLeadLine {
	padding-left: 0.5em;
	display:inline;
	color: #94999e;
	letter-spacing:0.125em;
	font-weight: bold;
	font-size: 0.8em;
}
.myMainCnt h4 .mySubLeadLine:before,
.myMainCnt h5 .mySubLeadLine:before,
.myMainCnt h6 .mySubLeadLine:before { content:'～ '; }
.myMainCnt h4 .mySubLeadLine:after,
.myMainCnt h5 .mySubLeadLine:after,
.myMainCnt h6 .mySubLeadLine:after { content:' ～'; }

 
/* -------------------------
   段落等
------------------------- */
/* 区切り線（hr 等に適用） */
.my-separator {
	margin-top:1.5em;
	margin-bottom:1.5em;
	border-top-style:dashed;
	border-top-width:1px;
	border-top-color:#e6e6e6;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

/* -------------------------
   UL & OLリスト 共通設定
------------------------- */

/* UL & OL 基本リスト 共通設定 */
.myMainCnt ul.list-basic,
.myMainCnt ol.list-basic {
	margin-bottom:2em;
}

/* 小さめ */
.myMainCnt ul.list-basic.mySub,
.myMainCnt ol.list-basic.mySub { font-size:0.9em; }


/* -------------------------
   ULリスト 基本設定
------------------------- */
/* UL 基本リスト LI */
.myMainCnt ul.list-basic li {
	margin: .25em .5em .25em 0em;
	padding-left:1.5em;
	background-image: url(../img/lm_dot_gy.png);
	background-position: 0.25em 0.5em;
	background-repeat: no-repeat;
}

/* UL 基本リスト 横並び版 */
.myMainCnt ul.list-basic.list-float {
	/* （メディアクエリにて設定）  */
}

/* -------------------------
   OLリスト 基本設定
------------------------- */

.myMainCnt ol.list-basic {
	margin-bottom:2em;
}

/* OL 基本リスト LI */
.myMainCnt ol.list-basic > li {
	margin: .25em .5em .25em 2em;
	list-style-type: decimal;
}


/* -------------------------
   DLリスト 共通カラー設定
------------------------- */
.myMainCnt dl.dl-basic dt,
.myMainCnt dl.dl-inline dt {
	color:#61666b;
}

/* -------------------------
   DLリスト 基本リスト（縦並び）
   ＋横並びリスト初期化
   - - - - - - - - - - - - -
   ※480px以下では横並びリストも縦並びにする
------------------------- */

.myMainCnt dl.dl-basic,
.myMainCnt dl.dl-inline,
.myMainCnt dl.dl-schedule,
.myMainCnt dl.dl-history {
	margin-bottom: 2em;
}

.myMainCnt dl.dl-basic dt,
.myMainCnt dl.dl-inline dt,
.myMainCnt dl.dl-schedule dt,
.myMainCnt dl.dl-history dt {
	width: auto;
	float:none; 
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	font-weight: bold;
}

.myMainCnt dl.dl-basic dd,
.myMainCnt dl.dl-inline dd,
.myMainCnt dl.dl-schedule dd,
.myMainCnt dl.dl-history dd {
	margin: 0.25em 0 0.5em 1em;
	padding-left: 1em;
	background-image: url(../img/lm_square_small_gy.png);
	background-repeat: no-repeat;
	background-position: 0em 0.25em;
}

.myMainCnt dl.dl-basic dd.mySubHead,
.myMainCnt dl.dl-inline dd.mySubHead,
.myMainCnt dl.dl-schedule dd.mySubHead,
.myMainCnt dl.dl-history dd.mySubHead {
  padding-left: 0;
	background-image: none;
}

/* -------------------------
   DLリスト 横並びバリエーション
------------------------- */
/* DL横並びリスト */
.myMainCnt dl.dl-inline dt:after { content: ': '; }

/* DL スケジュールなど */
.myMainCnt dl.dl-schedule dt, .myMainCnt dl.dl-inline.dl-schedule dt {
	color:#61666b;
	font-family: "Courier New", Courier, Monaco, "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}
.myMainCnt dl.dl-inline.dl-schedule dt:after { content: none; }
.myMainCnt dl.dl-schedule dd {
}

/* DL 沿革・略歴など */
.myMainCnt dl.dl-history dt, .myMainCnt dl.dl-inline.dl-history dt {
	color: #52667a;
	font-weight: normal;
}
.myMainCnt dl.dl-inline.dl-history dt:after { content: none; }

.myMainCnt dl.dl-history dd {
}

/* 「卒業生の活躍」プロフィール稿の略歴用 */
.myMainCnt #my-section-profile dl.dl-history dt,
.myMainCnt #my-section-profile dl.dl-history dd {
	padding-bottom: 0.5em;
	line-height:1.5;
}
.myMainCnt #my-section-profile dl.dl-history dt {
	text-decoration:underline;
}

/* -------------------------
   DLリスト 見出し強調
------------------------- */
/* DL 見出し強調 */
.myMainCnt dl.dl-headline {
	margin-bottom:2em;
}
/* デフォルト（=薄背景バージョン） */
.myMainCnt dl.dl-headline dt,
.myMainCnt dl.dl-headline.color-pale dt {
	margin-top: 1.25em;
	padding: 0.25em 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	color: #000;
	line-height:1.5;
	text-shadow: 1px 1px 1px #dddddd;
	background-color: #f7f7f7;
}
.myMainCnt dl.dl-headline dt:first-child {
	margin-top:0;
}
.myMainCnt dl.dl-headline dd {
	padding: .25em .5em .25em 1em;
	margin-left: 0;
	border-width: 0 1px 1px;
	border-style: none solid solid;
	border-color: #808080;
	background-image: url(../img/lm_square_small_gy.png);
	background-position: 0.3em 0.7em;
	background-repeat: no-repeat;
}

/* 濃背景バージョン */
.myMainCnt dl.dl-headline.color-dark dt {
	border-color: #808080;
	color: #FFF;
	text-shadow: 1px 1px rgba(0,0,0,.4);
	background-color: #808080;
}

/* 薄ボーダーバージョン */
.myMainCnt dl.dl-headline.border-light dt { 
	border-color:#ccc;
	padding-left:1em; 
	padding-right:1em; 
	color: #61666b;
	text-shadow:none;
	font-weight:bold;
}
.myMainCnt dl.dl-headline.border-light dd { 
	border-color:#ccc;
	padding-left:2em; 
	padding-right:1em; 
	background-position-x:0.75em; 
}
.myMainCnt dl.dl-headline.border-light dd.inner-dd {
	border-top:none;
	border-bottom-style:dotted; 
	border-bottom-width:1px; 
	border-bottom-color:#eee;

}

/* 告知用 */
.myMainCnt dl.dl-headline.typeAnnounce dt,
.myMainCnt dl.dl-headline.typeAnnounce dd {
	border-color: #73808d;
	color: #2e3338;
}
.myMainCnt dl.dl-headline.typeAnnounce dt {
	text-shadow: 1px 1px 1px #dadde0;
	background-color: #eceef0;
}

/* 見出しサイズを大きく */
.myMainCnt dl.dl-headline.dt-large dt,
.myMainCnt dl.dl-headline dt.dt-large {
	font-size: larger;
	font-weight: bold;
}



/* -------------------------
   DLリスト 応用バージョン
------------------------- */

/* DLリスト内の「アクセス」 */
.myMainCnt dl dd div.myBox.my-access-box {
	display:block;
	border: dotted 1px #ccc;
	padding:0.125em 0.5em;
	margin-top:0.125em;
	font-size:0.8em;
	background:none;
}

/* DDリストマークなし（コメントなどの文章が入るもの） */
.myMainCnt dl.dd-sentence dd,
.myMainCnt dl dd.dd-sentence {
	padding-left:0.5em;
	background:none !important;
}
.myMainCnt .dd-sentence p {
	margin-bottom:0.5em !important;
}

/* DDリストマーク LINK （他のDLスタイルと併用） */
.myMainCnt dl.dd-link dd,
.myMainCnt dl dd.dd-link {
	background-image: url(../img/lm_link_gy.png);
	background-repeat:no-repeat;
}
.myMainCnt dl.dl-headline.dd-link dd,
.myMainCnt dl.dl-headline dd.dd-link {	
	background-position: 0.25em 0.7em;
}

/* DDナンバリング（DDを連番で表示する）リスト */
.myMainCnt dl.dd-counter dt {
    counter-reset: myddcounter;
}
.myMainCnt dl.dd-counter dd {
	counter-increment: myddcounter;
	padding-left: 2.25em;
	text-indent: -2em;
	background: none;
}
.myMainCnt dl.dd-counter dd:before {
    content: "(" counter(myddcounter) ")";
	font-family:"Courier New", Courier, monospace;
}

.myMainCnt .myLogsByYear dl.dl-headline dd .mySignature {
	margin-top: 1em;
}


/* -------------------------
  リスト状 段落（p）
------------------------- */
.myMainCnt p.p-as-list { text-indent:-1em; padding-left:1em; }
.myMainCnt p.myBox.p-as-list { text-indent:-1em; padding-left:2em; }

/* -------------------------
   リスト内 項目
------------------------- */

/* カラー共通設定 */
.myMainCnt h4 .mySubHead,
.myMainCnt h5 .mySubHead,
.myMainCnt h6 .mySubHead { color: #61666b; }
.myMainCnt li .mySubHead,
.myMainCnt dl .mySubHead,
.myMainCnt dl dd .myItem:after, 
.myMainCnt li .myItem:after {
	color: #7a8086;
}
.myMainCnt dl.dl-headline dd .mySubHead {
	color: #61666b;
}

/* リスト内のspan見出し */
.myMainCnt h4 .mySubHead,
.myMainCnt h5 .mySubHead,
.myMainCnt h6 .mySubHead {
	padding-right: 0em;
	font-weight: inherit;
}
.myMainCnt li .mySubHead,
.myMainCnt dl .mySubHead {
	padding-right: 0.5em;
	font-weight: bold;
}
.myMainCnt h4 span.mySubHead:after,
.myMainCnt h5 span.mySubHead:after,
.myMainCnt h6 span.mySubHead:after { content: ': '; }

.myMainCnt dl dt span.mySubHead:after,
.myMainCnt dd span.mySubHead:after,
.myMainCnt li span.mySubHead:after { 
	content: ': ';
}

.myMainCnt dl.dl-headline dt span.mySubHead,
.myMainCnt dl.dl-headline dd span.mySubHead,
.myMainCnt#myDescription dl.dl-headline dt span.mySubHead,
.myMainCnt#myDescription dl.dl-headline dd span.mySubHead {
    padding-right:0.25em;
    font-weight:inherit;
}


/* リスト内項目 */
.myMainCnt dl dd .myItem:after, 
.myMainCnt li .myItem:after  {
	content:' / ';
}
.myMainCnt dl dd .myItem:last-of-type:after, 
.myMainCnt li .myItem:last-of-type:after  {
	content:'';
}
/* 新: 区切りを自動追加しないシンプルな項目 */
.my-item { display:inline-block; }

/* =========================
   【for jQuery】DLリスト アコーディオン開閉
   -------------------------
   dtをclickするとddを開閉する
   （myjquery.jsで制御）
========================= */

.myMainCnt dl.dl-headline.dl-accordion dt {
	cursor: pointer;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #eceef0;
	color: #428bca;
	text-shadow: 1px 1px rgba(0,0,0,.1);
}
.myMainCnt dl.dl-headline.dl-accordion dt:hover { color:#0a58a5; }
.myMainCnt dl.dl-headline.dl-accordion dd {
	border-color: #eceef0;
}
.myMainCnt dl.dl-headline.dl-accordion dt:after { content:" ▼"; }
.myMainCnt dl.dl-headline.dl-accordion dt.active:after { content:" ▲"; }



/* =========================
   人名書式
========================= */

/* 署名 */
.myMainCnt .mySignature {
	text-align:right;
}

/* 人名書式 */
.myMainCnt .psnName { white-space:nowrap; }
.myMainCnt .psnName + .psnTitle { }

.myMainCnt p span.psnName,
.myMainCnt h3 span.psnName,
.myMainCnt h4 span.psnName,
.myMainCnt h5 span.psnName,
.myMainCnt h6 span.psnName
 { padding-left:0.25em; padding-right:0.25em; white-space:normal; }
 
 
.myMainCnt p span.psnName > span.psnTitle,
.myMainCnt dd span.psnName > span.psnTitle,
.myMainCnt li span.psnName > span.psnTitle,
.myMainCnt h3 span.psnName > span.psnTitle,
.myMainCnt h4 span.psnName > span.psnTitle,
.myMainCnt h5 span.psnName > span.psnTitle,
.myMainCnt h6 span.psnName > span.psnTitle,
.myMainCnt p span.psnName > span.psnDep,
.myMainCnt dd span.psnName > span.psnDep,
.myMainCnt li span.psnName > span.psnDep,
.myMainCnt h3 span.psnName > span.psnDep,
.myMainCnt h4 span.psnName > span.psnDep,
.myMainCnt h5 span.psnName > span.psnDep,
.myMainCnt h6 span.psnName > span.psnDep
 { padding-left:0.25em; padding-right:0; white-space:normal; }

.myMainCnt h4 span.psnDep,
.myMainCnt h5 span.psnDep,
.myMainCnt h6 span.psnDep,
.myMainCnt li span.psnDep,
.myMainCnt dl dd span.psnDep {
	padding-right: 0.5em;
	color: #61666b;
}

.myMainCnt p span.psnName + span.psnDep,
.myMainCnt h4 span.psnName + span.psnDep,
.myMainCnt h5 span.psnName + span.psnDep,
.myMainCnt h6 span.psnName + span.psnDep,
.myMainCnt li span.psnName + span.psnDep,
.myMainCnt dl span.psnName + dd span.psnDep { 
	margin-right:0; 
	margin-left: 0.5em;
}
/*span.psnName + span.psnDep:before { content:"（"; }
span.psnName + span.psnDep:after { content:"）"; }*/

/* =========================
   引用
========================= */

/* 引用・参照 共通 */
.myMainCnt blockquote {
    padding: 1.5em 1em 0.5em;
    margin: 0 1em 1.5em;
}
.myMainCnt blockquote cite {
  display: block;
  font-size:.9em;
  font-style:normal;
  text-align:right;
}
.myMainCnt blockquote cite,
.myMainCnt blockquote cite a {
	color: #61666b;
}
.myMainCnt blockquote > cite:first-child {
	border-bottom: dotted 1px #c9cccf;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}
.myMainCnt blockquote > cite:last-child {
	border-top: dotted 1px #c9cccf;
	padding-top:0.5em;
	margin-top:0.5em;
	margin-bottom:1.5em;
}
/* 引用 */
.myMainCnt blockquote.myQuotation {
    position: relative;
    border: 3px solid #dbdddf;
    background-color: #f7f7f7;
}
.myMainCnt blockquote.myQuotation:before,
.myMainCnt blockquote.myQuotation:after {
    position: absolute;
    color: #c9cccf;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
	font-size: 400%;
}
.myMainCnt blockquote.myQuotation:before {
    content: '"';
    line-height: 1em;
    left: 0;
    top: 0;
}
.myMainCnt blockquote.myQuotation:after {
	content: '"';
	line-height: 0em;
	right: 0;
	bottom: 0;
}

.myMainCnt blockquote.myQuotation cite:before {
  content:"（ 引用: ";
}
.myMainCnt blockquote.myQuotation cite:after {
  content:" ） ";
}
/* 参照 */
.myMainCnt blockquote.myReference {
	padding: 1em 1em 0em;
    border: 3px dotted #dbdddf;
    background-color: #f7f7f7;
}
.myMainCnt blockquote.myReference:before {
}
.myMainCnt blockquote.myReference:after {
}
.myMainCnt blockquote.myReference cite:before {
  content:"（ 参照: ";
}
.myMainCnt blockquote.myReference cite:after {
  content:" ） ";
}


/* =========================
   画像
========================= */


/* 通常の画像 */
.myMainCnt img.myimg { max-height:auto; }

/* メールアドレス画像 */
.myMainCnt img.img-mail {
	vertical-align: top;
	padding: 0.25em 0em;
	width: 400px;
	height: auto;
}

/* 画像エリア */
.myMainCnt .myImgBox,
.myMainCnt div.grid-row.myImgBox div.grid-col { text-align:center; }

/* 1行画像用（記事画像、その他） */
.myMainCnt .my-image-article,
.myMainCnt .my-image-box {
	margin-left:auto; margin-right:auto; text-align:center;
}
.myMainCnt .my-image-article img,
.myMainCnt .my-image-box img {
	border: solid #dbdddf; 
	border-width: 1px;
}

/* キャプションがある場合 */
.myMainCnt .my-image-article .myCaption,
.myMainCnt .my-image-box .myCaption {
	text-align: left;
}

/* 枠線なし */
.myMainCnt .my-image-article.no-border img,
.myMainCnt .my-image-box.no-border img {	
	border:none;
}

/* 幅980px */
.myMainCnt .my-image-box, .myMainCnt .myPhoto { max-width:980px; width:100%; }
.myMainCnt .my-image-box img { width:100%; height:auto; }

/* 横置き画像（デフォルトと同じ値） */
.myMainCnt .my-image-box.type-horizontal { max-width:980px; }

/* 縦置き画像 */
.myMainCnt .my-image-box.type-vertical { max-width:693px; }

/* バナー画像（基本設定） */
.myMainCnt .typeBanner {}
.myMainCnt img.typeBanner { width:100%; max-width:100%; }

/* 機能パーツ .pList 内のカスタムバナー欄 */
.pList .myMainCnt.myBannerCnt { margin-left:auto; margin-right:auto; width:100%; }


/* 助成事業バナー */
.myMainCnt .myBox.typeBanner, 
.myMainCnt #my-section-subsidized .myBox {
	border-color:#dbdddf;
	border-style:dotted;
	width:100%;
	background-color:#f7f7f7;
}
.myMainCnt #my-section-subsidized .myBox .typeBanner {
	max-width:380px;
	border:solid 1px #c9cccf;
}



/* =========================
    コメント、ボックス等
========================= */

/* インライン要素などをブロック化 */
.myMainCnt .myBlock { display: block; }
/* インラインブロック化 */
.myMainCnt .iBlock { display: inline-block; }


/* 簡易ボックス */
.myBox {
	border: dotted 1px;
}
.myMainCnt dt > .myBox,
.myMainCnt dd > .myBox,
.myMainCnt li > .myBox { display:inline-block; margin:0em; padding:0.5em; }


.myMainCnt div.myBox,
.myMainCnt p.myBox {
	display:inline-block;
	width:auto;
	margin-top:1em;
	margin-bottom:1em;
	padding: 0.5em 1em;
}
.myMainCnt div.myBox+ .myBox,
.myMainCnt p.myBox + .myBox {
	margin-top:0;

}

.myMainCnt div.myBox dl,
.myMainCnt div.myBox ul,
.myMainCnt div.myBox p {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

/* 更新情報 */
.myMainCnt .myBox.myUpInfo { color:#71777d; }
.myMainCnt .myBox.myUpInfo a,
.myMainCnt .myBox.myUpInfo a.my-a-link { color: #445566; }
.myMainCnt .myBox.myUpInfo a:hover,
#Topics  .myMainCnt .myBox.myUpInfo a.my-a-link:hover { text-decoration:underline; }

/* ページ冒頭の更新情報 */
.myMainCnt#myDescription .myBox.myUpInfo {
	display: inline-block;
	margin-top: 0;
	padding: 0.25em 1em;
	border-color: #c9cccf;
	font-size: smaller;
}

.myMainCnt .myBox.myClosedInfo {
	color: #34587a;
}


/* 注意書き */
.myMainCnt .typeNotion {
	color: #900;
}
.myMainCnt ul.list-basic.typeNotion li {
	background-image: url(../img/lm_dot_notion.png);
}
.myMainCnt dl.typeNotion.dl-headline dt {
	background-color: #A25E5E;
	border-color:#A25E5E;
	color: #FFF;
	text-shadow: 1px 1px rgba(0,0,0,.4);
}
.myMainCnt dl.typeNotion.dl-headline dd {
	border-color: #A25E5E;
	background-image: url(../img/lm_square_small_notion.png);
}
.myMainCnt .typeImpact { color:#ff2800; }
.myMainCnt strong.typeImpact { padding-left:0.25em; padding-right:0.25em; }
.myMainCnt .typeImpact strong,
.myMainCnt .typeNotion strong.typeImpact {
	text-decoration:underline;
}


/* コメント */
.myMainCnt .typeComment {
	color: #6e5ca3;
}
.myMainCnt span.typeComment {
	font-size: inherit;
}
.myMainCnt span.typeComment:before {
	content:" ";
}
.myMainCnt ul.list-basic.typeComment li {
	background-image: url(../img/lm_dot_comment.png);
}


/*「終了」「準備中」 */
.myMainCnt .closed,
.myMainCnt .preparing {
	color: #b3b3b3;
}

.myMainCnt span.closed,
.myMainCnt span.preparing {
	text-decoration:line-through;
}

.myMainCnt .closed h4,
.myMainCnt .closed h5,
.myMainCnt .closed dt,
.myMainCnt .preparing dt,
.myMainCnt dl dt.closed,
.myMainCnt dl dt.preparing,
.myMainCnt dl.dl-basic.closed dt, .myMainCnt dl.dl-inline.closed dt,
.myMainCnt .closed .mySubHead,
.myMainCnt .preparing .mySubHead {
	color: #c9cccf;
}

.myMainCnt .closed .typeNotion {
    color: #c2a3a3;
}
.myMainCnt .closed .typeImpact {
    color: #ff9999;
}
.myMainCnt .closed .typeComment {
	color: #a6aaae;
}

.myMainCnt  div.myBox.closed,
.myMainCnt  p.myBox.closed {
	color: #966;
	border-color: #966;
}

.myMainCnt .closed .dep-ad { color:#ecb7bc; }
.myMainCnt .closed .dep-ee { color:#9ce8cb; }
.myMainCnt .closed .dep-me { color:#e7bf9b; }
.myMainCnt .closed .dep-cs { cstolor:#add4e6; }
.myMainCnt .closed .dep-ac { color:#c7bdc8; }


/* 「中止」 */ 
.myMainCnt .stopped {
	color: #333333;
}

.myMainCnt .stopped dt,
.myMainCnt dl dt.stopped,
.myMainCnt dl.dl-basic.stopped dt, .myMainCnt dl.dl-inline.stopped dt,
.myMainCnt .stopped .mySubHead {
	color: #7d8389;
  font-weight: bold;
}

.myMainCnt .stopped .typeNotion {
    color: #871212;
}
.myMainCnt .stopped .typeImpact {
    color: #e23c1d;
}
.myMainCnt .stopped .typeComment {
	color: #7d7986;
}

.myMainCnt .stopped .dep-ad { color:#c7525f; }
.myMainCnt .stopped .dep-ee { color:#12875b; }
.myMainCnt .stopped .dep-me { color:#cb6e1b; }
.myMainCnt .stopped .dep-cs { color:#1884b7; }
.myMainCnt .stopped .dep-ac { color:#767276; }

/* サブ文字列 */
.myMainCnt p.mySub,
.myMainCnt span.mySub { font-size:.8em; }


/* ---------------------------------------- *
  新: ページ内 脚注（footnote）★移行中
 ---------------------------------------- */

/* 本文内の要注釈箇所 */
q.my-refer-to-footnote,
span.my-refer-to-footnote {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #BBDDDD;
	padding-left: 0.25em;
	padding-right: 0.25em;
}
/* 要脚注箇所→注釈ボックスへのリンク */
q.my-refer-to-footnote a[href^="#"],
span.my-refer-to-footnote a[href^="#"] {
	color: #099;
	vertical-align:super;
	white-space:nowrap;
	font-size:smaller;
}
/* 見出し内ワード用: 要脚注箇所→脚注ボックスへのリンク */
.headline-1st q.my-refer-to-footnote a[href^="#"],
.headline-1st span.my-refer-to-footnote a[href^="#"] {
	font-size: 0.5em;
}

/* 脚注ボックスを使わず任意のsectionへ */
.my-mark-footnote {
	color: #366;
	font-size:x-small;
	font-weight:normal;
	padding-right:0.25em;
}
/* セクション見出しにマーク[*1]を付ける場合 */
h4 > span.my-mark-footnote {
	font-size: 0.5em;
	vertical-align: top;
}

/* 脚注ボックス */
div.myBox.my-footnote {
	color: #366;
	font-size:smaller;
	border-color: #99CCCC;
}
div.myBox.my-footnote a {
	color: #099;
}
.my-footnote dl.dl-footnote dt { float: left; width: 3em; }
.my-footnote dl.dl-footnote dd { margin-left: 3em; }

.my-related-topics a { color:#006cd6; }
.my-related-topics:before,
.my-footnote .my-related-topics:before {
	content:" ";
	display: inline-block;
	padding-left: 0.5em;
}
.my-related-topics a:before,
.my-footnote .my-related-topics a:before {
	content:"⇒関連TOPICS:";
	padding: 0em 0.25em;
	border-radius: 4px;
	border: solid 1px #e7f7f7;
	color: inherit;
	font-size: 0.8em;
	background-color: #e7f7f7;
}
.myBox.my-footnote ul.list-link li > .my-related-topics:first-child:before { padding-left:0; }

.my-footnote .my-related-family-link {
}

/* 「脚注」セクション */
#my-section-footnote {
}
.myMainCnt#myDescription #my-section-footnote .headline-1st {
	font-size:1em;
}


/* ---------------------------------------- *
  旧:ページ内 脚注（キャプション）★あとで消す
 ---------------------------------------- */

/* 本文内の要注釈箇所 */
q.myMarkToCaption,
span.myMarkToCaption {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #BBDDDD;
	padding-left: 0.25em;
	padding-right: 0.25em;
}
/* 要脚注箇所→注釈ボックスへのリンク */
q.myMarkToCaption a[href^="#"],
span.myMarkToCaption a[href^="#"] {
	color: #099;
	vertical-align:super;
	white-space:nowrap;
	font-size:smaller;
}
/* 見出し内ワード用: 要脚注箇所→脚注ボックスへのリンク */
.headline-1st q.myMarkToCaption a[href^="#"],
.headline-1st span.myMarkToCaption a[href^="#"] {
	font-size: 0.5em;
}

/* 脚注ボックスを使わず任意のsectionへ */
.myMarkCaption {
	color: #366;
	font-size:x-small;
	font-weight:normal;
	padding-right:0.25em;
}
/* セクション見出しにマーク[*1]を付ける場合 */
h4 > span.myMarkCaption {
	font-size: 0.5em;
	vertical-align: top;
}

/* 脚注ボックス */
div.myBox.myCaption {
	color: #366;
	font-size:smaller;
	border-color: #99CCCC;
}
div.myBox.myCaption a {
	color: #099;
}
.myCaption dl.dl-caption dt { float: left; width: 2.5em; }
.myCaption dl.dl-caption dd { margin-left: 2.5em; }

.myCaption .my-related-topics:before {
	content:" ";
	display: inline-block;
	padding-left: 0.5em;
}
.myCaption .my-related-topics a:before {
	content:"⇒関連TOPICS:";
	padding: 0em 0.25em;
	border-radius: 4px;
	border: solid 1px #e7f7f7;
	color: inherit;
	font-size: 0.8em;
	background-color: #e7f7f7;
}

/* 「脚注」セクション */
#my-section-caption {
}
.myMainCnt#myDescription #my-section-caption .headline-1st {
	font-size:1em;
}


/* ----------------------------------------
  フォトアルバム　.myPhotoAlbum 
 ---------------------------------------- 
 【使い方】

 1. グリッドレイアウトで写真を並べる。（div.grid-rowまたはul.list-grid）

 2. 各写真の alt 属性にキャプション文字列を記載する。

 3. フォトアルバム部分に
    《 class="myPhotoAlbum sysLazyLoad 》
	を適用する。
	単体画像の場合はIMGをDIVで囲み、
    《 class="myPhoto sysLazyLoad 》
	をDIVに適用する。

 4. ヘッダーに JQuery の自作Script
    《 initMyPhotoAlbum(); 》
	を記述する。

 ---------------------------------------- */
.myMainCnt .myPhoto > img,
.myMainCnt .myPhotoAlbum .grid-col > img,
.myMainCnt .myPhotoAlbum li > img {
	border: solid #dbdddf;
	border-width: 1px;
	margin-bottom: 0px;
	width:100%;
	height:auto;
}
.myMainCnt .myPhoto img.hasCaption,
.myMainCnt .myPhotoAlbum img.hasCaption {
	border-bottom-width: 0px;
	margin-bottom: 0px;
}
.myMainCnt .myPhoto .myCaption,
.myMainCnt .myPhotoAlbum .myCaption {
	margin-top: -0.5em;
	margin-bottom: 15px;
	padding-left: 0.5em;
	border : solid #dbdddf;
	border-width : 1px ;
	border-top-width:0px;
	padding-right: 0.5em;
	font-size: 0.9em;
	font-weight: normal;
	background-color: #edeeef;
}

/* initMyPhotoAlbum()用: キャプションに連番を追加 */
.myPhotoAlbum.numbered { display:inherit; }
/* initMyPhotoAlbum()用: キャプションを非表示 */
.myPhotoAlbum.no-caption, 
.myPhotoAlbum.no-captions, 
.myPhoto.no-caption,
.myPhoto.no-captions { display:inherit; }

/* =========================
    各種ラベル・マーク等
========================= */

/* 受賞報告TOPICS用: 受賞名のラベル表示 */
.myMainCnt p.my-prize-label {
	display: inline-block;
	padding: 0 1em;
	border-style: dotted;
	border-width: 1px;
	color: #0a58a5;
}

/* =========================
    その他の共通スタイル
========================= */

/* ----------------------------------------
  YouTube動画をレスポンシブ表示
 ---------------------------------------- */
/* このクラスで埋め込み iframe を囲む */

.my-movie {
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.my-movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* ----------------------------------------
  学校カラー＆学科カラー
 ---------------------------------------- */
.myMainCnt .schoolColor { color:#0a58a5; }
.myMainCnt .dep-ad { color: #E1384B; }
.myMainCnt .dep-ee { color: #00995F; }
.myMainCnt .dep-me { color: #E66C00; }
.myMainCnt .dep-cs { color: #008DCF; }
.myMainCnt .dep-ac { color: #885791; }


/* ========================================
  イベント用
======================================== */

/* 開催日 */
.myDate {  }
/* 対象 */
.myTarget {  }
/* 場所 */
.myPlace {  }

/* 日時フォーマット */

  #my-section-info  .myDate .myMonth { display:inline-block; min-width: 2.25em; text-align: right; }
  #my-section-info  .myDate .myDay { display:inline-block; min-width: 2.25em; text-align: right; }
  #my-section-info  .myDate .myWeek { display:inline-block; min-width: 2em; font-size: 0.9em; text-align: left; }
  #my-section-info dl.my-schedule.with-holiday .myDate .myWeek,
  #my-section-info .myDate.holiday .myWeek,
  #my-section-info .myDate .myWeek.holiday { min-width: 4em; }
  #my-section-info .myDate .myTime { display:inline-block; }
  #my-section-info .myDate .myWeek + .myTime { font-size: 0.9em; }

/* <!-- *** 2020/04 新型コロナウィルス関連 *** */
.my-notion-coronavirus { line-height:1.5; }
.my-notion-coronavirus strong { padding-left:.25em; padding-right:.25em; font-weight:bold; /*color:#ff2800;*/ }
.my-notion-coronavirus a.btn { 
	margin-top:unset; 
	margin-left:.5em; 
	margin-right:.5em; 
	font-size:inherit; 
}
.my-notion-coronavirus a.btn.btn-info { 
	color: #1a5895;
    border-color: #7d99b5;
    background-color: #f4f7fa; }

.myMainCnt .my-schedule + .my-notion-coronavirus { margin-top:-1em; }
#Topics .myMainCnt .my-schedule + .my-notion-coronavirus,
#Topics .pt-evt-juken-appsite-only .myMainCnt > .my-notion-coronavirus { text-align:left; color:#6e5ca3; }
#Topics .myMainCnt .my-schedule + .my-notion-coronavirus a.my-a-link,
#Topics .pt-evt-juken-appsite-only .myMainCnt > .my-notion-coronavirus a.my-a-link { color:#006cd6; text-decoration:underline; }
#myDescription > .my-notion-coronavirus:first-child,
#myDescription > .my-notion-coronavirus.first-notion { color:#990000; }

/* *** 2020/04 新型コロナウィルス関連 *** --> */

/* 簡易：開催日＆対象 */
.myMainCnt#myDescription ul.myOutline {
	margin-bottom: 1em;
}
.myMainCnt#myDescription ul.myOutline {
}
.myMainCnt#myDescription ul.myOutline li {
	margin-left:1em;
	padding: .25em .5em .25em 0em;
	text-indent:-1em;
	background:none;
}

.myMainCnt#myDescription ul.myOutline li span.mySubHead:before {
	content:'■';
}
.myMainCnt#myDescription ul.myOutline li span.mySubHead:after {
	content:': ';
}

/* 簡易：概要（見出し） */
.myMainCnt#myDescription ul.myOutline .mySubHead,
.myMainCnt#myDescription h3.myOutline,
.myMainCnt#myDescription h4.myOutline {
	color: #7c8894;
}
.myMainCnt#myDescription h3.myOutline:before,
.myMainCnt#myDescription h4.myOutline:before {
	content:'■';
}
.myMainCnt#myDescription h3.myOutline:after,
.myMainCnt#myDescription h4.myOutline:after {
	content:': ';
}

/* 開催情報セクション 共通/
.myMainCnt #my-section-info dl.dl-inline dt { width: 5em; }
.myMainCnt #my-section-info dl.dl-inline dd + dd { margin-left: 5em; } *

/* TOPICS「大会概要」等の場合
.myMainCnt#myExplanation #my-section-info dl.dl-inline dt { width:auto; }
.myMainCnt#myExplanation #my-section-info dl.dl-inline dd + dd { margin-left: inherit; } */


/* -------------------------
   日程ステータス各種
   ------------------------- */

/* 体験入学・学校説明会「同日開催」マーク */
.myMainCnt dd.myDate.with-another-event {
	padding-left:1em;
	background-image: url(../img/mark-with-another-event.svg);
	background-position: 0.125em 0.25em;
	background-repeat:no-repeat;
}
.myMainCnt .myMark.with-another-event { 
	padding-left:1em;
	background-image: url(../img/mark-with-another-event.svg);
	background-position: 0.125em 0.125em;
	background-repeat:no-repeat;
}

/* L1373: 予備日の[*n]マーク（脚注スタイル応用） */
.myMainCnt#myDescription #my-section-info dl.dl-inline dt .my-refer-to-footnote.reserved { border-bottom:none; padding-left:0; padding-right:0; }
.myMainCnt#myDescription #my-section-info dl.dl-inline dt .my-refer-to-footnote.reserved a[href^="#"] { color:#5c6670; vertical-align: text-top; font-size:0.6em; font-weight:normal; }
.myMainCnt#myDescription #my-section-info dl.dl-inline dt .my-refer-to-footnote.reserved a[href^="#"] sup { margin-left:-0.25em; }
/* 予備日の脚注（脚注スタイル応用） */
div.my-footnote.reserved { display:inline-box; font-size:0.75em; color:#5c6670; }
div.my-footnote.reserved span.myItem { margin-left:1em; }
div.my-footnote.reserved span.myItem:first-child { margin-left:0; }

/* 中止スタイル */
.stopped {
	/* カラーは別途設定 */
}
span.stopped,
strong.stopped {
	text-decoration: line-through;
}
li.stopped span.myMonth,li.stopped span.myDay, li.stopped span.myWeek, li.stopped span.myTime,
dd.stopped span.myMonth, dd.stopped span.myDay, dd.stopped span.myWeek, dd.stopped span.myTime { text-decoration: line-through; }
li.stopped:after,
dd.stopped:after {
	content: '…中止';
	padding-left: 0.5em;
	color: #990000;
}
dt.stopped { text-decoration: line-through}
dt.stopped:after { content: ''; }

dd.stopped.closed:after,
li.stopped.closed:after {
    color: #c2a3a3;
    font-size: smaller;
}


/* 延期スタイル */
.postponed .pp-from {
	color: #b3b3b3 !important;
	text-decoration: line-through;
}
.postponed .pp-to {
	color: #990000 !important;
}
.postponed.closed .pp-to {
	color: #b3b3b3 !important;
}
dd.postponed .pp-from, 
dd.postponed .pp-to { display: inline-block; }


/*  満席スタイル  */
.fullhouse {
	color: #b3b3b3 !important;
}
.fullhouse:after {
	content: '…満席';
	padding-left: 0.5em;
	color: #996699;
}

/* -------------------------
   『お申し込み』項の書式まとめ
   ------------------------- */
/* 操作ヘルプ＆注意書き */
.myMainCnt #my-section-app dl.dl-headline.dl-help, #my-section-app .myBox {
	width: 96%; margin-left: auto; margin-right: auto; margin-bottom: 1em;
}
#my-section-app .my-app-box.preparing .myBox,
#my-section-app .my-app-box.closed .myBox { width:auto; }

.myMainCnt #my-section-app dl.dl-headline.dl-help {
    margin-top:-0.5em;
	margin-bottom: 1em;
}
.myMainCnt #my-section-app dl.dl-headline.dl-help dt:first-child { margin-top:0px; }
.myMainCnt #my-section-app dl.dl-headline.dl-help dd img[src*="eventapp-login-btn.jpg"] {
    width: auto; height: 3em; vertical-align: middle;
}
.myMainCnt #my-section-app a.btn.rel-eventapp {
    margin-top:1em; margin-bottom:1em;
}

.myMainCnt dl + #my-box-about-another-event {
	margin-top: -1em;
}


/* ---------------------------------------- *
  機能パーツ版：お問い合わせ
 ---------------------------------------- */
.myMainCnt#myContact dl.dl-headline dt,
.myMainCnt section#my-section-contact dl.dl-headline dt {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border-width: 1px;
	border-style: solid;
	text-shadow: none;
	font-size: larger;
	font-weight: bold;
}
.myMainCnt section#my-section-contact dl.dl-headline dt.mySub { font-size:inherit; }
.myMainCnt dl dd ul.list-basic.my-form-notion { margin-top:0em; margin-bottom:0em; font-size:0.9em; }
.myMainCnt dl dd ul.list-basic.my-form-notion li { background-position:0.25em 0.25em; }

/* ---------------------------------------- *
  機能パーツ：クリスマス_ABOUT
 ---------------------------------------- */
.pt-evt-xmas-about .myMainCnt h4.headline-1st { font-size:large; }
.pt-evt-xmas-about .myMainCnt h4.headline-1st span { display:inline-block; }


/* ---------------------------------------- *
  イベント一覧
  .sysFuncItemBlock li （機能パーツ）
  .sysItemList li　（カテゴリトップ）
 ---------------------------------------- */
/* アイテムの位置調整 */
.sysFuncItemBlock li .sysItemImage,
.sysFuncItemBlock li .sysThumbnailImage,
.sysItemList li .sysItemImage,
.sysItemList li .sysThumbnailImage {
	position:relative;
}

/* ステータスラベル（「終了」or「準備中」） 基本 */
.sysFuncItemBlock li .myStatusLabel,
.sysItemList li .myStatusLabel {
    position: absolute;
    text-align: center;
    letter-spacing:0.25em;
    font-size: 1em;
    background-color:#f7f7f7;
    opacity: 0.8;

}
/* enabled の時は a の中に */
.sysFuncItemBlock li a .myStatusLabel,
.sysItemList li a .myStatusLabel {	
    bottom: 0%;
    left: 0%;
    width: 100%;
    height: auto;
    padding: 1px;
    color: #fff;
    font-weight: normal;
    background-color: #999;
    opacity: 1;
}
/* disabled の時は a の外に */
.sysFuncItemBlock li > .myStatusLabel,
.sysItemList li > .myStatusLabel {
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 50%;
    color: #333;
    font-size: larger;
    font-weight: bold;
    background-color: #f7f7f7;
}

/* 終了 or 準備中 時のスタイルを調整 */
.sysFuncItemBlock li.closed a .myStatusLabel,
.sysItemList li.closed a .myStatusLabel { background-color: #777777; }
.sysFuncItemBlock li.preparing a .myStatusLabel,
.sysItemList li.preparing a .myStatusLabel { background-color: #777c77; }

.sysFuncItemBlock li.closed a img,
.sysFuncItemBlock li.preparing a img,
.sysItemList li.closed a img,
.sysItemList li.preparing a img {
    opacity: 1;
}
/* 描画タイプ「hide」の時 */
.sysFuncItemBlock li.closed.hidden,
.sysFuncItemBlock li.preparing.hidden,
.sysItemList li.closed.hidden,
.sysItemList li.preparing.hidden {
    display:none !important;
}
/* 描画タイプ「disable」の時 */
.sysFuncItemBlock li.closed.disabled .myStatusLabel,
.sysItemList li.closed.disabled .myStatusLabel {
	color: #300;
}

.sysFuncItemBlock li.preparing.disabled .myStatusLabel,
.sysItemList li.preparing.disabled .myStatusLabel {
    color: #030;
}


/* ---------------------------------------- *
  TOPICS 注釈（キャプション）
  （使い方は myjquery.js を参照）
 ---------------------------------------- */
/* 注釈
span.markToCaption {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #99CCCC;
	padding-left: 0.25em;
	padding-right: 0.25em;
}
span.markToCaption sup {
	color: #099;
}
div.myBox.myCaption {
	color: #366;
	border-color: #99CCCC;
}
 */
/* ----------------------------------------
  リンク＆ボタン ヴィジュアル
 ---------------------------------------- */
/* （ その他のリンクヴィジュアルはjQueryで制御） */

/* テキストリンク（外部記事等） */
a .my-label-title, .my-label-source { font-weight:bold; }
a .my-label-title { font-size: 1em; }
a .my-label-source { color: #444; font-size: 0.9em; }
a .my-label-url { font-size: 0.86em; }

/* a.btn 共通設定 */
.myMainCnt a.btn { white-space:inherit; }

/* a.btn内のヘッダ・タイトル・サムネイル画像 */
a.btn .my-btn-head { display:block; font-size:small; }
a.btn .my-btn-title { display:block; font-weight:bold; }
a.btn .my-btn-thumb { margin-top:0.25em; }
a.btn .my-btn-thumb img { width:40%; min-width:200px; margin:1px; border:solid 1px #eaeef1; }


/* デフォルトボタンのカスタマイズ */
a.btn.btn-default.my-btn-default {
    color: #2c5883;
    border-color: #a4b3c2;
    background-color: #fbfcfd;
	font-size:inherit;
}

/* リンク付き見出し（.headline-1st等と併用） */
.myMainCnt .headline-link {
	padding-left: 0em;
}
.myMainCnt .headline-link:before {
	content: url(../img/lm_link_gy.png);
	padding-left:0.25em;
	padding-right:0.25em;
	vertical-align:middle;
}

/* リンクリスト（関連リンク等） */
.myMainCnt ul.list-link {
	margin-bottom:2em;
}
.myMainCnt ul.list-link li {
	margin: .25em .5em .25em 0em;
	padding-left:1.5em;
	background-image: url(../img/lm_link_gy.png);
	background-position: 0.3em 0.5em;
	background-repeat: no-repeat;
}

/* ボタン: イベント予約サイト */
.myMainCnt a.btn.rel-eventapp {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding:1em 0.5em; 
    white-space: normal;
    line-height: inherit;
}
.myMainCnt a.btn.rel-eventapp > em {
    font-size: 1.17em;
}
.myMainCnt a.btn.rel-eventapp > small {
    font-size: 0.89em;
}

/* ボタン: お問い合わせフォームページ
.myMainCnt #my-section-contact a.btn.rel-formpage {
	max-width:480px; 
	padding-top:0.5em; 
	padding-bottom:0.5em; 
	font-size:1.25em;
} */

/* ボタン内の小見出し */
.myMainCnt a.btn small { margin-top:0.125em; margin-bottom:0.125em; font-size:small; }
/* ボタン内のURL */
.myMainCnt .btn small.my-label-url { 
	display:inline;
	width:90%;
	text-align:center;
	white-space:normal;
}

/* 色つきテキストリンク */
.myMainCnt a.my-a-link {
 	color:#0a58a5;
	text-decoration:none;
}

/* ボタン: アーカイブボタンエリア */
div#myArchives { margin-top:1em; margin-bottom:1em; }
/* ボタン: アーカイブボタン */
a.btn.rel-archives {
  line-height:1.5;
  white-space:normal;
  font-size:1.2em;
}
a.btn.rel-archives div.relSiteName {
	color: #dbdddf;
	text-align: center;
	font-size: 0.8em;
	letter-spacing: 0.125em;
}



/* ボタン: 受験相談会ボタンエリア */
.myMainCnt div#myPR-ex-consultation a.btn {
	padding:1em 2em;
}

/* PDF等のファイルサイズ */
.myMainCnt .myLinkSize { color:#777777; font-size:smaller; }
.myMainCnt span.myLinkSize { padding-left:0.25em; }

/* ----------------------------------------
   jQuery専用スタイル
 ---------------------------------------- */
/* メッセージ */
.myMainCnt .jqMsg {
	font-size:smaller;
}

.myMainCnt .closed span.jqMsg {
	color:#c2a3a3;
}
.myMainCnt .preparing span.jqMsg {
	color:#a3c2a3;
}

/* リンク種別アイコン（前） */
.myMainCnt a span.jqIcon {
	padding-right: 2px;
}

/* リンク種別アイコン（後） */
.myMainCnt a sup.jqRelIcon {
	padding-left:0.25em;
	padding-right:0.75em;
	line-height:1;
}
.myMainCnt a.btn sup.jqRelIcon { padding-right:0; }

/* サムネイル画像（全般） */
.myMainCnt a img.jqThumb {
}
.myMainCnt a.rel-pdf img.jqThumb,
.myMainCnt a.rel-type-pdf img.jqThumb {
	max-width:;
	max-height:460px;
}
.myMainCnt a.btn.rel-pdf,
.myMainCnt a.btn.rel-type-pdf { white-space:normal; }

/* ----------------------------------------
   jQuery その他 いろいろ
 ---------------------------------------- */
/* 関連用語の自動チェックエリアスタイル */
.auto-seeking-family-terms {
	position:inherit;
}

/* ----------------------------------------
   jQuery:機能パーツ制御用スタイル
 ---------------------------------------- */

/* イベント一覧の当該アイテムを「終了」 */
.sysFuncItemBlock.pList li.closed {
	position:relative;
}
.sysFuncItemBlock.pList li.closed div.myClosedLabel {
    display: block;
/*    border: solid 1px #999;
*/    
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 50%;
    color: #333;
    text-align: center;
	letter-spacing:0.25em;
    font-size: larger;
    font-weight: bold;
    background: #fff;
	opacity: 0.8;
}


/* イベント一覧の自分自身（current）を選択不可に */
.sysFuncItemBlock.pList li.current {
	position:relative;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	color: #fff;
	border:solid 2px #888;
	background-color: #888;

}
.sysFuncItemBlock.pList li.current a { color: #fff; pointer-events:none; }

/* 機能パーツ：商品ブロック「横」用 */
.sysFuncItemBlock.pList li.current .sysItemImage span.replacedA img,
.sysFuncItemBlock.pList li.current .sysItemImage a img {
/*	border-bottom: 6px solid #777; */
}

/* 機能パーツ：商品ブロック「縦」用 */
.sysFuncItemBlock.mainCnt .sysItemBlock .sysVertical .sysItemImage a > img { width:23%; }
.sysFuncItemBlock.mainCnt .sysItemBlock .sysVertical .sysItemImage a:hover > img { opacity:0.9; }



/* ========================================

 カスタマイズ版 カテゴリトップページ

======================================== */
/* -----------------------------
 カスタマイズ版カテゴリトップ
 #Topics.my-category-top-page
----------------------------- */
/* カテゴリ見出し（自動出力）*/
#sysItemCategory #Topics.my-category-top-page h2.sysHeadline.my-cat-headline {
  margin-top: 0em;
  font-size: 1.6em;

  /* 初期値は非表示 */
  display:none;
}
#sysItemCategory #Topics.my-category-top-page h2.sysHeadline.my-cat-headline small {
  display: block;
  font-size: 0.6em;
  font-weight: normal;
}

/* -----------------------------
 機能パーツ：カテゴリトップ用「関連リンク」欄
 .pt-cat-related-link-box
----------------------------- */
/* パーツ全体 */
#sysAside .sysFuncText.pt-cat-related-link-box {
  margin:4em auto;
  width: 96.8%;

  /* 初期値は非表示 */
  display:none;
}
/* 見出し（なし？） */
#sysAside .sysFuncText.pt-cat-related-link-box .sysHeadline {
  padding-left: 1em;
  padding-right: 1em;
  color: inherit;
  text-align: inherit;
  font-size: 1.125em;
  font-weight: normal;
  background-color: #f7f7f7;
}
/* パーツ内の .myMainCnt  */
#sysAside .sysFuncText.pt-cat-related-link-box .myMainCnt {
  margin: 0em 0.5em 1em 0.5em;
}
/* パーツ内の section */
#sysAside .sysFuncText.pt-cat-related-link-box .myMainCnt section:last-child,
#sysAside .sysFuncText.pt-cat-related-link-box .myMainCnt ul:last-child {
  margin-bottom: 0;
}
/* パーツ内の関連リンクリスト */
#sysAside .sysFuncText.pt-cat-related-link-box .myMainCnt section.my-section-category-related-links ul.list-link li {
  background-position-x: 0.5em;
  background-position-y: 0.3em;
}

/* -----------------------------
  カテゴリトップのレスポンシブ
----------------------------- */
@media screen and (max-width:480px) {

 /* ヘッダ画像 */
 #sysItemCategory #Topics.my-category-top-page div.bg360 {
   min-height:96px;
   zoom:0.8;
 }
}
/* ======================================== */


/* ========================================
   【初期設定】グリッドレイアウト　
 * ======================================== */
/* ----------------------------------------
  【初期】グリッドレイアウト 画像＋テキストのカラムセット
 * ---------------------------------------- */
.myMainCnt .grid-col.my-col-image,  .myMainCnt.grid-col.my-col-text
 { float: none; width: 100%; margin-left:0; }

/* ----------------------------------------
  【初期】グリッドレイアウト 概要＋チラシのカラムセット
  .my-row-with-leaf
 ---------------------------------------- */
/* 概要カラム */
/*.show-leaf.grid-row.my-row-with-leaf .grid-col.my-col-guide,
.grid-row.my-row-with-leaf .grid-col.my-col-guide { width: 66.0%; }*/

/* チラシカラム */
/*.show-leaf.grid-row.my-row-with-leaf .grid-col.my-col-leaf,
.grid-row.my-row-with-leaf .grid-col.my-col-leaf { width: 32.0%; }
.grid-row.my-row-with-leaf .grid-col.my-col-leaf a.btn { font-size: 1em; }
*/


/* ----------------------------------------
  【初期】UL グリッドレイアウト リスト .list-grid
 ---------------------------------------- */
/* グリッドレイアウト リスト 基本設定 */
ul.list-grid 
{position: relative; margin: 13px 0 1.5em; list-style-type: none;}
ul.list-grid:after {
 /* clearfix */
 content: ""; clear: both; display: block;
}

/* 初期値は1カラム */
ul.list-grid li
{
	position: relative;
	float: none;
	width: 100%;
	margin-left: 0%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
ul.list-grid li:first-child { margi

n-left:0; }

ul.list-grid li a
{display: block;width: 100%;background: #fff;}

ul.list-grid li img
{width: 100%;height: auto;}

ul.list-grid li em
{font-size: 0.9em;font-style: normal;position: absolute;bottom: 1.5em;left: 0;display: block;width: 100%;padding: .3em;text-align: center;background: rgba(255,255,255,.85);}

/* ----------------------------------------
  【初期】グリッドレイアウト リスト： フォトアルバム
 ---------------------------------------- */
ul.list-grid.myPhotoAlbum li,
.myPhotoAlbum ul.list-grid li { display:block; width: 100%; margin-left:0; }


/* ========================================

   レスポンシブ

 * ======================================== */

@media screen and (max-width:480px) {

/* 見出し調整 19-12-12: 不要かも
.myMainCnt#myDescription section .headline-1st {
	font-size: 1.3em;
}
 */
 
/* リストマーク位置調整 */
/*
.myMainCnt ul.list-basic li {
	background-position: 0em 0.5em;
}
*/

/* カスタムインデント調整 */
.myMainCnt .my-indent-1st { margin-left:0px; margin-right:0px; }
.myMainCnt .my-indent-2nd { margin-left:5px; margin-right:5px; }
.myMainCnt .my-indent-3rd { margin-left:10px; margin-right:10px; }
/* ----------------------------------------
  メールアドレス画像
 ---------------------------------------- */
.myMainCnt img.img-mail { width:100%; }


/* ----------------------------------------
   商品詳細ページ 各標準部品の調整
 ---------------------------------------- */
#sysItemDetail #Topics .orderArea > div.sysThumbnailImage { margin-bottom:1em; }
#sysItemDetail #Topics #sysMain #orderTxt .sysItemName h1 { font-size:1.15em; }

/* ----------------------------------------
   機能パーツ
 ---------------------------------------- */
/* 機能パーツ：商品ブロック「横」用 */
.sysFuncItemBlock.pList .sysItemBlock .sysHorizontal li { width:46.8% !important; }
.sysFuncItemBlock.pList .sysItemBlock .sysHorizontal li div#sysDescriptionMobile { /* 2022-04-21: モバイル時も説明を表示する仕様に変更 display:none ; */ }

/* 機能パーツ：商品ブロック「縦」用 */
.sysFuncItemBlock.mainCnt .sysItemBlock .sysVertical .sysItemImage a > img { width:33% !important; }


/* カテゴリ一覧用（2段組） */
#sysItemCategory .sysItemList ul.sysThumbnail li {
  width: 46.8% !important;
}
#sysItemCategory .sysItemList ul.sysThumbnail li(2n+1) {
  clear: left;
}

/* ========================================
   【480px～】グリッドレイアウト　
 * ======================================== */

/* カラム毎のスタイル */


/* ----------------------------------------
  【初期】グリッドレイアウト リスト ＆ フォトアルバム
 ---------------------------------------- */

/* 4カラム → 2カラム */
ul.list-grid.grid-type4 li,
ul.list-grid.grid-type4.myPhotoAlbum li { width: 49%; margin-left:2%; float:left; }
ul.list-grid.grid-type4 li:nth-child(2n+1),
ul.list-grid.grid-type4.myPhotoAlbum li:nth-child(2n+1) { clear:left; margin-left:0; }
ul.list-grid.grid-type4 li:first-child,
ul.list-grid.grid-type4.myPhotoAlbum li:first-child { margin-left:0; }

/* 6カラム → 3カラム */
ul.list-grid.grid-type6 li,
ul.list-grid.grid-type6.myPhotoAlbum li { width: 32.0%; margin-left:2%; float:left; }
ul.list-grid.grid-type6 li:nth-child(3n+1),
ul.list-grid.grid-type6.myPhotoAlbum li:nth-child(3n+1) { clear:left; margin-left:0; }
ul.list-grid.grid-type6 li:first-child,
ul.list-grid.grid-type6.myPhotoAlbum li:first-child { margin-left:0; }
}

@media screen and (min-width:481px) {

/* ========================================
   【～481px】基本クラス　
 * ======================================== */
/* 19-12-12 統一するので不要？
.myMainCnt .headline-1st { font-size:1.3em; }
.myMainCnt .headline-2nd { font-size:1.2em; }
.myMainCnt .headline-3rd { font-size:1.1em; }
*/
/* 見出し直下のインデント */
.myMainCnt .headline-1st + .section-after-headline { margin-left:0px; }
.myMainCnt .headline-2nd + .section-after-headline { margin-left:15px; }
.myMainCnt .headline-3rd + .section-after-headline { margin-left:30px; }
.myMainCnt .my-indent-1st { margin-left:0px; margin-right:0px; }
.myMainCnt .my-indent-2nd { margin-left:15px; margin-right:15px; }
.myMainCnt .my-indent-3rd { margin-left:30px; margin-right:30px; }

/* Event時の画像 */
/*　旧:
.Eve#Topics .sysBlock.orderArea .sysItemImages, #Topics .sysBlock.orderArea .sysThumbnailImage { width: 30%; }
.Eve#Topics#Topics .sysBlock.orderArea .sysBlock.orderArea#orderTxt { width: 70%; }*/
/* 新: */
 #sysItemDetail #Topics .sysThumbnailImage { width: 30%; }
 #sysItemDetail #Topics .sysThumbnailImage + div.sysBlock.orderArea { width: 70%; }


/* UR 基本リスト - 横並び版 */
.myMainCnt ul.list-basic.list-float { overflow:hidden; }
.myMainCnt ul.list-basic.list-float li { float:left; margin-right:1em; }
.myMainCnt ul.list-basic.list-float li:last-child { margin-right:0; }





/* ========================================
   【～481px】グリッドレイアウト　
 * ======================================== */

/* カラム毎のスタイル */


/* ----------------------------------------
  【初期】グリッドレイアウト リスト ＆ フォトアルバム
 ---------------------------------------- */

/* デフォルトは3カラム */
ul.list-grid.grid-type3 li,
ul.list-grid li,
ul.list-grid.myPhotoAlbum li { width: 32.0%; margin-left:2%; float:left; }
ul.list-grid.grid-type3 li:nth-child(3n+1),
ul.list-grid li:nth-child(3n+1),
ul.list-grid.myPhotoAlbum li:nth-child(3n+1) { clear:left; margin-left:0; }
ul.list-grid.grid-type3 li:first-child,
ul.list-grid li:first-child,
ul.list-grid.myPhotoAlbum li:first-child { margin-left:0; }

/* 2カラム */
ul.list-grid.grid-type2 li,
ul.list-grid.grid-type2.myPhotoAlbum li { width: 49%; margin-left:2%; float:left; }
ul.list-grid.grid-type2 li:nth-child(3n+1),
ul.list-grid.grid-type2.myPhotoAlbum li:nth-child(3n+1) { clear:inherit; margin-left:2%; }
ul.list-grid.grid-type2 li:nth-child(2n+1),
ul.list-grid.grid-type2.myPhotoAlbum li:nth-child(2n+1) { clear:left; margin-left:0; }
ul.list-grid.grid-type2 li:first-child,
ul.list-grid.grid-type2.myPhotoAlbum li:first-child { margin-left:0; }

/* 4カラム */
ul.list-grid.grid-type4 li,
ul.list-grid.grid-type4.myPhotoAlbum li { width: 23.5%; margin-left:2%; float:left; }
ul.list-grid.grid-type4 li:nth-child(3n+1),
ul.list-grid.grid-type4.myPhotoAlbum li:nth-child(3n+1) { clear:inherit; margin-left:2%; }
ul.list-grid.grid-type4 li:nth-child(4n+1),
ul.list-grid.grid-type4.myPhotoAlbum li:nth-child(4n+1) { clear:left; margin-left:0; }
ul.list-grid.grid-type4 li:first-child,
ul.list-grid.grid-type4.myPhotoAlbum li:first-child { margin-left:0; }

/* 6カラム */
ul.list-grid.grid-type6 li,
ul.list-grid.grid-type6.myPhotoAlbum li { width: 14.9%; margin-left:2%; float:left; }
ul.list-grid.grid-type6 li:nth-child(3n+1),
ul.list-grid.grid-type6.myPhotoAlbum li:nth-child(3n+1) { clear:inherit; margin-left:2%; }
ul.list-grid.grid-type6 li:nth-child(6n+1),
ul.list-grid.grid-type6.myPhotoAlbum li:nth-child(6n+1) { clear:left; margin-left:0; }
ul.list-grid.grid-type6 li:first-child,
ul.list-grid.grid-type6.myPhotoAlbum li:first-child { margin-left:0; }



/* ----------------------------------------
  【～481px】グリッドレイアウト 画像＋テキストのカラムセット
 ---------------------------------------- */
/* 画像カラム */
.myMainCnt .grid-col.my-col-image { width: 32.0%; float:right; margin-left:0; }

/* テキストカラム */
.myMainCnt .grid-col.my-col-text { width: 66.0%; float:right; margin-left:2%; }
.myMainCnt .grid-col:first-child.my-col-text { margin-left:2%; }

/* 受賞作品などの紹介ブロック（画像を大きめに表示 */
.myMainCnt .my-works .grid-col.my-col-image { width: 40.5%; }
.myMainCnt .my-works .grid-col.my-col-text { width: 57.5%; }

/* ----------------------------------------
  【～481px】グリッドレイアウト リスト： フォトアルバム
 ---------------------------------------- */
.myPhotoAlbum ul.list-grid li,
ul.list-grid.myPhotoAlbum li { width: 32.0%; float:left; margin-left:2%; }

.myPhotoAlbum ul.list-grid li:nth-child(3n+1),
ul.list-grid.myPhotoAlbum li:nth-child(3n+1) { clear:left; margin-left:0; }

.myPhotoAlbum ul.list-grid.grid-type1 li,
ul.list-grid.myPhotoAlbum.grid-type1 li { width: 100%; margin-left:0;}

.myPhotoAlbum ul.list-grid.grid-type2 li,
ul.list-grid.myPhotoAlbum.grid-type2 li { width: 49%; }

.myPhotoAlbum ul.list-grid.grid-type2 li:nth-child(2n+1) ,
ul.list-grid.myPhotoAlbum.grid-type2 li:nth-child(2n+1) { clear:left; margin-left:0; }


/* ----------------------------------------
  【～481px】グリッドレイアウト リスト： センタリングボックス内の1枚フォトアルバム
 ---------------------------------------- */
.myMainCnt .my-centering-box ul.myPhotoAlbum.list-grid.grid-type1 { width:50%; }

}


@media screen and (min-width:481px) and (max-width:800px) {

/* 機能パーツ：商品ブロック「横」用 */
.sysFuncItemBlock.pList .sysItemBlock .sysHorizontal li { width:30% !important; }

/* 機能パーツ：商品ブロック「縦」用 */
.sysFuncItemBlock.mainCnt .sysItemBlock .sysVertical .sysItemImage a > img { width:33% !important; }

/* カテゴリ一覧用（3段組） */
#sysItemCategory .sysItemList ul.sysThumbnail li { width:30% !important; }
#sysItemCategory .sysItemList ul.sysThumbnail li(3n+1) {
  clear: left;
}


}


/* ======================================
   DL横並びリストのレスポンシブ対応
====================================== */

@media screen and (min-width:481px) {
	
/* ========================================
   【～481px】DLリスト
 * ======================================== */

/* -------------------------
   DLリスト 横並び 共通設定
------------------------- */

.myMainCnt dl.dl-basic dd,
.myMainCnt dl.dl-inline dd {
	background-position: 0.125em 0.5em;
}

/* DL 横並びバリエーション 共通設定 */
.myMainCnt dl.dl-inline { 
	margin-bottom: 2em;
}
.myMainCnt dl.dl-inline:after {
	/* clearfix */
	content: ""; 
	clear: both;
	display: block;
}
.myMainCnt dl.dl-inline dt {
	clear: left;
	float: left;
	margin-top:0;
	margin-bottom:0.5em;
}
.myMainCnt dl.dl-inline dd {
	margin-top:0;
	margin-bottom:0.5em;
	float:left;
}
.myMainCnt dl.dl-inline dd + dd {
	float:none;
	clear: left;
}

/* -------------------------
   パーセント幅（デフォルト）
------------------------- */

/* 横並びDL（dl-inline）の％幅版（初期化） */
.myMainCnt dl.dl-inline dt,
.myMainCnt dl.dl-inline.percent-width dt {
	margin-left:0;
	margin-right:0;
}
 
.myMainCnt dl.dlinline dd,
.myMainCnt dl.dl-inline.percent-width dd {
	margin-left:1% ;
	margin-right:0;
}

/* -------------------------
   em固定幅
------------------------- */
.myMainCnt dl.dl-inline.em-width dt { width:7em; }
.myMainCnt dl.dl-inline.em-width dd { margin-left:0.5em; }
.myMainCnt dl.dl-inline.em-width dd + dd { margin-left:7.5em !important; }

.myMainCnt#myDescription dl.dl-inline.em-width dt { width:5em; }
.myMainCnt#myDescription dl.dl-inline.em-width dd + dd { margin-left:5.5em; }

.myMainCnt dl.dl-inline.em-width dd, .myMainCnt dl.dl-inline.em-width.type2 dd, .myMainCnt dl.dl-inline.em-width.type3 dd, .myMainCnt dl.dl-inline.em-width.type4 dd,.myMainCnt dl.dl-inline.em-width.type5 dd, .myMainCnt dl.dl-inline.em-width.type6 dd, .myMainCnt dl.dl-inline.em-width.type7 dd, .myMainCnt dl.dl-inline.em-width.type8 dd, .myMainCnt dl.dl-inline.em-width.type9 dd { width:auto !important; }


.myMainCnt dl.dl-inline.em-width.type2 dt { width:3em !important; }
.myMainCnt dl.dl-inline.em-width.type2 dd + dd { margin-left:3.5em !important; }

.myMainCnt dl.dl-inline.em-width.type3 dt { width:4em !important; }
.myMainCnt dl.dl-inline.em-width.type3 dd + dd { margin-left:4.5em !important; }

.myMainCnt dl.dl-inline.em-width.type4 dt { width:5em !important; }
.myMainCnt dl.dl-inline.em-width.type4 dd + dd { margin-left:5.5em !important; }

.myMainCnt dl.dl-inline.em-width.type5 dt { width:6em !important; }
.myMainCnt dl.dl-inline.em-width.type5 dd + dd { margin-left:6.5em !important; }

.myMainCnt dl.dl-inline.em-width.type6 dt { width:7em !important; }
.myMainCnt dl.dl-inline.em-width.type6 dd + dd { margin-left:7.5em !important; }

.myMainCnt dl.dl-inline.em-width.type7 dt { width:8em !important; }
.myMainCnt dl.dl-inline.em-width.type7 dd + dd { margin-left:8.5em !important; }

.myMainCnt dl.dl-inline.em-width.type8 dt { width:9em !important; }
.myMainCnt dl.dl-inline.em-width.type8 dd + dd { margin-left:9.5em !important; }

.myMainCnt dl.dl-inline.em-width.type9 dt { width:10em !important; }
.myMainCnt dl.dl-inline.em-width.type9 dd + dd { margin-left:10.5em !important; }	
	

/* -------------------------
   DLリスト 横並び ％
   481px ～ 639px
------------------------- */
.myMainCnt dl.dl-inline dt, .myMainCnt dl.dl-inline.percent-width dt { width:19% ; }
.myMainCnt dl.dl-inline dd, .myMainCnt dl.dl-inline.percent-width dd { width:80% ; margin-left:1% ; }
.myMainCnt dl.dl-inline dd + dd, .myMainCnt dl.dl-inline.percent-width dd + dd { margin-left: 20% ; }

.myMainCnt#myDescription dl.dl-inline dt, .myMainCnt#myDescription dl.dl-inline.percent-width dt { width:35%; }
.myMainCnt#myDescription dl.dl-inline dd, .myMainCnt#myDescription dl.dl-inline.percent-width dd { width:64%; }
.myMainCnt#myDescription dl.dl-inline dd + dd, .myMainCnt#myDescription dl.dl-inline.percent-width dd + dd { margin-left:36%; }

.myMainCnt dl.dl-schedule dt { width:31% ; }
.myMainCnt dl.dl-schedule dd { width:68% ; }
.myMainCnt dl.dl-schedule dd + dd { margin-left: 32% ; }

.myMainCnt dl.dl-history dt { width:27% ; }
.myMainCnt dl.dl-history dd { width:72% ; }
.myMainCnt dl.dl-history dd + dd { margin-left: 28% ; }


.myMainCnt dl.dl-inline.type2 dt, .myMainCnt dl.dl-inline.percent-width.type2 dt { width:11% !important; }
.myMainCnt dl.dl-inline.type2 dd, .myMainCnt dl.dl-inline.percent-width.type2 dd { width:88% !important; }
.myMainCnt dl.dl-inline.type2 dd + dd, .myMainCnt dl.dl-inline.percent-width.type2 dd + dd { margin-left: 12% !important; }

.myMainCnt dl.dl-inline.type3 dt, .myMainCnt dl.dl-inline.percent-width.type3 dt { width:15% !important; }
.myMainCnt dl.dl-inline.type3 dd, .myMainCnt dl.dl-inline.percent-width.type3 dd { width:84% !important; }
.myMainCnt dl.dl-inline.type3 dd + dd, .myMainCnt dl.dl-inline.percent-width.type3 dd + dd { margin-left: 16% !important; }

.myMainCnt dl.dl-inline.type4 dt, .myMainCnt dl.dl-inline.percent-width.type4 dt { width:19% !important; }
.myMainCnt dl.dl-inline.type4 dd, .myMainCnt dl.dl-inline.percent-width.type4 dd { width:80% !important; }
.myMainCnt dl.dl-inline.type4 dd + dd, .myMainCnt dl.dl-inline.percent-width.type4 dd + dd { margin-left: 20% !important; }

.myMainCnt dl.dl-inline.type5 dt, .myMainCnt dl.dl-inline.percent-width.type5 dt { width:23% !important; }
.myMainCnt dl.dl-inline.type5 dd, .myMainCnt dl.dl-inline.percent-width.type5 dd { width:76% !important; }
.myMainCnt dl.dl-inline.type5 dd + dd, .myMainCnt dl.dl-inline.percent-width.type5 dd + dd { margin-left: 24% !important; }

.myMainCnt dl.dl-inline.type6 dt, .myMainCnt dl.dl-inline.percent-widthtype6 dt { width:27% !important; }
.myMainCnt dl.dl-inline.type6 dd, .myMainCnt dl.dl-inline.percent-widthtype6 dd { width:72% !important; }
.myMainCnt dl.dl-inline.type6 dd + dd, .myMainCnt dl.dl-inline.percent-widthtype6 dd + dd { margin-left: 28% !important; }

.myMainCnt dl.dl-inline.type7 dt, .myMainCnt dl.dl-inline.percent-width.type7 dt { width:31% !important; }
.myMainCnt dl.dl-inline.type7 dd, .myMainCnt dl.dl-inline.percent-width.type7 dd { width:68% !important; }
.myMainCnt dl.dl-inline.type7 dd + dd, .myMainCnt dl.dl-inline.percent-width.type7 dd + dd { margin-left: 32% !important; }

.myMainCnt dl.dl-inline.type8 dt, .myMainCnt dl.dl-inline.percent-width.type8 dt { width:35% !important; }
.myMainCnt dl.dl-inline.type8 dd, .myMainCnt dl.dl-inline.percent-width.type8 dd { width:64% !important; }
.myMainCnt dl.dl-inline.type8 dd + dd, .myMainCnt dl.dl-inline.percent-width.type8 dd + dd { margin-left: 36% !important; }

.myMainCnt dl.dl-inline.type9 dt, .myMainCnt dl.dl-inline.percent-width.type9 dt { width:39% !important; }
.myMainCnt dl.dl-inline.type9 dd, .myMainCnt dl.dl-inline.percent-width.type9 dd { width:60% !important; }
.myMainCnt dl.dl-inline.type9 dd + dd, .myMainCnt dl.dl-inline.percent-width.type9 dd + dd { margin-left: 40% !important; }

}

@media screen and (min-width:640px) {
/* -------------------------
   DLリスト 横並び ％
   640px ～ 767px
------------------------- */

.myMainCnt dl.dl-inline dt, .myMainCnt dl.dl-inline.percent-width dt { width:15% ; }
.myMainCnt dl.dl-inline dd, .myMainCnt dl.dl-inline.percent-width dd { width:84% ; margin-left:1%; }
.myMainCnt dl.dl-inline dd + dd, .myMainCnt dl.dl-inline.percent-width dd + dd { margin-left: 16% ; }

.myMainCnt#myDescription dl.dl-inline dt, .myMainCnt#myDescription dl.dl-inline.percent-width dt { width:24%; }
.myMainCnt#myDescription dl.dl-inline dd, .myMainCnt#myDescription dl.dl-inline.percent-width dd { width:75%; }
.myMainCnt#myDescription dl.dl-inline dd + dd, .myMainCnt#myDescription dl.dl-inline.percent-width dd + dd { margin-left:25%; }

.myMainCnt dl.dl-schedule dt { width:24% ; }
.myMainCnt dl.dl-schedule dd { width:75% ; }
.myMainCnt dl.dl-schedule dd + dd { margin-left: 25% ; }

.myMainCnt dl.dl-history dt { width:21% ; }
.myMainCnt dl.dl-history dd { width:78% ; }
.myMainCnt dl.dl-history dd + dd { margin-left: 22% ; }


.myMainCnt dl.dl-inline.type2 dt, .myMainCnt dl.dl-inline.percent-width.type2 dt { width:9% !important; }
.myMainCnt dl.dl-inline.type2 dd, .myMainCnt dl.dl-inline.percent-width.type2 dd { width:90% !important; }
.myMainCnt dl.dl-inline.type2 dd + dd, .myMainCnt dl.dl-inline.percent-width.type2 dd + dd { margin-left: 10% !important; }

.myMainCnt dl.dl-inline.type3 dt, .myMainCnt dl.dl-inline.percent-width.type3 dt { width:12% !important; }
.myMainCnt dl.dl-inline.type3 dd, .myMainCnt dl.dl-inline.percent-width.type3 dd { width:87% !important; }
.myMainCnt dl.dl-inline.type3 dd + dd, .myMainCnt dl.dl-inline.percent-width.type3 dd + dd { margin-left: 13% !important; }

.myMainCnt dl.dl-inline.type4 dt, .myMainCnt dl.dl-inline.percent-width.type4 dt { width:15% !important; }
.myMainCnt dl.dl-inline.type4 dd, .myMainCnt dl.dl-inline.percent-width.type4 dd { width:84% !important; }
.myMainCnt dl.dl-inline.type4 dd + dd, .myMainCnt dl.dl-inline.percent-width.type4 dd + dd { margin-left: 16% !important; }

.myMainCnt dl.dl-inline.type5 dt, .myMainCnt dl.dl-inline.percent-width.type5 dt { width:18% !important; }
.myMainCnt dl.dl-inline.type5 dd, .myMainCnt dl.dl-inline.percent-width.type5 dd { width:81% !important; }
.myMainCnt dl.dl-inline.type5 dd + dd, .myMainCnt dl.dl-inline.percent-width.type5 dd + dd { margin-left: 19% !important; }

.myMainCnt dl.dl-inline.type6 dt, .myMainCnt dl.dl-inline.percent-width.type6 dt { width:21% !important; }
.myMainCnt dl.dl-inline.type6 dd, .myMainCnt dl.dl-inline.percent-width.type6 dd { width:78% !important; }
.myMainCnt dl.dl-inline.type6 dd + dd, .myMainCnt dl.dl-inline.percent-width.type6 dd + dd { margin-left: 22% !important; }

.myMainCnt dl.dl-inline.type7 dt, .myMainCnt dl.dl-inline.percent-width.type7 dt { width:24% !important; }
.myMainCnt dl.dl-inline.type7 dd, .myMainCnt dl.dl-inline.percent-width.type7 dd { width:75% !important; }
.myMainCnt dl.dl-inline.type7 dd + dd, .myMainCnt dl.dl-inline.percent-width.type7 dd + dd { margin-left: 25% !important; }

.myMainCnt dl.dl-inline.type8 dt, .myMainCnt dl.dl-inline.percent-width.type8 dt { width:27% !important; }
.myMainCnt dl.dl-inline.type8 dd, .myMainCnt dl.dl-inline.percent-width.type8 dd { width:72% !important; }
.myMainCnt dl.dl-inline.type8 dd + dd, .myMainCnt dl.dl-inline.percent-width.type8 dd + dd { margin-left: 28% !important; }

.myMainCnt dl.dl-inline.type9 dt, .myMainCnt dl.dl-inline.percent-width.type9 dt { width:30% !important; }
.myMainCnt dl.dl-inline.type9 dd, .myMainCnt dl.dl-inline.percent-width.type9 dd { width:69% !important; }
.myMainCnt dl.dl-inline.type9 dd + dd, .myMainCnt dl.dl-inline.percent-width.type9 dd + dd { margin-left: 31% !important; }

}

@media screen and (min-width:768px) {
/* -------------------------
   DLリスト 横並び ％
   768px ～ 1023px
------------------------- */
.myMainCnt dl.dl-inline dt, .myMainCnt dl.dl-inline.percent-width dt { width:12% ; }
.myMainCnt dl.dl-inline dd, .myMainCnt dl.dl-inline.percent-width dd { width:87% ; margin-left:1%; }
.myMainCnt dl.dl-inline dd + dd, .myMainCnt dl.dl-inline.percent-width dd + dd { margin-left: 13% ; }

.myMainCnt#myDescription dl.dl-inline dt, .myMainCnt#myDescription dl.dl-inline.percent-width dt { width:20%; }
.myMainCnt#myDescription dl.dl-inline dd, .myMainCnt#myDescription dl.dl-inline.percent-width dd { width:79%; }
.myMainCnt#myDescription dl.dl-inline dd + dd, .myMainCnt#myDescription dl.dl-inline.percent-width dd + dd { margin-left:21%; }

.myMainCnt dl.dl-schedule dt { width:20% ; }
.myMainCnt dl.dl-schedule dd { width:79% ; }
.myMainCnt dl.dl-schedule dd + dd { margin-left: 21% ; }

.myMainCnt dl.dl-history dt { width:17% ; }
.myMainCnt dl.dl-history dd { width:82% ; }
.myMainCnt dl.dl-history dd + dd { margin-left: 18% ; }


.myMainCnt dl.dl-inline.type2 dt, .myMainCnt dl.dl-inline.percent-width.type2 dt { width:7% !important; }
.myMainCnt dl.dl-inline.type2 dd, .myMainCnt dl.dl-inline.percent-width.type2 dd { width:92% !important; }
.myMainCnt dl.dl-inline.type2 dd + dd, .myMainCnt dl.dl-inline.percent-width.type2 dd + dd { margin-left: 8% !important; }

.myMainCnt dl.dl-inline.type3 dt, .myMainCnt dl.dl-inline.percent-width.type3 dt { width:10% !important; }
.myMainCnt dl.dl-inline.type3 dd, .myMainCnt dl.dl-inline.percent-width.type3 dd { width:89% !important; }
.myMainCnt dl.dl-inline.type3 dd + dd, .myMainCnt dl.dl-inline.percent-width.type3 dd + dd { margin-left: 11% !important; }

.myMainCnt dl.dl-inline.type4 dt, .myMainCnt dl.dl-inline.percent-width.type4 dt { width:12% !important; }
.myMainCnt dl.dl-inline.type4 dd, .myMainCnt dl.dl-inline.percent-width.type4 dd { width:87% !important; }
.myMainCnt dl.dl-inline.type4 dd + dd, .myMainCnt dl.dl-inline.percent-width.type4 dd + dd { margin-left: 13% !important; }

.myMainCnt dl.dl-inline.type5 dt, .myMainCnt dl.dl-inline.percent-width.type5 dt { width:15% !important; }
.myMainCnt dl.dl-inline.type5 dd, .myMainCnt dl.dl-inline.percent-width.type5 dd { width:84% !important; }
.myMainCnt dl.dl-inline.type5 dd + dd, .myMainCnt dl.dl-inline.percent-width.type5 dd + dd { margin-left: 16% !important; }

.myMainCnt dl.dl-inline.type6 dt, .myMainCnt dl.dl-inline.percent-width.type6 dt { width:17% !important; }
.myMainCnt dl.dl-inline.type6 dd, .myMainCnt dl.dl-inline.percent-width.type6 dd { width:82% !important; }
.myMainCnt dl.dl-inline.type6 dd + dd, .myMainCnt dl.dl-inline.percent-width.type6 dd + dd { margin-left: 18% !important; }

.myMainCnt dl.dl-inline.type7 dt, .myMainCnt dl.dl-inline.percent-width.type7 dt { width:20% !important; }
.myMainCnt dl.dl-inline.type7 dd, .myMainCnt dl.dl-inline.percent-width.type7 dd { width:79% !important; }
.myMainCnt dl.dl-inline.type7 dd + dd, .myMainCnt dl.dl-inline.percent-width.type7 dd + dd { margin-left: 21% !important; }

.myMainCnt dl.dl-inline.type8 dt, .myMainCnt dl.dl-inline.percent-width.type8 dt { width:22% !important; }
.myMainCnt dl.dl-inline.type8 dd, .myMainCnt dl.dl-inline.percent-width.type8 dd { width:77% !important; }
.myMainCnt dl.dl-inline.type8 dd + dd, .myMainCnt dl.dl-inline.percent-width.type8 dd + dd { margin-left: 23% !important; }

.myMainCnt dl.dl-inline.type9 dt, .myMainCnt dl.dl-inline.percent-width.type9 dt { width:25% !important; }
.myMainCnt dl.dl-inline.type9 dd, .myMainCnt dl.dl-inline.percent-width.type9 dd { width:74% !important; }
.myMainCnt dl.dl-inline.type9 dd + dd, .myMainCnt dl.dl-inline.percent-width.type9 dd + dd { margin-left: 26% !important; }

}

@media screen and (min-width:1024px) {
/* -------------------------
   DLリスト 横並び ％
   1024px ～ 1279px
------------------------- */
.myMainCnt dl.dl-inline dt, .myMainCnt dl.dl-inline.percent-width dt { width:10% ; }
.myMainCnt dl.dl-inline dd, .myMainCnt dl.dl-inline.percent-width dd { width:89% ; margin-left:1%; }
.myMainCnt dl.dl-inline dd + dd, .myMainCnt dl.dl-inline.percent-width dd + dd { margin-left: 11% ; }

.myMainCnt#myDescription dl.dl-inline dt, .myMainCnt#myDescription dl.dl-inline.percent-width dt { width:15%; }
.myMainCnt#myDescription dl.dl-inline dd, .myMainCnt#myDescription dl.dl-inline.percent-width dd { width:84%; }
.myMainCnt#myDescription dl.dl-inline dd + dd, .myMainCnt#myDescription dl.dl-inline.percent-width dd + dd { margin-left:16%; }

.myMainCnt dl.dl-schedule dt { width:15% ; }
.myMainCnt dl.dl-schedule dd { width:84% ; }
.myMainCnt dl.dl-schedule dd + dd { margin-left: 16% ; }

.myMainCnt dl.dl-history dt { width:13% ; }
.myMainCnt dl.dl-history dd { width:86% ; }
.myMainCnt dl.dl-history dd + dd { margin-left: 14% ; }


.myMainCnt dl.dl-inline.type2 dt, .myMainCnt dl.dl-inline.percent-width.type2 dt { width:6% !important; }
.myMainCnt dl.dl-inline.type2 dd, .myMainCnt dl.dl-inline.percent-width.type2 dd { width:93% ; }
.myMainCnt dl.dl-inline.type2 dd + dd, .myMainCnt dl.dl-inline.percent-width.type2 dd + dd { margin-left: 7% !important; }

.myMainCnt dl.dl-inline.type3 dt, .myMainCnt dl.dl-inline.percent-width.type3 dt { width:8% !important; }
.myMainCnt dl.dl-inline.type3 dd, .myMainCnt dl.dl-inline.percent-width.type3 dd { width:91% !important; }
.myMainCnt dl.dl-inline.type3 dd + dd, .myMainCnt dl.dl-inline.percent-width.type3 dd + dd { margin-left: 9% !important; }

.myMainCnt dl.dl-inline.type4 dt, .myMainCnt dl.dl-inline.percent-width.type4 dt { width:10% !important; }
.myMainCnt dl.dl-inline.type4 dd, .myMainCnt dl.dl-inline.percent-width.type4 dd { width:89% !important; }
.myMainCnt dl.dl-inline.type4 dd + dd, .myMainCnt dl.dl-inline.percent-width.type4 dd + dd { margin-left: 11% !important; }

.myMainCnt dl.dl-inline.type5 dt, .myMainCnt dl.dl-inline.percent-width.type5 dt { width:12% !important; }
.myMainCnt dl.dl-inline.type5 dd, .myMainCnt dl.dl-inline.percent-width.type5 dd { width:87% !important; }
.myMainCnt dl.dl-inline.type5 dd + dd, .myMainCnt dl.dl-inline.percent-width.type5 dd + dd { margin-left: 13% !important; }

.myMainCnt dl.dl-inline.type6 dt, .myMainCnt dl.dl-inline.percent-width.type6 dt { width:13% !important; }
.myMainCnt dl.dl-inline.type6 dd, .myMainCnt dl.dl-inline.percent-width.type6 dd { width:86% !important; }
.myMainCnt dl.dl-inline.type6 dd + dd, .myMainCnt dl.dl-inline.percent-width.type6 dd + dd { margin-left: 14% !important; }

.myMainCnt dl.dl-inline.type7 dt, .myMainCnt dl.dl-inline.percent-width.type7 dt { width:15% !important; }
.myMainCnt dl.dl-inline.type7 dd, .myMainCnt dl.dl-inline.percent-width.type7 dd { width:84% !important; }
.myMainCnt dl.dl-inline.type7 dd + dd, .myMainCnt dl.dl-inline.percent-width.type7 dd + dd { margin-left: 16% !important; }

.myMainCnt dl.dl-inline.type8 dt, .myMainCnt dl.dl-inline.percent-width.type8 dt { width:17% !important; }
.myMainCnt dl.dl-inline.type8 dd, .myMainCnt dl.dl-inline.percent-width.type8 dd { width:82% !important; }
.myMainCnt dl.dl-inline.type8 dd + dd, .myMainCnt dl.dl-inline.percent-width.type8 dd + dd { margin-left: 18% !important; }

.myMainCnt dl.dl-inline.type9 dt, .myMainCnt dl.dl-inline.percent-width.type9 dt { width:19% !important; }
.myMainCnt dl.dl-inline.type9 dd, .myMainCnt dl.dl-inline.percent-width.type9 dd { width:80% !important; }
.myMainCnt dl.dl-inline.type9 dd + dd, .myMainCnt dl.dl-inline.percent-width.type9 dd + dd { margin-left: 20% !important; }

}

@media screen and (min-width:1280px) {
/* -------------------------
   DLリスト 横並び ％
   1280px ～
------------------------- */
.myMainCnt dl.dl-inline dt, .myMainCnt dl.dl-inline.percent-width dt { width:8% ; }
.myMainCnt dl.dl-inline dd, .myMainCnt dl.dl-inline.percent-width dd { width:91% ; margin-left:1%; }
.myMainCnt dl.dl-inline dd + dd, .myMainCnt dl.dl-inline.percent-width dd + dd { margin-left: 9% ; }

.myMainCnt#myDescription dl.dl-inline dt, .myMainCnt#myDescription dl.dl-inline.percent-width dt { width:13%; }
.myMainCnt#myDescription dl.dl-inline dd, .myMainCnt#myDescription dl.dl-inline.percent-width dd { width:86%; }
.myMainCnt#myDescription dl.dl-inline dd + dd, .myMainCnt#myDescription dl.dl-inline.percent-width dd + dd { margin-left:14%; }

.myMainCnt dl.dl-schedule dt { width:12% ; }
.myMainCnt dl.dl-schedule dd { width:87% ; }
.myMainCnt dl.dl-schedule dd + dd { margin-left: 13% ; }

.myMainCnt dl.dl-history dt { width:10% ; }
.myMainCnt dl.dl-history dd { width:89% ; }
.myMainCnt dl.dl-history dd + dd { margin-left: 11% ; }


.myMainCnt dl.dl-inline.type2 dt, .myMainCnt dl.dl-inline.percent-width.type2 dt { width:6% !important; }
.myMainCnt dl.dl-inline.type2 dd, .myMainCnt dl.dl-inline.percent-width.type2 dd { width:93% !important; }
.myMainCnt dl.dl-inline.type2 dd + dd, .myMainCnt dl.dl-inline.percent-width.type2 dd + dd { margin-left: 7% !important; }

.myMainCnt dl.dl-inline.type3 dt, .myMainCnt dl.dl-inline.percent-width.type3 dt { width:7% !important; }
.myMainCnt dl.dl-inline.type3 dd, .myMainCnt dl.dl-inline.percent-width.type3 dd { width:92% !important; }
.myMainCnt dl.dl-inline.type3 dd + dd, .myMainCnt dl.dl-inline.percent-width.type3 dd + dd { margin-left: 8% !important; }

.myMainCnt dl.dl-inline.type4 dt, .myMainCnt dl.dl-inline.percent-width.type4 dt { width:8% !important; }
.myMainCnt dl.dl-inline.type4 dd, .myMainCnt dl.dl-inline.percent-width.type4 dd { width:91% !important; }
.myMainCnt dl.dl-inline.type4 dd + dd, .myMainCnt dl.dl-inline.percent-width.type4 dd + dd { margin-left: 9% !important; }

.myMainCnt dl.dl-inline.type5 dt, .myMainCnt dl.dl-inline.percent-width.type5 dt { width:10% !important; }
.myMainCnt dl.dl-inline.type5 dd, .myMainCnt dl.dl-inline.percent-width.type5 dd { width:89% !important; }
.myMainCnt dl.dl-inline.type5 dd + dd, .myMainCnt dl.dl-inline.percent-width.type5 dd + dd { margin-left: 11% !important; }

.myMainCnt dl.dl-inline.type6 dt, .myMainCnt dl.dl-inline.percent-width.type6 dt { width:12% !important; }
.myMainCnt dl.dl-inline.type6 dd, .myMainCnt dl.dl-inline.percent-width.type6 dd { width:87% !important; }
.myMainCnt dl.dl-inline.type6 dd + dd, .myMainCnt dl.dl-inline.percent-width.type6 dd + dd { margin-left: 13% !important; }

.myMainCnt dl.dl-inline.type7 dt, .myMainCnt dl.dl-inline.percent-width.type7 dt { width:13% !important; }
.myMainCnt dl.dl-inline.type7 dd, .myMainCnt dl.dl-inline.percent-width.type7 dd { width:86% !important; }
.myMainCnt dl.dl-inline.type7 dd + dd, .myMainCnt dl.dl-inline.percent-width.type7 dd + dd { margin-left: 14% !important; }

.myMainCnt dl.dl-inline.type8 dt, .myMainCnt dl.dl-inline.percent-width.type8 dt { width:14% !important; }
.myMainCnt dl.dl-inline.type8 dd, .myMainCnt dl.dl-inline.percent-width.type8 dd { width:85% !important; }
.myMainCnt dl.dl-inline.type8 dd + dd, .myMainCnt dl.dl-inline.percent-width.type8 dd + dd { margin-left: 15% !important; }

.myMainCnt dl.dl-inline.type9 dt, .myMainCnt dl.dl-inline.percent-width.type9 dt { width:16% !important; }
.myMainCnt dl.dl-inline.type9 dd, .myMainCnt dl.dl-inline.percent-width.type9 dd { width:83% !important; }
.myMainCnt dl.dl-inline.type9 dd + dd, .myMainCnt dl.dl-inline.percent-width.type9 dd + dd { margin-left: 17% !important; }

}
/* ---- Custom CSS （ここまで）----- */