@charset "UTF-8";
/*
高校メインカラー $senior-color	#8B0F27（←実測 イラレの数値上→8B0E27）
高校ハイライト $senior-hlcolor		#DCB6BE
高校薄背景色 $senior-lbgcolor		#F3E7E9（←実測 イラレの数値上→F3E6E9）
*/
/* 共通 */
article h4, #event dt { text-shadow: 1px 0 0 #8B0F27; color: #8B0F27; }

#event dt { border-bottom-color: #349E5A; }
#event dd p { width: auto; float: none; }

article h4 { border-bottom: 5px #8B0F27 solid; }

/* サイドメニュー */
.widget-container h3, #sidetitle { background-color: #8B0F27; }

h3.pictitle, #submenu strong { color: #8B0F27; }

/* メッセージ */
#message h5 { color: #8B0F27; text-shadow: 1px 0 0 #8B0F27; }

/* カリキュラム */
.g12rui { border: 1px solid #ccc; margin-bottom: 8px; position: relative; }
.g12rui div { text-align: center; width: 83px; line-height: 1.1; position: absolute; top: 50%; left: 0; margin-top: -15px; font-size: 28px; font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight: normal; -webkit-transform: rotate3d(0, 0, 1, 0.028deg); -moz-transform: rotate3d(0, 0, 1, 0.028deg); -o-transform: rotate3d(0, 0, 1, 0.028deg); transform: rotate3d(0, 0, 1, 0.028deg); line-height: 30px; color: #8B0F27; text-shadow: 1px 0 0 #8B0F27; vertical-align: middle; }
.g12rui h5 { margin-left: 83px; background-color: #8B0F27; padding: 8px 9px; font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight: normal; -webkit-transform: rotate3d(0, 0, 1, 0.028deg); -moz-transform: rotate3d(0, 0, 1, 0.028deg); -o-transform: rotate3d(0, 0, 1, 0.028deg); transform: rotate3d(0, 0, 1, 0.028deg); font-size: 15px; line-height: 20px; color: #FFF !important; }
.g12rui p { background-color: #F3E7E9; font-size: 0.92em; line-height: 1.1; margin-left: 83px; margin-bottom: 0; padding: 12px 9px; }

.g12step td { font-size: 0.92em; line-height: 1.1; padding: 8px 12px; padding-left: 50px; border: 1px solid #BCB9B8; }
.g12step .step1 { background: #F6F6F6 url(../../../senior/images/g12curriculum_k1.gif) 7px center no-repeat; }
.g12step .step2 { background: #F6F6F6 url(../../../senior/images/g12curriculum_k2.gif) 7px center no-repeat; }
.g12step .step3 { background: #F6F6F6 url(../../../senior/images/g12curriculum_k3.gif) 7px center no-repeat; }
.g12step th.blank { width: 7px; }

.mintext { color: #8B0F27; text-shadow: 1px 0 0 #8B0F27; padding: 0 10px; }

#g3point div.clearfix h5 { font-size: 18px; font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight: normal; -webkit-transform: rotate3d(0, 0, 1, 0.028deg); -moz-transform: rotate3d(0, 0, 1, 0.028deg); -o-transform: rotate3d(0, 0, 1, 0.028deg); transform: rotate3d(0, 0, 1, 0.028deg); line-height: 20px; color: #8B0F27; text-shadow: 1px 0 0 #8B0F27; }
#g3point div.clearfix p { font-size: 0.92em; }

#senior { width: 350px; float: right; border-top: 6px #EEDBDF solid; border-left: 6px #EEDBDF solid; }
#senior td, #senior th { border-right: 6px #EEDBDF solid; border-bottom: 6px #EEDBDF solid; vertical-align: middle; color: #8B0F27; }
#senior th { background-color: #EEDBDF; }

table.curriculum, table.examination { border-collapse: collapse; }
table.curriculum td, table.curriculum th, table.examination td, table.examination th { padding: 7px 3px; font-size: 0.92em; line-height: 1.1; text-align: center; }
table.curriculum thead td, table.curriculum thead th, table.curriculum tbody th.thead, table.examination thead td, table.examination thead th, table.examination tbody th.thead { background-color: #8B0F27; color: #fff; }
table.curriculum tbody td, table.curriculum tbody th, table.examination tbody td, table.examination tbody th { background-color: #F1EEF5; }
table.curriculum tbody td, table.examination tbody td { color: #333; }
table.curriculum tbody td strong, table.curriculum tbody th strong, table.examination tbody td strong, table.examination tbody th strong { font-size: 1.2em; }

table.curriculum thead td, table.curriculum thead th { border-bottom: 4px #FFF solid; }
table.curriculum tbody td, table.curriculum tbody th { border-top: 1px #DCB6BE solid; }
table.curriculum thead th { border-right: 1px #FFF solid; font-size: 1.2em; }
table.curriculum tbody tr:first-child td, table.curriculum tbody tr:first-child th { border-top: 0 none; }

table.examination thead td, table.examination thead th, table.examination tbody th.thead { border-left: 1px #FFF solid; border-top: 1px #FFF solid; }
table.examination tbody td, table.examination tbody td { border-right: 1px #FFF solid; border-top: 1px #FFF solid; }
table.examination tbody tr:first-child td, table.examination tbody tr:first-child th, table.examination thead tr:first-child td, table.examination thead tr:first-child th { border-top: 0 none !important; }

#week table.curriculum hr { background-color: #8B0F27; }
#week table.curriculum tbody td { background-color: #8B0F27; }
#week table.curriculum tbody td.rest { background-color: #DCB6BE; }

table.curriculum tbody .fcbk { color: #333; }

table.examination thead .bgcdk, table.examination tbody td.bgcdk.thead { background-color: #ECDAD5; color: #8B0F27; border-left: 1px #8B0F27 solid; border-top: 1px #8B0F27 solid; }
table.examination tbody .bgcdk { background-color: #ECDAD5; border-left: 1px #FFF solid; border-top: 1px #FFF solid; }

div.imglist img:first-child { margin-left: 0; }

div.imglist img { margin-left: 11px; }

#year li h5 { background-color: #8B0F27; }
#year li::after { background-color: #DCB6BE; }
#year dl.border { border: 1px solid #8B0F27; }
#year dl.border dt { color: #8B0F27; }

/* 進路指導体制 */
#point li { background: #F3E6E9 url(../../../senior/images/guidance_point1.jpg) 55px center no-repeat; border: 1px #8B0E27 solid; margin-bottom: 15px; padding: 10px 9px 10px 226px; line-height: 1.4; position: relative; }
#point li div.numbox { padding: 0 0 5px; position: absolute; top: 0; left: 0; bottom: 0; width: 55px; background-color: #8B0F27; }
#point li div.numbox p { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 55px; height: 50px; font: 13px/20px "Times New Roman", Times, serif; text-align: center; color: #FFF; }
#point li div.numbox p strong { display: block; font-size: 26px; }
#point li h5 { padding: 0 0 5px; color: #8B0F27; font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight: normal; -webkit-transform: rotate3d(0, 0, 1, 0.028deg); -moz-transform: rotate3d(0, 0, 1, 0.028deg); -o-transform: rotate3d(0, 0, 1, 0.028deg); transform: rotate3d(0, 0, 1, 0.028deg); text-shadow: 1px 0 0 #8B0F27; }
#point li p { margin-bottom: 0; }
#point li#point1 { background-image: url(../../../senior/images/guidance_point1.jpg); }
#point li#point2 { background-image: url(../../../senior/images/guidance_point2.jpg); }
#point li#point3 { background-image: url(../../../senior/images/guidance_point3.jpg); }

#schedule table { clear: both; border-collapse: collapse; width: 640px; }
#schedule th { text-align: center; padding: 10px 0; }
#schedule td { vertical-align: top; padding: 0; }
#schedule td p { padding: 10px 8px; color: #FFF; margin-bottom: 0; line-height: 1.4; }
#schedule td.k1 { background-color: #B96E7D; }
#schedule td.k2 { background-color: #9C3247; }
#schedule td.k3 { background-color: #8B0E27; }
#schedule td.blank { padding: 0; vertical-align: middle; text-align: left; }

#onlineenglish img.right { margin-left: 5px; }

#measure ul h5 { font-size: 14px; padding: 8px 10px; text-align: center; color: #8B0F27; background-color: #F3E7E9; margin-bottom: 5px; }
#measure li { margin-bottom: 15px; width: 310px; /* 330-20 */ float: left; }
#measure li.odd { margin-right: 20px; clear: left; }
#measure li strong { font-size: 14px; display: block; margin-bottom: 5px; line-height: 1.4; }

/* 3類クラブ */
#graduate th, #graduate td, #record th, #record td { vertical-align: top; text-align: left; font-weight: normal; padding: 3px 1em 3px 0; line-height: 1.2; }

#record td.column-1 { white-space: nowrap; }

#graduate td th { padding: 0 1em 3px 0; white-space: nowrap; }
#graduate td td { padding: 0 0 3px 0; }

#route li { line-height: 1.2; margin-bottom: 6px; }
#route strong { margin-right: 10px; color: #8B0F27; }
#route li span { white-space: nowrap; }

#spec { font-size: 0.96em; line-height: 1.1; }

#ground img { border: 0 none; width: 640px; height: auto; }

#lightbox .lb-caption { font-size: 18px; }

#g3c_lead a { font-weight: bold; font-size: 14px; text-decoration: none; }

/* 制服 */
.uniform_wrap { background-color: #8B0F27; }

/* イベント */
#event dt { border-bottom-color: #8B0F27; }

/* クラブ活動 */
.clubtable caption { background-color: #8B0F27; }

.clubtable td, .clubtable th { background-color: #F3E7E9; }

#g3c_lead h4 { border-bottom: 0 none; margin-bottom: 10px; padding-bottom: 0; text-shadow: none; }
#g3c_lead .g3c_main { position: relative; border: #8B0F27 1px solid; margin-bottom: 15px; }
#g3c_lead .g3c_main img { vertical-align: bottom; }
#g3c_lead .g3c_main > img { float: left; }
#g3c_lead .g3c_main h4 { position: absolute; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 4px 5px; left: 0; bottom: 0; width: 450px; font-size: 13px; line-height: 17px; color: #FFF; background-color: rgba(139, 15, 39, 0.8); }
#g3c_lead .g3c_main ul { width: 177px; float: right; border-left: #8B0F27 1px solid; }
#g3c_lead .g3c_main li { border-top: #8B0F27 1px solid; }
#g3c_lead .g3c_main li:first-child { border-top: 0 none; }

#bullet_wrap { margin: 10px 0; }
#bullet_wrap img:first-child { margin-right: 10px; }

#record th, #route th, #graduate th { white-space: nowrap; }

@media screen and (max-width: 599px) { .spmidashi { color: #8B0F27 !important; }
  /* イベント */
  #event dd p { width: auto; float: none; }
  /* カリキュラム */
  table.curriculum thead td, table.curriculum thead th { border-bottom: 0 none; }
  #week table.curriculum tbody td, #week table.curriculum tbody th { border-top: 0 none; }
  /*  */
  #ground img { width: 100%; }
  .g12step td { display: block; }
  .g12step th.blank { height: 7px; display: block; }
  #g3c_lead .g3c_main { position: relative; border: #8B0F27 1px solid; margin-bottom: 15px; }
  #g3c_lead .g3c_main img { vertical-align: bottom; width: 100%; height: auto; }
  #g3c_lead .g3c_main > img { float: none; }
  #g3c_lead .g3c_main h4 { box-sizing: border-box; position: static; padding: 4px 5px; width: 100%; }
  #g3c_lead .g3c_main ul { width: 100%; float: nonr; border-top: #8B0F27 1px solid; }
  #g3c_lead .g3c_main li { box-sizing: border-box; width: 33.33%; float: left; border-left: #8B0F27 1px solid; border-top: 0 none; }
  #g3c_lead .g3c_main li:first-child { border-left: 0 none; }
  #graduate tr { display: block; margin-bottom: 1.5em; }
  #graduate tr th, #graduate tr td { padding: 0 1em 0 0; }
  #graduate tr td { display: block; border: none; }
  #graduate tr th, #graduate tr td:first-of-type { display: inline; }
  /* 進路指導体制 */
  #point li { padding: 85px 10px 10px 10px; background-position: 70px 0; background-size: auto 75px; }
  #point li div.numbox { bottom: auto; width: 70px; height: 70px; }
  #onlineenglish img.right { width: 50%; height: auto; margin: 0; }
  #onlineenglish p { padding-top: 5px; clear: both; }
  #measure li { margin-bottom: 15px; width: 100%; float: none; }
  #measure li.odd { margin-right: 0; }
  /* カリキュラム */
  #g3point div.clearfix img.left { display: block; width: 100%; height: auto; margin-bottom: 10px; }
  #initialcostfirst tbody td:nth-of-type(1):before { content: "[入学金]"; margin-right: 5px; }
  #initialcostfirst tbody td:nth-of-type(2):before { content: "[授業料]"; margin-right: 5px; }
  #initialcostfirst tbody td:nth-of-type(3):before { content: "[積立金]"; margin-right: 5px; }
  #initialcostfirst tbody td:nth-of-type(4):before { content: "[諸会費]"; margin-right: 5px; }
  #initialcostfirst tbody td:nth-of-type(5):before { content: "[合計]"; margin-right: 5px; }
  footer { background-color: #8B0F27; }
  #bullet_wrap { margin: 10px 0; }
  #bullet_wrap img { border-left: 5px solid #FFF; box-sizing: border-box; width: 49.95%; height: auto; }
  #bullet_wrap img:first-child { margin-right: 0; border-right: 5px solid #FFF; } }