@charset "UTF-8";

/*===========================================================================
   
   0.Common
   
=============================================================================*/
.categoryTitleArea{
	padding:0 0 2px 0;
	margin-bottom: 24px;
	background:url("../images/h1-bg.gif") no-repeat left bottom;
}
.categoryTitle{
	background:url("../images/h1-admissions.gif") no-repeat 0 0;
	height: 80px;
}
.categoryTitle h2{
	font-size: 180%;
	padding: 25px 30px;
	line-height: 1.2;
}

h2 span.catch{
	font-size: 50%;
}

.titleArea h2 {
    font-weight: bold;
    font-size: 115%;
    padding: 12px 0 0 10px;
}

h3{
	border-left: 5px solid #255993;
	padding-left: 10px;
	font-weight: bold;
	margin: 10px 0 5px 0; 
}

/* === 画像の3列配置 === */
.image-grid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列に設定 */
    gap: 10px; /* 画像間のスペースを調整 */
    margin-top: 0px; /* 上のブロックとの間に余白を追加 */
}

.image-grid3 img {
    width: 100%; /* グリッドアイテムの幅を100%に設定 */
    height: auto;
}

/* === 画像の2列配置 === */
.image-grid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列に設定 */
    gap: 10px; /* 画像間のスペースを調整 */
    margin-top: 0px; /* 上のブロックとの間に余白を追加 */
}

.image-grid2 img {
    width: 100%; /* グリッドアイテムの幅を100%に設定 */
    height: auto;
}

.image-grid2 img {
    width: 100%; /* グリッドアイテムの幅を100%に設定 */
    height: auto;
    border: 1px solid lightgray; /* 薄いグレーの枠線を追加 */
}

/* === 画像の4カラム配置 === */
.image-grid4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4列に設定 */
    gap: 10px; /* 画像間のスペースを調整 */
	margin-top: 5px; /* 下のブロックとの間に余白を追加 */
    margin-bottom: 20px; /* 下のブロックとの間に余白を追加 */
}

.image-grid4 .grid-item {
    width: 100%; /* グリッドアイテムの幅を100%に設定 */
    height: auto;
}

.image-grid4 .grid-item img {
    width: 100%; /* 画像の幅を100%に設定 */
    height: auto;
}

/* 横2カラム分のアイテム */
.image-grid4 .grid-item-2 {
    grid-column: span 2;
}

/* 横3カラム分のアイテム */
.image-grid4 .grid-item-3 {
    grid-column: span 3;
}

/* 横4カラム分のアイテム */
.image-grid4 .grid-item-4 {
    grid-column: span 4;
}

/* === 画像の6カラム配置 === */
.image-grid6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 4列に設定 */
    gap: 10px; /* 画像間のスペースを調整 */
	margin-top: 5px; /* 下のブロックとの間に余白を追加 */
    margin-bottom: 20px; /* 下のブロックとの間に余白を追加 */
}

.image-grid6 .grid-item {
    width: 100%; /* グリッドアイテムの幅を100%に設定 */
    height: auto;
}

.image-grid6 .grid-item img {
    width: 100%; /* 画像の幅を100%に設定 */
    height: auto;
}

/* 横2カラム分のアイテム */
.image-grid6 .grid-item-2 {
    grid-column: span 2;
}

/* 横3カラム分のアイテム */
.image-grid6 .grid-item-3 {
    grid-column: span 3;
}

/* 横4カラム分のアイテム */
.image-grid6 .grid-item-4 {
    grid-column: span 4;
}

/* 横5カラム分のアイテム */
.image-grid6 .grid-item-5 {
    grid-column: span 5;
}

/* 横6カラム分のアイテム */
.image-grid6 .grid-item-6 {
    grid-column: span 6;
}

/* === 囲み内箇条書きの配置関連 === */
.session-list {
    list-style: none; /* リストマーカーを非表示 */
    padding: 5px 15px 5px 0px; /* 上、左、右は10px、下は5pxに設定 */
	margin-top: 5px; /* 上に5pxの余白を追加 */
	margin-bottom: 30px; /* 上下に30pxの余白を追加 */
}

