/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }

p {	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*  Layout
----------------------------------------------- */

body {
    background: #333333 url(https://u.jimcdn.com/cms/o/s1fc68ca9a5d712a8/userlayout/img/bg.gif?t=1457242066) no-repeat top left;
    padding:35px 0 0 0;
    margin:0;
    font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#container
{
    margin:0 auto;
    width:834px;
    background:white;
}

#header
{
    padding:17px;
}

#header h1,
#header a
{
    padding:0;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:30px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    color:#666666;
    text-align:right;
}

#header a:hover { text-decoration:none;  }


#navigation
{
    float:left;
    width:220px;
    padding:17px;

}
#sidebar
{
    padding-top:10px;
}

#content
{
    float:right;

    width:530px;
    padding:17px;

}

#footer
{
    clear:both;
    margin-top:10px;
    background:url(https://u.jimcdn.com/cms/o/s1fc68ca9a5d712a8/userlayout/img/footer-bg.gif?t=1457242067) repeat-x top;
    height:65px;
}

#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 90px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }


a img {
  width: 50px !important;  
  height: auto !important;
  margin: 0 10px;
}

header picture,
header img,
header div[class*="image"] {
  display: none !important;
}
img[src*="header.jpg"] {
  display: none !important;
}

#floating-menu {
  position: fixed;
  bottom: 20px;
  right: 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}
#floating-menu a img {
  width: 180px !important;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
}

@media screen and (min-width: 768px) {
  #floating-menu a img {
    width: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  img[src*="header"] {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }
}
/* 🎓 高3・浪人生用ボタン（立体感UP版） */
.btn-3nen {
  background: linear-gradient(to bottom, #FFD700, #E6C200);
  color: #333 !important;
  padding: 14px 28px;
  border-radius: 10px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: all 0.2s ease-in-out;
}

/* ✨ ホバー時の変化 */
.btn-3nen:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  opacity: 0.95;
}
/* 📘 高1・2年生用ボタン（立体感UP版） */
.btn-1to2nen {
  background: linear-gradient(to bottom, #00CCFF, #009FCC);
  color: #fff !important;
  padding: 14px 28px;
  border-radius: 10px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: all 0.2s ease-in-out;
}
.btn-1to2nen:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  opacity: 0.95;
}

/* 🟦 2年生説明会用 */
.btn-2nen {
  background: linear-gradient(to bottom, #3399FF, #0077CC);
  color: #fff !important;
  padding: 14px 28px;
  border-radius: 10px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: all 0.2s ease-in-out;
}
.btn-2nen:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  opacity: 0.95;
}

/* 🟩 1年生説明会用 */
.btn-1nen {
  background: linear-gradient(to bottom, #66CC66, #449944);
  color: #fff !important;
  padding: 14px 28px;
  border-radius: 10px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: all 0.2s ease-in-out;
}
.btn-1nen:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  opacity: 0.95;
}
/* 💛 説明会ボタン用：黄色系 */
.btn-setumeikai {
  background: linear-gradient(to bottom, #FFD700, #E6C200);
  color: #333 !important;
  padding: 14px 28px;
  border-radius: 10px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: all 0.2s ease-in-out;
}
.btn-setumeikai:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  opacity: 0.95;
}

/* 🔵 学年別ページ用：青系 */
.btn-gakunen {
  background: linear-gradient(to bottom, #3399FF, #0077CC);
  color: #fff !important;
  padding: 14px 28px;
  border-radius: 10px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: all 0.2s ease-in-out;
}
.btn-gakunen:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  opacity: 0.95;
}
/* 🌿 合格実績ボタン → 緑色スタイル、ただしメニューには適用しない */
a[href*="合格実績"]:not(#cc-nav a):not(.cc-nav a) {
  background: linear-gradient(to bottom, #4CAF50, #2E7D32) !important;
  color: #fff !important;
  padding: 14px 28px !important;
  border-radius: 10px !important;
  display: inline-block !important;
  font-weight: bold !important;
  text-decoration: none !important;
  font-size: 16px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.2s ease-in-out !important;
}

a[href*="合格実績"]:not(#cc-nav a):not(.cc-nav a):hover {
  transform: scale(1.05) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3) !important;
  opacity: 0.95 !important;
}
/* メニュー内の「これまでの合格実績」だけ見た目をおとなしめに */
#navigation ul.mainNav1 li a[href*="合格実績"] {
  background: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #cccccc !important;
  padding: 10px 15px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: normal !important;
  font-size: 14px !important;
}
@media screen and (max-width: 767px) {
  #navigation ul.mainNav1 li a[href*="合格実績"] {
    background: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
    padding: 10px 15px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-weight: normal !important;
    font-size: 14px !important;
  }
}
/* 📱 スマホメニューの見た目を強化 */
@media screen and (max-width: 767px) {
  ul#mainNav1 li a {
    background: linear-gradient(to bottom, #FF8C00, #FF4500); /* オレンジグラデーション */
    color: #fff !important;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 14px 20px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    transition: all 0.2s ease;
  }

  ul#mainNav1 li a:hover {
    transform: scale(1.05);
    opacity: 0.9;
  }
}