@charset "utf-8";

/*
Theme Name:ORION
Theme URI:
Description:WordPressテーマ「ORION」
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:2.0

@since   2017/02/01
レスポンシブ　追加作成

*/




/* ----------------------------------------------
   ここから追加
   ---------------------------------------------- */

/* ---------------------------------------------------
  トップページ　追加：ブログ等の一覧
  3/3　追加：現状使用していないので、使用する際には
  　　　　　　クラス?ID名を都度修正する。
 ---------------------------------------------------- */
#index_dis_list_test { 
    margin:0 10px 0 20px; 
}
#index_dis_list_test li { 
    width:50%;
    margin:0 10px 10px 0; 
    width:-webkit-calc(50% - 10px); 
    width:-moz-calc(50% - 10px); 
    width:calc(50% - 10px); 
}

/*#index_dis_list_test li { float:left; width:25%; position:relative; overflow:hidden; margin-bottom:-1px;}*/

#index_dis_list_test li:nth-child(2n) { 
    margin:0 0 10px 0; 
}
#index_dis_list_test li .caption { 
    opacity:1; 
    position:absolute;
    width:100%; 
    padding:15px; 
    top:auto; 
    bottom:0; 
    left:0;
    /*background:rgba(0,0,0,0.4);*/
    background:rgba(117,0,0,0.1);
    -webkit-transform: none; 
    transform: none; 
    -webkit-transition: none; 
    transition: none;
}
#index_dis_list_test li:hover .caption {
    top:auto; 
    left:0;
    -webkit-transform: none; 
    transform: none;
}
#index_dis_list_test li .title { 
    font-size:24px; 
    margin:0; 
    line-height:120%; 
}
#index_dis_list_test li .desc p { 
    font-size:12px; 
    margin:0; 
    line-height:160%; 
}

@media screen and (max-width:550px) { /* 550px↓ */
    #index_dis_list_test { 
        margin:0; 
    }
    #index_dis_list_test li { 
        float:none; 
        width:auto; 
        position:relative; 
        margin:0 20px 5px !important; 
    }
}<!-- ここまで　@media screen and (max-width:550px) -->


/* ---------------------------------------------------
  特別ページ
  responsive.css に上書きされるため、そのまま再度ペースト
 ---------------------------------------------------- */
#index_dis_list { margin:0 10px 0 20px; }
#index_dis_list li { width:50%; margin:0 10px 10px 0; width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); }
#index_dis_list li:nth-child(2n) { margin:0 0 10px 0; }
#index_dis_list li .caption { 
  opacity:1; position:absolute; width:100%; padding:15px; top:auto; bottom:0; left:0;
  /* 修正 *//*background:rgba(0,0,0,0.4);*/background:rgba(117,0,0,0.1);
  -webkit-transform: none; transform: none; -webkit-transition: none; transition: none;
}
#index_dis_list li:hover .caption {
  top:auto; left:0;
  -webkit-transform: none; transform: none;
}
#index_dis_list li .title { font-size:24px; margin:0; line-height:150%; }
#index_dis_list li .desc p { font-size:12px; margin:0; line-height:160%; }
@media screen and (max-width:550px) {
  #index_dis_list { margin:0; }
  #index_dis_list li { float:none; width:auto; position:relative; margin:0 20px 5px !important; }
}

/* ---------------------------------------------------
  共通　追加：ページ上部表示するメニュー作成 
  3/3　追加：現状使用していないので、使用する際には
  　　　　　　クラス?ID名を都度修正する。
 ---------------------------------------------------- */
/* 訪問者別用メニュー */
#header_inner_top_test{ 
    width:100%; 
    min-width:0px; 
    height:55px; 
    margin:0; 
    position:relative; 
}

#header_inner_top_test_2{ 
    width:100%; 
    min-width:0px; 
    height:55px; 
    margin:0; 
    position:relative; 
}