.session-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px; /* 各項目の間に余白を追加 */
    line-height: 1.6; /* 行間を広げる */
}

.session-number {
    flex-shrink: 0;
    width: 150px; /* 必要に応じて調整 */
    margin-right: 10px; /* 第1回と説明文の間に余白を追加 */
}

.session-list div {
    flex-grow: 1;
}

strong {
    font-weight: bold; /* 太字に設定 */
}

.caption {
    margin-top: 5px; /* キャプションと画像の間に余白を追加 */
    font-size: 80%; /* キャプションのフォントサイズを90%に設定 */
    /*color: #555; */ /* キャプションの文字色を設定 */
}
/*===========================================================================
   
   1.Outline
   
=============================================================================*/
/*-----------------------------------------------------
	TABLE
-------------------------------------------------------*/

/* tType03 */
/* ----------------------------------------------------- */
table.tType03{
	font-size: 90%;
	width:650px;
	margin:0 auto;
	border-top:2px solid #CCC;
	border-bottom:2px solid #CCC;
}
table.tType03 th{
	padding:13px 7px;
	text-align: center;
	background:url("../../../common/images/dot06.gif") repeat-y right top;
	border-bottom:1px solid #CCC;
}
table.tType03 td{
	padding:13px 7px 13px 15px;
	text-align: center;
	border-bottom:1px solid #CCC;
	font-size: 100%;
}
table.tType03 p,
table.tType03 ul,
table.tType03 ol,
table.tType03 dl{
	margin:0 0 8px;
}
/* ----------------------------------------------------- */
/* form parts */
/* ----------------------------------------------------- */
textarea.sizeL{
	width:400px;
}
input.sizeXS{
	width:110px;
}
input.sizeS{
	width:150px;
}
input.sizeM{
	width:190px;
}
input.sizeL{
	width:430px;
}


#about_award h3{
	border-left: 5px solid #255993;
	padding-left: 10px;
	font-weight: bold;
	margin: 10px 0 5px 0; 
}
#presentation h3{
	border-left: 5px solid #255993;
	padding-left: 10px;
	font-weight: bold;
	margin: 10px 0 15px 0; 
}
h3.winner{
	border-left: 5px solid #255993;
	padding-left: 10px;
	font-weight: bold;
	margin: 10px 0 15px 0; 
}
h4{
	background:url("../images/icon_sline.gif") no-repeat 0 9px;
	margin-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
}

h5 {
    font-size: 14px; /* フォントサイズを12pxに設定 */
    font-weight: bold; /* 太字に設定 */
    position: relative; /* 擬似要素の位置を相対的に設定 */
    padding-left: 15px; /* オレンジの●のための余白を調整 */
    margin-top: 20px; /* マージントップを広げる */
}

h5::before {
    content: '●'; /* オレンジの●を追加 */
    color: orange; /* オレンジ色に設定 */
    position: absolute; /* 絶対位置に設定 */
    left: 0; /* 左端に配置 */
    top: 50%; /* 垂直方向に中央揃え */
    transform: translateY(-50%); /* 垂直方向の中央揃えを調整 */
}

.salon-title {
  font-size: 115%;
  margin-bottom: 10px;
  font-weight: bold;
}


.article{
	padding: 5px 0;
}
.article.first{
	margin: 0;
	padding: 0;
}
.article.last{
	margin-top: -40px;
	border-top: 0;
}

.article ul{
	margin-top: 5px;
}
.article ul li{
	line-height: 1.6;
	background:url("../images/icon_sline.gif") no-repeat 0 9px;
	padding-left: 15px;
}
.article ol li{
	line-height: 1.4;
	background:none;
	padding-left: 15px;
}
.bld{
	font-weight: bold;
}
.attText{
	font-size: 85%;
}

.photoAreaInner{
	margin-top: 20px;
}


.small_article{
	background: #EEE;
	padding: 5px 15px;
	margin-top: 5px;
	border: 1px solid #DDD;
}

.pdfLink{
	padding-left: 18px;
	background:url("../../common/images/com_ic001.gif") no-repeat 0 7px;		
}






/*===========================================================================
   
   3.selection
   
=============================================================================*/
/* dl：標準----------------------------------------------------- */
dl.xpadl_ptn1,
dl.xpadl_ptn2{
	margin-bottom:12px; /* 下方向マージン */
	margin-left:0px; /* 左インデント */
}


/* dtパターン1：太字-------------------------------------------- */
dt.xpadt_ptn1{
	font-weight:bold;
	color:#444;
}
/* 追加2024年7月 */
dt.xpadt_ptn2{
	font-weight:bold;
	color:#444;
}
/*  */
dd.xpadd_ptn1{
}


/* dlパターン1：上下罫線なし------------------------------------ */
dl.xpadl_ptn1 dt.xpadt_ptn1{
	clear:left;
	float:left;
	width:8em;
	line-height:1.2;
}

dl.xpadl_ptn1 dd.xpadd_ptn1{
	margin-left:8em;
	padding-left:3px;
	line-height:1.2;
}


dl.xpadl_ptn2{
	border-bottom:1px solid #ccc;
}

dl.xpadl_ptn2 dt.xpadt_ptn1{
	clear:left;
	float:left;
	padding:10px 0 8px 0;
	width:12em;
	border-top:1px solid #ccc;
	line-height:1.2;
}

dl.xpadl_ptn2 dd.xpadd_ptn1{
	margin-left:12em;
	padding:10px 0 8px 0;
	border-top:1px solid #ccc;
	line-height:1.2;
}

/* 追加2024年7月 */
dl.xpadl_ptn2 dt.xpadt_ptn2{
	clear:left;
	float:left;
	padding:0px 0 8px 0;
	width:12em;
	line-height:1.2;
}

dl.xpadl_ptn2 dd.xpadd_ptn2{
	margin-left:12em;
	padding:0px 0 8px 0;
	line-height:1.2;
}
/*  */

#posterArea{
	background: #EEE;
	border: 1px solid #DDD;
	padding: 0 10px 10px 10px;
	width: 340px;
}

#posterArea .imgholder{
	width: 90px;
	float: left;
	margin-top: 5px;
}
#posterArea .imgholder img{
	border: 1px solid #999;
}

#posterArea .txtholder{
	width: 240px;
	float: left;
	margin-left: 10px;
}

.pageLinkBtn{
	width: 145px;
	height: 35px;
	margin: 0 auto;
	background-color: #2469DE;
	margin-top: 15px;
	border-radius: 20px;
}

.pageLinkBtn p{
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	text-decoration: none;
}

.pageLinkBtn a{
	text-decoration: none;
}

.leadArea{
	margin: 30px 0;
	overflow: hidden;
}
.leadAreaLeft{
	width: 55%;
	margin-right: 5%;
	float: left;
}
.leadAreaRight{
	display: block;
	overflow: hidden;
	width: 40%;
	margin-top: 40px;

}
/* 追加2024年7月 */
.leadAreaCenter{
	margin-top: 20px;
	text-align: center;
}
/*  */

.leadAreaLeft img{
	display: block;
	overflow: hidden;
	width: 100%;
}

.leadTitle{
	font-weight: bold;
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 8px;
}

{
    color: blue; /* リンクの色を青に設定 */
    text-decoration: underline; /* リンクに下線を追加 */
}

a:visited {
    color: purple; /* 訪問済みリンクの色を紫に設定 */
}

a:hover {
    color: darkblue; /* ホバー時のリンクの色を濃い青に設定 */
}

a:active {
    color: red; /* アクティブ時のリンクの色を赤に設定 */
}

/* ページ内リンク */
.page-links {
    text-align: center; /* テキストを中央揃え */
    margin-bottom: 20px; /* リンクの下に余白を追加 */
}

.page-links a {
    color: blue; /* リンクの色を青に設定 */
    text-decoration: none; /* 下線を削除 */
    margin-right: 10px; /* リンク間に余白を追加 */
}

.page-links a:hover {
    text-decoration: underline; /* ホバー時に下線を追加 */
}