@media screen and (max-width:767px) { /* 767px↓ */
    #header_inner_top_test{ 
        width:100%; 
        min-width:0px; 
        /* height:55px; */
        height:100px;
        /*padding-bottom: 35%;*/
        margin:0 20px; 
        position:relative; 
        /*margin: 0 20px;*/
        /*box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;*/
        top:0;
    }
    #top_menu li {
        float:left;
        margin: 5px; /*15px ;*/
        text-align:left;
        font-size:12px;
      /*  line-height:160%; */
    }

     #top_menu ul li ul.sub-menu {
         display: inline;  /* サブメニューは常に表示するよう変更 */
         position: absolute;  /* 絶対配置 */
         top: 70px; 
         width: 142px; 
         z-index: 9999;
      }

     #top_menu ul li ul.sub-menu li {
         /*border-bottom: 1px solid #750000;*/
     }

     #top_menu ul li ul.sub-menu li a {  
         background-color: #fff;
         color: #000;
         font-size:12px;
         padding: 2px;
         text-decoration: none;
         border: solid 1px #750000;
     }
    
   /* TOP用に同じものを作成 */
    .home #top_menu ul li ul.sub-menu {
        display: inline;  /* サブメニューは常に表示するよう変更 */
        position: absolute;  /* 絶対配置 */
       /* top: 70px;*/ 
        width: 142px; 
        z-index: 9999;
    }

    .home #top_menu ul li ul.sub-menu li {
    /*  border-bottom: 1px solid #750000;*/
    }

    .home #top_menu ul li ul.sub-menu li a {  
        background-color: #fff;
        color: #000;
        /*text-align: left;*/
        font-size:12px;
        /*padding-right: 10px;*/
        padding: 2px;
        text-decoration: none;
        border: solid 1px #750000;
    }

   /* .index_wide_image { height:190px; }
    .index_wide_image .image img { height:190px; width:auto; }
    .index_wide_image .caption .title { font-size:20px !important; text-align:center; }*/

    /* 資料請求等用　メニューコンテンツ */
    /* 検索ボタンと資料請求の高さ指定 */
    #header_inner_top_test_2{ 
        width:100%; 
        min-width:0px; 
        /* height:55px; */
        height:100px;
        /*padding-bottom: 35%;*/
        margin:0 20px; 
        position:relative; 
        /*margin: 0 20px;*/
        /*box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;*/
        top:0;
    }
    #top_menu_2 {
        margin-top: 15px;
        vertical-align: baseline;
        line-height:30px;
        padding-right: 5px;
        font-size:12px;
    }

      #top_menu_2 li {
        float:left;
        margin: 5px; /*15px ;*/
        text-align:left;
        font-size:12px;
      /*  line-height:160%; */
    }

    /* 検索ボタンと資料請求の回り込み解除 */
    .clear {
        clear:both;
    }
    #searchform {
        display: inline;
        text-align: left;
        width:100%;
    } 
    
   #s {
        width: 25%;
    } 

    #menu-nav_top_2 .menu li a {
        display: inline-block;
    }

} <!-- ここまで　@media screen and (max-width:767px) -->


/* レイアウト */

#left_col { width:auto; float:none; }
#side_col { width:100%; float:none; }


/* ---------------------------------------------------
  トップページ：学園リスト 
  
 ---------------------------------------------------- */

@media screen and (max-width:767px) { /* 767px↓ */
  div#school_list_top {
      margin-bottom: 20px;
  }

  .index_content_header3 li.school_list { margin-top:10px; }
  li.school_list { display: inline-block; margin-right: 15px; width: 27%; vertical-align: top; }
  .index_content_header3.school_align { text-align: left; }
  img.school_img { width:90px; /*padding: 0;*/ padding: 10px 0 10px 0; }
  
  
/* ---------------------------------------------------
   トップページ：お知らせ
   responsive.cssからそのまま移動
  
 ---------------------------------------------------- */
  

.index_content_header2 { margin: 0 0 20px 0; }
.index_content_header2 .headline { float:none; font-size:22px !important; margin:0 20px; line-height:150%; }
.index_content_header2 .link { float: none; position: absolute; left: 0; bottom: 25px; width: 100%; height: 40px; }
.index_content_header2 .link a { width:140px; height:40px; line-height:40px; font-size:12px; display: block; margin: 0 auto; float: none; }
.index_content_header2 .link a:after { font-size:13px; }

#index_news { position:relative; padding-bottom:40px; }

#index_news_list { margin:0 20px; }
#index_news_list li { float:none; width:100%; height:auto; margin:-1px 0 0 0; padding: 0 0 5px 0; } /* 2020.7.30 修正 cshibata */
#index_news_list li:nth-child(even) { margin-right:0; }
#index_news_list li .date { float:none; width:auto; font-size:11px; line-height:180%; margin:0 0 5px 0; font-weight:bold; }
#index_news_list li .title { float:none; width:auto; line-height:160%; margin:0; display:block; font-size: 15px; }

/* ---------------------------------------------------
  トップページ：コンテンツ１ 
  responsive.cssからそのまま移動
  
 ---------------------------------------------------- */
.index_box_list { padding:40px 0 0; display:block; }
.index_box_list .box {
  width:100%; float:none; margin:0 0 30px 0; padding:0 20px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.index_box_list .image {
  width:40%; float:left; margin:0 15px 0 0;
  width:-webkit-calc(40% - 15px); width:-moz-calc(40% - 15px); width:calc(40% - 15px);
}
.index_box_list .info {
  width:60%; float:left; padding:0 0 0 15px; position:relative; 
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.index_box_list .headline { font-size:28px; margin:0 0 20px; text-align: center; }
.index_box_list .desc { margin:0 0 20px; line-height: 200%;}
.index_box_list .link { position:relative; margin:0; right:0; left:0; bottom:auto; width:140px; height:40px; line-height:40px; font-size:12px; }
.index_box_list .link:after { font-size:13px; }

@media screen and (max-width:550px) {
  .index_box_list .box { margin:0; }
  .index_box_list .image { width:100%; float:none; margin:0 0 30px 0; }
  .index_box_list .info { width:100%; float:none; padding:0; position:relative;  }
  .index_box_list .link { margin:0 auto 30px; }
  .index_box_list .box3 .link { margin-bottom:0; }
}

} <!-- ここまで　@media screen and (max-width:767px) -->